:root{--bg: #0a0a0a;--fg: #f5f5f5;--dim: #6a6a6a;--line: #2a2a2a;--line-active: #f5f5f5;--acid: #00ff88;--warn: #ffcc00;--err: #ff3333}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app{background:var(--bg);color:var(--fg);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#app{max-width:640px;margin:0 auto;padding:16px;display:flex;flex-direction:column;min-height:100vh}.hdr{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hdr__cat{color:var(--dim)}.hdr__cat strong{color:var(--fg);font-weight:500}.hdr__logo{width:32px;height:32px;border-radius:50%;filter:invert(1);opacity:.85}.sec{margin-bottom:32px}.sec__title{font-size:18px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.sec__sub{color:var(--dim);font-size:12px;margin-bottom:16px}.sec__divider{color:var(--dim);font-size:12px;overflow:hidden;margin:16px 0;-webkit-user-select:none;user-select:none}.kv{display:grid;grid-template-columns:minmax(80px,auto) 1fr;gap:4px 16px;font-size:13px}.kv__k{color:var(--dim);text-transform:uppercase;font-size:11px;letter-spacing:.06em;align-self:center}.kv__v{color:var(--fg);word-break:break-all}.badge{display:inline-block;padding:2px 8px;border:1px solid var(--line-active);border-radius:2px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.badge--acid{background:var(--acid);color:var(--bg);border-color:var(--acid)}.badge--warn{background:var(--warn);color:var(--bg);border-color:var(--warn)}.badge--err{background:var(--err);color:var(--fg);border-color:var(--err)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--fg);color:var(--bg);border:none;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;width:100%;border-radius:0}.btn:active{background:var(--acid)}.btn--ghost{background:transparent;color:var(--fg);border:1px solid var(--line-active)}.btn--ghost:active{background:var(--fg);color:var(--bg)}.loader{text-align:center;color:var(--dim);padding:64px 16px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.err{border:1px solid var(--err);padding:12px;color:var(--err);font-size:12px}.ftr{margin-top:auto;padding-top:24px;border-top:1px solid var(--line);color:var(--dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:center}