:root{--page: #ffffff;--frame: #ffffff;--surface: #f4f5f7;--surface2: #e8ebee;--text: #191f28;--sub: #4e5968;--muted: #8b95a1;--line: #e5e8eb;--accent: #3182f6;--accent-weak: #e8f3ff;--accent-text: #1b64da;--good: #12a35f;--good-weak: #e3f6ec;--bad: #e5484d;--bad-weak: #fdeced;--warn: #f59f00;--warn-weak: #fff3d6;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.07);color-scheme:light}@media (prefers-color-scheme: dark){:root:not(.toss){--page: #17191c;--frame: #17191c;--surface: #212328;--surface2: #2c2f35;--text: #f2f4f6;--sub: #b0b8c1;--muted: #7e8794;--line: #2c2f35;--accent: #4c93ff;--accent-weak: #1a2b44;--accent-text: #8bbaff;--good: #2fc27a;--good-weak: #15301f;--bad: #ff6b6b;--bad-weak: #3a1c1f;--warn: #ffb340;--warn-weak: #3a2d12;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 12px 32px rgba(0,0,0,.4);color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--page);overscroll-behavior:none}body{color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;word-break:keep-all;font-size:15px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}a{color:inherit;text-decoration:none}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--frame);position:relative}.nav{height:52px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 12px 0 14px;position:sticky;top:0;background:var(--frame);z-index:5}.nav .title{font-weight:700;font-size:17px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav .iconbtn{width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.content{flex:1;padding:8px 20px 24px;display:flex;flex-direction:column;gap:12px}.content.tabbed{padding-bottom:96px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:8px 0 calc(12px + env(safe-area-inset-bottom));background:var(--frame);z-index:10}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted)}.tab.on{color:var(--text);font-weight:600}.tab svg{width:22px;height:22px}.foot{position:sticky;bottom:0;padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;gap:8px;background:var(--frame);z-index:5}.foot.col{flex-direction:column;gap:6px}svg.i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}svg.i.s{width:16px;height:16px}.card{background:var(--surface);border-radius:16px;padding:16px}.card.line{background:var(--frame);border:1px solid var(--line)}.card.acc{background:var(--accent-weak)}.label{font-size:13px;color:var(--muted)}.big{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.3}.huge{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.mid{font-size:18px;font-weight:700;letter-spacing:-.01em}.sm{font-size:13px}.xs{font-size:12px}.sub{color:var(--sub)}.muted{color:var(--muted)}.b{font-weight:700}.acc{color:var(--accent-text)}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.center{text-align:center}.rowx{display:flex;align-items:center;justify-content:space-between;gap:12px}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.gap4{display:flex;flex-direction:column;gap:4px}.gap8{display:flex;flex-direction:column;gap:8px}.gap12{display:flex;flex-direction:column;gap:12px}.btn{display:flex;align-items:center;justify-content:center;gap:6px;height:54px;border-radius:14px;background:var(--accent);color:#fff;font-weight:600;font-size:16px;width:100%;flex:1;text-align:center}.btn:disabled,.btn.off{background:var(--surface2);color:var(--muted);cursor:default}.btn.gray{background:var(--surface2);color:var(--text)}.btn.ghost{background:transparent;color:var(--sub);height:44px}.btn.small{height:38px;font-size:14px;border-radius:10px;width:auto;flex:none;padding:0 14px}.btn.danger{background:var(--bad-weak);color:var(--bad)}.bar{height:8px;background:var(--surface2);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);border-radius:99px}.bar.thin{height:4px}.chip{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:8px;font-size:13px;font-weight:600;background:var(--surface2);color:var(--sub);white-space:nowrap}.chip.good{background:var(--good-weak);color:var(--good)}.chip.bad{background:var(--bad-weak);color:var(--bad)}.chip.acc{background:var(--accent-weak);color:var(--accent-text)}.chip.warn{background:var(--warn-weak);color:var(--warn)}.chip.on{background:var(--text);color:var(--frame)}.chips{display:flex;flex-wrap:wrap;gap:6px}.item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);width:100%}.item:last-child{border-bottom:0}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile{background:var(--surface);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:2px;min-height:96px}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface);border-radius:12px;padding:4px}.seg button{text-align:center;padding:8px;border-radius:9px;font-size:14px;font-weight:600;color:var(--muted)}.seg .on{background:var(--frame);color:var(--text);box-shadow:0 1px 3px #0000001a}.divider{height:8px;background:var(--surface);margin:4px -20px}.grouplabel{font-size:13px;color:var(--muted);font-weight:600;margin-top:4px}.lockrow{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;background:var(--surface);font-size:14px;color:var(--sub)}.empty{padding:32px 12px;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:12px;align-items:center}.qhead{font-size:16px;font-weight:600;line-height:1.6}.qhead .pt{color:var(--muted);font-weight:500;font-size:14px}.source{border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.75;background:var(--surface);display:flex;flex-direction:column;gap:8px}.source .m-title{font-weight:700;font-size:15px;text-align:center}.source .m-label{font-size:12px;font-weight:700;color:var(--accent-text)}.source .m-src{text-align:right;color:var(--muted);font-size:13px}.source .m-note{color:var(--muted);font-size:12px}.source .m-box{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--frame);display:flex;flex-direction:column;gap:6px}.source .m-speech{display:flex;gap:8px}.source .m-speech .who{font-weight:700;flex-shrink:0}.source table{border-collapse:collapse;width:100%;font-size:13px}.source td,.source th{border:1px solid var(--line);padding:6px 8px;text-align:center;background:var(--frame)}.source th{background:var(--surface2)}.source .tl{display:flex;flex-direction:column;gap:4px}.source .tl .gap{align-self:center;font-weight:700;color:var(--accent-text)}.blank{display:inline-block;border:1.5px solid var(--text);padding:0 6px;line-height:1.3;margin:0 2px;min-width:2.2em;text-align:center}.fig{background:#fff;border-radius:8px;padding:4px;display:flex;flex-direction:column;align-items:center;gap:4px}.fig img{max-width:100%;max-height:280px;object-fit:contain;display:block}.fig .cap{font-size:12px;color:#4e5968;text-align:center}.choice{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid var(--line);border-radius:14px;font-size:15px;line-height:1.5;width:100%;background:var(--frame)}.choice .n{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--muted);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--sub);margin-top:-1px}.choice .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.choice .body img{max-height:140px;max-width:100%;object-fit:contain;background:#fff;border-radius:6px;align-self:flex-start}.choice.sel{border-color:var(--accent);background:var(--accent-weak)}.choice.sel .n{background:var(--accent);border-color:var(--accent);color:#fff}.choice.wait{animation:drumroll .32s linear infinite}@keyframes drumroll{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-2px) rotate(-.6deg)}40%{transform:translate(2px) rotate(.6deg)}60%{transform:translate(-1.5px) rotate(-.4deg)}80%{transform:translate(1.5px) rotate(.4deg)}}@media (prefers-reduced-motion: reduce){.choice.wait{animation:none;opacity:.7}}.choice.ok{border-color:var(--good);background:var(--good-weak)}.choice.ok .n{background:var(--good);border-color:var(--good);color:#fff}.choice.no{border-color:var(--bad);background:var(--bad-weak)}.choice.no .n{background:var(--bad);border-color:var(--bad);color:#fff}.examtop{display:flex;align-items:center;gap:10px;padding:0 20px 10px;position:sticky;top:52px;background:var(--frame);z-index:5}.examtop .bar{flex:1}.timer{display:flex;align-items:center;gap:4px;font-weight:700;font-variant-numeric:tabular-nums;font-size:15px}.timer.over{color:var(--bad)}.flag{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--sub);padding:0 4px}.flag.on{color:var(--warn)}.ex{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.ex:last-child{border-bottom:0}.ex .mk{width:22px;flex-shrink:0;font-weight:800;text-align:center}.ex .who{font-weight:700}.ex.mine{background:var(--bad-weak);margin:0 -10px;padding:12px 10px;border-radius:10px;border-bottom:0}.ex.right{background:var(--good-weak);margin:0 -10px;padding:12px 10px;border-radius:10px;border-bottom:0}.fb{border-radius:14px;padding:14px 16px;background:var(--good-weak);font-size:14px;line-height:1.6}.fb.no{background:var(--bad-weak)}.fb b{color:var(--good)}.fb.no b{color:var(--bad)}.dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}.sheet{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:480px;bottom:0;background:var(--frame);border-radius:24px 24px 0 0;padding:12px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;z-index:41;max-height:88dvh;overflow-y:auto}.handle{width:40px;height:4px;border-radius:9px;background:var(--surface2);margin:0 auto 4px}.dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-width:400px;background:var(--frame);border-radius:20px;padding:22px 20px 16px;display:flex;flex-direction:column;gap:14px;z-index:41}.toast{position:fixed;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;bottom:calc(92px + env(safe-area-inset-bottom));background:var(--text);color:var(--frame);border-radius:14px;padding:14px 16px;font-size:14px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow);z-index:60}.toast .sm{opacity:.75}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:70;display:grid;place-items:center;overflow:auto;padding:16px}.zoom img{max-width:100%;background:#fff;border-radius:6px;touch-action:pinch-zoom}.ask{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:10px}.radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--surface2);flex-shrink:0}.radio.on{border:7px solid var(--accent)}.toggle{width:44px;height:26px;border-radius:99px;background:var(--surface2);position:relative;flex-shrink:0;transition:background .15s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on{background:var(--accent)}.toggle.on:after{left:21px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 20px 10px}.steps span{font-size:11px;font-weight:600;color:var(--muted);text-align:center;padding-top:6px;border-top:3px solid var(--surface2)}.steps .done{color:var(--sub);border-color:var(--accent-weak)}.steps .on{color:var(--accent-text);border-color:var(--accent)}.qgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.qc{aspect-ratio:1;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:600;background:var(--surface);color:var(--muted);position:relative;text-align:center}.qc.done{background:var(--accent-weak);color:var(--accent-text)}.qc.cur{box-shadow:inset 0 0 0 2px var(--accent);color:var(--text)}.qc.flag:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--warn)}.leg{display:flex;gap:14px;font-size:12px;color:var(--sub)}.leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}.pbar{display:grid;grid-template-columns:84px 1fr 44px;align-items:center;gap:10px;font-size:13px}.pbar .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--sub)}.pbar.weak .bar>i{background:var(--bad)}.pbar.weak .v{color:var(--bad);font-weight:700}.stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat3>div{background:var(--surface);border-radius:14px;padding:12px;text-align:center}.stat3 .v{font-size:20px;font-weight:700}.chart text{fill:var(--muted);font-size:10px;font-family:inherit}.chart .goal{stroke:var(--good);stroke-dasharray:4 4;stroke-width:1.5}.chart .ln{stroke:var(--accent);stroke-width:2.5;fill:none;stroke-linejoin:round}.chart circle{fill:var(--frame);stroke:var(--accent);stroke-width:2.5}.ptable{width:100%;border-collapse:collapse;font-size:13px}.ptable td,.ptable th{padding:10px 6px;border-bottom:1px solid var(--line);text-align:center}.ptable td:first-child,.ptable th:first-child{text-align:left;color:var(--sub)}.kwcard{border-radius:20px;background:var(--accent-weak);padding:28px 20px;text-align:center;display:flex;flex-direction:column;gap:12px}.kwcard .prompt{font-size:18px;font-weight:700;line-height:1.5}.opt2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opt2 .choice{justify-content:center;font-weight:600;padding:16px 10px;text-align:center}.order{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;font-weight:600;width:100%}.order .slot{width:28px;height:28px;border-radius:50%;border:1.5px dashed var(--muted);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--muted);flex-shrink:0}.order.picked{border-color:var(--accent);background:var(--accent-weak)}.order.picked .slot{border:0;background:var(--accent);color:#fff}.kakao{background:#fee500;color:#191919}.google{background:#fff;color:#1f1f1f;border:1px solid #dadce0}.logo{width:72px;height:72px;border-radius:20px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800}.loading{padding:48px 0;text-align:center;color:var(--muted)}