@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#f0f4f8;--bg-secondary:#fff;--bg-accent:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-accent:#3b82f6;--tile-bg:#fffc;--tile-border:#fff6;--tile-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--bg-gradient:linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--brand-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--font-sans:"Inter", sans-serif}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-accent:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-accent:#60a5fa;--tile-bg:#1e293bb3;--tile-border:#ffffff0d;--tile-shadow:0 4px 6px -1px #0003, 0 2px 4px -1px #0000001a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--brand-gradient:linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-gradient);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background .3s,color .3s}#root{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;padding:24px 16px;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--tile-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--tile-border);border-radius:var(--radius-lg);box-shadow:var(--tile-shadow);transition:all .2s}.text-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.app-title{order:1}.header-search{flex:1;order:2;max-width:300px;position:relative}.theme-toggle{border-radius:50%;flex-shrink:0;order:3;justify-content:center;align-items:center;padding:10px;display:flex}@media (width<=480px){.app-title{order:1}.header-search{flex:100%;order:3;max-width:none}.theme-toggle{order:2}}