:root{--bg:#f7faf7;--card:#ffffff;--ink:#26312b;--muted:#6b7a72;--line:#e3ebe5;--brand:#2fa57b;--brand-deep:#1f8562;--brand-soft:#e4f4ec;--peach:#ff9e6d;--peach-soft:#ffefe5;--danger:#d96a5e;--danger-soft:#fbe9e6;--r:16px;--shadow:0 2px 10px rgba(38,49,43,0.06)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{word-break:keep-all;background:var(--bg);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none}.shell{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 18px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 10px}.logo{font-weight:800;font-size:19px;letter-spacing:-.02em}.logo-mark{margin-right:2px}.topbar-exam{font-size:12.5px;color:var(--brand-deep);background:var(--brand-soft);border-radius:999px;padding:3px 12px;font-weight:700}.content{flex:1 1;padding:8px 0 32px}.foot{font-size:12px;color:var(--muted);text-align:center;padding:20px 8px 28px;border-top:1px solid var(--line);line-height:1.7}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;margin:14px 0}.card h2{margin:0 0 6px;font-size:17px;font-weight:800;letter-spacing:-.01em}.card .desc{margin:0 0 14px;font-size:14px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border-radius:14px;font-weight:800;font-size:15.5px;transition:transform .06s ease,filter .12s ease}.btn:active{transform:scale(.985)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{filter:brightness(1.05)}.btn-soft{background:var(--brand-soft);color:var(--brand-deep)}.btn-peach{background:var(--peach-soft);color:#c2622f}.btn[disabled]{opacity:.55;cursor:default}.hero{text-align:center;padding:26px 8px 8px}.hero .mascot{font-size:44px;display:block;margin-bottom:6px}.hero h1{font-size:23px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.hero p{margin:0;color:var(--muted);font-size:14.5px}.stat-row{display:flex;gap:10px;margin:16px 0 4px}.stat{flex:1 1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center}.stat .v{font-size:20px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--brand-deep)}.stat .l{font-size:11.5px;color:var(--muted);margin-top:2px}.take-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer{font-weight:800;color:var(--brand-deep);background:var(--brand-soft);border-radius:999px;padding:4px 14px;font-size:14px}.timer.low{color:#b4483e;background:var(--danger-soft)}.progress-track{flex:1 1;height:8px;background:var(--line);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--brand);border-radius:999px;transition:width .25s ease}.qnum{font-size:13px;color:var(--muted);white-space:nowrap}.qnum,.stem{font-weight:700}.stem{font-size:16.5px;line-height:1.6;margin:4px 0 16px}.opt{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:13px 14px;margin:8px 0;font-size:15px;line-height:1.55;transition:border-color .1s ease,background .1s ease}.opt.selected,.opt:hover{border-color:var(--brand)}.opt.selected{background:var(--brand-soft)}.opt .badge{flex:none;width:26px;height:26px;border-radius:50%;background:var(--bg);border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;margin-top:1px}.opt.selected .badge{background:var(--brand);border-color:var(--brand);color:#fff}.nav-row{display:flex;gap:10px;margin-top:18px}.nav-row .btn{flex:1 1}.score-hero{text-align:center;padding:24px 10px 10px}.score-hero .big{font-size:46px;font-weight:800;color:var(--brand-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.score-hero .sub{color:var(--muted);font-size:14px}.ritem{border:1px solid var(--line);border-radius:14px;background:var(--card);margin:10px 0;overflow:hidden}.ritem summary{list-style:none;display:flex;gap:10px;align-items:flex-start;padding:13px 14px;cursor:pointer;font-size:14.5px;font-weight:600}.ritem summary::-webkit-details-marker{display:none}.ritem .mark{flex:none;font-size:16px;margin-top:1px}.ritem .body{padding:0 16px 14px;font-size:14px;color:var(--ink);border-top:1px dashed var(--line)}.ritem .body p{margin:10px 0 0}.ritem .kv{color:var(--muted);font-size:13px;margin-top:10px}.pill-ok{color:var(--brand-deep)}.pill-no{color:var(--danger)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.chip{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .1s ease}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.field-label{font-size:13px;font-weight:800;color:var(--muted);margin:16px 0 4px}.bar-row{display:flex;align-items:center;gap:10px;margin:7px 0;font-size:13px}.bar-name{flex:0 0 132px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1 1;height:10px;background:var(--line);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--brand);border-radius:999px}.bar-num{flex:0 0 70px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12.5px}.bar-num,.loading{color:var(--muted)}.loading{text-align:center;padding:48px 0;font-size:14.5px}.err{background:var(--danger-soft);color:#8f3a31;border-radius:12px;padding:12px 16px;font-size:13.5px;margin:12px 0;word-break:break-all}@media (prefers-reduced-motion:reduce){*{transition:none!important}}