:root{--bg:#0a0b0d;--surface:#121417;--surface-elevated:#191c20;--surface-soft:#20242a;--line:#ffffff1a;--line-strong:#ffffff2b;--text:#f4f7f5;--muted:#a6afa9;--faint:#717a75;--accent:#b6ee70;--accent-ink:#142009;--warning:#ffc66d;--danger:#ff8e8e;color:var(--text);background:var(--bg);font-family:Inter,Pretendard,Noto Sans KR,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit}.shell{background:radial-gradient(circle at 90% -10%, #203225 0, transparent 30rem), var(--bg);min-height:100vh;padding:30px 34px 40px 302px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;max-width:960px;margin:0 auto;padding:clamp(20px,4vw,44px);box-shadow:0 16px 42px #0000003d}.narrow{max-width:640px}.eyebrow{color:var(--accent);letter-spacing:.08em;font-weight:800}h1{margin:.25rem 0 1rem;font-size:clamp(1.8rem,5vw,3.1rem);line-height:1.15}h2{margin:0 0 .65rem;font-size:1rem}p,li{line-height:1.65}button{background:var(--accent);min-height:38px;color:var(--accent-ink);cursor:pointer;border:1px solid #0000;border-radius:12px;padding:0 14px;font-weight:800}button:disabled{opacity:.65;cursor:wait}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card,.packet,.empty,.notice{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:18px}.card strong{font-size:1.35rem}.stack{gap:12px;display:grid}.packet span{color:var(--accent);background:#b6ee7024;border-radius:99px;padding:4px 8px;font-size:.8rem;font-weight:700;display:inline-block}.table-wrap{overflow-x:auto}.muted{color:var(--muted);font-size:.92rem}.notice{max-width:640px;margin:48px auto}.login-form{gap:18px;margin-top:26px;display:grid}.login-form label{gap:8px;font-weight:700;display:grid}.login-form input{border:1px solid var(--line);background:var(--surface-soft);width:100%;min-height:44px;color:var(--text);border-radius:14px;padding:12px 14px;font-size:1rem}.login-form input:focus{border-color:var(--accent);outline:3px solid #b6ee7047}.login-form [role=alert]{color:var(--danger);margin:0;font-weight:700}@media (max-width:900px){.shell{padding:18px}}@media (max-width:600px){.shell{padding:12px}.cards{grid-template-columns:1fr}.panel{border-radius:16px}}