:root{--bg: #f1f4f9;--surface: #ffffff;--surface-alt: #f8fafc;--ink: #0f172a;--ink-soft: #334155;--muted: #64748b;--line: #e3e8ef;--primary: #12357f;--primary-strong: #0d2760;--primary-soft: #e8edf9;--ok: #15803d;--ok-bg: #dcfce7;--warn: #b45309;--warn-bg: #fef3c7;--err: #b91c1c;--err-bg: #fee2e2;--radius: 16px;--radius-sm: 12px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .05);--nav-height: 68px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.shell{width:100%;margin:0 auto;min-height:100dvh;background:var(--bg);position:relative;padding-bottom:calc(var(--nav-height) + 24px + env(safe-area-inset-bottom))}.page{padding:16px;display:flex;flex-direction:column;gap:16px}.section-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-flat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stack{display:flex;flex-direction:column;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.h2{margin:0;font-size:1.05rem;font-weight:650}.muted{color:var(--muted);font-size:.86rem;margin:0}.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:0 18px;border:0;border-radius:14px;background:var(--primary);color:#fff;font-size:1rem;font-weight:650;letter-spacing:.01em;transition:background .15s ease,transform .05s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn:hover:not(:disabled){background:var(--primary-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--primary);border:1.5px solid var(--line)}.btn-secondary:hover:not(:disabled){background:var(--primary-soft)}.btn-ghost{background:transparent;color:var(--muted);border:0;min-height:40px;width:auto;font-size:.88rem;padding:0 6px}.btn-sm{min-height:42px;width:auto;font-size:.9rem;border-radius:11px}.search{width:100%;min-height:48px;padding:0 16px;border:1.5px solid var(--line);border-radius:13px;background:var(--surface);font-size:.98rem;color:var(--ink)}.search:focus{outline:none;border-color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:.76rem;font-weight:650;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}@media(min-width:768px){.page{padding:28px 32px;gap:24px}.page>.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}