:root,html[data-theme=dark]{--bg0:#0b1220;--bg1:#121a2b;--card:#ffffff0a;--card-solid:#151c2c;--soft:#ffffff0a;--line:#ffffff1a;--text:#e8eefc;--muted:#94a3b8;--accent:#2bb5a5;--accent-2:#1f8f82;--ok:#34d399;--warn:#fbbf24;--bad:#f87171;--shadow:0 10px 32px #00000059;--nav-brand:#fff;--nav-link:#94a3b8;--nav-link-hover:#fff;--btn-secondary-bg:#ffffff14;--btn-secondary-ink:#e2e8f0}html[data-theme=light]{--bg0:#eef1f5;--bg1:#e8eef4;--card:#fff;--card-solid:#fff;--soft:#f4f7fa;--line:#e2e8f0;--text:#15202b;--muted:#678;--accent:#0d7a6f;--accent-2:#0a5f57;--ok:#16a34a;--warn:#a16207;--bad:#dc2626;--shadow:0 8px 28px #0f172a14;--nav-brand:#15202b;--nav-link:#678;--nav-link-hover:#0d7a6f;--btn-secondary-bg:#eef1f5;--btn-secondary-ink:#15202b}*{box-sizing:border-box;margin:0;padding:0}html,body{background:radial-gradient(900px 500px at 10% -10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%), radial-gradient(700px 400px at 90% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 50%), linear-gradient(180deg, var(--bg0), var(--bg1));min-height:100%;color:var(--text);font-family:Pretendard,system-ui,sans-serif;transition:background .2s,color .2s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:1100px;margin:0 auto;padding:20px 18px 60px}.topnav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.brand{color:var(--nav-brand);letter-spacing:-.02em;font-size:18px;font-weight:800}.navlinks{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.navlinks a{color:var(--nav-link)}.navlinks a:hover{color:var(--nav-link-hover);text-decoration:none}.themeToggle{border:1px solid var(--line);background:var(--btn-secondary-bg);color:var(--btn-secondary-ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.themeToggle:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:14px;padding:20px 22px}.card h1,.card h2{margin-bottom:8px}.muted{color:var(--muted);font-size:13px;line-height:1.5}.btn{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.btn.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-ink)}.btn.danger{background:#b91c1c}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.textarea{background:color-mix(in srgb, var(--text) 6%, transparent);border:1px solid var(--line);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:720px){.grid2{grid-template-columns:1fr}}.chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.chip button{color:var(--accent);cursor:pointer;background:0 0;border:none}.statrow{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (max-width:800px){.statrow{grid-template-columns:1fr 1fr}}.stat{background:var(--soft);border:1px solid var(--line);text-align:center;border-radius:12px;padding:14px}.stat b{margin-top:4px;font-size:22px;display:block}.badge{border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.badge.bad{background:color-mix(in srgb, var(--bad) 15%, transparent);color:var(--bad)}.badge.warn{background:color-mix(in srgb, var(--warn) 15%, transparent);color:var(--warn)}.badge.ok{background:color-mix(in srgb, var(--ok) 15%, transparent);color:var(--ok)}.draft{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.draft:first-of-type{border-top:none}.actions{flex-wrap:wrap;gap:6px;display:flex}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#050a14b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.overlay-card{background:var(--card-solid);border:1px solid var(--line);text-align:center;border-radius:18px;width:min(420px,100%);padding:28px 24px}
