:root{color:#172a3d;font-synthesis:none;text-rendering:optimizelegibility;--navy-950:#071a33;--navy-900:#0b2447;--navy-800:#15385f;--navy-700:#24517d;--navy-100:#e8eff6;--teal-800:#07595c;--teal-700:#086c70;--teal-600:#087d7c;--teal-100:#d9f1ef;--teal-50:#effaf9;--ink:#172a3d;--ink-soft:#4b6177;--ink-muted:#64778a;--surface:#fff;--surface-soft:#f7f9fb;--surface-tint:#eef4f7;--border:#8ea2b6;--border-soft:#cbd6df;--success:#176b43;--success-bg:#e8f6ee;--warning:#8a4b08;--warning-bg:#fff4d6;--error:#a5211a;--error-bg:#fff0ee;--focus:#e08200;--shadow-1:0 1px 2px #071a331a;--shadow-2:0 8px 24px #071a331a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;background:#f3f6f8;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:#f3f6f8;margin:0;font-size:16px;line-height:1.6}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}img,svg{display:block}h1,h2,h3,h4,p{margin-block:0}h1,h2,h3,h4{color:var(--navy-950);line-height:1.28}h1{letter-spacing:-.035em;font-size:clamp(1.75rem,3vw,2.25rem)}h2{letter-spacing:-.02em;font-size:1.25rem}h3{font-size:1rem}a{color:var(--teal-800)}::selection{color:var(--navy-950);background:#bde5e1}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.eyebrow{color:var(--teal-800);letter-spacing:.06em;font-size:.8125rem;font-weight:800}.muted-text{color:var(--ink-muted)}.skip-link{z-index:1000;border-radius:var(--radius-sm);background:var(--navy-950);color:#fff;padding:12px 16px;font-weight:700;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.button{border-radius:var(--radius-sm);text-align:center;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 16px;font-weight:750;line-height:1.25;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.button svg{stroke-width:2px;flex:none;width:20px;height:20px}.button:not(:disabled):active{transform:translateY(1px)}.button--primary{border-color:var(--teal-700);background:var(--teal-700);color:#fff;box-shadow:var(--shadow-1)}.button--primary:not(:disabled):hover{border-color:var(--teal-800);background:var(--teal-800)}.button--secondary{border-color:var(--navy-700);background:var(--surface);color:var(--navy-800)}.button--secondary:not(:disabled):hover{background:var(--navy-100)}.button--google{border-color:var(--navy-800);background:var(--navy-900);color:#fff;width:100%;font-size:1rem}.button--google:not(:disabled):hover{background:var(--navy-800)}.button--header{color:#fff;border-color:#ffffff94}.button--header:not(:disabled):hover{background:#ffffff1f}.button--compact{padding-inline:12px;font-size:.875rem}.button--wide{width:100%}.button--publish{min-width:184px}.icon-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:48px;min-width:48px;height:48px;color:var(--navy-800);place-items:center;padding:0;display:inline-grid}.icon-button:not(:disabled):hover{background:var(--navy-100)}.icon-button svg{width:21px;height:21px}.button__spinner,.state-view__spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:20px;height:20px;animation:.75s linear infinite spin}.is-spinning{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.form-field{gap:6px;min-width:0;display:grid}.form-field label,.source-picker legend,.metadata-fields legend{color:var(--navy-950);font-size:.9375rem;font-weight:750}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:48px;color:var(--ink);padding:10px 12px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.form-field textarea{resize:vertical;min-height:112px}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:var(--navy-700)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--navy-800);box-shadow:0 0 0 1px var(--navy-800)}.form-field input::placeholder,.form-field textarea::placeholder{color:#66798c;opacity:1}.form-field__label-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.form-field__label-row>span{color:var(--ink-muted);font-size:.75rem;font-weight:600}.field-help{color:var(--ink-soft);font-size:.8125rem;line-height:1.45}.input-with-icon{display:block;position:relative}.input-with-icon>svg{z-index:1;width:20px;height:20px;color:var(--ink-soft);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.form-field .input-with-icon>input{padding-left:44px}.form-message{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:8px;padding:12px 16px;font-size:.875rem;font-weight:650;display:flex}.form-message svg{flex:none;width:20px;height:20px;margin-top:1px}.form-message--error{background:var(--error-bg);color:var(--error);border-color:#d67f78}.form-message--success{background:var(--success-bg);color:var(--success);border-color:#68a684}.login-page,.centered-page{background:linear-gradient(#f3f6f8f0,#f3f6f8f0),repeating-linear-gradient(90deg,#0000 0 63px,#0b24470f 64px);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.login-card,.setup-card{border:1px solid var(--border-soft);border-top:4px solid var(--teal-700);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,496px);box-shadow:var(--shadow-2);padding:40px}.login-card__brand,.setup-card__mark{background:var(--navy-900);color:#fff;border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:24px;display:grid}.login-card__brand svg,.setup-card__mark svg{width:30px;height:30px}.login-card h1,.setup-card h1{word-break:keep-all;margin-top:8px}.login-card__description,.setup-card__description{color:var(--ink-soft);margin-top:16px}.login-card__privacy{border-radius:var(--radius-md);background:var(--teal-50);border:1px solid #9dc9c6;gap:12px;margin-block:24px;padding:16px;display:flex}.login-card__privacy>svg{width:24px;height:24px;color:var(--teal-800);flex:none}.login-card__privacy p{gap:2px;font-size:.875rem;display:grid}.login-card__privacy span{color:var(--ink-soft)}.login-card>.form-message{margin-bottom:16px}.login-card__help{color:var(--ink-soft);text-align:center;margin-top:16px;font-size:.8125rem}.login-card__help strong{color:var(--navy-800)}.setup-card{width:min(100%,592px)}.setup-card__details{border-radius:var(--radius-md);background:var(--warning-bg);border:1px solid #d9a868;margin-block:24px;padding:16px 20px}.setup-card__details-title{color:var(--warning);align-items:center;gap:8px;font-weight:750;display:flex}.setup-card__details-title svg{width:20px;height:20px}.setup-card__details ul{margin:12px 0 0;padding-left:24px}.setup-card__details code{overflow-wrap:anywhere;font-size:.8125rem}.app-shell{min-height:100vh}.app-header{z-index:50;background:var(--navy-900);color:#fff;border-bottom:1px solid #ffffff24;min-height:72px;position:sticky;top:0;box-shadow:0 2px 8px #071a3324}.app-header__inner{justify-content:space-between;align-items:center;gap:24px;width:min(100%,1440px);min-height:72px;margin-inline:auto;padding:8px 32px;display:flex}.app-brand{align-items:center;gap:12px;min-width:max-content;display:flex}.app-brand__mark{background:#ffffff17;border:1px solid #ffffff57;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.app-brand__mark svg{width:25px;height:25px}.app-brand>span:last-child,.user-summary__text{line-height:1.25;display:grid}.app-brand strong{color:#fff;letter-spacing:-.02em;font-size:1rem}.app-brand small{color:#c7d5e3;margin-top:2px;font-size:.75rem}.app-header__tools,.app-header__actions{align-items:center;gap:12px;min-width:0;display:flex}.user-summary{border-left:1px solid #ffffff3d;align-items:center;gap:10px;min-width:0;padding-left:12px;display:flex}.user-summary img,.user-summary__avatar{width:40px;height:40px;color:var(--teal-800);object-fit:cover;background:#e7f3f2;border-radius:999px;flex:none;place-items:center;display:grid}.user-summary__avatar svg{width:21px;height:21px}.user-summary__text{min-width:0;max-width:280px}.user-summary__text strong,.user-summary__text small{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-summary__text strong{font-size:.875rem}.user-summary__text small{color:#c7d5e3;margin-top:2px;font-size:.75rem}.app-main{min-height:calc(100vh - 72px);padding:40px 32px 64px}.dashboard,.import-panel{width:min(100%,1280px);margin-inline:auto}.student-dashboard{width:min(100%,960px)}.page-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.page-heading h1{margin-top:4px}.page-heading>div:first-child>p:last-child{max-width:68ch;color:var(--ink-soft);margin-top:8px}.page-heading__summary{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);min-width:168px;box-shadow:var(--shadow-1);align-items:center;gap:12px;padding:12px 16px;display:flex}.page-heading__summary>svg{width:24px;height:24px;color:var(--teal-800)}.page-heading__summary>span{color:var(--ink-soft);align-items:baseline;gap:8px;font-size:.8125rem;display:flex}.page-heading__summary strong{color:var(--navy-950);font-size:1.25rem}.page-heading__toolbar{flex-wrap:wrap;gap:8px;display:flex}.identity-warning{border-radius:var(--radius-md);background:var(--warning-bg);border:1px solid #d9a868;border-left:4px solid #b8640b;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.identity-warning>svg{width:24px;height:24px;color:var(--warning);flex:none;margin-top:2px}.identity-warning h2{font-size:1rem}.identity-warning p{color:#664018;margin-top:6px}.identity-warning span{color:#664018;margin-top:8px;font-size:.8125rem;display:inline-block}.record-list,.admin-record-list{gap:24px;display:grid}.record-card,.admin-record,.filter-panel,.import-panel{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1)}.record-card{overflow:hidden}.record-card__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 24px 20px;display:flex}.record-card__meta{color:var(--ink-soft);flex-wrap:wrap;gap:6px 12px;margin-bottom:6px;font-size:.8125rem;display:flex}.record-card__meta span+span:before{content:"·";color:var(--border);margin-right:12px}.status-badge{white-space:nowrap;border:1px solid;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:3px 10px;font-size:.75rem;font-weight:750;line-height:1.2;display:inline-flex}.status-badge--none,.status-badge--submitted{color:#344e68;background:#eef3f7;border-color:#8fa3b7}.status-badge--reviewing{background:var(--warning-bg);color:#7c4308;border-color:#cc944b}.status-badge--reflected,.status-badge--resolved{background:var(--success-bg);color:#135a38;border-color:#68a684}.status-badge--not_reflected{background:var(--error-bg);color:#8f1d17;border-color:#d67f78}.record-card__content{background:var(--surface-soft);padding:24px}.record-card__content h3{color:var(--ink-soft);margin-bottom:8px;font-size:.8125rem}.record-card__content>p,.record-text{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.8}.byte-meter{gap:7px;margin-top:16px;display:grid}.byte-meter__labels{color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:16px;font-size:.75rem;display:flex}.byte-meter__labels strong{color:var(--navy-800);font-variant-numeric:tabular-nums}.byte-meter__track{background:#dbe4eb;border-radius:999px;height:8px;overflow:hidden}.byte-meter__track>span{border-radius:inherit;background:var(--teal-700);min-width:2px;height:100%;transition:width .2s;display:block}.byte-meter--over .byte-meter__labels strong,.byte-meter__warning{color:var(--error)}.byte-meter--over .byte-meter__track>span{background:var(--error)}.byte-meter__warning{font-size:.75rem;font-weight:700}.feedback-form{border-top:1px solid var(--border-soft);gap:20px;padding:24px;display:grid}.feedback-form__heading{gap:12px;display:flex}.feedback-form__heading>svg{width:24px;height:24px;color:var(--teal-800);flex:none}.feedback-form__heading p{color:var(--ink-soft);margin-top:3px;font-size:.875rem}.feedback-form__actions{justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.feedback-form__actions p{color:var(--ink-soft);font-size:.8125rem}.view-receipt{min-width:0;color:var(--ink-muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:.8125rem;display:flex}.student-identity p.view-receipt{text-overflow:clip;margin-top:4px;display:flex;overflow:visible}.view-receipt svg{flex:none;width:16px;height:16px}.view-receipt--confirmed{color:var(--success);font-weight:700}.teacher-view-state{border-radius:var(--radius-sm);background:var(--warning-bg);color:#70400c;font-variant-numeric:tabular-nums;border:1px solid #d9a868;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:48px;padding:8px 8px 8px 12px;font-size:.8125rem;display:flex}.teacher-view-state--confirmed{background:var(--success-bg);color:var(--success);border-color:#7eb495}.teacher-view-state--student{justify-content:flex-start;padding:12px 14px}.teacher-view-state__label{align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.teacher-view-state__label>svg{flex:none;width:19px;height:19px}.feedback-thread{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);gap:16px;min-width:0;padding:20px;display:grid}.feedback-thread--student{background:var(--surface-soft);margin:0 24px 24px}.feedback-thread__heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.feedback-thread__heading>div{align-items:center;gap:8px;min-width:0;display:flex}.feedback-thread__heading svg{width:21px;height:21px;color:var(--teal-800);flex:none}.feedback-thread__heading>span{color:var(--ink-soft);font-size:.75rem;font-weight:700}.feedback-thread__messages{gap:10px;max-height:440px;margin:0;padding:2px 4px 2px 0;list-style:none;display:grid;overflow-y:auto}.feedback-message{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--teal-50);width:fit-content;max-width:min(88%,680px);padding:10px 12px}.feedback-message--admin{background:var(--navy-100);border-color:#aabed1;margin-left:auto}.feedback-message__meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:4px;font-size:.6875rem;display:flex}.feedback-message__meta strong{color:var(--navy-800);font-size:.75rem}.feedback-message>p{overflow-wrap:anywhere;color:var(--ink);white-space:pre-wrap;font-size:.875rem;line-height:1.6}.feedback-thread__empty{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--ink-soft);text-align:center;padding:16px;font-size:.8125rem}.feedback-reply-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding-top:4px;display:grid}.feedback-reply-form textarea{min-height:88px}.feedback-reply-form>.button{grid-area:1/2;min-width:144px}.feedback-reply-form>.form-message{grid-column:1/-1}.empty-state,.state-view{border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:center;align-content:center;place-items:center;min-height:264px;padding:40px 24px;display:grid}.empty-state>span,.state-view__icon{background:var(--navy-100);width:56px;height:56px;color:var(--navy-700);border-radius:999px;place-items:center;margin-bottom:16px;display:grid}.empty-state svg,.state-view__icon svg{width:27px;height:27px}.empty-state p,.state-view p{max-width:52ch;color:var(--ink-soft);margin-top:8px}.state-view{border-style:solid;gap:8px}.state-view--full{border:0;border-radius:0;min-height:100vh}.state-view__spinner{width:32px;height:32px;color:var(--teal-700);border-width:3px}.state-view--error{align-content:initial;align-items:center;place-items:initial;text-align:left;grid-template-columns:auto minmax(0,1fr) auto;min-height:0}.state-view--error .state-view__icon{background:var(--error-bg);color:var(--error);margin:0}.records-skeleton{gap:24px;display:grid}.records-skeleton span{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:linear-gradient(100deg, #eff3f666 20%, #dce5ecb8 50%, #eff3f666 80%), var(--surface);background-size:220% 100%;min-height:184px;animation:1.4s ease-in-out infinite skeleton;display:block}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.filter-panel{margin-bottom:16px;padding:24px}.filter-panel__title{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.filter-panel__title>svg{width:24px;height:24px;color:var(--teal-800);flex:none}.filter-panel__title p{color:var(--ink-soft);margin-top:3px;font-size:.875rem}.filter-panel__download{margin-left:auto}.filter-grid{grid-template-columns:minmax(240px,1.5fr) minmax(200px,1fr) 1fr 1fr;gap:16px;display:grid}.result-summary{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--border-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:24px;display:grid;overflow:hidden}.result-summary>div{background:var(--surface);align-items:center;gap:12px;min-width:0;padding:12px 16px;display:flex}.result-summary svg{width:22px;height:22px;color:var(--teal-800);flex:none}.result-summary span{width:100%;min-width:0;color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:8px;font-size:.8125rem;display:flex}.result-summary strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.admin-record{overflow:hidden}.admin-record__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 24px;display:flex}.student-identity{align-items:center;gap:12px;min-width:0;display:flex}.student-identity__number{border-radius:var(--radius-sm);background:var(--navy-900);color:#fff;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:64px;min-height:40px;padding:6px 10px;font-weight:800;display:inline-flex}.student-identity h2{font-size:1.125rem}.student-identity p{color:var(--ink-soft);text-overflow:ellipsis;margin-top:2px;font-size:.8125rem;overflow:hidden}.admin-record__tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-record__tags span{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--ink-soft);border-radius:999px;padding:4px 9px;font-size:.75rem}.admin-record__columns{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.text-panel{min-width:0;padding:24px}.text-panel+.text-panel{border-left:1px solid var(--border-soft)}.text-panel--feedback{background:var(--teal-50)}.text-panel--empty{background:var(--surface-soft)}.text-panel__heading{justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-bottom:16px;display:flex}.text-panel__heading>div{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.text-panel__heading>div>span:not(.status-badge){color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.75rem}.text-panel__actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.copy-control{flex:none}.record-editor{gap:12px;display:grid}.record-editor textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);resize:vertical;width:100%;min-height:216px;padding:12px;line-height:1.7}.record-editor textarea:focus{border-color:var(--navy-800);box-shadow:0 0 0 1px var(--navy-800)}.record-editor__footer{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.record-editor__footer>span{color:var(--ink-soft);font-size:.8125rem}.record-editor__footer .record-editor__limit-error{color:var(--error);font-weight:700}.record-editor__actions{flex:none;gap:8px;display:flex}.feedback-detail{gap:20px;display:grid}.feedback-detail h4{color:var(--ink-soft);margin-bottom:6px;font-size:.75rem}.text-panel__bytes{color:var(--ink-soft);margin-top:8px;font-size:.75rem;display:inline-block}.inline-empty{min-height:136px;color:var(--ink-muted);text-align:center;align-content:center;place-items:center;display:grid}.inline-empty svg{width:28px;height:28px;margin-bottom:8px}.inline-empty p{font-size:.875rem}.admin-record__review{border-top:1px solid var(--border-soft);background:var(--surface-soft);grid-template-columns:minmax(152px,.35fr) minmax(320px,1fr);gap:16px;padding:20px 24px 24px;display:grid}.admin-record__review>.feedback-thread{grid-column:1/-1}.admin-note-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.admin-note-form textarea{min-height:72px}.admin-record__saved,.admin-record__review>.form-message{grid-column:1/-1}.admin-record__saved{color:var(--success);align-items:center;gap:6px;font-size:.8125rem;font-weight:700;display:flex}.admin-record__saved svg{width:18px;height:18px}.import-panel{overflow:hidden}.import-panel__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-end;gap:32px;padding:28px 32px;display:flex}.import-panel__header h1{margin-top:4px}.import-panel__header>div>p:last-child{max-width:64ch;color:var(--ink-soft);margin-top:8px}.import-panel__privacy{max-width:264px;color:var(--teal-800);align-items:center;gap:8px;font-size:.8125rem;font-weight:700;display:inline-flex}.import-panel__privacy svg{flex:none;width:20px;height:20px}.import-layout{grid-template-columns:minmax(360px,.82fr) minmax(480px,1.18fr);display:grid}.import-config,.preview-section{min-width:0;padding:32px}.preview-section{border-left:1px solid var(--border-soft);background:var(--surface-soft)}.publish-mode,.source-picker,.metadata-fields{border:0;min-width:0;margin:0;padding:0}.publish-mode legend,.source-picker legend,.metadata-fields legend{margin-bottom:12px}.publish-mode{gap:16px;margin-bottom:28px;display:grid}.replacement-warning{border-radius:var(--radius-sm);background:var(--error-bg);color:#7e211c;border:1px solid #d67f78;gap:10px;padding:14px 16px;display:flex}.replacement-warning>svg{width:22px;height:22px;color:var(--error);flex:none}.replacement-warning strong{color:#7e211c;font-size:.875rem;display:block}.replacement-warning p{margin-top:3px;font-size:.8125rem;line-height:1.5}.source-picker__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.source-option{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:72px;color:var(--ink);text-align:left;align-items:center;gap:12px;padding:12px 14px;display:flex}.source-option:hover{border-color:var(--navy-700);background:var(--navy-100)}.source-option.is-selected{border:2px solid var(--teal-700);background:var(--teal-50);padding:11px 13px}.source-option>svg{width:26px;height:26px;color:var(--teal-800);flex:none}.source-option>span{line-height:1.35;display:grid}.source-option strong{color:var(--navy-950);font-size:.9375rem}.source-option small{color:var(--ink-soft);margin-top:2px;font-size:.75rem}.source-details{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);gap:16px;margin-top:20px;padding:20px;display:grid}.source-details__heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.source-details__heading h2{font-size:1rem}.source-details__heading p{color:var(--ink-soft);margin-top:3px;font-size:.8125rem}.file-drop{border:1px dashed var(--navy-700);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;align-items:center;gap:14px;min-height:104px;padding:16px;display:flex}.file-drop:hover{background:var(--navy-100)}.file-drop:focus-within{outline:3px solid var(--focus);outline-offset:3px}.file-drop>svg{width:30px;height:30px;color:var(--teal-800);flex:none}.file-drop>span:nth-child(2){flex:1;min-width:0;display:grid}.file-drop strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.file-drop small{color:var(--ink-soft);margin-top:2px;font-size:.75rem}.metadata-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.metadata-fields legend{float:left;grid-column:1/-1;width:100%}.metadata-fields legend+*{clear:both}.form-field--full{grid-column:1/-1}.preview-section__heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.preview-section__heading h2{margin-top:3px}.preview-section__heading>span{color:var(--ink-soft);font-size:.8125rem;font-weight:700}.import-preview{gap:16px;display:grid}.import-preview--empty,.import-preview--loading{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:center;align-content:center;place-items:center;min-height:424px;padding:32px}.import-preview--empty>svg{width:44px;height:44px;color:var(--navy-700);margin-bottom:8px}.import-preview--empty p,.import-preview--loading p{max-width:42ch;color:var(--ink-soft);margin-top:4px;font-size:.875rem}.import-preview--loading .button__spinner{width:32px;height:32px;color:var(--teal-700);border-width:3px}.preview-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.preview-summary__item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:10px;padding:12px 16px;display:flex}.preview-summary__item svg{width:22px;height:22px;color:var(--ink-soft);flex:none}.preview-summary__item span{width:100%;color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:8px;font-size:.8125rem;display:flex}.preview-summary__item strong{color:var(--navy-950);font-size:1rem}.preview-summary__item--success{background:var(--success-bg);border-color:#7eb495}.preview-summary__item--success svg{color:var(--success)}.preview-summary__item--error{background:var(--error-bg);border-color:#d67f78}.preview-summary__item--error svg{color:var(--error)}.import-errors{border-radius:var(--radius-sm);background:var(--error-bg);color:#7e211c;border:1px solid #d67f78;padding:16px;font-size:.8125rem}.import-errors__heading{gap:10px;display:flex}.import-errors__heading>svg{width:22px;height:22px;color:var(--error);flex:none}.import-errors__heading h3{color:#7e211c}.import-errors__heading p{margin-top:2px}.import-errors>p,.import-errors ul{margin-block:12px 0}.import-errors ul{gap:6px;padding-left:24px;display:grid}.import-errors li span{margin-left:8px}.preview-table-wrap{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);overflow:auto}.preview-table{border-collapse:collapse;width:100%;min-width:720px;font-size:.8125rem}.preview-table caption{border-bottom:1px solid var(--border-soft);color:var(--navy-950);text-align:left;padding:12px 16px;font-weight:750}.preview-table th,.preview-table td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;padding:10px 12px}.preview-table th{background:var(--navy-100);color:var(--navy-950);white-space:nowrap;font-size:.75rem}.preview-table tbody tr:last-child td{border-bottom:0}.preview-table tr.has-error td{background:#fff8f7}.preview-table__content{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:360px;line-height:1.5;display:-webkit-box;overflow:hidden}.table-status{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:750;display:inline-flex}.table-status--success{background:var(--success-bg);color:var(--success)}.table-status--error{background:var(--error-bg);color:var(--error)}.import-panel>form>.form-message{margin:0 32px 24px}.import-panel__footer{border-top:1px solid var(--border-soft);background:var(--navy-100);justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;display:flex}.import-panel__footer p{max-width:68ch;color:var(--ink-soft);font-size:.8125rem}.toast{border-radius:var(--radius-md);background:var(--surface);width:min(100vw - 32px,440px);min-height:64px;box-shadow:var(--shadow-2);border:1px solid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 10px 10px 16px;display:grid}.toast--success{border-color:#68a684}.toast--error{border-color:#d67f78}.toast--info{border-color:#7f9fbd}.toast__icon{width:24px;height:24px}.toast--success .toast__icon{color:var(--success)}.toast--error .toast__icon{color:var(--error)}.toast--info .toast__icon{color:var(--navy-700)}.toast__body{gap:1px;display:grid}.toast__body strong{color:var(--navy-950);font-size:.8125rem}.toast__body span{color:var(--ink-soft);font-size:.8125rem}.toast__dismiss{border-color:#0000}.access-request-panel{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);gap:24px;padding:24px;display:grid}.access-request-panel__header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.access-request-panel__header h2{margin-top:4px}.access-request-panel__header>div>p:last-child{max-width:62ch;color:var(--ink-soft);margin-top:8px}.access-request-panel__count{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-soft);min-height:48px;color:var(--ink-soft);flex:none;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;display:inline-flex}.access-request-panel__count svg{width:20px;height:20px;color:var(--warning)}.access-request-panel__count strong{color:var(--navy-950);font-size:1rem}.access-request-panel__loading{border:1px dashed var(--border);border-radius:var(--radius-md);min-height:160px;color:var(--ink-soft);justify-content:center;align-items:center;gap:12px;font-weight:650;display:flex}.access-request-panel__empty{border:1px dashed var(--border);border-radius:var(--radius-md);text-align:center;align-content:center;place-items:center;min-height:216px;padding:32px 24px;display:grid}.access-request-panel__empty>span{background:var(--navy-100);width:56px;height:56px;color:var(--navy-700);border-radius:999px;place-items:center;margin-bottom:16px;display:grid}.access-request-panel__empty svg{width:27px;height:27px}.access-request-panel__empty p{color:var(--ink-soft);margin-top:8px}.access-request-list{gap:16px;display:grid}.access-request-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);border-left-width:4px;overflow:hidden}.access-request-card--pending{border-left-color:#b8640b}.access-request-card--approved{border-left-color:var(--success)}.access-request-card--rejected{border-left-color:var(--error)}.access-request-card__header{justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 20px 16px;display:flex}.access-request-card__identity{gap:4px;min-width:0;display:grid}.access-request-card__identity>span{color:var(--ink-soft);align-items:center;gap:6px;font-size:.8125rem;font-weight:700;display:inline-flex}.access-request-card__identity svg{width:18px;height:18px;color:var(--teal-800)}.access-request-card__identity strong{color:var(--navy-950);overflow-wrap:anywhere;font-size:1.0625rem}.access-request-status{white-space:nowrap;border:1px solid;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:32px;padding:4px 10px;font-size:.8125rem;font-weight:750;display:inline-flex}.access-request-status svg{width:17px;height:17px}.access-request-status--pending{background:var(--warning-bg);color:#754008;border-color:#cc944b}.access-request-status--approved{background:var(--success-bg);color:#135a38;border-color:#68a684}.access-request-status--rejected{background:var(--error-bg);color:#8f1d17;border-color:#d67f78}.access-request-profile{border-radius:var(--radius-sm);background:var(--surface-soft);margin-inline:20px;padding:14px 16px}.access-request-profile>p{color:var(--ink-soft);margin-bottom:8px;font-size:.75rem;font-weight:750}.access-request-profile dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0;display:grid}.access-request-profile dl>div{min-width:0}.access-request-profile dt{color:var(--ink-muted);font-size:.75rem}.access-request-profile dd{color:var(--ink);overflow-wrap:anywhere;margin:2px 0 0;font-weight:700}.access-request-card__matcher{border-top:1px solid var(--border-soft);background:var(--surface-soft);gap:16px;margin-top:16px;padding:20px;display:grid}.access-request-card__no-records{color:var(--warning);align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.access-request-card__no-records svg{flex:none;width:20px;height:20px}.access-request-card__actions{align-items:center;gap:8px;display:flex}.access-request-card__reject{color:var(--error);border-color:#0000;margin-left:auto;font-weight:700}.access-request-card__reject:not(:disabled):hover{background:var(--error-bg);border-color:#d67f78}.access-request-card__result{border-radius:var(--radius-sm);background:var(--success-bg);border:1px solid #8fc5a6;align-items:flex-start;gap:12px;margin:16px 20px 20px;padding:16px;display:flex}.access-request-card__result>svg{width:22px;height:22px;color:var(--success);flex:none;margin-top:1px}.access-request-card__result p{color:var(--ink-soft);margin-top:3px}.access-request-card__result--rejected{background:var(--error-bg);border-color:#e0aaa5}.access-request-card__result--rejected>svg{color:var(--error)}.access-request-card__reset-trigger{justify-content:flex-end;margin:-8px 20px 20px;display:flex}.access-request-card__unlink{color:var(--error);border-color:#0000;font-weight:700}.access-request-card__unlink:not(:disabled):hover{background:var(--error-bg);border-color:#d67f78}.access-request-card__reset-warning{border-radius:var(--radius-sm);background:var(--warning-bg);border:1px solid #d9a868;align-items:flex-start;gap:12px;margin:-4px 20px 20px;padding:16px;display:flex}.access-request-card__reset-warning>svg{width:22px;height:22px;color:var(--warning);flex:none;margin-top:1px}.access-request-card__reset-warning p{color:#664018;margin-top:4px}.access-request-card__reset-warning .form-message{margin-top:12px}.access-request-card__reset-actions{gap:8px;margin-top:16px;display:flex}.access-request-card__reset-warning .access-request-card__unlink{background:var(--surface);border-color:#c46b64}.student-access-request{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,760px);box-shadow:var(--shadow-1);gap:24px;margin-inline:auto;padding:32px;display:grid}.student-access-request__header{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:16px;display:grid}.student-access-request__header-icon{border-radius:var(--radius-sm);background:var(--navy-100);width:48px;height:48px;color:var(--navy-700);place-items:center;display:grid}.student-access-request__header-icon svg{width:26px;height:26px}.student-access-request__header h1{margin-top:4px}.student-access-request__header>div>p:last-child{max-width:58ch;color:var(--ink-soft);margin-top:8px}.student-access-request__email{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-soft);gap:3px;padding:14px 16px;display:grid}.student-access-request__email span{color:var(--ink-soft);font-size:.8125rem;font-weight:700}.student-access-request__email strong{color:var(--navy-950);overflow-wrap:anywhere}.student-access-request__state{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:auto minmax(0,1fr);gap:16px;padding:24px;display:grid}.student-access-request__state-icon{background:var(--navy-100);width:48px;height:48px;color:var(--navy-700);border-radius:999px;place-items:center;display:grid}.student-access-request__state-icon svg{width:25px;height:25px}.student-access-request__state--pending{background:var(--warning-bg);border-color:#d9a868}.student-access-request__state--pending .student-access-request__state-icon{color:var(--warning);background:#ffe8af}.student-access-request__state--approved{background:var(--success-bg);border-color:#8fc5a6}.student-access-request__state--approved .student-access-request__state-icon{color:var(--success);background:#d3eddd}.student-access-request__state--rejected{background:var(--error-bg);border-color:#e0aaa5}.student-access-request__state--rejected .student-access-request__state-icon{color:var(--error);background:#f9d9d6}.student-access-request__status{color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:8px;font-size:.8125rem;font-weight:800;display:inline-flex}.student-access-request__status svg{width:18px;height:18px}.student-access-request__state h2{font-size:1.125rem}.student-access-request__state h2+p{max-width:56ch;color:var(--ink);margin-top:8px}.student-access-request__explanation{max-width:56ch;color:var(--ink-soft);margin-top:8px;font-size:.875rem}.student-access-request__state .button{margin-top:20px}@media (width<=1100px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-layout{grid-template-columns:1fr}.preview-section{border-top:1px solid var(--border-soft);border-left:0}}@media (width<=820px){.app-header{position:static}.app-header__inner{align-items:flex-start;padding-inline:24px}.app-header__tools{flex-wrap:wrap;justify-content:flex-end}.app-header__actions{order:3;justify-content:flex-end;width:100%}.user-summary__text{max-width:184px}.app-main{padding:32px 24px 56px}.admin-record__columns{grid-template-columns:1fr}.text-panel+.text-panel{border-top:1px solid var(--border-soft);border-left:0}.admin-record__review,.admin-note-form,.feedback-reply-form{grid-template-columns:1fr}.feedback-reply-form>.button{grid-area:auto/1;justify-self:start;min-width:0}.admin-note-form .button,.feedback-reply-form>.button{justify-self:start}}@media (width<=640px){h1{font-size:1.75rem}.access-request-panel,.student-access-request{padding:20px 16px}.access-request-panel__header,.access-request-card__header{flex-direction:column;align-items:stretch;gap:12px}.access-request-panel__count{justify-content:center;width:100%}.access-request-status{align-self:flex-start}.access-request-profile{margin-inline:16px}.access-request-profile dl{grid-template-columns:1fr}.access-request-card__matcher{padding:16px}.access-request-card__actions{flex-direction:column;align-items:stretch}.access-request-card__actions .button{width:100%}.access-request-card__reject{margin-left:0}.access-request-card__reset-trigger,.access-request-card__reset-warning{margin-left:16px;margin-right:16px}.access-request-card__reset-trigger .button{width:100%}.access-request-card__reset-actions{flex-direction:column}.access-request-card__reset-actions .button{width:100%}.student-access-request__header,.student-access-request__state{grid-template-columns:1fr}.student-access-request__state{padding:20px 16px}.student-access-request__state .button{width:100%}.login-page,.centered-page{align-items:start;padding:16px}.login-card,.setup-card{padding:28px 24px}.app-header__inner{gap:12px;padding:12px 16px;display:grid}.app-header__tools{grid-template-columns:minmax(0,1fr) auto;width:100%;display:grid}.app-header__actions{grid-area:2/1/auto/-1;justify-content:stretch}.app-header__actions>*{flex:1}.user-summary{border-left:0;padding-left:0}.user-summary__text{max-width:none}.button--header{width:48px;padding-inline:0}.button--header span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.app-main{padding:24px 16px 48px}.page-heading,.import-panel__header{flex-direction:column;align-items:stretch;gap:16px}.page-heading{margin-bottom:24px}.page-heading__summary{width:100%}.page-heading__summary>span{justify-content:space-between;width:100%}.identity-warning,.record-card__header,.feedback-form,.record-card__content,.filter-panel,.admin-record__header,.text-panel,.admin-record__review{padding:20px 16px}.record-card__header,.admin-record__header{flex-direction:column;align-items:stretch;gap:12px}.record-card__header .status-badge{align-self:flex-start}.feedback-form__actions{flex-direction:column;align-items:stretch}.feedback-form__actions .button,.feedback-reply-form>.button{width:100%}.feedback-thread--student{margin:0 16px 20px}.feedback-thread{padding:16px}.feedback-message{max-width:100%}.teacher-view-state{flex-direction:column;align-items:stretch}.teacher-view-state .button{width:100%}.filter-grid,.result-summary,.metadata-fields,.preview-summary{grid-template-columns:1fr}.result-summary{gap:1px}.admin-record__tags{justify-content:flex-start}.text-panel__heading{flex-direction:column;align-items:flex-start;gap:8px}.text-panel__heading .copy-control,.text-panel__heading .button,.text-panel__actions{width:100%}.text-panel__actions{display:grid}.record-editor__footer,.filter-panel__title{flex-direction:column;align-items:stretch}.record-editor__actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.filter-panel__download{width:100%;margin-left:0}.admin-note-form .button{width:100%}.import-panel{border-inline:0;border-radius:0}.import-panel__header,.import-config,.preview-section,.import-panel__footer{padding:24px 16px}.import-panel__privacy{max-width:none}.source-picker__options{grid-template-columns:1fr}.file-drop{flex-wrap:wrap;align-items:flex-start}.file-drop>span:nth-child(2){min-width:calc(100% - 48px)}.file-drop>.button{width:100%}.form-field--full{grid-column:auto}.import-panel>form>.form-message{margin:0 16px 20px}.import-panel__footer{flex-direction:column;align-items:stretch}.button--publish{width:100%}.state-view--error{text-align:center;grid-template-columns:1fr}.state-view--error .state-view__icon{margin-inline:auto}.state-view--error .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.button,.icon-button,.source-option,.status-badge,.access-request-status,.access-request-card,.access-request-card__result,.access-request-card__reset-warning,.student-access-request,.student-access-request__state,.table-status{border:1px solid buttontext}.byte-meter__track{border:1px solid canvastext}}