:root{--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(31, 41, 55, .85);--border-glass: rgba(255, 255, 255, .08);--border-glow: rgba(139, 92, 246, .35);--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #06b6d4 100%);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(139,92,246,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.1) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(17,24,39,1) 0px,transparent 100%);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:20px;box-shadow:0 20px 40px -15px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-glow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.header-wrapper{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border-glass);background:#0b0f19cc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.brand-logo{display:flex;align-items:center;gap:12px}.brand-logo img{width:36px;height:36px;border-radius:10px;box-shadow:0 0 20px #8b5cf666}.brand-title{font-size:20px;font-weight:800;letter-spacing:-.5px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge-pill{padding:4px 12px;font-size:12px;font-weight:600;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.badge-webgpu{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.badge-online{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-offline{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 35px #8b5cf680}}.pulse-card{animation:pulse-glow 3s infinite ease-in-out}.btn-pwa-install{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.45);cursor:pointer;transition:all .2s;box-shadow:0 0 15px #8b5cf640}.btn-pwa-install:hover{background:#8b5cf659;color:#fff;transform:translateY(-1px)}.mobile-fast-actions{margin-top:20px;padding:16px 20px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0f172ad9;border:1px solid rgba(139,92,246,.3);box-shadow:0 10px 25px #0006}.mobile-fast-info{display:flex;align-items:center;gap:12px;text-align:left}.btn-mobile-pick-act{padding:10px 20px;font-size:13.5px;font-weight:700;border-radius:12px;white-space:nowrap;flex-shrink:0;cursor:pointer}.ios-install-banner{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:420px;background:#0f172af2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(139,92,246,.5);border-radius:18px;padding:14px 16px;box-shadow:0 20px 50px #000000bf,0 0 30px #8b5cf64d;z-index:99999}.ios-banner-inner{display:flex;align-items:center;gap:12px;position:relative}.ios-app-icon img{width:42px;height:42px;border-radius:10px;display:block;box-shadow:0 4px 12px #00000080}.ios-banner-content{flex:1;text-align:left}.ios-banner-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#fff;margin-bottom:3px}.ios-pwa-badge{font-size:10px;padding:1px 6px;border-radius:6px;background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.ios-banner-desc{font-size:11.5px;color:#cbd5e1;line-height:1.45}.share-glyph{display:inline-block;font-size:13px;color:#38bdf8;font-weight:700}.ios-banner-close{background:transparent;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:4px;border-radius:6px;transition:color .2s}.ios-banner-close:hover{color:#fff}.ios-banner-arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(15,23,42,.95)}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translate(-50%,20px)}@media (max-width: 768px){.header-wrapper{padding:max(12px,env(safe-area-inset-top)) 16px 12px 16px;flex-direction:column;align-items:stretch;gap:12px}.brand-logo{justify-content:center}.header-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mobile-fast-actions{flex-direction:column;align-items:stretch;text-align:center}.mobile-fast-info{justify-content:center;text-align:center}.btn-mobile-pick-act{width:100%}}