@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ui-scale:1;font-family:Inter,system-ui,sans-serif}[data-theme=dark]{--bg-gradient:radial-gradient(ellipse 80% 50% at 20% 0%, #1a0a3a 0%, #050510 55%, #000 100%);--bg0:#07070f;--bg1:rgba(14,14,28,.75);--bg2:rgba(22,22,44,.7);--bg3:rgba(36,36,66,.8);--bg4:rgba(55,55,95,.85);--bdr:rgba(120,80,255,.18);--bdr2:rgba(120,80,255,.32);--p:#7c3aed;--p-l:#9f5ff7;--p-d:#5b21b6;--c:#06b6d4;--t1:#f0f0ff;--t2:#b8b8d8;--t3:#5a5a80;--t4:#eab308;--err:#f43f5e;--shadow-sm:0 2px 12px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);--shadow-lg:0 16px 48px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.06);--shadow-glow:0 0 40px rgba(124,58,237,.25);--glass-bg:rgba(10,10,20,.7);--glass-bdr:rgba(120,80,255,.22);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;background:var(--bg-gradient);color:var(--t1);background-attachment:fixed}[data-theme=light]{--bg-gradient:linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--bg0:#f8fafc;--bg1:rgba(255,255,255,.8);--bg2:rgba(241,245,249,.8);--bg3:#e2e8f0;--bg4:#cbd5e1;--bdr:rgba(148,163,184,.25);--bdr2:rgba(148,163,184,.4);--p:#7c3aed;--p-l:#8b5cf6;--p-d:#5b21b6;--c:#0284c7;--t1:#0f172a;--t2:#334155;--t3:#94a3b8;--t4:#b45309;--err:#e11d48;--shadow-sm:0 4px 15px rgba(0,0,0,.03), inset 0 1px 0 rgba(255,255,255,.5);--shadow-lg:0 12px 35px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.5);--glass-bg:rgba(255,255,255,.75);--glass-bdr:rgba(148,163,184,.3);background:var(--bg-gradient);color:var(--t1);background-attachment:fixed}*{box-sizing:border-box;outline:none;margin:0;padding:0}body{width:100%;min-height:100vh;min-height:calc(var(--dvh,1dvh) * 100);-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top);zoom:var(--ui-scale);overflow-x:hidden;overflow-y:auto}html{overflow-x:hidden}#root{width:100%;height:100vh;height:calc(var(--dvh,1dvh) * 100)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--glass-bdr);box-shadow:var(--shadow-lg);border-radius:16px}.glass-panel{background:var(--bg1);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--bdr);box-shadow:var(--shadow-sm);border-radius:var(--radius-md,12px)}.glass-active{border-color:var(--p)!important;box-shadow:0 0 20px rgba(139,92,246,.4)!important}.btn-primary{background:linear-gradient(135deg, var(--p-d) 0%, var(--p) 60%, var(--p-l) 100%);border-radius:var(--radius-sm,8px);color:#fff;cursor:pointer;letter-spacing:.3px;-webkit-tap-highlight-color:transparent;user-select:none;border:1px solid rgba(255,255,255,.12);justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px rgba(124,58,237,.45),inset 0 1px rgba(255,255,255,.18)}.btn-primary:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}.btn-primary:after{content:"";opacity:0;pointer-events:none;background:rgba(255,255,255,.25);border-radius:50%;width:0;height:0;transition:none;position:absolute;top:50%;bottom:50%;left:50%;right:50%;transform:translate(-50%,-50%)scale(0)}.btn-primary:active:after{opacity:0;width:300%;height:300%;transition:width .5s,height .5s,opacity .5s;transform:translate(-50%,-50%)scale(1)}.btn-primary:hover{background:linear-gradient(135deg, var(--p) 0%, var(--p-l) 100%);transform:translateY(-2px)scale(1.01);box-shadow:0 8px 28px rgba(124,58,237,.65),inset 0 1px rgba(255,255,255,.25)}.btn-primary:active{transition-duration:80ms;transform:translateY(1px)scale(.97);box-shadow:0 2px 10px rgba(124,58,237,.4)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5);box-shadow:none!important;transform:none!important}.btn-ghost{border-radius:var(--radius-sm,8px);color:var(--t2);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;background:0 0;border:1px solid transparent;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s,transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:flex;position:relative;overflow:hidden}.btn-ghost svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .15s}.btn-ghost:hover{color:var(--p-l);background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.2);box-shadow:0 2px 10px rgba(124,58,237,.1)}.btn-ghost:hover svg{transform:scale(1.15)}.btn-ghost:active{background:rgba(124,58,237,.15);transition-duration:80ms;transform:scale(.95)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.input-field{background:var(--bg2);border:1.5px solid var(--bdr);border-radius:var(--radius-sm,8px);color:var(--t1);width:100%;caret-color:var(--p-l);padding:9px 14px;font-family:inherit;font-size:13px;transition:border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 1px 3px rgba(0,0,0,.12)}.input-field--icon{padding-left:30px!important}.input-field:hover{border-color:var(--bdr2)}.input-field:focus{border-color:var(--p);background:rgba(124,58,237,.04);outline:none;box-shadow:0 0 0 3px rgba(124,58,237,.14),inset 0 1px 3px rgba(0,0,0,.08)}.input-field::placeholder{color:var(--t3);transition:color .18s,opacity .18s}.input-field:focus::placeholder{opacity:.5}.input-field:disabled{opacity:.5;cursor:not-allowed}.dot-grid-dark{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px}.dot-grid-light{background-image:radial-gradient(rgba(0,0,0,.1) 1px,transparent 1px);background-size:24px 24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes pulseBorder{0%{border-color:var(--bdr)}50%{border-color:var(--p)}to{border-color:var(--bdr)}}.animate-pulse-border{animation:2s infinite pulseBorder}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes neonPulse{0%,to{box-shadow:0 0 8px rgba(0,240,255,.3),0 0 20px rgba(0,240,255,.1)}50%{box-shadow:0 0 20px rgba(0,240,255,.6),0 0 40px rgba(0,240,255,.3)}}.neon-pulse{animation:2s ease-in-out infinite neonPulse}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}25%{opacity:.8;transform:scale(1.1)rotate(5deg)}75%{opacity:.9;transform:scale(.95)rotate(-5deg)}}.animate-sparkle{animation:2.5s ease-in-out infinite sparkle}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-text-animated{background:linear-gradient(270deg,#00f0ff,#818cf8,#f472b6,#00f0ff) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift}@keyframes blockEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.block-enter{animation:.35s cubic-bezier(.16,1,.3,1) forwards blockEnter}.modal-backdrop{-webkit-backdrop-filter:blur(20px)saturate(150%)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--bg2) 25%, var(--bg3) 50%, var(--bg2) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip-enter{animation:.18s forwards tooltipIn}.scrollable-toolbar::-webkit-scrollbar{display:none}.scrollable-toolbar{-ms-overflow-style:none;scrollbar-width:none}.scrollable-toolbar>*{flex-shrink:0!important}.mobile-bottom-nav{background:var(--bg1);border-top:1px solid var(--bdr);z-index:500;height:60px;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(20px);display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-inner{align-items:stretch;height:100%;display:flex}.mobile-nav-btn{cursor:pointer;color:var(--t3);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:44px;padding:6px 4px;font-family:inherit;font-size:10px;font-weight:600;transition:color .15s,background .15s;display:flex}.mobile-nav-btn.active{color:var(--p);background:rgba(99,102,241,.08)}.mobile-nav-btn svg{flex-shrink:0}.mobile-drawer{bottom:calc(64px + env(safe-area-inset-bottom,0px));background:var(--bg1);-webkit-backdrop-filter:blur(30px)saturate(200%);border-top:1px solid var(--glass-bdr);z-index:550;max-height:calc(85vh - 64px - env(safe-area-inset-bottom,0px));will-change:transform;border-radius:28px 28px 0 0;animation:.4s cubic-bezier(.175,.885,.32,1) slideUpSpring;display:none;position:fixed;left:0;right:0;box-shadow:0 -10px 50px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.1)}@keyframes slideUpSpring{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-drawer-handle{background:var(--t3);opacity:.5;cursor:grab;border-radius:99px;flex-shrink:0;width:48px;height:5px;margin:12px auto}.mobile-drawer-handle:active{cursor:grabbing}@media (max-width:768px){#root{padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.dash-topbar{padding:0 10px!important}.dash-topbar-logo{letter-spacing:1px!important;font-size:11px!important}.dash-topbar-actions{gap:4px!important}.dash-topbar-actions .guest-text{display:none!important}.dash-topbar-actions button{min-width:36px;min-height:36px;gap:0!important;padding:8px!important;font-size:0!important}.dash-topbar-actions button svg{width:18px;height:18px}.editor-mini-bar{height:32px!important;padding:0 8px!important}.dash-topbar{flex-wrap:nowrap!important}.dash-topbar-actions{margin-left:auto!important}.mobile-col{flex-direction:column!important;grid-template-columns:1fr!important}.mobile-wrap{flex-wrap:wrap!important}.mode-card{margin-bottom:2px;flex:100%!important;width:100%!important;max-width:100%!important}.wizard-bottom{flex-wrap:wrap;gap:8px!important;padding:12px!important}.wizard-bottom input{width:120px!important;font-size:12px!important}.wizard-bottom button{padding:12px 16px!important;font-size:12px!important}.wizard-content,.dashboard-content{gap:16px!important;padding:20px 14px!important}.dashboard-action-bar{flex-direction:column!important;gap:10px!important;padding-bottom:20px!important}.dashboard-action-bar input,.dashboard-action-bar button{width:100%!important}.mobile-bottom-nav{z-index:500;display:flex}.mobile-drawer{flex-direction:column;display:flex;overflow:hidden}.editor-side{display:none!important}.editor-layout{flex-direction:row!important;overflow:hidden!important}.editor-canvas-container{width:100%!important;height:100%!important;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))!important}.browser-toolbar{gap:4px!important;min-height:50px!important;padding:0 12px!important;overflow-x:auto!important}.browser-toolbar .toolbar-text{display:none!important}.browser-toolbar .toolbar-project-name{max-width:100px!important;font-size:13px!important}.browser-toolbar .project-badge{display:none}.browser-toolbar button{border-radius:12px;justify-content:center;min-width:44px;min-height:44px;padding:6px 10px!important;font-size:12px!important}.editor-side-desktop{display:none!important}input[type=text],input[type=number],input[type=email],textarea,select{border-radius:12px!important;min-height:44px!important;padding:12px 16px!important;font-size:16px!important}button{min-width:44px;min-height:44px}.btn-ghost,.btn-primary{border-radius:12px;min-height:44px;font-size:15px}.block-item-toolbar button{min-width:44px!important;min-height:44px!important;padding:10px!important}.mobile-drawer-content{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:24px;overflow-y:auto}.desktop-only-notice{display:flex!important}}@media (max-width:480px){.dash-topbar-actions button{padding:6px!important}.wizard-content,.dashboard-content{gap:12px!important;padding:16px 12px!important}.login-card{border-radius:18px!important;width:calc(100vw - 24px)!important;max-width:100%!important;margin:12px!important;padding:24px 20px!important}.toolbar-project-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.dash-section>div[style]{padding-left:12px!important;padding-right:12px!important}}@media (max-width:360px){.mode-card-v2-title{font-size:13px!important}.mode-card-v2-desc{font-size:11px!important}.widget-picker-grid{grid-template-columns:repeat(3,1fr)!important}.login-card{width:calc(100vw - 16px)!important;margin:8px!important;padding:20px 16px!important}.elloris-tab{padding:0 10px!important;font-size:0!important}.elloris-tab svg{width:16px;height:16px;font-size:14px!important}.elloris-topbar{padding:0 8px!important}}@media (max-width:1024px){.editor-side{width:220px!important;min-width:200px!important}.dash-section{padding:0 16px;max-width:100%!important}.browser-toolbar button{padding:6px 10px!important;font-size:12px!important}.toolbar-text-tablet{display:none!important}}.desktop-only-notice{z-index:9000;backdrop-filter:blur(12px);text-align:center;background:rgba(8,8,26,.92);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pulseGlow{0%{box-shadow:0 0 10px rgba(99,102,241,.4)}50%{box-shadow:0 0 20px rgba(99,102,241,.8),0 0 40px rgba(99,102,241,.4)}to{box-shadow:0 0 10px rgba(99,102,241,.4)}}@keyframes energyFlow{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes slideDownSlick{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.god-glass{-webkit-backdrop-filter:blur(24px)saturate(160%)!important;background:rgba(15,23,42,.5)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 16px 40px rgba(0,0,0,.4)!important}.god-node{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s!important}.god-node:hover{transform:scale(1.03)translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(99,102,241,.3)!important}.wire-animated{stroke-dasharray:8 8;stroke-linecap:round;filter:drop-shadow(0 0 6px);animation:1.5s linear infinite energyFlow}.stars-bg{background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 50px 160px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(1px 1px at 160px 120px,#fff,transparent);background-repeat:repeat;background-size:200px 200px;animation:100s linear infinite floatStars}@keyframes floatStars{0%{transform:translateY(0)}to{transform:translateY(-200px)}}@media (max-width:768px){.mobile-grid{grid-template-columns:1fr!important}.mobile-col{flex-direction:column!important}.mobile-padding{padding-left:12px!important;padding-right:12px!important}.mobile-hidden{display:none!important}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.mobile-drawer-target{padding-bottom:env(safe-area-inset-bottom,20px);transition:transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(110%);box-shadow:0 -10px 40px rgba(0,0,0,.5);background:var(--bg1)!important;border-top:1px solid var(--bdr)!important;z-index:9999!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important;width:100vw!important;height:50vh!important;max-height:50vh!important;position:fixed!important;bottom:0!important;left:0!important}.mobile-drawer-target.open{transform:translateY(0)!important}.mobile-drawer-target.closed{transform:translateY(110%)}.editor-canvas-container{flex:none!important;width:100vw!important;height:100%!important}.mobile-bottom-nav{backdrop-filter:blur(12px);border-top:1px solid var(--bdr);z-index:500;width:100%;height:60px;padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(10,10,15,.9);justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;display:flex!important}.mobile-bottom-nav .btn-ghost{background:0 0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;height:85%;margin:4px 6px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.mobile-bottom-nav .btn-ghost:active{background:rgba(255,255,255,.1);transform:scale(.9)}.mobile-drawer-target:before{content:"";z-index:999;background:rgba(255,255,255,.2);border-radius:4px;width:40px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}}@media print{@page{margin:0}body,html,#root{background:#fff!important;height:auto!important;overflow:visible!important}.edu-no-print{display:none!important}.edu-workspace,.edu-print-page{background:#fff!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.a4-document{box-shadow:none!important;border:none!important;width:100%!important;max-width:none!important;min-height:auto!important;margin:0!important;padding:0!important}.edu-physical-page{box-shadow:none!important;page-break-after:always!important;min-height:auto!important;margin:0!important}}.mobile-fab{background:linear-gradient(135deg, var(--p), var(--p-l));color:#fff;cursor:pointer;z-index:5000;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:fixed;bottom:76px;right:18px;box-shadow:0 8px 24px rgba(99,102,241,.55)}.mobile-fab:active{transform:scale(.9)}.mobile-fab-3d{background:linear-gradient(135deg,#6366f1,#4338ca)}.widget-bottom-sheet-overlay{z-index:5001;backdrop-filter:blur(3px);background:rgba(0,0,0,.45);position:fixed;top:0;bottom:0;left:0;right:0}.widget-bottom-sheet{background:var(--bg1);border-top:1px solid var(--bdr);z-index:5002;padding:12px 16px calc(24px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;max-height:75vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUpSheet;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -20px 60px rgba(0,0,0,.5)}.widget-bottom-sheet-handle{background:var(--bdr);border-radius:99px;width:40px;height:4px;margin:0 auto 14px}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.widget-picker-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.widget-pick-btn{background:var(--bg2);border:1.5px solid var(--bdr);cursor:pointer;color:var(--t2);text-align:center;-webkit-tap-highlight-color:transparent;border-radius:14px;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:68px;padding:10px 4px;font-size:10px;font-weight:700;line-height:1.2;transition:all .15s;display:flex}.widget-pick-btn:active{border-color:var(--p);color:var(--p);background:rgba(99,102,241,.15);transform:scale(.94)}.widget-pick-btn-icon{width:34px;height:34px;color:var(--p);background:rgba(99,102,241,.12);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.ai-app-template-card{background:var(--bg2);border:1px solid var(--bdr);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:all .18s;display:flex}.ai-app-template-card:active{background:var(--bg3);border-color:var(--p);transform:scale(.98)}@media (max-width:768px){.btn-ghost{min-height:48px}.btn-primary{min-height:48px;font-size:16px}.edu-config-two-col{flex-direction:column!important;gap:16px!important}.modal-overlay>div,[class*=modal]>div:first-child,[class*=Modal]{max-width:calc(100vw - 16px)!important;max-height:calc(calc(var(--dvh,1dvh) * 100) - 32px)!important;overflow-y:auto!important}}@media (hover:none){.mode-card-v2:hover{border-color:var(--bdr)!important;background:rgba(14,14,28,.6)!important;transform:none!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.mode-card-v2.active,.mode-card-v2:hover .mode-card-v2-icon,.btn-primary:hover,.btn-ghost:hover{transform:none!important}.god-node:hover{box-shadow:none!important;transform:none!important}.proj-card:hover,.card-hover:hover{transform:none!important}}.touch-ripple{-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.touch-ripple:after{content:"";opacity:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transition:transform .3s,opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(0)}.touch-ripple:active:after{opacity:1;transition:all;transform:scale(2)}.swipe-area{touch-action:pan-y;user-select:none}.swipe-area-horizontal{touch-action:pan-x;user-select:none}.touch-card{-webkit-tap-highlight-color:transparent;transition:transform .15s,box-shadow .15s}.touch-card:active{transform:scale(.98)translateY(2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.touch-target{min-width:48px;min-height:48px;padding:12px 16px}.touch-target-lg{min-width:56px;min-height:56px;padding:16px 20px}.gesture-hint{color:#fff;pointer-events:none;opacity:0;z-index:1000;background:rgba(99,102,241,.9);border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s;position:absolute;transform:translateY(-10px)}.gesture-hint.show{opacity:1;transform:translateY(0)}.pull-indicator{background:var(--bg1);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:top .2s;display:flex;position:absolute;top:-60px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px rgba(0,0,0,.3)}.pull-indicator.pulling{top:20px}.pull-indicator svg{animation:1s linear infinite pullSpin}@keyframes pullSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fab{background:linear-gradient(135deg, var(--p), var(--p-l));color:#fff;cursor:pointer;z-index:1000;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px rgba(99,102,241,.4),0 6px 20px rgba(99,102,241,.2)}.fab:active{transform:scale(.92);box-shadow:0 8px 24px rgba(99,102,241,.5)}.fab-extended{border-radius:28px;gap:8px;width:auto;padding:0 20px;font-size:14px;font-weight:600}.bottom-sheet{background:var(--bg1);z-index:2000;border-radius:24px 24px 0 0;flex-direction:column;max-height:90vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 32px rgba(0,0,0,.4)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{background:var(--t3);opacity:.5;border-radius:2px;width:40px;height:4px;margin:12px auto}.bottom-sheet-content{-webkit-overflow-scrolling:touch;flex:1;padding:16px;overflow-y:auto}.bottom-sheet-backdrop{opacity:0;pointer-events:none;z-index:1999;background:rgba(0,0,0,.5);transition:opacity .3s;position:fixed;top:0;bottom:0;left:0;right:0}.bottom-sheet-backdrop.open{opacity:1;pointer-events:auto}.mobile-context-menu{background:var(--bg1);z-index:3000;-webkit-backdrop-filter:blur(20px);border:1px solid var(--bdr);border-radius:12px;min-width:200px;padding:8px 0;animation:.15s contextMenuIn;position:fixed;box-shadow:0 8px 32px rgba(0,0,0,.4)}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{color:var(--t1);cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.context-menu-item:active{background:var(--bg3)}.context-menu-divider{background:var(--bdr);height:1px;margin:8px 0}.snackbar{color:var(--t1);border:1px solid var(--bdr2);z-index:9999;opacity:0;backdrop-filter:blur(20px);background:rgba(20,14,40,.95);border-radius:99px;align-items:center;gap:10px;max-width:90vw;padding:12px 22px;font-size:13px;font-weight:600;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(124,58,237,.15)}.snackbar-action{color:var(--p);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;margin-left:8px;font-size:12px;font-weight:700}.quick-actions{background:linear-gradient(to top, var(--bg0), transparent);padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:100;pointer-events:none;justify-content:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.quick-actions>*{pointer-events:auto}.mobile-toolbar{background:var(--bg1);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--bdr);height:64px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:1000;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-toolbar-btn{height:100%;color:var(--t3);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.mobile-toolbar-btn.active{color:var(--p)}.mobile-toolbar-btn:active{background:rgba(99,102,241,.1)}.page-indicator{justify-content:center;gap:8px;padding:12px;display:flex}.page-dot{background:var(--t3);opacity:.4;border-radius:50%;width:8px;height:8px;transition:all .3s}.page-dot.active{opacity:1;background:var(--p);transform:scale(1.2)}.edge-swipe-left,.edge-swipe-right{z-index:50;width:20px;position:fixed;top:0;bottom:0}.edge-swipe-left{left:0}.edge-swipe-right{right:0}.haptic-btn:active{animation:50ms hapticPulse}@keyframes hapticPulse{0%,to{transform:scale(1)}50%{transform:scale(.97)}}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-left{padding-left:env(safe-area-inset-left,0px)}.safe-right{padding-right:env(safe-area-inset-right,0px)}.elloris-topbar{border-bottom:1px solid var(--bdr);background:var(--bg1);-webkit-backdrop-filter:blur(24px)saturate(160%);z-index:50;flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 16px;display:flex}.editor-mini-bar{border-bottom:1px solid var(--bdr);backdrop-filter:blur(20px);z-index:50;background:rgba(7,7,15,.9);flex-shrink:0;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.elloris-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.elloris-logo-icon{background:linear-gradient(135deg, var(--p-d), var(--p-l));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;box-shadow:0 4px 14px rgba(124,58,237,.5)}.elloris-logo-text{letter-spacing:2px;background:linear-gradient(135deg,#e0d4ff,#c4b5fd,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800}.elloris-logo-badge{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:99px;padding:2px 7px;font-size:9px;font-weight:800}.dash-topbar-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.elloris-tabbar{border-bottom:1px solid var(--bdr);-webkit-backdrop-filter:blur(20px);background:rgba(7,7,15,.6);flex-shrink:0;align-items:stretch;gap:0;padding:0 8px;display:flex;overflow-x:auto}.elloris-tabbar::-webkit-scrollbar{display:none}.elloris-tab{height:46px;color:var(--t3);cursor:pointer;white-space:nowrap;letter-spacing:.1px;background:0 0;border:none;border-bottom:2px solid transparent;flex-shrink:0;align-items:center;gap:7px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:flex}.elloris-tab:hover{color:var(--t1);background:rgba(124,58,237,.07)}.elloris-tab.active{color:#c4b5fd;background:rgba(124,58,237,.1);border-bottom-color:#a78bfa;font-weight:700}.elloris-tab svg{opacity:.7;transition:opacity .15s,transform .2s cubic-bezier(.34,1.56,.64,1)}.elloris-tab:hover svg,.elloris-tab.active svg{opacity:1;transform:scale(1.15)}.dash-hero{text-align:center;padding:40px 20px 24px}.dash-hero-title{letter-spacing:-.5px;background:linear-gradient(135deg,#f0f0ff 0%,#c4b5fd 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:30px;font-weight:800}.dash-hero-sub{color:var(--t3);max-width:440px;margin:0 auto;font-size:14px;font-weight:400;line-height:1.6}.dash-section{width:100%;max-width:980px;margin:0 auto}.dash-section-title{color:var(--t3);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid var(--bdr);align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;font-size:11px;font-weight:700;display:flex}.dash-section-title:before{content:"";background:var(--p);border-radius:99px;flex-shrink:0;width:3px;height:14px}.mode-card-v2{cursor:pointer;border:1.5px solid var(--bdr);-webkit-backdrop-filter:blur(24px);-webkit-tap-highlight-color:transparent;user-select:none;background:rgba(14,14,28,.6);border-radius:18px;flex-direction:column;gap:11px;padding:22px 20px 18px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2)}.mode-card-v2:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);height:1px;position:absolute;top:0;left:0;right:0}.mode-card-v2:hover{border-color:var(--bdr2);background:rgba(20,18,40,.8);transform:translateY(-4px)scale(1.01);box-shadow:0 16px 40px rgba(0,0,0,.45)}.mode-card-v2.active{background:rgba(20,18,40,.9);transform:translateY(-4px)scale(1.01)}.mode-card-v2:active{transition-duration:80ms;transform:scale(.98)}.mode-card-v2-icon{z-index:1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.mode-card-v2:hover .mode-card-v2-icon,.mode-card-v2.active .mode-card-v2-icon{transform:scale(1.12)rotate(-4deg)}.mode-card-v2-tag{letter-spacing:.8px;text-transform:uppercase;z-index:2;border-radius:99px;padding:3px 8px;font-size:9px;font-weight:800;position:absolute;top:13px;right:13px}.mode-card-v2-title{color:var(--t1);letter-spacing:.1px;margin:0;font-size:14px;font-weight:700}.mode-card-v2-desc{color:var(--t3);margin:0;font-size:11.5px;line-height:1.5}@keyframes wave{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(15deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.wave-hand{transform-origin:70% 70%;vertical-align:middle;margin-left:4px;animation:1.5s ease-in-out infinite wave;display:inline-block}.proj-card{cursor:pointer;border:1px solid var(--bdr);-webkit-backdrop-filter:blur(16px);background:rgba(14,14,28,.6);border-radius:14px;transition:transform .22s cubic-bezier(.34,1.3,.64,1),box-shadow .22s,border-color .18s;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2)}.proj-card:hover{border-color:rgba(124,58,237,.3);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 0 1px rgba(124,58,237,.12)}.proj-card:active{transition-duration:80ms;transform:scale(.98)}.proj-card-accent{height:3px}.proj-card-body{padding:14px 16px 16px}.proj-card-name{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:700;overflow:hidden}.proj-card-date{color:var(--t3);align-items:center;gap:4px;font-size:11px;display:flex}.proj-card-chips{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.chip{border-radius:99px;padding:2px 9px;font-size:10px;font-weight:600;line-height:1.6}.chip-accent{color:var(--p-l);background:rgba(124,58,237,.15)}.chip-muted{background:var(--bg3);color:var(--t3)}.new-proj-card{cursor:pointer;min-height:130px;color:var(--t3);background:rgba(124,58,237,.03);border:1.5px dashed rgba(124,58,237,.3);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex}.new-proj-card:hover{border-color:var(--p);color:var(--p-l);background:rgba(124,58,237,.08);transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,58,237,.15)}.action-block{border-top:1px solid rgba(124,58,237,.15);flex-direction:column;gap:10px;margin-top:2px;padding-top:6px;animation:.28s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex}.action-input{text-align:center;background:rgba(255,255,255,.05)!important;border-color:rgba(124,58,237,.3)!important;border-radius:10px!important;font-size:14px!important;font-weight:500!important}.action-input:focus{border-color:var(--p)!important;background:rgba(124,58,237,.06)!important;box-shadow:0 0 0 3px rgba(124,58,237,.12)!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.loading-ring{border:3px solid var(--bg3);border-top-color:var(--p);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-logo{background:linear-gradient(135deg, var(--p-d), var(--p-l));border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;animation:1.8s ease-in-out infinite loadingPulse;display:flex;box-shadow:0 8px 28px rgba(124,58,237,.5)}.user-chip{border:1px solid var(--bdr);background:var(--bg2);cursor:default;color:var(--t2);border-radius:99px;align-items:center;gap:7px;padding:4px 12px 4px 4px;font-size:12px;font-weight:500;display:flex}.user-avatar{background:linear-gradient(135deg, var(--p-d), var(--p-l));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.settings-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:rgba(0,0,0,.65);justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.settings-modal{border:1px solid var(--bdr2);width:100%;max-width:440px;max-height:calc(100vh - 40px);box-shadow:0 32px 80px rgba(0,0,0,.7), var(--shadow-glow);background:rgba(12,10,24,.96);border-radius:20px;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) blockEnter;display:flex;overflow:hidden}.settings-modal-header{border-bottom:1px solid var(--bdr);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.settings-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:20px;padding:20px 24px 24px;display:flex;overflow-y:auto}.settings-row-label{color:var(--t3);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.toggle-group{gap:6px;display:flex}.toggle-btn{border:1px solid var(--bdr);background:var(--bg2);color:var(--t2);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.toggle-btn:hover{border-color:var(--bdr2);color:var(--t1)}.toggle-btn.active{background:linear-gradient(135deg, var(--p-d), var(--p));border-color:var(--p);color:#fff;box-shadow:0 4px 14px rgba(124,58,237,.4)}.settings-row-label{color:var(--t3);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.ambient-orb{pointer-events:none;filter:blur(80px);opacity:.25;z-index:0;border-radius:50%;animation:20s ease-in-out infinite alternate orbDrift;position:fixed}.ambient-orb-2{background:radial-gradient(#06b6d4 0%,transparent 70%);width:500px;height:350px;animation-duration:24s;animation-delay:-8s;bottom:-80px;right:-100px}.ambient-orb-3{opacity:.1;background:radial-gradient(#f472b6 0%,transparent 70%);width:300px;height:300px;animation-duration:30s;animation-delay:-15s;top:40%;right:20%}@keyframes orbDrift{0%{opacity:.7;transform:translate(-2px,-3px)scale(1)}50%{opacity:1;transform:translate(3px,2px)scale(1.08)}to{opacity:.75;transform:translate(-1px,-2px)scale(.96)}}.stagger-children>:first-child{animation:.5s cubic-bezier(.16,1,.3,1) 50ms both fadeInUp}.stagger-children>:nth-child(2){animation:.5s cubic-bezier(.16,1,.3,1) .1s both fadeInUp}.stagger-children>:nth-child(3){animation:.5s cubic-bezier(.16,1,.3,1) .15s both fadeInUp}.stagger-children>:nth-child(4){animation:.5s cubic-bezier(.16,1,.3,1) .2s both fadeInUp}.stagger-children>:nth-child(5){animation:.5s cubic-bezier(.16,1,.3,1) .25s both fadeInUp}.stagger-children>:nth-child(6){animation:.5s cubic-bezier(.16,1,.3,1) .3s both fadeInUp}.stagger-children>:nth-child(7){animation:.5s cubic-bezier(.16,1,.3,1) .35s both fadeInUp}.stagger-children>:nth-child(8){animation:.5s cubic-bezier(.16,1,.3,1) .4s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-hover{will-change:transform;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s}.card-hover:hover{transform:translateY(-4px)scale(1.015);box-shadow:0 20px 50px rgba(0,0,0,.45),0 0 0 1px rgba(124,58,237,.15),0 0 30px rgba(124,58,237,.12)}.card-hover:active{transition-duration:.1s;transform:translateY(0)scale(.99)}.glow-border{transition:box-shadow .2s,border-color .2s}.glow-border:hover,.glow-border:focus-within{box-shadow:0 0 0 2px rgba(124,58,237,.25),0 0 20px rgba(124,58,237,.1);border-color:rgba(124,58,237,.4)!important}.frosted-card{-webkit-backdrop-filter:blur(32px)saturate(180%);border-radius:var(--radius-lg);background:rgba(14,14,28,.72);border:1px solid rgba(120,80,255,.18);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05)}.noise-overlay:after{content:"";pointer-events:none;border-radius:inherit;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:absolute;top:0;bottom:0;left:0;right:0}.gradient-border{border-radius:var(--radius-md);position:relative}.gradient-border:before{content:"";border-radius:calc(var(--radius-md) + 1px);z-index:-1;opacity:0;background:linear-gradient(135deg,rgba(124,58,237,.5),rgba(6,182,212,.3),rgba(244,114,182,.3),rgba(124,58,237,.5)) 0 0/300% 300%;transition:opacity .3s;animation:4s infinite gradientShift;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.gradient-border:hover:before{opacity:1}.shine{position:relative;overflow:hidden}.shine:after{content:"";pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);width:50%;height:200%;transition:left .5s;position:absolute;top:-50%;left:-75%;transform:skew(-15deg)}.shine:hover:after{left:125%}.text-gradient{background:linear-gradient(135deg, var(--t1), var(--p-l), var(--c), var(--t1));-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}.page-enter{animation:.4s cubic-bezier(.16,1,.3,1) both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.editor-mini-bar{box-shadow:0 1px rgba(255,255,255,.03)}.dash-section-title{color:var(--t3);letter-spacing:1.2px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:800;display:flex}.dash-section-title:after{content:"";background:linear-gradient(90deg, var(--bdr), transparent);flex:1;height:1px}.pill-badge{letter-spacing:.8px;border-radius:99px;align-items:center;gap:4px;padding:2px 9px;font-size:10px;font-weight:800;display:inline-flex}.pill-badge-purple{color:#a78bfa;background:rgba(124,58,237,.18);border:1px solid rgba(124,58,237,.25)}.pill-badge-amber{color:#fbbf24;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.25)}.pill-badge-green{color:#34d399;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.25)}.input-field:focus{border-color:var(--p)!important;background:var(--bg3)!important;box-shadow:0 0 0 3px rgba(124,58,237,.15),inset 0 1px 3px rgba(0,0,0,.1)!important}.skeleton{background:linear-gradient(90deg, var(--bg2) 25%, var(--bg3) 50%, var(--bg2) 75%);background-size:200% 100%;border-radius:8px;animation:1.6s ease-in-out infinite shimmer}::-webkit-scrollbar-thumb{background:linear-gradient(var(--p-d), var(--p));border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--p-l)}::-webkit-scrollbar-corner{background:0 0}.btn-primary,.btn-ghost{transform-origin:50%}.btn-primary:focus-visible{outline:2px solid var(--p);outline-offset:2px}.btn-ghost:focus-visible{outline:2px solid var(--p);outline-offset:2px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:.3s cubic-bezier(.16,1,.3,1) both slideInLeft}.slide-in-right{animation:.3s cubic-bezier(.16,1,.3,1) both slideInRight}.mode-card{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s,border-color .2s!important}.mode-card:before{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(124,58,237,.08) 0%, transparent 65%);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.mode-card:hover:before{opacity:1}.mode-card:hover{z-index:2;border-color:rgba(124,58,237,.3)!important;transform:translateY(-5px)scale(1.01)!important;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(124,58,237,.2),0 0 40px rgba(124,58,237,.1)!important}.mode-card:active{transition-duration:.1s!important;transform:translateY(-1px)scale(.995)!important}.project-card{cursor:pointer;transition:transform .22s cubic-bezier(.34,1.2,.64,1),box-shadow .22s,border-color .18s!important}.project-card:hover{border-color:rgba(124,58,237,.28)!important;transform:translateY(-3px)!important;box-shadow:0 12px 36px rgba(0,0,0,.4),0 0 0 1px rgba(124,58,237,.18)!important}.project-card:active{transition-duration:80ms!important;transform:scale(.98)!important}.login-particles{pointer-events:none;z-index:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.login-particle{background:rgba(124,58,237,.6);border-radius:50%;animation:linear infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:.6}to{opacity:0;transform:translateY(-100px)scale(1)}}.ambient-orb{pointer-events:none;z-index:0;filter:blur(80px);opacity:.18;border-radius:50%;animation:10s ease-in-out infinite alternate orbDrift;position:fixed}.ambient-orb-1{background:radial-gradient(circle,rgba(124,58,237,.7) 0%,transparent 70%);width:480px;height:480px;animation-duration:12s;top:-120px;left:-100px}.ambient-orb-2{background:radial-gradient(circle,rgba(6,182,212,.6) 0%,transparent 70%);width:320px;height:320px;animation-duration:9s;animation-direction:alternate-reverse;bottom:-80px;right:-60px}.ambient-orb-3{background:radial-gradient(circle,rgba(244,114,182,.5) 0%,transparent 70%);width:200px;height:200px;animation-duration:15s;top:40%;left:55%}.aurora-bg{pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 15% 5%,rgba(124,58,237,.22) 0%,transparent 60%),radial-gradient(60% 40% at 85% 90%,rgba(6,182,212,.14) 0%,transparent 60%),radial-gradient(40% 30%,rgba(244,114,182,.07) 0%,transparent 60%),#07070f;animation:12s ease-in-out infinite alternate auroraShift;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes auroraShift{0%{filter:hue-rotate()brightness()}50%{filter:hue-rotate(15deg)brightness(1.05)}to{filter:hue-rotate(-10deg)brightness(.98)}}.dot-matrix{background-image:radial-gradient(rgba(124,58,237,.12) 1px,transparent 1px);background-size:28px 28px}.neon-text{text-shadow:0 0 10px rgba(167,139,250,.6),0 0 30px rgba(124,58,237,.3)}@keyframes labelFloat{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes rippleOut{0%{opacity:.4;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes countPop{0%{transform:scale(1)}50%{color:var(--p-l);transform:scale(1.2)}to{transform:scale(1)}}.count-pop{animation:.3s countPop}::selection{color:#fff;background:rgba(124,58,237,.35)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);border:1px solid var(--bdr2);color:var(--t1);white-space:nowrap;pointer-events:none;opacity:0;z-index:9999;background:rgba(10,8,24,.95);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)scale(.9);box-shadow:0 4px 16px rgba(0,0,0,.5)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)scale(1)}.animate-spin{animation:1s linear infinite spin}.modal-enter{animation:.3s cubic-bezier(.16,1,.3,1) both modalEnter}@keyframes modalEnter{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.divider-glow{background:linear-gradient(90deg,transparent,rgba(124,58,237,.4),rgba(6,182,212,.3),transparent);border:none;height:1px;margin:0}:focus-visible{outline:2px solid var(--p);outline-offset:2px;border-radius:4px}[data-theme=light] .elloris-topbar{background:rgba(248,250,252,.88);box-shadow:0 1px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.06)}[data-theme=light] .elloris-topbar:after{background:linear-gradient(90deg,transparent,rgba(124,58,237,.2),rgba(6,182,212,.15),transparent)}[data-theme=light] .aurora-bg{background:radial-gradient(80% 50% at 15% 5%,rgba(124,58,237,.08) 0%,transparent 60%),radial-gradient(60% 40% at 85% 90%,rgba(6,182,212,.06) 0%,transparent 60%),#f8fafc}.chip{cursor:default;transition:background .15s,color .15s,transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.chip:not(.chip-muted):hover{filter:brightness(1.2);transform:scale(1.04)}.chip-muted{transition:background .15s,color .15s}.proj-card-accent{height:3px;transition:height .22s cubic-bezier(.34,1.56,.64,1)}.proj-card:hover .proj-card-accent{height:5px}.proj-card .proj-delete-btn{opacity:0;transition:opacity .15s,transform .18s cubic-bezier(.34,1.56,.64,1),color .15s;transform:scale(.8)}.proj-card:hover .proj-delete-btn{opacity:1;transform:scale(1)}.proj-card .proj-delete-btn:hover{transform:scale(1.15);color:#ef4444!important}.proj-card .proj-delete-btn:active{transform:scale(.9)}.user-chip{cursor:default;transition:background .18s,box-shadow .18s,transform .18s cubic-bezier(.34,1.56,.64,1)}.user-chip:hover{transform:scale(1.02);box-shadow:0 0 0 1px rgba(124,58,237,.2);background:rgba(124,58,237,.12)!important}.snackbar{opacity:0;-webkit-backdrop-filter:blur(20px);color:var(--t1);pointer-events:none;z-index:9999;white-space:nowrap;background:rgba(20,18,40,.95);border:1px solid rgba(124,58,237,.3);border-radius:12px;max-width:90vw;padding:12px 22px;font-size:13px;font-weight:500;transition:opacity .25s,transform .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(124,58,237,.1)}.snackbar.show{opacity:1;transform:translate(-50%)translateY(0)}.btn-ghost.btn-sort-active,.btn-primary.btn-sort-active{position:relative}.btn-ghost+.btn-ghost{margin-left:2px}.search-wrapper{align-items:center;display:flex;position:relative}.search-wrapper .search-icon{color:var(--t3);pointer-events:none;transition:color .18s,transform .18s cubic-bezier(.34,1.56,.64,1);position:absolute;left:10px}.search-wrapper .input-field{padding-left:32px}.search-wrapper:focus-within .search-icon{color:var(--p-l);transform:scale(1.1)}.mode-card-v2:after{content:"";border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(124,58,237,.07) 0%, transparent 60%);opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.mode-card-v2:hover:after{opacity:1}.mode-card-v2>*{z-index:1;position:relative}.glass-panel.card-hover:before{content:"";opacity:0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),transparent);height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.glass-panel.card-hover:hover:before{opacity:1}.kbd{background:var(--bg3);border:1px solid var(--bdr2);color:var(--t2);letter-spacing:.5px;box-shadow:0 1px 0 var(--bdr2);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:1px 6px;font-family:SF Mono,Cascadia Code,monospace;font-size:10px;font-weight:700;line-height:1.6;transition:background .15s,transform .1s;display:inline-flex}.kbd:active{border-bottom-width:1px;transform:translateY(1px)}.drop-target{animation:1.2s ease-in-out infinite dropPulse;border:2px dashed var(--p)!important;background:rgba(124,58,237,.06)!important}@keyframes dropPulse{0%,to{border-color:var(--p)}50%{border-color:var(--p-l);box-shadow:0 0 16px rgba(124,58,237,.2)}}.dragging{opacity:.55;z-index:999;cursor:grabbing!important;transform:scale(.97)rotate(1deg)!important;box-shadow:0 20px 48px rgba(0,0,0,.5)!important}[data-cursor=grab]{cursor:grab}[data-cursor=grab]:active{cursor:grabbing}[data-cursor=zoom]{cursor:zoom-in}[data-cursor=not-allowed]{cursor:not-allowed}:focus-visible{outline:2px solid var(--p-l)!important;outline-offset:3px!important;border-radius:6px!important;box-shadow:0 0 0 5px rgba(124,58,237,.12)!important}button:focus-visible{outline-offset:3px}a:focus-visible{outline-offset:3px}.elloris-tab{position:relative}.elloris-tab:after{content:"";background:#a78bfa;border-radius:2px 2px 0 0;width:0;height:2px;transition:width .25s cubic-bezier(.34,1.56,.64,1),left .25s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:50%}.elloris-tab.active:after{width:100%;left:0}.elloris-tab.active{border-bottom-color:transparent!important}.new-proj-card svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s}.new-proj-card:hover svg{color:var(--p-l);transform:scale(1.3)rotate(90deg)}.action-block .action-enter-hint{color:var(--t3);opacity:0;justify-content:center;align-items:center;gap:4px;margin-top:-4px;font-size:10px;transition:opacity .2s,transform .2s;display:flex;transform:translateY(4px)}.action-block:focus-within .action-enter-hint{opacity:1;transform:translateY(0)}.proj-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 0 1px rgba(124,58,237,.12)}.btn-primary[style*="fontSize: 11"]{font-size:11px!important}::-webkit-scrollbar-thumb{transition:background .2s}.page-enter{will-change:transform, opacity}[data-theme=light] .btn-ghost:hover{color:var(--p-d);background:rgba(124,58,237,.08)}[data-theme=light] .mode-card-v2{background:rgba(255,255,255,.75);border-color:rgba(148,163,184,.3)}[data-theme=light] .mode-card-v2:hover{background:rgba(255,255,255,.95);box-shadow:0 12px 36px rgba(0,0,0,.1),0 0 0 1px rgba(124,58,237,.15)}[data-theme=light] .proj-card{background:rgba(255,255,255,.8);border-color:rgba(148,163,184,.25)}[data-theme=light] .new-proj-card{border-color:rgba(124,58,237,.2)}@media (min-width:1920px){.app-container,.dashboard-content,.wizard-content,.editor-layout{max-width:1800px;margin:0 auto}.glass-panel{border-radius:20px}.btn-primary,.btn-ghost{padding:12px 24px;font-size:14px}.input-field{padding:12px 18px;font-size:14px}}@media (min-width:1440px) and (max-width:1919px){.app-container,.dashboard-content,.wizard-content{max-width:1400px;margin:0 auto}.editor-side{width:300px}.glass-panel{border-radius:18px}}@media (min-width:1025px) and (max-width:1439px){.app-container{max-width:1200px;margin:0 auto}.editor-side{width:260px}}@media (min-width:769px) and (max-width:1024px){.dash-topbar{padding:0 12px!important}.dash-topbar-logo{font-size:12px!important}.editor-side{width:220px}.mode-card{width:calc(50% - 8px)!important}.wizard-content,.dashboard-content{padding:24px 16px!important}.projects-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.touch-target-compact{min-width:40px;min-height:40px}.desktop-only{display:none!important}.mobile-only{display:flex!important}.responsive-grid{grid-template-columns:1fr!important}.responsive-grid-2{grid-template-columns:repeat(2,1fr)!important}.compact-padding{padding:12px!important}.compact-gap{gap:8px!important}.mobile-text-sm{font-size:12px!important}.mobile-text-base{font-size:14px!important}.mobile-full-width{width:100%!important}}@media (max-width:480px){.wizard-content,.dashboard-content{gap:12px!important;padding:16px 12px!important}.dash-topbar{height:48px!important}.dash-topbar-actions button{min-width:40px;min-height:40px;padding:6px!important}.mobile-stack{flex-direction:column!important}.mobile-stack>*{width:100%!important}.mode-card,.proj-card{padding:14px!important}html{font-size:15px}}@media (max-width:380px){.wizard-content,.dashboard-content{gap:10px!important;padding:12px 10px!important}.mobile-text-xs{font-size:11px!important}.mobile-icon-only .btn-text{display:none!important}.dash-topbar{height:44px!important;padding:0 8px!important}.dash-topbar-actions{gap:2px!important}.input-field{padding:8px 12px!important;font-size:14px!important}html{font-size:14px}.mobile-bottom-nav{height:56px}.mobile-bottom-nav .btn-ghost{padding:4px!important}.mobile-fab{width:48px;height:48px;bottom:68px;right:12px}}@media (max-height:600px){.mobile-bottom-nav{height:52px}.dash-topbar{height:44px!important}.editor-canvas-container{padding-bottom:52px!important}}@media (max-height:450px){.mobile-bottom-nav{height:48px}.mobile-bottom-nav .btn-ghost span{display:none!important}}@media (max-width:768px) and (orientation:landscape){.mobile-bottom-nav{height:48px}.mobile-bottom-nav .btn-ghost{flex-direction:row!important;gap:6px!important}.mobile-bottom-nav .btn-ghost span{font-size:11px}.editor-canvas-container{padding-bottom:48px!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.glass-panel,.glass,.btn-primary,.btn-ghost{border-width:.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-fade-in,.animate-float,.neon-pulse,.block-enter{animation:none!important}}@supports (padding:max(0px)){.safe-area-top{padding-top:max(12px, env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(12px, env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(12px, env(safe-area-inset-left))}.safe-area-right{padding-right:max(12px, env(safe-area-inset-right))}}.hidden{display:none!important}.visible{display:block!important}.flex{display:flex!important}.grid{display:grid!important}@media (min-width:769px){.mobile-visible{display:none!important}}@media (max-width:768px){.desktop-visible{display:none!important}.login-apk-hero{padding:24px 16px!important}.login-apk-hero .apk-emoji{margin-bottom:12px!important;font-size:40px!important}.login-card-grid{grid-template-columns:1fr!important}.login-cta-row{flex-direction:column!important;align-items:flex-start!important}.login-cta-row button{justify-content:center!important;width:100%!important}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.truncate-2{-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.aspect-portrait{aspect-ratio:9/16}.w-full{width:100%!important}.h-full{height:100%!important}.min-h-screen{min-height:100vh!important}.min-h-safe{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}@keyframes loginParticleFloat{0%{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:.9;transform:translateY(-60px)scale(1.15)}to{opacity:0;transform:translateY(-120px)scale(.8)}}.login-particle{pointer-events:none;background:rgba(124,58,237,.5);border-radius:50%;animation:linear infinite loginParticleFloat;position:absolute;bottom:0}@media (max-width:768px){.login-particle{display:none}}.frosted-card{-webkit-backdrop-filter:blur(28px)saturate(180%);background:rgba(14,14,28,.78);border:1px solid rgba(120,80,255,.18);border-radius:18px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.05)}.frosted-card.glow-border{border-color:rgba(124,58,237,.3);box-shadow:0 24px 64px rgba(0,0,0,.5),0 0 0 1px rgba(124,58,237,.12),inset 0 1px rgba(255,255,255,.06)}@media (max-width:480px){.bulletin-card{padding:14px!important}.auth-modal-inner{border-radius:16px!important;max-width:calc(100vw - 24px)!important}}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.messenger-scroll::-webkit-scrollbar{width:4px}.messenger-scroll::-webkit-scrollbar-track{background:0 0}.messenger-scroll::-webkit-scrollbar-thumb{background:rgba(124,58,237,.25);border-radius:99px}.messenger-scroll::-webkit-scrollbar-thumb:hover{background:rgba(124,58,237,.45)}.tool-card{cursor:pointer;border:1.5px solid var(--bdr);-webkit-backdrop-filter:blur(20px);-webkit-tap-highlight-color:transparent;user-select:none;background:rgba(14,14,28,.65);border-radius:16px;flex-direction:column;gap:9px;padding:18px 16px 16px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.tool-card:after{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.04) 0%, transparent 60%);pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}.tool-card:hover:after{opacity:1}.tool-card:hover{border-color:var(--bdr2);background:rgba(20,18,42,.85);transform:translateY(-3px)scale(1.01);box-shadow:0 12px 32px rgba(0,0,0,.4)}.tool-card:active{transition-duration:80ms;transform:scale(.97)}.tool-card.active{background:rgba(20,18,42,.9);transform:translateY(-2px)}.tool-card-glow{opacity:.8;border-radius:16px 16px 0 0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.tool-card:hover .tool-card-glow{opacity:1}.tool-card-tag{letter-spacing:.7px;text-transform:uppercase;color:#fff;border-radius:99px;padding:3px 8px;font-size:8.5px;font-weight:800;line-height:1;position:absolute;top:11px;right:11px}.tool-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex}.tool-card:hover .tool-card-icon,.tool-card.active .tool-card-icon{transform:scale(1.1)rotate(-4deg)}.tool-card-title{color:var(--t1);letter-spacing:.1px;margin:0;font-size:13.5px;font-weight:700}.tool-card-desc{color:var(--t3);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}@media (max-width:768px){.tool-card{border-radius:12px;gap:7px;padding:12px}.tool-card-icon{border-radius:9px;width:36px;height:36px}.tool-card-title{font-size:12.5px}.tool-card-tag{padding:2px 6px;font-size:7.5px;top:9px;right:9px}.tool-card-glow{height:2px}}@media (hover:none){.tool-card:hover{border-color:var(--bdr)!important;box-shadow:none!important;background:rgba(14,14,28,.65)!important;transform:none!important}.tool-card:hover .tool-card-icon,.tool-card.active{transform:none!important}}@media (min-width:769px){.dash-section{padding:0 4px}.dash-core-grid,.dash-tools-grid,.dash-edu-grid{grid-template-columns:repeat(3,1fr)!important}.mode-card-v2{padding:24px 22px 20px}.mode-card-v2-icon{width:54px;height:54px}.mode-card-v2-title{font-size:15px}.dash-projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}.elloris-tab{padding:0 22px;font-size:13px}.dash-topbar{gap:10px;padding:0 24px}}@media (max-width:768px){.dash-new-tab-page{padding:12px 12px 80px!important}.dash-core-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.dash-tools-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.dash-tools-grid .tool-card:last-child:nth-child(odd){grid-column:span 2}.dash-edu-grid{grid-template-columns:1fr!important;gap:10px!important}.mode-card-v2{border-radius:14px;gap:8px;padding:14px}.mode-card-v2-icon{border-radius:10px;width:40px;height:40px}.mode-card-v2-title{font-size:13px}.mode-card-v2-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.mode-card-v2-tag{padding:2px 6px;font-size:8px;top:10px;right:10px}.action-block{gap:8px;padding-top:8px}.action-input{font-size:16px!important}.elloris-tabbar{gap:0;padding:0 4px}.elloris-tab{gap:5px;height:42px;padding:0 14px;font-size:12px}.elloris-topbar{gap:6px;height:48px;padding:0 10px}.elloris-logo-badge{display:none}.dash-projects-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.proj-card-body{padding:12px 14px 14px}.proj-card-name{font-size:14px}.proj-card-chips{gap:6px;margin-top:12px}.proj-card .proj-publish-btn,.proj-card .proj-rename-btn,.proj-card .proj-delete-btn{justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px;display:flex}.dash-templates-grid{grid-template-columns:1fr!important;gap:12px!important}.dash-greeting-title{font-size:17px!important}.dash-section-title{letter-spacing:1px;font-size:10px}.project-progress-widget{margin-bottom:14px!important}.open-file-label{display:none}}@media (max-width:480px){.projects-search-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin:12px 0 14px!important}.projects-search-bar .search-wrapper{width:100%;max-width:none!important}.projects-search-bar>span:last-child{align-self:flex-start;margin-left:0!important}.dash-projects-grid{grid-template-columns:1fr!important;gap:12px!important}.proj-card-body{padding:14px 16px 16px}.proj-card-name{font-size:15px}.proj-card-chips{gap:6px;margin-top:12px}}@media (max-width:380px){.dash-core-grid{grid-template-columns:1fr!important}.dash-tools-grid{grid-template-columns:repeat(2,1fr)!important}.elloris-tab{padding:0 10px;font-size:11px}}[data-theme=light]{--shadow-glow:0 0 30px rgba(124,58,237,.08)}[data-theme=light] .elloris-topbar{background:rgba(255,255,255,.85);border-bottom-color:rgba(0,0,0,.06)}[data-theme=light] .elloris-logo-text{background:linear-gradient(135deg,#4c1d95,#7c3aed,#5b21b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .elloris-tabbar{background:rgba(255,255,255,.7);border-bottom-color:rgba(0,0,0,.06)}[data-theme=light] .elloris-tab:hover{background:rgba(124,58,237,.05)}[data-theme=light] .elloris-tab.active{color:#5b21b6;background:rgba(124,58,237,.06);border-bottom-color:#7c3aed}[data-theme=light] .mode-card-v2{background:rgba(255,255,255,.85);border-color:rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.04)}[data-theme=light] .mode-card-v2:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.02),transparent)}[data-theme=light] .mode-card-v2:hover{background:rgba(255,255,255,.95);border-color:rgba(124,58,237,.2);box-shadow:0 8px 32px rgba(0,0,0,.08),0 0 0 1px rgba(124,58,237,.08)}[data-theme=light] .proj-card{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.04)}[data-theme=light] .proj-card:hover{border-color:rgba(124,58,237,.2);box-shadow:0 8px 28px rgba(0,0,0,.08)}[data-theme=light] .new-proj-card{background:rgba(124,58,237,.02);border-color:rgba(124,58,237,.2)}[data-theme=light] .new-proj-card:hover{border-color:var(--p);background:rgba(124,58,237,.05);box-shadow:0 4px 16px rgba(124,58,237,.08)}[data-theme=light] .settings-modal{background:rgba(255,255,255,.97);border-color:rgba(0,0,0,.08);box-shadow:0 24px 64px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.04)}[data-theme=light] .settings-modal-header{border-bottom-color:rgba(0,0,0,.06)}[data-theme=light] .toggle-btn{color:#0f172a;background:rgba(241,245,249,.9);border-color:rgba(15,23,42,.12)}[data-theme=light] .toggle-btn:hover{color:#0f172a;background:#f1f5f9;border-color:rgba(124,58,237,.3)}[data-theme=light] .toggle-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#7c3aed;box-shadow:0 4px 14px rgba(124,58,237,.25)}[data-theme=light] .user-chip{background:rgba(241,245,249,.8);border-color:rgba(0,0,0,.06)}[data-theme=light] .glass,[data-theme=light] .glass-panel{background:rgba(255,255,255,.8);border-color:rgba(0,0,0,.06);box-shadow:0 4px 16px rgba(0,0,0,.04)}[data-theme=light] .frosted-card{background:rgba(255,255,255,.85);border-color:rgba(0,0,0,.06);box-shadow:0 4px 16px rgba(0,0,0,.04)}[data-theme=light] .god-glass{background:rgba(255,255,255,.85)!important;border-color:rgba(0,0,0,.06)!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important}[data-theme=light] .dash-hero-title{background:linear-gradient(135deg,#0f172a 0%,#4c1d95 50%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .ambient-orb{opacity:.06!important}[data-theme=light] .editor-mini-bar{background:rgba(255,255,255,.9);border-bottom-color:rgba(0,0,0,.06)}[data-theme=light] .settings-modal-overlay{background:rgba(0,0,0,.25)}[data-theme=light] .btn-primary{box-shadow:0 4px 18px rgba(124,58,237,.2),inset 0 1px rgba(255,255,255,.2)}[data-theme=light] .btn-primary:hover{box-shadow:0 8px 28px rgba(124,58,237,.3),inset 0 1px rgba(255,255,255,.25)}[data-theme=light] .btn-ghost:hover{background:rgba(124,58,237,.06);border-color:rgba(124,58,237,.12)}[data-theme=light] .card-hover:hover{box-shadow:0 12px 36px rgba(0,0,0,.08),0 0 0 1px rgba(124,58,237,.1)}[data-theme=light] .input-field{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}[data-theme=light] .input-field:focus{border-color:var(--p);background:#fff;box-shadow:0 0 0 3px rgba(124,58,237,.08),inset 0 1px 2px rgba(0,0,0,.02)}[data-theme=light] .snackbar{color:#0f172a;background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.08);box-shadow:0 8px 32px rgba(0,0,0,.1)}[data-theme=light] .chip-accent{color:#5b21b6;background:rgba(124,58,237,.08)}[data-theme=light] .chip-muted{color:#64748b;background:rgba(0,0,0,.04)}.roadmap-timeline-container{margin-top:24px;position:relative}.roadmap-timeline-line{background:linear-gradient(#10b981 0%,#a78bfa 50%,#64748b 100%);width:2px;position:absolute;top:15px;bottom:15px;left:110px}.roadmap-row{align-items:stretch;gap:24px;margin-bottom:24px;display:flex;position:relative}.roadmap-left{justify-content:flex-start;align-items:center;width:110px;padding-right:24px;display:flex;position:relative}.roadmap-timeline-label{background:var(--bg2);border:1px solid var(--bdr);color:var(--t1);white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800}.roadmap-timeline-dot-wrapper{z-index:2;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:50%;right:-9px;transform:translateY(-50%)}.roadmap-timeline-dot-glow{opacity:.45;border:1px solid;border-radius:50%;width:22px;height:22px;animation:2s ease-in-out infinite neonPulse;position:absolute}.roadmap-timeline-dot{z-index:2;border-radius:50%;width:10px;height:10px}.roadmap-card{background:var(--bg1);border:1px solid var(--bdr);-webkit-backdrop-filter:blur(16px);border-radius:18px;flex:1;padding:20px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.roadmap-card:hover{box-shadow:var(--shadow-lg);border-color:var(--bdr2);transform:translateY(-2px)}.roadmap-card.active{background:linear-gradient(135deg, rgba(124,58,237,.08), var(--bg1))}.roadmap-card-glow-line{background:linear-gradient(90deg,transparent,#a78bfa,transparent);height:2px;position:absolute;top:0;left:0;right:0}.roadmap-items-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 16px;width:100%;display:grid}.roadmap-illustration-container{flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:100px;height:80px;display:flex}.roadmap-illustration-win{background:rgba(15,23,42,.7);border:1px solid rgba(255,255,255,.08);border-radius:8px;flex-direction:column;gap:4px;width:84px;height:60px;padding:6px;display:flex;box-shadow:0 4px 16px rgba(0,0,0,.4)}.win-header{gap:3px;margin-bottom:2px;display:flex}.win-header .dot{opacity:.7;border-radius:50%;width:4px;height:4px}.win-header .dot.red{background:#ef4444}.win-header .dot.yellow{background:#f59e0b}.win-header .dot.green{background:#10b981}.win-body{flex-direction:column;flex:1;gap:4px;display:flex}.bar-horizontal{background:rgba(255,255,255,.18);border-radius:2px;height:3px}.roadmap-illustration-bars{justify-content:space-around;align-items:flex-end;gap:4px;width:84px;height:60px;padding:0 6px;display:flex}.bar-vertical{border-radius:99px 99px 0 0;width:7px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.login-apk-hero-redesign{border:1px solid var(--bdr);text-align:center;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);background:rgba(15,23,42,.5);border-radius:20px;padding:40px 28px;position:relative;overflow:hidden}.apk-hero-glow-left{filter:blur(15px);pointer-events:none;background:radial-gradient(circle,rgba(6,182,212,.35) 0%,transparent 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-20px;left:-20px}.apk-hero-glow-right{filter:blur(15px);pointer-events:none;background:radial-gradient(circle,rgba(167,139,250,.35) 0%,transparent 70%);border-radius:50%;width:160px;height:160px;position:absolute;bottom:-40px;right:-40px}.apk-platform-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:8px;display:grid}.apk-platform-card{background:var(--bg1);border:1px solid var(--bdr);-webkit-backdrop-filter:blur(12px);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.apk-platform-card:hover{box-shadow:var(--shadow-lg);border-color:var(--bdr2);transform:translateY(-3px)}.apk-platform-card-glow-line{height:2px;position:absolute;top:0;left:0;right:0}.apk-card-graphics{justify-content:center;align-items:center;gap:8px;display:flex}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:650px){.roadmap-timeline-line,.roadmap-left{display:none}.roadmap-row{flex-direction:column;gap:0}.roadmap-illustration-container{display:none}.roadmap-card{padding:16px}}.glass-premium{border-radius:20px;-webkit-backdrop-filter:blur(16px)saturate(180%)!important;background:rgba(14,14,28,.45)!important;border:1px solid rgba(120,80,255,.18)!important;box-shadow:0 8px 32px rgba(0,0,0,.4)!important}[data-theme=light] .glass-premium{background:rgba(255,255,255,.6)!important;border:1px solid rgba(148,163,184,.25)!important;box-shadow:0 8px 32px rgba(148,163,184,.15)!important}[data-glass=false] .glass-premium,[data-glass=false] .glass,[data-glass=false] .glass-panel,[data-glass=false] .frosted-card,[data-glass=false] .god-glass,[data-glass=false] .settings-modal{-webkit-backdrop-filter:none!important;background:var(--bg1)!important}@keyframes cosmic-pulse{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bg-animate-cosmic{background:linear-gradient(-45deg,#1a0a3a,#050510,#1b1b3a,#0b071e) 0 0/400% 400%;animation:15s infinite cosmic-pulse}.btn-neon{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;box-shadow:0 0 15px rgba(124,58,237,.2)!important}.btn-neon:hover{transform:translateY(-2px)!important;box-shadow:0 0 25px rgba(124,58,237,.5)!important}.btn-neon:active{transform:translateY(1px)!important}.input-premium{color:var(--t1)!important;background:rgba(255,255,255,.02)!important;border:1px solid rgba(120,80,255,.15)!important;border-radius:12px!important;padding:12px 16px!important;transition:all .25s!important}.input-premium:focus{border-color:var(--p)!important;background:rgba(255,255,255,.05)!important;box-shadow:0 0 15px rgba(124,58,237,.25)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(10,10,20,.3)}::-webkit-scrollbar-thumb{background:rgba(124,58,237,.35) padding-box padding-box;border:2px solid transparent;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(124,58,237,.6) padding-box padding-box;border:2px solid transparent}.floating-card-premium{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)!important}.floating-card-premium:hover{transform:translateY(-5px)scale(1.01)!important;box-shadow:0 20px 40px rgba(124,58,237,.18),0 0 30px rgba(124,58,237,.1)!important}@keyframes text-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-text-premium{background:linear-gradient(120deg,#f0f0ff 30%,#c4b5fd 40%,#a78bfa 50%,#f0f0ff 70%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite text-shimmer}.mouse-glow-card{position:relative}.mouse-glow-card:before{content:"";border-radius:inherit;background:radial-gradient(800px circle at var(--mx,50%) var(--my,50%), rgba(124,58,237,.08), transparent 40%);opacity:0;pointer-events:none;z-index:1;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.mouse-glow-card:hover:before{opacity:1}
