.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.onboarding{background:#fff;width:100%;max-width:430px;border-radius:24px 24px 0 0;padding:40px 28px 36px;display:flex;flex-direction:column;align-items:center;gap:24px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.onboarding__icon-wrap{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f0fe}.onboarding__icon-wrap--step0{background:#e8f0fe}.onboarding__icon-wrap--step1{background:#fff3e0}.onboarding__icon-wrap--step2{background:#e8f5e9}.onboarding__icon-wrap--step3{background:#ffebee}.onboarding__icon{font-size:40px}.onboarding__logo{width:56px;height:56px;object-fit:contain}.onboarding__icon-wrap--step0 .onboarding__icon{color:#1b2a4a}.onboarding__icon-wrap--step1 .onboarding__icon{color:#e65100}.onboarding__icon-wrap--step2 .onboarding__icon{color:#2e7d32}.onboarding__icon-wrap--step3 .onboarding__icon{color:#c62828}.onboarding__text{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.onboarding__title{font-size:22px;font-weight:700;color:var(--color-text-primary);white-space:pre-line;line-height:1.4}.onboarding__desc{font-size:14px;color:var(--color-text-secondary);white-space:pre-line;line-height:1.7}.onboarding__dots{display:flex;gap:8px}.onboarding__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background .2s,transform .2s}.onboarding__dot--active{background:var(--color-navy);transform:scale(1.3)}.onboarding__btn{width:100%;padding:14px;font-size:16px}.onboarding__skip{background:none;border:none;font-size:13px;color:var(--color-text-disabled);cursor:pointer;padding:4px 8px}.login-page{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:80px 32px 48px;background-color:var(--color-navy)}.login-page__top{display:flex;flex-direction:column;align-items:center;gap:16px}.login-logo{display:flex;flex-direction:column;align-items:center;gap:12px}.login-logo__img{width:96px;height:96px;object-fit:contain}.login-logo__name{font-size:32px;font-weight:700;color:var(--color-white);letter-spacing:-.5px}.login-tagline{font-size:14px;color:#fff9;text-align:center;line-height:1.5}.login-page__bottom{display:flex;flex-direction:column;gap:20px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background-color:var(--color-white);color:var(--color-text-primary);border:none;border-radius:var(--radius-btn);font-family:var(--font-family);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-google:active{opacity:.85}.btn-google__icon{width:20px;height:20px}.btn-naver{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;background-color:#03c75a;color:#fff;border:none;border-radius:var(--radius-btn);font-family:var(--font-family);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-naver:active{opacity:.85}.btn-kakao{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;background-color:#fee500;color:#3c1e1e;border:none;border-radius:var(--radius-btn);font-family:var(--font-family);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-kakao:active{opacity:.85}.login-links{display:flex;align-items:center;justify-content:center;gap:8px}.login-link{font-size:12px;color:#ffffff80;text-decoration:none}.login-link:hover{color:#fffc}.login-link-divider{color:#ffffff4d;font-size:12px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width-mobile);height:var(--bottom-nav-height);background-color:var(--color-white);border-top:1px solid var(--color-border);display:flex;align-items:center;z-index:100}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--color-text-disabled);transition:color .15s;padding:8px 0;-webkit-tap-highlight-color:transparent}.bottom-nav__item--active{color:var(--color-navy)}.bottom-nav__item .material-symbols-outlined{font-size:22px}.bottom-nav__label{font-size:10px;font-weight:500}.home-page{padding:0 0 20px}.home-header{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 16px;background-color:var(--color-navy)}.home-header__greeting{display:flex;flex-direction:column;gap:2px}.home-header__logo{width:36px;height:36px;object-fit:contain;margin-bottom:4px}.home-header__hi{font-size:13px;color:#ffffffa6}.home-header__name{font-size:20px;font-weight:700;color:var(--color-white)}.home-header__actions{display:flex;align-items:center;gap:10px}.home-header__notif-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1f;border:none;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-header__notif-btn .material-symbols-outlined{font-size:20px;color:var(--color-white)}.home-header__notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background-color:#e53935;border-radius:8px;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1}.home-header__avatar-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.recipient-banner{display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:12px 14px;background-color:#e8f0fe;border-radius:var(--radius-card);font-size:13px;font-weight:500;color:#1b2a4a;cursor:pointer;border:none;width:calc(100% - 32px);text-align:left;-webkit-tap-highlight-color:transparent}.recipient-banner .material-symbols-outlined{font-size:20px;flex-shrink:0;color:#1b2a4a}.recipient-banner__text{flex:1}.recipient-banner__title{font-weight:700;font-size:13px;color:#1b2a4a}.recipient-banner__desc{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.recipient-banner__arrow{font-size:18px;color:var(--color-text-disabled)}.quiz-pending-banner{display:flex;align-items:center;margin:12px 16px 0;background-color:#fff3e0;border-radius:var(--radius-card);overflow:hidden}.quiz-pending-banner__main{display:flex;align-items:center;gap:10px;flex:1;padding:12px 14px;background:none;border:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#e65100}.quiz-pending-banner__main .material-symbols-outlined{font-size:20px;flex-shrink:0;color:#e65100}.quiz-pending-banner__close{display:flex;align-items:center;justify-content:center;padding:12px;background:none;border:none;cursor:pointer;color:#e65100;opacity:.6;flex-shrink:0;-webkit-tap-highlight-color:transparent}.fcm-banner{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:12px 14px;background-color:#fff3e0;border-radius:var(--radius-card);font-size:13px;font-weight:500;color:var(--color-warning)}.fcm-banner .material-symbols-outlined{font-size:18px;flex-shrink:0}.home-progress{margin:16px;display:flex;flex-direction:column;gap:8px}.home-progress__label{display:flex;justify-content:space-between;font-size:13px;color:var(--color-text-secondary);font-weight:500}.home-progress__count{font-weight:700;color:var(--color-navy)}.home-progress__bar{height:6px;background-color:var(--color-border);border-radius:3px;overflow:hidden}.home-progress__fill{height:100%;background-color:var(--color-navy);border-radius:3px;transition:width .4s ease}.home-progress__percent{font-size:12px;color:var(--color-text-secondary);text-align:right}.home-section{padding:0 16px;margin-bottom:8px}.home-section__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text-secondary);padding:12px 0 8px;text-transform:uppercase;letter-spacing:.3px}.home-section__title .material-symbols-outlined{font-size:16px}.home-section__count{margin-left:auto;font-size:12px;color:var(--color-text-disabled)}.question-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 14px 14px 16px;background-color:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;text-align:left;transition:border-color .15s;-webkit-tap-highlight-color:transparent}.question-card:active{border-color:var(--color-navy)}.question-card--completed{opacity:.55}.question-card__content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.question-card__num{font-size:11px;font-weight:700;color:var(--color-white);background-color:var(--color-navy);padding:2px 7px;border-radius:3px;flex-shrink:0}.question-card--completed .question-card__num{background-color:var(--color-text-disabled)}.question-card__text{font-size:14px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-card__arrow{font-size:18px;color:var(--color-text-disabled);flex-shrink:0}.home-loading{display:flex;justify-content:center;padding:40px}.answer-list-page{padding-top:0}.tab-bar{display:flex;border-bottom:1px solid var(--color-border);background-color:var(--color-white);position:sticky;top:53px;z-index:9}.tab-bar__item{flex:1;padding:12px;background:none;border:none;border-bottom:2px solid transparent;font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.tab-bar__item--active{color:var(--color-navy);border-bottom-color:var(--color-navy);font-weight:600}.answer-list{padding:8px 16px;display:flex;flex-direction:column;gap:8px}.answer-list-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px;background-color:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;text-align:left;gap:12px;-webkit-tap-highlight-color:transparent}.answer-list-item:active{border-color:var(--color-navy)}.answer-list-item__left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.answer-list-item__num{font-size:11px;font-weight:700;color:var(--color-white);background-color:var(--color-navy);padding:2px 7px;border-radius:3px;flex-shrink:0}.answer-list-item__info{display:flex;flex-direction:column;gap:3px;min-width:0}.answer-list-item__title{font-size:14px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.answer-list-item__date{font-size:11px;color:var(--color-text-disabled)}.answer-list-item__right{display:flex;align-items:center;gap:4px;flex-shrink:0}.answer-list-item__right .material-symbols-outlined{font-size:18px;color:var(--color-text-disabled)}.list-loading{display:flex;justify-content:center;padding:60px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--color-text-disabled)}.empty-state .material-symbols-outlined{font-size:48px}.empty-state p{font-size:14px}.answer-page{display:flex;flex-direction:column;min-height:100vh}.icon-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;color:var(--color-text-primary);padding:4px;-webkit-tap-highlight-color:transparent}.header-spacer{width:32px}.answer-question{padding:24px 20px 16px;border-bottom:1px solid var(--color-border)}.answer-question__text{font-size:18px;font-weight:600;line-height:1.5;color:var(--color-text-primary)}.answer-question__edited{display:block;margin-top:8px;font-size:12px;color:var(--color-text-disabled)}.answer-input-area{flex:1;padding:20px}.answer-textarea{width:100%;height:100%;min-height:200px;padding:14px;border:1.5px solid var(--color-border);border-radius:var(--radius-input);font-family:var(--font-family);font-size:15px;line-height:1.6;color:var(--color-text-primary);resize:none;outline:none;transition:border-color .15s}.answer-textarea:focus{border-color:var(--color-navy)}.answer-textarea::placeholder{color:var(--color-text-disabled)}.checkbox-list{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.checkbox-item__input{display:none}.checkbox-item__box{width:22px;height:22px;border:2px solid var(--color-border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--color-white);transition:border-color .15s,background-color .15s}.checkbox-item__input:checked+.checkbox-item__box{border-color:var(--color-navy);background-color:var(--color-navy)}.checkbox-item__box .material-symbols-outlined{font-size:16px;color:var(--color-white)}.checkbox-item__label{font-size:15px;color:var(--color-text-primary)}.answer-footer{padding:16px 20px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px;background-color:var(--color-white)}.answer-nav{display:flex;gap:8px}.answer-nav__btn{flex:1;padding:11px;font-size:14px}.answer-loading{display:flex;justify-content:center;align-items:center;min-height:100vh}.notification-page{display:flex;flex-direction:column;min-height:100vh}.notification-content{flex:1;padding:20px 16px;display:flex;flex-direction:column;gap:16px}.miss-count-banner{display:flex;align-items:center;gap:8px;padding:12px 14px;background-color:#fff3e0;border:1px solid #FFCC80;border-radius:var(--radius-card);font-size:13px;color:var(--color-warning)}.miss-count-banner--danger{background-color:#ffebee;border-color:#ef9a9a;color:var(--color-danger)}.miss-count-banner .material-symbols-outlined{font-size:18px;flex-shrink:0}.notification-card{display:flex;flex-direction:column;gap:10px}.notification-card__from{font-size:11px;font-weight:600;color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px}.notification-card__body{font-size:16px;line-height:1.7;color:var(--color-text-primary);white-space:pre-line}.notification-card__date{font-size:12px;color:var(--color-text-disabled)}.notification-guide{font-size:13px;color:var(--color-text-secondary);line-height:1.6;text-align:center;padding:8px 0}.notification-footer{padding:16px 20px 32px;border-top:1px solid var(--color-border)}.dismiss-btn{font-size:16px;padding:16px;gap:8px}.dismiss-btn .material-symbols-outlined{font-size:20px}.recipient-page{padding-top:0}.recipient-search{padding:16px;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.recipient-search__input-row{display:flex;gap:8px}.recipient-search__input-row .input{flex:1;min-width:0}.recipient-search__btn{width:auto;flex:0 0 auto;padding:13px 16px}.search-result{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-result__user{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.search-result__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.search-result__name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.search-result__email{font-size:12px;color:var(--color-text-secondary)}.recipient-list{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.recipient-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.recipient-card__left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.recipient-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-navy);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.recipient-card__info{display:flex;flex-direction:column;gap:2px;min-width:0}.recipient-card__name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.recipient-card__email{font-size:12px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-card__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.quiz-setting-page{display:flex;flex-direction:column;min-height:100vh}.quiz-recipient-info{display:flex;align-items:center;gap:6px;padding:12px 20px;background-color:var(--color-bg);font-size:13px;font-weight:500;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.quiz-recipient-info .material-symbols-outlined{font-size:16px}.quiz-form{flex:1;padding:20px 20px 0;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.required{color:var(--color-danger)}.form-hint{font-size:12px;color:var(--color-text-disabled)}.quiz-info-box{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background-color:#eef2ff;border-radius:var(--radius-card);font-size:13px;color:var(--color-navy);line-height:1.5}.quiz-info-box .material-symbols-outlined{font-size:16px;flex-shrink:0;margin-top:1px}.quiz-encrypt-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--color-text-disabled)}.quiz-encrypt-badge .material-symbols-outlined{font-size:14px}.quiz-footer{padding:16px 20px 32px;display:flex;gap:10px;border-top:1px solid var(--color-border);margin-top:20px}.quiz-footer .btn{flex:1}.settings-page{padding-top:0}.settings-profile{display:flex;align-items:center;gap:14px}.settings-profile-edit{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 16px}.profile-edit__photo-wrap{position:relative;cursor:pointer;display:inline-block}.profile-edit__photo-badge{position:absolute;bottom:0;right:0;width:24px;height:24px;background:var(--color-navy);border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-edit__photo-badge .material-symbols-outlined{font-size:14px;color:#fff}.profile-edit__fields{width:100%}.profile-edit__actions{display:flex;gap:8px;width:100%}.profile-edit__actions .btn{flex:1}.settings-profile__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0}.settings-profile__avatar--fallback{background:var(--color-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:0}.settings-profile__info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.settings-profile__name{font-size:16px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-profile__email{font-size:13px;color:var(--color-text-secondary)}.settings-section{margin-bottom:4px}.settings-section__title{padding:14px 20px 6px;font-size:11px;font-weight:700;color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px}.settings-section__body{padding:8px 20px 12px;display:flex;flex-direction:column;gap:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:none;border:none;border-bottom:1px solid var(--color-border);font-family:var(--font-family);font-size:15px;color:var(--color-text-primary);cursor:pointer;width:100%;text-align:left;-webkit-tap-highlight-color:transparent}.settings-row .material-symbols-outlined{font-size:18px;color:var(--color-text-disabled)}.settings-row--danger,.settings-row--danger .material-symbols-outlined{color:var(--color-danger)}.settings-link{text-decoration:none}.notif-time-row{display:flex;align-items:center;gap:8px}.notif-time-select{flex:1}.toggle{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.toggle input{display:none}.toggle__slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-border);border-radius:13px;transition:background-color .2s}.toggle__slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle__slider{background-color:var(--color-navy)}.toggle input:checked+.toggle__slider:before{transform:translate(22px)}.withdraw-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.withdraw-modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:320px}.withdraw-modal__title{font-size:17px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.withdraw-modal__desc{font-size:14px;color:var(--color-text-secondary);margin:0 0 20px;line-height:1.5}.withdraw-modal__error{font-size:13px;color:var(--color-danger);margin:0 0 12px}.withdraw-modal__actions{display:flex;gap:8px}.withdraw-modal__actions .btn{flex:1}.btn-danger{background:var(--color-danger);color:#fff;border:none}.settings-version{text-align:center;padding:20px;font-size:12px;color:var(--color-text-disabled)}.warning-page{display:flex;flex-direction:column;align-items:center;padding:48px 24px;min-height:100vh;gap:20px}.warning-icon{width:80px;height:80px;border-radius:50%;background-color:#ffebee;display:flex;align-items:center;justify-content:center}.warning-icon .material-symbols-outlined{font-size:40px;color:var(--color-danger)}.warning-title{font-size:22px;font-weight:700;color:var(--color-text-primary);text-align:center}.warning-message{font-size:16px;color:var(--color-text-secondary);text-align:center;line-height:1.6}.warning-timer-box{width:100%;padding:24px;background-color:#ffebee;border:1.5px solid #EF9A9A;border-radius:var(--radius-card);display:flex;flex-direction:column;align-items:center;gap:10px}.warning-timer-label{font-size:12px;font-weight:600;color:var(--color-danger);text-transform:uppercase;letter-spacing:.5px}.warning-timer{font-size:44px;font-weight:700;color:var(--color-danger);letter-spacing:2px;font-variant-numeric:tabular-nums}.warning-timer--expired{color:var(--color-text-disabled)}.warning-timer-note{font-size:13px;color:var(--color-text-secondary);text-align:center;line-height:1.5}.warning-timer-note--expired{color:var(--color-danger);font-weight:500}.warning-info{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background-color:var(--color-bg);border-radius:var(--radius-card);font-size:13px;color:var(--color-text-secondary);width:100%;line-height:1.5}.warning-info .material-symbols-outlined{font-size:16px;flex-shrink:0}.warning-loading{display:flex;justify-content:center;align-items:center;min-height:100vh}.quiz-access-page{display:flex;flex-direction:column;min-height:100vh;gap:20px;padding:0 0 32px}.quiz-sender{display:flex;align-items:center;gap:8px;padding:16px 20px;background-color:var(--color-navy);color:#ffffffd9;font-size:14px;font-weight:500}.quiz-sender .material-symbols-outlined{font-size:18px;color:#ffffffb3}.quiz-card{margin:0 16px}.quiz-card__label{font-size:11px;font-weight:700;color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.quiz-card__question{font-size:20px;font-weight:600;color:var(--color-text-primary);line-height:1.5}.quiz-hint{display:flex;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;background-color:var(--color-bg);border-radius:4px;font-size:13px;color:var(--color-text-secondary)}.quiz-hint .material-symbols-outlined{font-size:16px;color:var(--color-warning)}.quiz-input-area{padding:0 16px;display:flex;flex-direction:column;gap:8px}.input--error{border-color:var(--color-danger)!important}.quiz-error-msg{font-size:13px;color:var(--color-danger)}.quiz-attempts{display:flex;align-items:center;gap:6px}.quiz-attempt-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-border)}.quiz-attempt-dot--active{background-color:var(--color-navy)}.quiz-attempts-label{font-size:12px;color:var(--color-text-disabled);margin-left:4px}.quiz-loading{display:flex;justify-content:center;align-items:center;min-height:100vh}.record-view-page{padding-bottom:40px}.record-header{display:flex;flex-direction:column;align-items:center;padding:40px 24px 24px;background-color:var(--color-navy);gap:10px;text-align:center}.record-header__lock{width:64px;height:64px;border-radius:50%;background-color:#ffffff26;display:flex;align-items:center;justify-content:center}.record-header__lock .material-symbols-outlined{font-size:32px;color:var(--color-white)}.record-header__title{font-size:20px;font-weight:700;color:var(--color-white)}.record-header__sub{font-size:13px;color:#ffffffa6}.record-header__badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background-color:#ffffff26;border-radius:20px;font-size:12px;color:#fffc}.record-header__badge .material-symbols-outlined{font-size:14px}.record-list{padding:16px;display:flex;flex-direction:column;gap:12px}.record-item{display:flex;flex-direction:column;gap:6px}.record-item__qnum{font-size:11px;font-weight:700;color:var(--color-white);background-color:var(--color-navy);padding:2px 8px;border-radius:3px;align-self:flex-start}.record-item__question{font-size:15px;font-weight:600;color:var(--color-text-primary);line-height:1.4}.record-item__text{font-size:15px;color:var(--color-text-secondary);line-height:1.7;white-space:pre-line}.record-item__options{display:flex;flex-direction:column;gap:8px}.record-option{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--color-text-secondary)}.record-option .material-symbols-outlined{font-size:16px;color:var(--color-success)}.record-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;color:var(--color-text-disabled);text-align:center}.record-empty .material-symbols-outlined{font-size:48px}.record-empty p{font-size:14px}.record-end{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:var(--color-text-disabled)}.record-end .material-symbols-outlined{font-size:36px}.record-end p{font-size:13px}.legal-page{padding:0 20px 40px;max-width:600px;margin:0 auto}.legal-header{padding:24px 0 16px;border-bottom:1px solid var(--color-border);margin-bottom:24px}.legal-title{font-size:22px;font-weight:700;color:var(--color-text-primary);margin-bottom:6px}.legal-date{font-size:13px;color:var(--color-text-secondary)}.legal-section{margin-bottom:28px}.legal-section h2{font-size:15px;font-weight:700;color:var(--color-text-primary);margin-bottom:10px}.legal-section p{font-size:14px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:6px}.admin-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg);padding:20px}.admin-login-card{width:100%;max-width:400px;background-color:var(--color-white);border-radius:8px;box-shadow:var(--shadow-card);padding:40px 32px}.admin-login-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px}.admin-login-logo .material-symbols-outlined{font-size:40px;color:var(--color-navy)}.admin-login-logo h1{font-size:20px;font-weight:700;color:var(--color-text-primary)}.admin-login-form{display:flex;flex-direction:column;gap:16px}.admin-login-error{font-size:13px;color:var(--color-danger);text-align:center}.admin-layout{display:flex;min-height:100vh;background-color:var(--color-bg);max-width:none}.admin-sidebar{width:220px;background-color:var(--color-navy);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh}.admin-sidebar__logo{display:flex;align-items:center;gap:10px;padding:24px 20px;font-size:18px;font-weight:700;color:var(--color-white);border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar__logo .material-symbols-outlined{font-size:24px}.admin-nav{flex:1;padding:12px 0;display:flex;flex-direction:column}.admin-nav__item{display:flex;align-items:center;gap:10px;padding:13px 20px;color:#ffffffa6;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .15s,color .15s}.admin-nav__item:hover{background-color:#ffffff14;color:var(--color-white)}.admin-nav__item--active{background-color:#ffffff26;color:var(--color-white);font-weight:600}.admin-nav__item .material-symbols-outlined{font-size:20px}.admin-logout{display:flex;align-items:center;gap:10px;padding:16px 20px;background:none;border:none;border-top:1px solid rgba(255,255,255,.1);color:#ffffff80;font-family:var(--font-family);font-size:14px;cursor:pointer;transition:color .15s}.admin-logout:hover{color:var(--color-white)}.admin-logout .material-symbols-outlined{font-size:20px}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-topbar{padding:20px 28px;background-color:var(--color-white);border-bottom:1px solid var(--color-border)}.admin-topbar__title{font-size:20px;font-weight:700;color:var(--color-text-primary)}.admin-content{padding:24px 28px;overflow-y:auto;flex:1}.admin-card{background-color:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px;margin-bottom:20px}.admin-card__title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px}.admin-loading{display:flex;justify-content:center;padding:60px}@media (max-width: 768px){.admin-sidebar{display:none}}.dashboard{display:flex;flex-direction:column;gap:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background-color:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px;display:flex;align-items:center;gap:14px}.stat-card__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-card--navy .stat-card__icon{background-color:#eef2ff;color:var(--color-navy)}.stat-card--success .stat-card__icon{background-color:#e8f5e9;color:var(--color-success)}.stat-card--danger .stat-card__icon{background-color:#ffebee;color:var(--color-danger)}.stat-card--warning .stat-card__icon{background-color:#fff3e0;color:var(--color-warning)}.stat-card__info{display:flex;flex-direction:column;gap:3px}.stat-card__label{font-size:12px;color:var(--color-text-secondary)}.stat-card__value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.log-list{display:flex;flex-direction:column;gap:12px}.log-item{display:flex;align-items:center;gap:10px}.log-item__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.log-item__dot--notification{background-color:var(--color-navy)}.log-item__dot--quiz{background-color:var(--color-warning)}.log-item__dot--warning{background-color:var(--color-danger)}.log-item__dot--join{background-color:var(--color-success)}.log-item__msg{flex:1;font-size:14px;color:var(--color-text-primary)}.log-item__time{font-size:12px;color:var(--color-text-disabled);flex-shrink:0}.log-empty{font-size:14px;color:var(--color-text-disabled);text-align:center;padding:20px}.member-manage{display:flex;flex-direction:column;gap:0}.member-toolbar{display:flex;gap:12px;flex-wrap:wrap}.member-table-wrapper{overflow-x:auto}.member-table{width:100%;border-collapse:collapse;font-size:14px}.member-table th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap}.member-table td{padding:12px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap}.member-table__row{cursor:pointer;transition:background-color .1s}.member-table__row:hover{background-color:var(--color-bg)}.member-name{font-weight:600}.member-email{color:var(--color-text-secondary);font-size:13px}.member-miss--danger{color:var(--color-danger);font-weight:600}.member-actions{display:flex;gap:6px}.btn-sm{padding:5px 10px;border-radius:var(--radius-btn);font-family:var(--font-family);font-size:12px;font-weight:600;cursor:pointer;border:none}.btn-sm--outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-sm--danger{background-color:var(--color-danger);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-box{background-color:var(--color-white);border-radius:8px;width:100%;max-width:480px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:17px;font-weight:700}.modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:14px}.detail-label{color:var(--color-text-secondary);font-weight:500}.question-list{display:flex;flex-direction:column;gap:8px}.question-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-white);cursor:grab;transition:box-shadow .15s}.question-item:active{cursor:grabbing}.question-item:hover{box-shadow:var(--shadow-card)}.question-item__drag{color:var(--color-text-disabled);font-size:20px;flex-shrink:0}.question-item__num{font-size:11px;font-weight:700;color:var(--color-white);background-color:var(--color-navy);padding:2px 7px;border-radius:3px;flex-shrink:0}.question-item__title{flex:1;font-size:14px;font-weight:500;color:var(--color-text-primary)}.question-item__actions{display:flex;gap:6px;flex-shrink:0}.danger-badge{display:inline-block;margin-left:8px;padding:2px 8px;background-color:var(--color-danger);color:#fff;border-radius:20px;font-size:12px;font-weight:700}.danger-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 900px){.danger-grid{grid-template-columns:1fr}}.danger-group{border:1.5px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.danger-group--critical{border-color:#ef9a9a}.danger-group__header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:var(--color-bg);font-size:13px;font-weight:600;color:var(--color-text-primary)}.danger-group--critical .danger-group__header{background-color:#ffebee;color:var(--color-danger)}.danger-group__count{font-size:16px;font-weight:700}.danger-member{display:flex;flex-direction:column;padding:8px 12px;border-top:1px solid var(--color-border);font-size:13px;color:var(--color-text-primary)}.danger-member__email{font-size:11px;color:var(--color-text-disabled)}.template-list{display:flex;flex-direction:column;gap:12px}.template-item{display:flex;flex-direction:column;gap:4px}.template-label{font-size:12px;font-weight:700;color:var(--color-text-secondary)}.danger-expand-btn{width:100%;padding:8px 12px;border:none;border-top:1px solid var(--color-border);background:var(--color-bg);font-size:12px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;text-align:center}.danger-expand-btn:hover{background:#f5f5f5}.notif-content{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--color-navy: #1B2A4A;--color-navy-light: #2C3E66;--color-white: #ffffff;--color-bg: #F5F6FA;--color-text-primary: #1B2A4A;--color-text-secondary: #6B7A99;--color-text-disabled: #B0B8CC;--color-border: #E2E6EF;--color-success: #2E7D32;--color-danger: #C62828;--color-warning: #E65100;--color-card: #ffffff;--radius-btn: 4px;--radius-card: 8px;--radius-input: 4px;--shadow-card: 0 2px 8px rgba(27, 42, 74, .08);--shadow-btn: 0 1px 4px rgba(27, 42, 74, .12);--font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width-mobile: 430px;--bottom-nav-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:16px;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.app-container{max-width:var(--max-width-mobile);margin:0 auto;min-height:100vh;background-color:var(--color-white);position:relative}@media (min-width: 768px){body{background-color:var(--color-bg)}.app-container{box-shadow:0 0 40px #1b2a4a1a}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px 20px;border:none;border-radius:var(--radius-btn);font-family:var(--font-family);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s,background-color .15s;text-decoration:none}.btn:active{opacity:.85}.btn-primary{background-color:var(--color-navy);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-navy-light)}.btn-outline{background-color:transparent;color:var(--color-navy);border:1.5px solid var(--color-navy)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn:disabled{opacity:.4;cursor:not-allowed}.input{width:100%;padding:13px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-input);font-family:var(--font-family);font-size:15px;color:var(--color-text-primary);background-color:var(--color-white);outline:none;transition:border-color .15s}.input:focus{border-color:var(--color-navy)}.input::placeholder{color:var(--color-text-disabled)}.card{background-color:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px}.page-with-nav{padding-bottom:calc(var(--bottom-nav-height) + 16px)}.page-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border);background-color:var(--color-white);position:sticky;top:0;z-index:10}.page-header h1{font-size:17px;font-weight:600;color:var(--color-text-primary)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-success{background-color:#e8f5e9;color:var(--color-success)}.badge-warning{background-color:#fff3e0;color:var(--color-warning)}.badge-danger{background-color:#ffebee;color:var(--color-danger)}.divider{height:1px;background-color:var(--color-border);margin:0}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-navy);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}