@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root,[data-theme=light]{--bg-color:#f1f5f9;--text-color:#0f172a;--text-secondary:#64748b;--panel-bg:#fff;--card-bg:#fff;--border-color:#e2e8f0;--grid-color:#0f172a0a;--danger-color:#ef4444;--success-color:#10b981;--accent-color:#6366f1;--accent-light:#e0e7ff;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d}[data-theme=midnight]{--bg-color:#0f172a;--panel-bg:#1e293b;--card-bg:#1e293b;--border-color:#334155;--grid-color:#ffffff08;--text-color:#f8fafc;--text-secondary:#94a3b8;--accent-color:#818cf8;--accent-light:#818cf826}[data-theme=ocean]{--bg-color:#e0f2fe;--panel-bg:#fff;--card-bg:#fff;--border-color:#bae6fd;--grid-color:#0c4a6e0d;--text-color:#0c4a6e;--text-secondary:#0369a1;--accent-color:#0284c7;--accent-light:#e0f2fe}[data-theme=sunset]{--bg-color:#ffedd5;--panel-bg:#fff;--card-bg:#fff;--border-color:#fed7aa;--grid-color:#4314070d;--text-color:#431407;--text-secondary:#9a3412;--accent-color:#ea580c;--accent-light:#ffedd5}[data-theme=forest]{--bg-color:#dcfce7;--panel-bg:#fff;--card-bg:#fff;--border-color:#bbf7d0;--grid-color:#14532d0d;--text-color:#14532d;--text-secondary:#166534;--accent-color:#16a34a;--accent-light:#dcfce7}[data-theme=lavender]{--bg-color:#f3e8ff;--panel-bg:#fff;--card-bg:#fff;--border-color:#e9d5ff;--grid-color:#4c1d950d;--text-color:#4c1d95;--text-secondary:#6b21a8;--accent-color:#9333ea;--accent-light:#f3e8ff}[data-theme=rose]{--bg-color:#ffe4e6;--panel-bg:#fff;--card-bg:#fff;--border-color:#fecdd3;--grid-color:#8813370d;--text-color:#881337;--text-secondary:#be123c;--accent-color:#e11d48;--accent-light:#ffe4e6}[data-theme=coffee]{--bg-color:#fef3c7;--panel-bg:#fff;--card-bg:#fff;--border-color:#fde68a;--grid-color:#78350f0d;--text-color:#78350f;--text-secondary:#b45309;--accent-color:#d97706;--accent-light:#fef3c7}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(var(--grid-color) 1.5px, transparent 1.5px);color:var(--text-color);background-position:0 0;background-size:24px 24px;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}.glass-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .3s}.glass-button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:8px 16px;transition:all .2s}.glass-button:hover{border-color:var(--accent-color);box-shadow:var(--shadow-sm)}.glass-input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);padding:12px 16px;transition:all .2s}.glass-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light);outline:none}.theme-select{background:var(--panel-bg);color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;outline:none;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.theme-select:hover{background:var(--bg-color)}.theme-select option{background:var(--bg-color);color:var(--text-color)}@keyframes rocketFly{0%{opacity:1;transform:translate(0)rotate(0)}50%{opacity:1;transform:translate(50px,-50px)rotate(45deg)}to{opacity:0;transform:translate(100px,-100px)rotate(45deg)}}.rocket-animate{animation:.8s cubic-bezier(.5,0,.2,1) forwards rocketFly;display:inline-block}@keyframes crush{0%{filter:brightness();transform:scale(1)}20%{filter:brightness(1.5)saturate(2);transform:scale(1.05)rotate(-2deg)}50%{filter:blur(1px)grayscale(.5);opacity:.8;transform:scale(.95)rotate(2deg)skew(5deg)}to{filter:brightness(.7)grayscale();opacity:.6;transform:scale(1)rotate(0)}}.crush-animate{animation:.7s ease-out forwards crush}