@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-main:#e2e8f0;--bg-surface:linear-gradient(145deg, #fff, #d8e2ec);--bg-flat:#e2e8f0;--neu-shadow:9px 9px 18px #b4bec9, -9px -9px 18px #fff;--neu-shadow-sm:5px 5px 10px #b4bec9, -5px -5px 10px #fff;--neu-shadow-lg:14px 14px 28px #acb6c2, -14px -14px 28px #fff;--neu-pressed:inset 5px 5px 10px #b4bec9, inset -5px -5px 10px #fff;--neu-pressed-sm:inset 3px 3px 6px #b4bec9, inset -3px -3px 6px #fff;--neu-dark-bg:linear-gradient(145deg, #1e293b, #0f172a);--neu-dark-shadow:8px 8px 18px #131b27, -8px -8px 18px #29374f;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-primary:#2563eb;--accent-hover:#1d4ed8;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:10px;--radius-md:18px;--radius-lg:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}@media (pointer:fine){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#e2e8f0}::-webkit-scrollbar-thumb{background:#b4bec9;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca8b6}}.neu-card{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--neu-shadow);border:1px solid #ffffffb3;transition:all .2s cubic-bezier(.16,1,.3,1)}.neu-card:hover{box-shadow:var(--neu-shadow-lg);transform:translateY(-2px)}.neu-pressed{border-radius:var(--radius-sm);box-shadow:var(--neu-pressed);background:linear-gradient(145deg,#d2dce6,#f8fafc);border:1px solid #ffffff4d}.neu-button{border-radius:var(--radius-sm);box-shadow:var(--neu-shadow-sm);color:var(--text-primary);cursor:pointer;background:linear-gradient(145deg,#fff,#d8e2ec);border:1px solid #fffc;justify-content:center;align-items:center;font-weight:700;transition:all .15s;display:inline-flex}.neu-button:hover{box-shadow:var(--neu-shadow);transform:translateY(-1px)}.neu-button:active{box-shadow:var(--neu-pressed-sm);transform:translateY(0)}.neu-pill-active{background:linear-gradient(145deg,#0f172a,#1e293b);box-shadow:0 4px 14px #0f172a59,inset 0 1px 2px #ffffff4d;color:#fff!important;border:1px solid #fff3!important}.neu-pill-white-active{background:linear-gradient(145deg,#fff,#cbd5e1);box-shadow:4px 4px 10px #b4bec9,-4px -4px 10px #fff,inset 0 1px 2px #fff;color:#0f172a!important;border:1px solid #94a3b8!important}.neu-dark-panel{background:var(--neu-dark-bg);box-shadow:var(--neu-dark-shadow);border-radius:var(--radius-lg);color:#fff}.mobile-close-btn{display:none}@media (width<=767px){.app-root-container{flex-direction:column!important}.desktop-sidebar{display:none!important}.mobile-header-bar{display:flex!important}.mobile-close-btn{display:block!important}.tech-guide-modal-overlay{padding:0!important}.tech-guide-modal-container{border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}