*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-tertiary: #1a1a1d;--border-subtle: #2a2a2e;--border-hover: #3a3a3e;--text-primary: #e8e8ea;--text-secondary: #8a8a8e;--text-muted: #5a5a5e;--accent: #f0a050;--accent-dim: #c08040;--accent-strong: #ffd08a;--accent-glow: rgba(240, 160, 80, .15);--success: #50c080;--grid-line: rgba(255, 255, 255, .02);--card-bg: rgba(17, 17, 19, .88)}html,body{margin:0;min-height:100%}body{font-family:Noto Sans JP,JetBrains Mono,monospace;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.hidden{display:none!important}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#0a0a0bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:100}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s ease;text-decoration:none;color:inherit}.logo:hover{opacity:.7;text-decoration:underline}.logo-icon{width:32px;height:32px;border:2px solid var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative}.logo-icon:before{content:"";width:12px;height:12px;background:var(--accent);border-radius:2px;opacity:.6}.logo-icon-custom{border:none;background:none;color:var(--accent)}.logo-icon-custom:before{display:none}.logo-icon-custom svg{width:100%;height:100%}.logo-text{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:500;letter-spacing:-.5px;color:var(--text-primary)}.help-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.help-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-tertiary)}.help-btn svg{width:16px;height:16px}body.app-booting,body.app-booting:before,body.app-booting:after,body.app-booting *,body.app-booting *:before,body.app-booting *:after{transition:none!important;animation:none!important}.header-leading{display:flex;align-items:center;gap:12px}.header-actions{display:flex;align-items:center;gap:10px}.nav-pill{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:999px;color:var(--text-secondary, rgba(255, 255, 255, .7));text-decoration:none;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;transition:border-color .2s ease,color .2s ease,background .2s ease}.nav-pill:hover{color:var(--text-primary, #fff);border-color:var(--border-hover, rgba(255, 255, 255, .2));background:var(--bg-tertiary, rgba(255, 255, 255, .06))}.header-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f0a0501f;border:1px solid rgba(240,160,80,.2);color:var(--accent, #f0a050);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}@media(max-width:640px){.header-leading{gap:8px}.header-badge{display:none}.header-actions{gap:8px}}