:root{--paper:#f4efe4;--paper-2:#ede5d4;--ink:#2b2a26;--ink-soft:#6b665a;--line:#d9cfba;--line-strong:#c3b79c;--stone:#4a7c74;--stone-dark:#35605a;--stone-light:#e4efec;--coral:#e07856;--coral-dark:#c25e40;--coral-light:#fbe9e2;--gold:#d9a441;--gold-light:#f7edd4;--pass:#4a7c74;--fail:#e07856;--untested:#b7ad98;--radius:14px;--shadow:0 2px 0 var(--line-strong);--shadow-lift:0 6px 0 var(--line-strong);--sans:"Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--display:"Jua", "Pretendard Variable", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--line) .8px, transparent .8px);-webkit-font-smoothing:antialiased;background-size:22px 22px;line-height:1.5}#root{min-height:100vh}button{font-family:var(--sans);cursor:pointer}.math{display:inline}.frac{vertical-align:middle;flex-direction:column;align-items:center;margin:0 .1em;line-height:1;display:inline-flex}.frac-n,.frac-d{font-variant-numeric:tabular-nums;padding:0 .28em}.frac-bar{background:currentColor;border-radius:2px;width:100%;height:.09em;min-height:2px;margin:.08em 0}.mixed{align-items:center;gap:.12em;display:inline-flex}.shell{max-width:1080px;margin:0 auto;padding:28px 24px 80px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--stone);width:46px;height:46px;box-shadow:0 3px 0 var(--stone-dark);border-radius:13px;place-items:center;font-size:24px;display:grid;transform:rotate(-4deg)}.brand-name{font-family:var(--display);letter-spacing:-.01em;font-size:25px;line-height:1}.brand-sub{color:var(--ink-soft);margin-top:3px;font-size:12.5px}.tag{background:var(--paper-2);border:1.5px solid var(--line-strong);color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.subject-picker{gap:10px;margin-bottom:18px;display:flex}.subject-btn{border-radius:var(--radius);border:2px solid var(--line-strong);color:var(--ink-soft);box-shadow:0 2px 0 var(--line-strong);background:#fbf8f0;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:700;transition:all .12s;display:inline-flex}.subject-btn:hover{transform:translateY(-2px)}.subject-btn.active{background:var(--stone);border-color:var(--stone-dark);color:#fff;box-shadow:0 3px 0 var(--stone-dark)}.subject-emoji{font-size:18px}.tabs{background:var(--paper-2);border:1.5px solid var(--line-strong);border-radius:999px;gap:4px;margin-bottom:26px;padding:5px;display:inline-flex}.tab{color:var(--ink-soft);background:0 0;border:none;border-radius:999px;padding:9px 20px;font-size:14.5px;font-weight:700;transition:all .15s}.tab.active{background:var(--stone);color:#fff;box-shadow:0 2px 0 var(--stone-dark)}.card{border:1.5px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);background:#fbf8f0}.panel-head{margin-bottom:18px}.panel-head-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.roster-field{margin:6px 0 18px;display:block}.roster-label{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.roster-input{border:1.5px solid var(--line-strong);width:100%;max-width:280px;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:10px 12px;font-size:16px}.roster-input:focus{border-color:var(--stone)}.roster-list{flex-direction:column;gap:8px;max-height:44vh;padding-right:2px;display:flex;overflow-y:auto}.roster-row{align-items:center;gap:8px;display:flex}.roster-num{text-align:center;border:1.5px solid var(--line-strong);width:56px;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:9px 6px;font-size:15px}.roster-name{border:1.5px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:9px;outline:none;flex:1;padding:9px 12px;font-size:15px}.roster-num:focus,.roster-name:focus{border-color:var(--stone)}.roster-del{border:1.5px solid var(--line-strong);color:var(--coral-dark);background:#fbf8f0;border-radius:9px;flex-shrink:0;width:34px;height:34px;font-size:14px}.roster-del:hover{background:var(--coral-light);border-color:var(--coral)}.roster-note{color:var(--ink-soft);margin:14px 0 4px;font-size:12.5px;line-height:1.6}.roster-note code{background:var(--paper-2);border-radius:5px;padding:1px 5px;font-size:12px}.sync-status{border-radius:10px;margin-top:14px;padding:10px 14px;font-size:13.5px;font-weight:600}.sync-ok{background:var(--stone-light);color:var(--stone-dark)}.sync-err{background:var(--coral-light);color:var(--coral-dark)}.sync-info{background:var(--gold-light);color:#a9791f}.panel-title{font-family:var(--display);margin:0 0 4px;font-size:22px}.panel-desc{color:var(--ink-soft);margin:0;font-size:14px}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;display:grid}.student-btn{border:1.5px solid var(--line-strong);border-radius:var(--radius);text-align:left;box-shadow:var(--shadow);background:#fbf8f0;padding:16px 14px;transition:transform .12s,box-shadow .12s;position:relative}.student-btn:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.student-num{color:var(--ink-soft);font-size:12px;font-weight:600}.student-name{font-family:var(--display);margin-top:2px;font-size:19px}.student-state{align-items:center;gap:5px;margin-top:10px;font-size:12px;font-weight:700;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.diag-wrap{max-width:620px;margin:0 auto}.diag-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.diag-who{font-family:var(--display);font-size:18px}.progress-track{background:var(--paper-2);border:1.5px solid var(--line-strong);border-radius:999px;height:12px;margin-bottom:6px;overflow:hidden}.progress-fill{background:var(--stone);border-radius:999px;height:100%;transition:width .4s}.progress-note{color:var(--ink-soft);text-align:center;margin-bottom:22px;font-size:12.5px}.q-card{text-align:center;padding:34px 30px 30px;animation:.3s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}.q-band{color:var(--stone-dark);background:var(--stone-light);border-radius:999px;margin-bottom:20px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.q-stem{word-break:keep-all;margin:0 0 30px;font-size:30px;font-weight:700;line-height:1.4}.q-stem .math{font-size:34px}.choices{gap:12px;display:grid}.choices.two{grid-template-columns:1fr 1fr}.choices.three{grid-template-columns:1fr 1fr 1fr}.choice{border:2px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);box-shadow:0 3px 0 var(--line-strong);background:#fff;justify-content:center;align-items:center;min-height:68px;padding:18px 14px;font-size:22px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;display:flex}.choice .math{font-size:26px}.choice:hover:not(:disabled){background:var(--gold-light);border-color:var(--gold);box-shadow:0 5px 0 var(--gold);transform:translateY(-2px)}.choice:active:not(:disabled){box-shadow:0 1px 0 var(--line-strong);transform:translateY(1px)}.choice.picked-correct{background:var(--stone-light);border-color:var(--stone);box-shadow:0 3px 0 var(--stone-dark);color:var(--stone-dark)}.choice.picked-wrong{background:var(--coral-light);border-color:var(--coral);box-shadow:0 3px 0 var(--coral-dark);color:var(--coral-dark)}.choice:disabled{cursor:default}.gugu-timer{background:var(--paper-2);border-radius:999px;max-width:280px;height:6px;margin:0 auto 26px;overflow:hidden}.gugu-timer-fill{background:var(--coral);height:100%;transition:width .1s linear}.gugu-input{font-family:var(--display);text-align:center;border:2.5px solid var(--line-strong);border-radius:var(--radius);width:160px;color:var(--ink);background:#fff;outline:none;padding:10px;font-size:40px}.gugu-input:focus{border-color:var(--stone)}.voice-read{text-align:center;padding:8px 0 4px}.voice-prompt{font-family:var(--display);color:var(--ink);word-break:keep-all;margin:8px 0 6px;font-size:52px;line-height:1.2}.voice-prompt-sentence{max-width:520px;margin-left:auto;margin-right:auto;font-size:34px;line-height:1.35}.voice-wpm{color:var(--stone-dark);font-weight:700}.voice-passage{font-family:var(--display);color:var(--ink);word-break:keep-all;max-width:560px;margin:10px auto 8px;font-size:30px;line-height:1.5}.voice-word{transition:color .15s,background .15s}.voice-word.misread{color:var(--coral-dark);-webkit-text-decoration:underline wavy var(--coral);text-decoration:underline wavy var(--coral);text-underline-offset:4px;background:#ff7a591f;border-radius:4px}.voice-metrics{color:var(--ink);margin-bottom:8px;font-size:15px;line-height:1.6}.voice-metrics strong{color:var(--stone-dark)}.voice-instruction{color:var(--ink-soft);margin-bottom:22px;font-size:14px}.voice-mic{color:#fff;background:var(--coral);box-shadow:0 3px 0 var(--coral-dark);border:none;border-radius:999px;padding:15px 30px;font-size:18px;font-weight:700;transition:transform .1s}.voice-mic:hover:not(:disabled){transform:translateY(-2px)}.voice-mic.listening{background:var(--stone);box-shadow:0 3px 0 var(--stone-dark);animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.voice-judge{margin-top:8px}.voice-heard{color:var(--ink);margin-bottom:6px;font-size:15px}.voice-auto-ok{color:var(--stone-dark);font-weight:700}.voice-auto-no{color:var(--coral-dark);font-weight:700}.voice-err{color:var(--coral-dark);margin-bottom:6px;font-size:13px}.voice-note{color:var(--ink-soft);max-width:420px;margin-bottom:12px;margin-left:auto;margin-right:auto;font-size:13px;line-height:1.5}.voice-judge-btns{justify-content:center;gap:10px;margin-top:14px;display:flex}.result-card{text-align:center;padding:34px 30px;animation:.4s cubic-bezier(.34,1.56,.64,1) pop}.result-emoji{margin-bottom:8px;font-size:52px}.result-title{font-family:var(--display);margin:0 0 6px;font-size:26px}.result-pin{background:var(--coral);color:#fff;box-shadow:0 3px 0 var(--coral-dark);border-radius:999px;margin:14px 0 6px;padding:12px 22px;font-size:17px;font-weight:700;display:inline-block}.result-pin.clear{background:var(--stone);box-shadow:0 3px 0 var(--stone-dark)}.ladder{text-align:left;flex-direction:column;gap:0;max-width:460px;margin:28px auto 0;display:flex}.rung{align-items:center;gap:14px;padding:12px 4px;display:flex;position:relative}.rung:not(:last-child):after{content:"";background:var(--line);width:2px;position:absolute;top:44px;bottom:-4px;left:15px}.rung-mark{z-index:1;border:2px solid;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.rung-mark.passed{background:var(--stone);border-color:var(--stone-dark);color:#fff}.rung-mark.failed{background:var(--coral);border-color:var(--coral-dark);color:#fff}.rung-mark.start{background:var(--gold);color:#fff;border-color:#b98a2e}.rung-body{flex:1}.rung-name{font-size:15px;font-weight:700}.rung-meta{color:var(--ink-soft);font-size:12.5px}.btn{border-radius:var(--radius);border:none;padding:13px 24px;font-size:15px;font-weight:700;transition:transform .1s,box-shadow .1s}.btn-primary{background:var(--stone);color:#fff;box-shadow:0 3px 0 var(--stone-dark)}.btn-primary:hover{box-shadow:0 5px 0 var(--stone-dark);transform:translateY(-2px)}.btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink-soft);background:0 0}.result-actions{justify-content:center;gap:10px;margin-top:28px;display:flex}.map-scroll{border-radius:var(--radius);overflow-x:auto}.map-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;font-size:13px}.map-table th,.map-table td{text-align:center;padding:0}.map-table thead th{color:var(--ink-soft);border-bottom:2px solid var(--line-strong);vertical-align:bottom;padding:10px 6px;font-size:12px;font-weight:700;line-height:1.25}.map-band{color:var(--ink-soft);padding:4px 0 6px;font-size:10.5px;font-weight:700}.th-band-56{color:var(--stone)}.th-band-34{color:var(--gold)}.th-band-12{color:var(--coral)}.map-table th.name-col,.map-table td.name-col{text-align:left;z-index:2;background:#fbf8f0;min-width:96px;padding-left:6px;position:sticky;left:0}.map-name{font-size:14px;font-weight:700}.map-num{color:var(--ink-soft);font-size:11px}.map-table tbody tr{border-bottom:1px solid var(--line)}.cell{border-left:1px solid var(--line);height:40px}.cell-inner{border-radius:8px;place-items:center;width:26px;height:26px;margin:0 auto;font-size:13px;display:grid}.cell-passed{background:var(--stone-light);color:var(--stone-dark)}.cell-failed{background:var(--coral);color:#fff;box-shadow:0 2px 0 var(--coral-dark)}.cell-untested{background:repeating-linear-gradient(45deg, var(--paper-2), var(--paper-2) 4px, #e5dcc8 4px, #e5dcc8 8px)}.cell-start{outline:3px solid var(--gold);outline-offset:-1px}.cell-cleared{background:var(--stone-light);border:1.5px solid var(--stone);font-size:13px}.map-row-untested td{opacity:.55}.legend{color:var(--ink-soft);flex-wrap:wrap;gap:16px;margin-top:16px;font-size:12.5px;display:flex}.legend-item{align-items:center;gap:7px;display:flex}.legend-chip{border-radius:6px;width:18px;height:18px}.backup-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.backup-note{color:var(--ink-soft);font-size:12.5px;font-weight:600}.backup-actions{gap:8px;display:flex}.btn-mini{border:1.5px solid var(--line-strong);color:var(--ink-soft);background:#fbf8f0;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700;transition:all .12s}.btn-mini:hover{background:var(--paper-2);transform:translateY(-1px)}.btn-mini.danger{color:var(--coral-dark);border-color:var(--coral)}.btn-mini.danger:hover{background:var(--coral-light)}.summary-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px;display:grid}.stat{border-radius:var(--radius);border:1.5px solid var(--line-strong);box-shadow:var(--shadow);background:#fbf8f0;padding:16px 18px}.stat-num{font-family:var(--display);font-size:30px;line-height:1}.stat-label{color:var(--ink-soft);margin-top:6px;font-size:12.5px}.drawer-back{z-index:50;background:#2b2a2666;justify-content:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.drawer{background:var(--paper);border-left:2px solid var(--line-strong);width:min(440px,92vw);height:100%;padding:26px 24px;animation:.25s cubic-bezier(.2,.8,.2,1) slidein;overflow-y:auto}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}.drawer-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.drawer-name{font-family:var(--display);font-size:24px}.drawer-close{background:var(--paper-2);width:32px;height:32px;color:var(--ink-soft);border:none;border-radius:50%;font-size:16px}.drawer-actions{border-radius:var(--radius);background:var(--paper-2);border:1.5px solid var(--line-strong);margin-top:16px;padding:14px}.remed-progress{color:var(--ink-soft);margin-bottom:10px;font-size:13px;font-weight:700}.remed-bar{border:1px solid var(--line-strong);background:#fff;border-radius:999px;height:8px;margin-top:6px;overflow:hidden}.remed-bar-fill{background:var(--stone);border-radius:999px;height:100%;transition:width .4s}.obs-node{margin-top:18px}.obs-node-title{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.obs-badge{border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.obs-badge.passed{background:var(--stone-light);color:var(--stone-dark)}.obs-badge.failed{background:var(--coral-light);color:var(--coral-dark)}.obs-line{border:1px solid var(--line);background:#fbf8f0;border-radius:10px;margin-bottom:7px;padding:8px 12px;font-size:13px}.obs-q{font-weight:600}.tier-chip{vertical-align:1px;border-radius:999px;margin-right:7px;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-block}.tier-1{background:var(--stone-light);color:var(--stone-dark)}.tier-2{background:var(--gold-light);color:#a9791f}.tier-3{background:var(--coral-light);color:var(--coral-dark)}.obs-miscon{color:var(--coral-dark);margin-top:3px;font-size:12.5px}.obs-flag{color:var(--gold);margin-top:3px;font-size:12.5px}.obs-ok{color:var(--stone);margin-top:3px;font-size:12.5px}.practice-card{padding-top:26px}.climb{flex-direction:column;gap:2px;max-width:420px;margin:0 auto 18px;display:flex}.climb-compact{flex-flow:wrap;justify-content:center;gap:6px;max-width:100%;margin-bottom:16px}.climb-rung{border-radius:10px;align-items:center;gap:9px;padding:7px 12px;font-size:13.5px;font-weight:600;display:flex}.climb-compact .climb-rung{border:1.5px solid var(--line);padding:5px 11px;font-size:12.5px}.climb-rung.cleared{color:var(--stone-dark);background:var(--stone-light)}.climb-compact .climb-rung.cleared{border-color:var(--stone)}.climb-rung.active{color:var(--coral-dark);background:var(--coral-light);font-weight:700}.climb-compact .climb-rung.active{border-color:var(--coral)}.climb-rung.todo{color:var(--ink-soft);background:var(--paper-2)}.climb-dot{text-align:center;width:16px;font-size:13px}.stones{justify-content:center;gap:12px;margin:6px 0 26px;display:flex}.stone{background:var(--paper-2);border:2px solid var(--line-strong);border-radius:40% 40% 45% 45%;width:30px;height:22px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.stone.on{background:var(--stone);border-color:var(--stone-dark);box-shadow:0 3px 0 var(--stone-dark);transform:translateY(-3px)scale(1.08)}.answer-row{justify-content:center;align-items:center;gap:14px;margin-top:6px;display:flex}.num-input{font-family:var(--display);text-align:center;border:2.5px solid var(--line-strong);border-radius:var(--radius);width:150px;color:var(--ink);background:#fff;outline:none;padding:8px;font-size:36px}.num-input:focus{border-color:var(--stone)}.frac-input{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.frac-box{font-family:var(--display);text-align:center;border:2.5px solid var(--line-strong);width:108px;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:5px;font-size:26px}.frac-box:focus{border-color:var(--stone)}.frac-input-bar{background:var(--ink);border-radius:2px;width:118px;height:3px}.fb{margin-top:20px;font-size:15px;font-weight:600;animation:.25s pop}.fb-correct{color:var(--stone-dark)}.fb-wrong{color:var(--coral-dark)}.fb-hint{color:var(--ink-soft);background:var(--gold-light);border:1.5px solid var(--gold);border-radius:12px;max-width:480px;margin-top:8px;padding:10px 14px;font-size:14px;font-weight:500;line-height:1.5;display:inline-block}.empty{text-align:center;color:var(--ink-soft);padding:50px 20px}.empty-emoji{margin-bottom:10px;font-size:40px}.foot-note{color:var(--ink-soft);text-align:center;margin-top:30px;font-size:12px;line-height:1.7}