:root{--primary: #4285f4;--primary-hover: #3b78e7;--secondary: #ff9800;--secondary-hover: #f57c00;--success: #34a853;--success-hover: #2d8f47;--danger: #ea4335;--danger-hover: #d33828;--bg-glass: rgba(255, 255, 255, .7);--bg-glass-heavy: rgba(255, 255, 255, .85);--blur: blur(12px);--shadow-premium: 0 8px 32px rgba(0, 0, 0, .12);--shadow-float: 0 4px 12px rgba(0, 0, 0, .08);--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--text-main: #202124;--text-secondary: #5f6368;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family);color:var(--text-main);background-color:#f8f9fa;overflow:hidden;height:-webkit-fill-available}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{width:100vw;height:100vh;height:100dvh;height:-webkit-fill-available;position:fixed;top:0;left:0}.glass{background:var(--bg-glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid rgba(255,255,255,.3)}.glass-heavy{background:var(--bg-glass-heavy);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid rgba(255,255,255,.4)}.shadow-premium{box-shadow:var(--shadow-premium)}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-weight:500;font-size:14px;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.btn-premium:active{transform:scale(.96)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #4285f44d}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:var(--secondary-hover);box-shadow:0 4px 12px #ff98004d}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:var(--success-hover);box-shadow:0 4px 12px #34a8534d}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-hover);box-shadow:0 4px 12px #ea43354d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}