:root{--bg-0:#06080a;--bg-1:#0b0f11;--bg-2:#10161a;--bg-3:#151d22;--line:#1c262b;--line-strong:#2a3941;--ink:#d8e2dc;--ink-dim:#7d8c85;--ink-mute:#4b5852;--accent:#e25c00;--accent-glow:#e25c0038;--amber:#e25c00;--red:#d0574a;--blue:#6fb5d1;--font-mono:ui-monospace, "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--radius:4px;--gap:20px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 20% -10%, #0f1a1f 0%, transparent 60%), radial-gradient(900px 600px at 100% 100%, #0a1512 0%, transparent 60%), var(--bg-0);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}::selection{background:var(--accent);color:var(--bg-0)}.screen{place-items:start center;min-height:100%;padding:40px 24px;display:grid;position:relative}.scanlines{pointer-events:none;mix-blend-mode:overlay;z-index:1;background:repeating-linear-gradient(#ffffff03 0 1px,#0000 1px 3px);position:fixed;inset:0}.frame{z-index:2;background:linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:32px;width:min(1080px,100%);padding:28px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08,inset 0 -1px #00000080,0 30px 80px #0000008c}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.mark{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink);align-items:center;gap:10px;font-size:14px;text-decoration:none;display:inline-flex}.mark-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite pulse;box-shadow:0 0 0 3px #e25c001f}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.meta{color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:inline-flex}.meta-sep{color:var(--ink-mute)}.meta-item{white-space:nowrap}.hero{flex-direction:column;gap:18px;padding:24px 4px 12px;display:flex}.hero-eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.hero-eyebrow-tag{border:1px solid var(--line-strong);background:#e25c000a;border-radius:3px;padding:3px 8px}.hero-cursor{background:var(--accent);width:8px;height:14px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.hero-title{font-family:var(--font-sans);letter-spacing:-.02em;max-width:22ch;margin:0;font-size:clamp(34px,5.5vw,60px);font-weight:600;line-height:1.02}.strike{color:var(--ink-mute);text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:3px}.hero-subtitle{color:var(--ink-dim);max-width:60ch;margin:0;font-size:16px}.section{flex-direction:column;gap:14px;display:flex}.section-head{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border-bottom:1px dashed var(--line);align-items:baseline;gap:10px;padding-bottom:8px;font-size:11px;display:inline-flex}.section-num{color:var(--accent)}.section-sep{color:var(--ink-mute)}.section-title{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink);margin:4px 0 8px;font-size:22px;font-weight:500}.section-body{flex-direction:column;gap:16px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.stat{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:6px;min-height:96px;padding:14px 16px;transition:border-color .12s,transform .12s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff05}.stat:hover{border-color:var(--line-strong);transform:translateY(-1px)}.stat:before{content:"";border-top:1px solid var(--accent);border-left:1px solid var(--accent);opacity:.6;border-top-left-radius:var(--radius);width:10px;height:10px;position:absolute;top:-1px;left:-1px}.stat-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-size:10px}.stat-value{font-family:var(--font-mono);color:var(--ink);word-break:break-word;font-size:16px}.stat-hint{font-family:var(--font-mono);color:var(--ink-mute);margin-top:auto;font-size:11px}.tone-ok .stat-value{color:var(--ink)}.tone-amber .stat-value{color:var(--amber)}.tone-red .stat-value{color:var(--red)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:18px;transition:border-color .12s,background .12s;display:flex}.card:hover{border-color:var(--line-strong);background:var(--bg-3)}.card-head{align-items:baseline;gap:10px;display:flex}.card-index{font-family:var(--font-mono);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.card-title{font-family:var(--font-sans);color:var(--ink);margin:0;font-size:16px;font-weight:500}.card-body{color:var(--ink-dim);font-size:13.5px;line-height:1.55}.btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;background:var(--bg-3);color:var(--ink);align-items:center;gap:8px;padding:10px 14px;font-size:12px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent);background:#e25c000f}.btn-caret{color:var(--accent)}.btn-ghost{background:0 0}.pill{font-family:var(--font-mono);letter-spacing:.08em;text-transform:lowercase;border:1px solid var(--line-strong);background:var(--bg-2);border-radius:999px;align-items:center;gap:6px;padding:3px 8px 3px 6px;font-size:11px;display:inline-flex}.pill-dot{border-radius:50%;width:6px;height:6px}.pill-ok{color:var(--accent)}.pill-ok .pill-dot{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.pill-amber{color:var(--amber)}.pill-amber .pill-dot{background:var(--amber)}.pill-red{color:var(--red)}.pill-red .pill-dot{background:var(--red)}.pill-muted{color:var(--ink-dim)}.pill-muted .pill-dot{background:var(--ink-dim)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-actions{gap:12px}.prose{color:var(--ink-dim);max-width:68ch;margin:0;font-size:14px}.mono{font-family:var(--font-mono);color:var(--ink)}.footer{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.footer-motto{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink);text-transform:lowercase;font-size:12px}.opscraft-tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-dim);text-transform:lowercase;font-size:11px;text-decoration:none;transition:color .12s}.opscraft-tag:hover{color:var(--amber)}.opscraft-mark{color:var(--amber);font-weight:500}.nav{border-bottom:1px solid var(--line);padding-bottom:14px}.nav-inner{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.nav-toggle{border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;display:none}.nav-toggle span{background:var(--ink);width:16px;height:1.5px;display:block}.nav-list{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:lowercase;color:var(--ink-dim);border-radius:var(--radius);align-items:center;padding:8px 12px;font-size:12px;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.nav-link:hover{color:var(--ink);background:var(--bg-3)}.nav-link-active{color:var(--accent);background:#e25c0014}.nav-user{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.nav-user-name{font-family:var(--font-mono);color:var(--ink);font-size:12px}.nav-logout{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.08em;text-transform:lowercase;border:1px solid var(--line-strong);border-radius:var(--radius);padding:6px 10px;font-size:11px;text-decoration:none;transition:color .12s,border-color .12s}.nav-logout:hover{color:var(--accent);border-color:var(--accent)}.card-button{appearance:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.card-selected{border-color:var(--accent);background:#e25c000f}@media (width<=720px){.screen{padding:12px}.frame{border-radius:8px;gap:22px;padding:18px}.hero{padding:12px 2px 4px}.hero-title{font-size:clamp(28px,8vw,40px)}.stat-grid,.card-grid{grid-template-columns:1fr}.row-actions{flex-direction:column;align-items:stretch}.row-actions .btn{justify-content:center}.footer{flex-direction:column;align-items:flex-start;gap:10px}.nav-toggle{display:inline-flex}.nav-list{flex-direction:column;order:3;align-items:stretch;width:100%;display:none}.nav-list-open{display:flex}.nav-list li{width:100%}.nav-link{padding:12px 14px}.nav-user{margin-left:auto}}@supports (padding:max(0px)){.screen{padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}}