@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-glass:#ffffffb3;--text-primary:#0f172a;--text-secondary:#64748b;--accent-primary:#6366f1;--accent-hover:#4f46e5;--border-color:#e2e8f0;--danger:#ef4444;--success:#10b981;--warning:#f59e0b}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-glass:#1e293bb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#818cf8;--accent-hover:#6366f1;--border-color:#334155}}*{box-sizing:border-box;touch-action:manipulation;margin:0;padding:0}html,body{width:100%;height:100dvh;position:fixed;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-outline:hover{background-color:var(--bg-secondary)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.input{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:.5rem;padding:.5rem .75rem;font-size:1rem;transition:all .2s}.input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #6366f133}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.app-container{width:100vw;height:100dvh;display:flex;overflow:hidden}.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}