:root{color-scheme:dark;--bg:#14161a;--surface:#1e2127;--border:#2c313a;--text:#e7e9ec;--text-dim:#9aa2ad;--accent:#4da3ff;--danger:#ff6b6b;--ok:#52c98a}*{box-sizing:border-box}#__nuxt,body,html{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,Hiragino Sans,Yu Gothic UI,sans-serif}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:100;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:10px 16px;display:flex;position:sticky;top:0}.app-title{white-space:nowrap;margin:0;font-size:16px;font-weight:600}.app-nav{flex-wrap:wrap;gap:4px;display:flex}.app-nav a{color:var(--text-dim);border-radius:6px;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;text-decoration:none;display:inline-flex}.app-nav a:hover{color:var(--text);background:#ffffff0f}.app-nav a.is-active{background:var(--accent);color:#05131f;font-weight:600}.app-main{flex:1;padding:20px}@media (width<=480px){.app-header{gap:8px 16px;padding:8px 12px}.app-title{font-size:14px}.app-nav a{padding:8px 10px;font-size:13px}.app-main{padding:12px}}