@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#0b0d14;--bg-secondary:#131722;--bg-glass:#131722d9;--border-glass:#ffffff1f;--card-bg:#191e2d99;--accent-cyan:#00f2fe;--accent-blue:#4facfe;--accent-glow:#00f2fe40;--accent-gold:#ffb703;--accent-emerald:#10b981;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dim:#6b7280;--ruler-body-bg:#111827;--ruler-tick:#e5e7eb;--ruler-subtick:#9ca3af;--ruler-highlight:#00f2fe;--ruler-text:#f9fafb;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}[data-theme=aluminum]{--bg-primary:#1e2025;--bg-secondary:#282c34;--bg-glass:#282c34d9;--border-glass:#ffffff26;--ruler-body-bg:linear-gradient(180deg, #d1d5db 0%, #9ca3af 100%);--ruler-tick:#1f2937;--ruler-subtick:#4b5563;--ruler-highlight:#dc2626;--ruler-text:#111827}[data-theme=wood]{--bg-primary:#1c130e;--bg-secondary:#2a1d15;--bg-glass:#2a1d15e0;--border-glass:#eab3082e;--ruler-body-bg:linear-gradient(180deg, #d97706 0%, #b45309 100%);--ruler-tick:#451a03;--ruler-subtick:#78350f;--ruler-highlight:#ef4444;--ruler-text:#292524}[data-theme=blueprint]{--bg-primary:#0a192f;--bg-secondary:#112240;--bg-glass:#112240e0;--border-glass:#64ffda33;--ruler-body-bg:#0a2540;--ruler-tick:#64ffda;--ruler-subtick:#233554;--ruler-highlight:#ff007f;--ruler-text:#e6f1ff}[data-theme=cyberpunk]{--bg-primary:#0d0221;--bg-secondary:#190535;--bg-glass:#190535e0;--border-glass:#ff007f4d;--ruler-body-bg:#0d0221;--ruler-tick:#00f0ff;--ruler-subtick:#ff007f;--ruler-highlight:#ffe600;--ruler-text:#fff}*{box-sizing:border-box;touch-action:manipulation;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;min-height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden auto}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-button{border:1px solid var(--border-glass);color:var(--text-main);cursor:pointer;background:#ffffff0f;border-radius:10px;align-items:center;gap:6px;min-height:38px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.glass-button:hover{border-color:var(--accent-cyan);box-shadow:0 0 12px var(--accent-glow);background:#ffffff1f}.glass-button:active{transform:scale(.97)}.glass-button.active{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);color:#000;box-shadow:0 0 16px var(--accent-glow);border-color:#0000;font-weight:600}.badge{color:var(--accent-cyan);font-size:.72rem;font-weight:600;font-family:var(--font-mono);white-space:nowrap;background:#00f2fe26;border:1px solid #00f2fe4d;border-radius:20px;padding:2px 8px}.badge-warning{color:var(--accent-gold);background:#ffb70326;border-color:#ffb7034d}.badge-success{color:var(--accent-emerald);background:#10b98126;border-color:#10b9814d}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.glass-panel{border-radius:12px}.mobile-hide{display:none!important}.mobile-full-width{width:100%!important}.glass-button{min-height:36px;padding:6px 10px;font-size:.8rem}.mobile-controls-row{flex-wrap:wrap;gap:8px}}