:root{font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.45;color:#252c34;background:#fafcfe;--bg: oklch(99% .004 245);--bg-soft: oklch(98.4% .01 242);--surface: oklch(100% 0 0);--surface-tint: oklch(99.2% .008 242);--text-strong: oklch(26% .02 252);--text: oklch(34% .018 252);--muted: oklch(52% .014 252);--line: oklch(89% .012 246);--line-strong: oklch(82% .018 246);--primary: oklch(51% .11 249);--primary-ink: oklch(34% .085 249);--primary-soft: oklch(95.5% .03 249);--primary-line: oklch(83% .05 249);--accent: oklch(68% .15 72);--accent-ink: oklch(45% .12 72);--accent-soft: oklch(96.3% .03 72);--success: oklch(52% .11 151);--success-soft: oklch(95.6% .03 151);--danger: oklch(57% .14 23);--danger-soft: oklch(95.7% .028 23);--neutral-soft: oklch(95.8% .012 246);--elev-1: 0 10px 24px oklch(44% .018 250 / .08);--elev-2: 0 14px 30px oklch(44% .022 250 / .12)}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(1240px 580px at 104% -6%,oklch(96.4% .04 249 / .5),transparent 58%),radial-gradient(780px 500px at -6% -5%,oklch(97.1% .03 182 / .28),transparent 63%),radial-gradient(520px 320px at 92% 8%,oklch(97.5% .03 72 / .23),transparent 72%),var(--bg)}button,input,select{font:inherit}button,.file-input-label{border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text);padding:10px 15px;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease;min-height:44px}button:hover:not(:disabled),.file-input-label:hover{border-color:var(--primary-line);background:color-mix(in oklch,var(--surface) 82%,var(--primary-soft));box-shadow:var(--elev-1)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,.file-input-label:focus-within{outline:2px solid color-mix(in oklch,var(--primary) 70%,white);outline-offset:2px}button.danger{border-color:color-mix(in oklch,var(--danger) 28%,white);color:color-mix(in oklch,var(--danger) 72%,black);background:var(--danger-soft)}button.danger:hover:not(:disabled){border-color:color-mix(in oklch,var(--danger) 45%,white);background:color-mix(in oklch,var(--danger-soft) 88%,white)}input,select{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;color:var(--text);background:var(--surface)}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--primary)}.app-root{max-width:1180px;margin:0 auto;padding:22px 18px 26px}.panel{position:relative;border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--surface);box-shadow:var(--elev-1)}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0;background:linear-gradient(92deg,color-mix(in oklch,var(--primary) 92%,white),color-mix(in oklch,var(--accent) 82%,white))}.panel-wide{display:grid;gap:16px}.section{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:12px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row-inline{display:flex;gap:10px;flex-wrap:wrap}.form-grid{display:grid;gap:10px;grid-template-columns:minmax(160px,1fr) minmax(180px,220px) 140px}.row-card{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;background:var(--surface-tint);box-shadow:0 8px 16px #43484e0d}.row-card:hover{box-shadow:var(--elev-1)}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.muted{margin:0;color:var(--muted);font-size:.93rem}.menu-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.menu-grid button{border-color:var(--primary-line);color:var(--primary-ink);background:linear-gradient(135deg,color-mix(in oklch,var(--surface) 66%,var(--primary-soft)),color-mix(in oklch,var(--surface) 76%,var(--accent-soft)));min-height:50px;text-align:left}.menu-grid button:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in oklch,var(--surface) 52%,var(--primary-soft)),color-mix(in oklch,var(--surface) 67%,var(--accent-soft)))}.alert-card{border:1px solid var(--primary-line);border-radius:12px;padding:12px;background:var(--primary-soft);display:grid;gap:6px;box-shadow:0 12px 24px #44586b1a}.alert-card strong{color:var(--primary-ink)}.alert-card button{width:fit-content;border-color:color-mix(in oklch,var(--primary) 36%,white);color:var(--primary-ink)}.quick-start-card{border-color:color-mix(in oklch,var(--accent) 36%,white);background:linear-gradient(145deg,color-mix(in oklch,var(--surface) 74%,var(--accent-soft)),color-mix(in oklch,var(--surface) 86%,var(--primary-soft)))}.quick-start-card strong{color:var(--accent-ink)}.subject-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.subject-item{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px;background:var(--surface);transition:border-color .12s ease,background-color .12s ease;min-height:44px}.subject-item.checked{border-color:var(--primary-line);background:var(--primary-soft)}.subject-item em{margin-left:auto;font-size:.8rem;color:var(--primary-ink)}.chip{padding:9px 12px;border-radius:999px;border:1px solid var(--primary-line);color:var(--primary-ink);background:linear-gradient(135deg,color-mix(in oklch,var(--surface) 72%,var(--primary-soft)),color-mix(in oklch,var(--surface) 84%,var(--accent-soft)));font-weight:600}.question-list{display:grid;gap:14px}.question-card{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:10px;background:var(--surface);box-shadow:0 9px 20px #484e540d}.question-card:hover{box-shadow:var(--elev-2)}.question-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.asset-list{display:grid;gap:8px}.asset-list img{width:100%;border:1px solid var(--line);border-radius:10px}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice-item{border:1px solid var(--line-strong);border-radius:10px;padding:7px 10px;display:flex;align-items:center;gap:6px;background:var(--surface);transition:border-color .12s ease,background-color .12s ease;min-height:44px}.choice-item.checked{border-color:var(--primary-line);background:var(--primary-soft)}.stat-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:6px;background:var(--surface-tint);box-shadow:0 10px 20px #42484f0f}.stat-card-main{border-color:var(--primary-line);background:linear-gradient(145deg,color-mix(in oklch,var(--surface) 72%,var(--primary-soft)),color-mix(in oklch,var(--surface) 84%,var(--accent-soft)))}.stat-card h2{margin:0;font-size:1rem;color:var(--primary-ink)}.stat-card p{margin:0}.badge{border:1px solid var(--line-strong);padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--neutral-soft)}.badge.success{border-color:color-mix(in oklch,var(--success) 40%,white);color:color-mix(in oklch,var(--success) 72%,black);background:var(--success-soft)}.badge.danger{border-color:color-mix(in oklch,var(--danger) 40%,white);color:color-mix(in oklch,var(--danger) 72%,black);background:var(--danger-soft)}.badge.info{border-color:var(--primary-line);color:var(--primary-ink);background:var(--primary-soft)}.badge.neutral{border-color:var(--line-strong);color:var(--muted);background:var(--neutral-soft)}.correction-box{border-top:1px dashed var(--line-strong);padding-top:10px;display:grid;gap:8px}.help-box{border:1px dashed var(--line-strong);border-radius:12px;padding:10px 12px;background:color-mix(in oklch,var(--surface) 80%,var(--bg-soft))}.help-box summary{cursor:pointer;font-weight:700;color:var(--primary-ink)}.help-box p{margin-top:8px}.inline-error{margin:0;border:1px solid color-mix(in oklch,var(--danger) 32%,white);border-radius:10px;padding:8px 10px;background:var(--danger-soft);color:color-mix(in oklch,var(--danger) 74%,black);font-size:.9rem;font-weight:600}.file-input-label{display:inline-flex;align-items:center}.file-input-label input{display:none}.toast{position:sticky;top:12px;z-index:40;margin-bottom:10px;border:1px solid var(--primary-line);background:var(--primary-soft);color:var(--primary-ink);border-radius:10px;padding:10px 12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a20263d;display:grid;place-items:center;padding:16px;z-index:50}.modal-panel{width:min(420px,100%);border-radius:14px;border:1px solid var(--line-strong);background:var(--surface);padding:14px;display:grid;gap:10px}.modal-panel .section-row button:last-child{border-color:var(--primary-line);color:var(--primary-ink);background:color-mix(in oklch,var(--surface) 70%,var(--primary-soft))}h1,h2,p{margin:0}h1,h2{color:var(--text-strong)}h1{font-size:clamp(1.52rem,1.05rem + 1.5vw,2.15rem);font-weight:820;letter-spacing:-.015em}h2{font-size:clamp(1.03rem,.94rem + .45vw,1.3rem);font-weight:760;letter-spacing:-.01em}.accent-note{color:var(--accent-ink);font-size:.9rem;font-weight:600}.progress-wrap{margin-top:8px;display:grid;gap:6px}.progress-track{width:min(460px,100%);height:8px;border-radius:999px;background:color-mix(in oklch,var(--primary-soft) 55%,white);border:1px solid var(--primary-line);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklch,var(--primary) 88%,white),color-mix(in oklch,var(--accent) 80%,white));transition:width .16s ease-out}.progress-text{color:var(--muted);font-size:.86rem}.submit-dock{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width: 1024px){.app-root{padding:16px 14px 22px}.panel{padding:16px}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}@media (max-width: 860px){.form-grid{grid-template-columns:1fr}.row-card{flex-direction:column;align-items:flex-start}.section-row{flex-wrap:wrap;align-items:flex-start}.section-row>button{min-width:88px}.question-header{align-items:flex-start;flex-direction:column}.alert-card button{width:100%}.submit-top-btn{display:none}.submit-dock{display:flex;position:sticky;bottom:10px;z-index:20;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--primary-line);background:color-mix(in oklch,var(--surface) 72%,var(--primary-soft));border-radius:12px;padding:10px;box-shadow:var(--elev-2)}.submit-dock button{min-width:110px}}@media (max-width: 640px){.app-root{padding:12px 10px 18px}.panel{border-radius:14px;padding:14px}.panel:before{height:3px;border-radius:14px 14px 0 0}.menu-grid,.subject-grid,.stat-grid{grid-template-columns:1fr}.row-inline{width:100%}.row-inline>*{flex:1 1 100%}.section-row>button,.file-input-label{width:100%;justify-content:center}.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-item{width:100%;justify-content:center}.row-actions{width:100%;gap:10px}.row-actions>button,.row-actions>input{flex:1 1 100%}.modal-panel .section-row,.modal-panel .section-row button{width:100%}.submit-dock{bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:10px 12px}}@media (max-width: 420px){h1{font-size:1.34rem}.muted,.progress-text,.accent-note{font-size:.84rem}.choice-row{grid-template-columns:1fr}}