:root{--bg: #12171c;--surface: #1a2027;--surface-2: #222a32;--ink: #e7eaec;--ink-2: #b4bcc5;--ink-3: #7f8a96;--line: #2f3841;--accent: #46bfb1;--accent-ink: #06231f;--warm: #e1a052;--bad: #e2685f;--sans: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;overscroll-behavior-y:none}.page{max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 20px) 16px calc(env(safe-area-inset-bottom) + 40px)}.head{padding:8px 0 4px}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}h1{font-size:1.6rem;margin:0;line-height:1.25}.lede{color:var(--ink-2);font-size:.95rem;margin:10px 0 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 16px;margin-top:16px}.card.critical{border-color:var(--accent)}.card.result{background:var(--surface-2)}h2{font-size:1.05rem;margin:0 0 8px;display:flex;align-items:center;gap:10px}.num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--mono);font-size:.78rem;flex:none}.desc{color:var(--ink-2);font-size:.9rem;margin:0 0 4px}.step{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.step:first-of-type{border-top:none;padding-top:0}.step.highlight{background:#46bfb114;margin-left:-16px;margin-right:-16px;padding:14px 16px;border-top:1px solid var(--accent)}.label{font-size:.9rem;margin:0 0 10px;color:var(--ink)}.btn{display:inline-block;min-height:48px;padding:12px 20px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.ghost{background:transparent}.btn.small{min-height:38px;padding:8px 14px;font-size:.85rem;margin-left:8px}.btn.wide{width:100%}.btn:focus-visible,.pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.yesno{display:flex;gap:8px;margin-top:10px}.pill{flex:1;min-height:44px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2);font-family:inherit;font-size:.9rem;cursor:pointer}.pill.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.pill.on.bad{background:var(--bad);border-color:var(--bad);color:#fff}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 0;font-size:.88rem}.kv dt{color:var(--ink-3);font-family:var(--mono);font-size:.78rem;align-self:center}.kv dd{margin:0}.mono{font-family:var(--mono);font-size:.82rem}.good{color:var(--accent)}.warn{color:var(--warm)}.bad{color:var(--bad)}.off{color:var(--ink-3)}.hint{font-size:.85rem;color:var(--ink-3);margin:10px 0 0}.formats{list-style:none;padding:0;margin:10px 0 0}.formats li{padding:3px 0;font-size:.85rem}details summary{cursor:pointer;font-size:.9rem;color:var(--ink-2)}.player{width:100%;margin-top:8px}.foot{margin-top:28px;text-align:center;color:var(--ink-3);font-size:.8rem}@media (prefers-reduced-motion: reduce){.btn:active{transform:none}}