:root{--bg: #f2f6f5;--surface: #ffffff;--surface-2: #e7efed;--text: #17272d;--muted: #5c6c71;--border: #cbd9d6;--accent: #087f79;--accent-text: #ffffff;--spark: #f5a623;--good: #277a4d;--bad: #a32e2e;--tap: 44px;--radius: 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif;color:var(--text);background:var(--bg);line-height:1.45}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}a{color:var(--accent)}button,a.button{min-height:var(--tap);min-width:var(--tap);padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button.primary,a.button.primary{background:var(--accent);color:var(--accent-text);border-color:transparent}.page{width:min(100%,1050px);margin:0 auto;padding:18px}.card{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.muted{color:var(--muted)}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{line-height:1.15}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(prefers-color-scheme:dark){:root{--bg: #0e1b20;--surface: #16272d;--surface-2: #20343a;--text: #e6f0ee;--muted: #a4b7b3;--border: #33494d;--accent: #72d7ce;--accent-text: #082421}}.bar.svelte-12qhfyh{position:sticky;top:0;z-index:10;min-height:58px;display:flex;align-items:center;gap:8px;padding:6px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--border)}.brand.svelte-12qhfyh{color:var(--text);text-decoration:none;font-weight:800}nav.svelte-12qhfyh{display:flex;flex:1;gap:3px;overflow-x:auto}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){min-height:var(--tap);display:flex;align-items:center;gap:6px;padding:0 11px;border-radius:10px;color:var(--text);text-decoration:none;white-space:nowrap}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:var(--surface-2);font-weight:700}.offline.svelte-12qhfyh{padding:4px 8px;border-radius:999px;background:var(--spark);color:#342300;font-size:.8rem;font-weight:750}button.ko.svelte-12qhfyh{background:var(--accent);color:var(--accent-text)}.update.svelte-12qhfyh{position:fixed;z-index:20;right:16px;bottom:16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:min(520px,calc(100vw - 32px));padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 8px 30px #0003}@media(max-width:620px){.brand.svelte-12qhfyh,.label.svelte-12qhfyh{display:none}}