#pwa-install-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-alpha-80);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:99999;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.install-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:32px;width:100%;max-width:400px;text-align:center;box-shadow:var(--shadow-float)}.install-icon{font-size:3rem;margin-bottom:20px}.install-steps{text-align:left;margin:24px 0;display:flex;flex-direction:column;gap:15px}.step-item{display:flex;align-items:flex-start;gap:12px;font-size:.95rem}.step-num{background:var(--accent);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0;margin-top:2px}.os-tag{display:inline-block;padding:4px 10px;background:#ffffff1a;border-radius:100px;font-size:.7rem;font-weight:700;margin-bottom:10px;color:var(--accent2);text-transform:uppercase}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #030305;--bg-color: #030305;--bg-elevated: #0d0d12;--bg-alpha-80: rgba(3,3,5,.8);--bg-alpha-90: rgba(3,3,5,.9);--surface: rgba(14,14,18,.45);--surface2: rgba(20,20,28,.6);--surface3: rgba(28,28,38,.7);--surface-elevated: rgba(30,30,38,.6);--surface-glass: rgba(255,255,255,.035);--surface-alpha-50: rgba(14,14,18,.5);--surface-alpha-80: rgba(14,14,18,.8);--card-bg: rgba(18,18,24,.55);--border: rgba(255,255,255,.08);--border-color: rgba(255,255,255,.08);--border-light: rgba(255,255,255,.08);--border-hover: rgba(168,85,247,.4);--border-alpha-30: rgba(255,255,255,.3);--accent: #8b5cf6;--accent-rgb: 139,92,246;--accent-glow: rgba(139,92,246,.5);--accent2: #06b6d4;--accent3: #d946ef;--accent-nebula: linear-gradient(135deg,#8b5cf6,#d946ef,#3b82f6);--gold: #f59e0b;--green: #10b981;--red: #ef4444;--text: #ffffff;--text-main: #ffffff;--text-muted: #94a3b8;--text-sub: #64748b;--radius: 16px;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 36px;--shadow-float: 0 20px 60px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.05);--spring: cubic-bezier(.16,1,.3,1);--gap-icon: 8px;--icon-size-card: 22px;--icon-size-nav: 20px;--glass-blur: blur(40px) saturate(180%);--glass-bg: rgba(255,255,255,.03);--glass-border: 1px solid rgba(255,255,255,.1);--glass-shadow: 0 20px 50px rgba(0,0,0,.6), inset 0 1px 1px rgba(255,255,255,.1)}.deck-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:transform .2s var(--spring),border-color .2s}.deck-card:hover{transform:translateY(-4px);border-color:var(--border-hover)}.community-deck-card{cursor:pointer}.neural-strip{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,background .2s}.neural-strip:hover{border-color:var(--border-hover);background:var(--surface2)}.neural-trainer-widget{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.loader-aura{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.aura-progress-bar{height:6px;background:var(--border);border-radius:4px;overflow:hidden}.aura-progress-bar:after{content:"";display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:4px;width:var(--progress, 0%);transition:width .5s var(--spring)}.exam-container,.report-container{max-width:720px;margin:0 auto;padding:60px 24px}.neural-radar-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;text-align:center}.feedback-grid{display:grid;gap:16px}.chart-box{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.canvas-wrapper{position:relative;width:100%}.canvas-wrapper canvas{width:100%!important;height:100%!important}.community-main-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}.community-main-tabs button{padding:10px 24px;border-radius:100px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:inherit}.community-main-tabs button.active,.community-main-tabs button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.ai-plan-viz{background:var(--surface2);border:1px solid var(--accent);border-radius:var(--radius);padding:24px;margin-bottom:24px}.milestones-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.milestones-grid::-webkit-scrollbar{display:none}.milestone-badge{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:80px;padding:14px 10px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-shrink:0;transition:border-color .2s}.milestone-badge.earned{border-color:var(--gold);background:#f59e0b14}.neural-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.game-stats-grid{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.dashboard-nebula{max-width:1100px;margin:0 auto;padding:24px 24px 120px}.hero-nebula{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:32px}.material-manager{padding:24px 0}.nebula-bg-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#030305;overflow:hidden}.nebula-glow{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);opacity:.15;animation:nebulaFlow 30s ease-in-out infinite alternate}.nebula-1{background:var(--accent);top:-20%;left:-10%}.nebula-2{background:var(--accent2);bottom:-20%;right:-10%;animation-delay:-5s}.nebula-3{background:#d946ef;top:40%;left:50%;opacity:.1;animation-duration:40s}@keyframes nebulaFlow{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(50px,100px) scale(1.1) rotate(10deg)}to{transform:translate(-50px,-50px) scale(.9) rotate(-10deg)}}body{background:#030305 url(/assets/bg-D2Dbye3k.png) no-repeat center center fixed;background:#030305 image-set(url(/assets/bg-JHZ21Pmg.webp) type("image/webp"),url(/assets/bg-D2Dbye3k.png) type("image/png")) no-repeat center center fixed;background-size:cover;color:var(--text)}.glass-card-premium{background:#0e0e1273;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 20px 50px #0006,inset 0 1px 1px #ffffff1a;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;overflow:hidden;position:relative}.glass-card-premium:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px #0009,inset 0 1px 1px #fff3;border-color:#8b5cf64d}.gradient-text-premium{background:linear-gradient(135deg,#fff 0%,var(--accent) 50%,var(--accent2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}.reveal-anim{animation:revealEffect .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes revealEffect{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%}.quick-stats-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.stat-pill{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text-muted)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}body.light{--bg: #f8fafc;--bg-color: #f8fafc;--bg-elevated: #f1f5f9;--bg-alpha-80: rgba(248,250,252,.85);--bg-alpha-90: rgba(248,250,252,.95);--surface: rgba(255,255,255,.88);--surface-elevated: rgba(255,255,255,.97);--surface-glass: rgba(255,255,255,.72);--surface2: rgba(0,0,0,.04);--surface3: rgba(0,0,0,.07);--surface-alpha-50: rgba(255,255,255,.72);--surface-alpha-80: rgba(255,255,255,.93);--card-bg: #ffffff;--border: rgba(0,0,0,.1);--border-color: rgba(0,0,0,.1);--border-light: rgba(0,0,0,.06);--border-hover: rgba(124,58,237,.35);--border-alpha-30: rgba(0,0,0,.18);--accent: #7c3aed;--accent-rgb: 124,58,237;--accent-glow: rgba(124,58,237,.15);--accent2: #2563eb;--accent3: #a855f7;--accent-nebula: linear-gradient(135deg,#7c3aed,#a855f7,#2563eb);--text: #0f172a;--text-main: #0f172a;--text-sub: #374151;--text-muted: #64748b;--glass-bg: rgba(255,255,255,.88);--glass-border: 1px solid rgba(0,0,0,.09);--glass-blur: blur(20px) saturate(140%);--glass-shadow: 0 4px 24px rgba(0,0,0,.08), inset 0 0 0 1px rgba(255,255,255,.8);--shadow-float: 0 8px 32px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.05)}body.no-blur *,body.no-blur{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.light .hero h1{background:linear-gradient(to right,#0f172a 10%,var(--accent) 35%,var(--accent2) 60%,var(--accent3) 90%);-webkit-background-clip:text;background-clip:text}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--surface3);transition:.4s;border-radius:24px;border:1px solid var(--border)}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent)}input:checked+.toggle-slider:before{transform:translate(20px)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}body{font-family:Plus Jakarta Sans,Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;transition:font-size .3s,line-height .3s,background .4s,color .4s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding-right:env(safe-area-inset-right);touch-action:manipulation}@media (max-width: 800px){*,*:before,*:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition-duration:.1s!important}.bg-glows{display:none!important}.glass,.auth-card,nav,.card,.modal{background:#111116!important;border-color:#ffffff1a!important}}input,textarea,[contenteditable=true],.transcript-container,.selectable-text,.tolc-opt,.tolc-pick,.flip-text,#ai-summary-text{-webkit-user-select:text;user-select:text}h1,h2,h3,h4,h5{font-family:Outfit,sans-serif;letter-spacing:-.03em;font-weight:700}body.high-readability{font-family:Lexend,sans-serif;font-size:1.1rem;line-height:1.8;letter-spacing:.02em}body.high-readability .hero h1{font-size:3.5rem;letter-spacing:-.01em}body.high-readability .card p,body.high-readability .deck-info p{font-size:1rem}body.zen-mode .xp-container,body.zen-mode .level-badge,body.zen-mode .streak-badge,body.zen-mode .badge,body.zen-mode .aura-text,body.zen-mode .xp-toast,body.zen-mode .logo-badge{display:none!important}body.zen-mode .deck-item{padding:30px}body.zen-mode .nav-logo{display:none}.noise-overlay{display:none!important}body.light .noise-overlay{opacity:.03;mix-blend-mode:multiply}.bg-glows{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(circle at 15% 50%,rgba(6,182,212,.04) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(132,204,22,.03) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(236,72,153,.03) 0%,transparent 40%),var(--bg)}.bg-glows:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:60px 60px;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);mask-image:radial-gradient(ellipse at center,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 80%)}body.light .bg-glows:after{background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px)}.orb-1,.orb-2,.orb-3{position:absolute;border-radius:50%;opacity:.05;animation:meshFlow 25s ease-in-out infinite alternate;mix-blend-mode:screen}body.light .orb-1,body.light .orb-2,body.light .orb-3{mix-blend-mode:multiply;opacity:.12;filter:blur(180px) saturate(120%)}.orb-1{width:900px;height:900px;background:var(--accent);top:-300px;left:-200px;animation-duration:28s}.orb-2{width:800px;height:800px;background:var(--accent2);bottom:-200px;right:-250px;animation-duration:32s;animation-delay:-5s}.orb-3{width:600px;height:600px;background:var(--accent3);top:40%;left:50%;transform:translate(-50%,-50%);animation-duration:40s;animation-delay:-10s;opacity:.15}body.light .orb-1{background:var(--accent)}body.light .orb-2{background:var(--accent2)}body.light .orb-3{background:var(--accent3)}@keyframes meshFlow{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(120px,60px) scale(1.2) rotate(10deg)}66%{transform:translate(-60px,120px) scale(.8) rotate(-5deg)}to{transform:translate(0) scale(1) rotate(0)}}#splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#030305;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999999;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s}.splash-logo{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px var(--accent-glow))}50%{transform:scale(1.15);filter:drop-shadow(0 0 25px var(--accent-glow))}}#splash-screen.fade-out{opacity:0!important;visibility:hidden!important;display:none!important;pointer-events:none!important;z-index:-100!important}#auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:radial-gradient(circle at top right,rgba(124,106,247,.15),transparent),radial-gradient(circle at bottom left,rgba(239,68,68,.1),transparent),var(--bg);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:opacity .8s cubic-bezier(.175,.885,.32,1.275),visibility .8s}#auth-overlay.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important;z-index:-100!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.auth-card{background:var(--surface);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--border);border-radius:24px;padding:40px;width:100%;max-width:400px;text-align:center;box-shadow:0 40px 100px #00000080;animation:authEntry .8s cubic-bezier(.16,1,.3,1)}@keyframes authEntry{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{margin-bottom:24px;filter:drop-shadow(0 0 15px var(--accent-glow))}.logo-img{width:100%;height:auto;display:block}.nav-logo,.auth-logo,.splash-logo{overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.nav-logo{width:32px;height:32px;border-radius:8px}.auth-logo{width:64px;height:64px;margin:0 auto 24px;border-radius:16px}.splash-logo{width:120px;height:120px;margin:0 auto 30px}.auth-input{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:14px;color:#fff;font-size:1rem;margin-top:24px;margin-bottom:12px;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a855f740,inset 0 2px 4px #0003;transform:translateY(-2px) scale(1.01);background:#ffffff14}.separator{margin:20px 0;display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.separator:before,.separator:after{content:"";flex:1;height:1px;background:var(--border)}body:before{display:none}nav{position:fixed;top:16px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);background:#0e0e12b8;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:6px;z-index:10005;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff1a;overflow:visible}.nav-logo{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.logo-text{display:none}.nav-tabs{display:flex;gap:2px;background:#00000026;padding:4px;border-radius:100px}.nav-tab{background:transparent;border:none;color:var(--text-muted);padding:7px 10px;border-radius:100px;cursor:pointer;font-size:.78rem;font-weight:600;transition:var(--spring);display:flex;align-items:center;gap:5px;white-space:nowrap}.nav-tab span.icon{font-size:var(--icon-size-nav);display:inline-flex;align-items:center;justify-content:center;line-height:1}.nav-tab:hover{color:var(--text);background:#ffffff0d}.nav-tab.active{background:#a855f726;color:var(--text);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a,inset 0 -2px 0 var(--accent)}.page{display:none;padding:90px 40px 40px;max-width:1280px;margin:0 auto;position:relative;z-index:1}.page.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.page-content{animation:pageFadeIn .3s ease-out forwards;padding:140px 40px 40px;max-width:1280px;margin:0 auto}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:140px 0 80px;position:relative;animation:heroEntry 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroEntry{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hero h1{font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:900;line-height:1.05;background:linear-gradient(to right,#ffffff 10%,var(--accent) 35%,var(--accent2) 60%,var(--accent3) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px;letter-spacing:-.05em;animation:gradientMove 8s infinite linear;background-size:200% auto;text-shadow:0 10px 30px rgba(139,92,246,.1)}@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:100% 50%}}.hero p{color:var(--text-muted);font-size:1.15rem;max-width:650px;margin:0 auto 32px;line-height:1.6;font-weight:500}.hero-cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{padding:14px 32px;border-radius:100px;border:none;cursor:pointer;font-size:1rem;font-weight:700;transition:var(--spring);display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-icon);letter-spacing:-.01em}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 10px 30px -8px var(--accent-glow),inset 0 2px 2px #ffffff40,inset 0 -2px 4px #00000026;border:1px solid rgba(255,255,255,.1);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px -5px var(--accent-glow),inset 0 2px 2px #ffffff4d,inset 0 -2px 4px #00000026;filter:brightness(1.08)}.btn-outline{background:var(--surface-alpha-50);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);border:1px solid var(--border);box-shadow:inset 0 1px 1px #ffffff0a}body.light .btn-outline{background:var(--surface-alpha-50);box-shadow:0 2px 5px #00000005}.btn-outline:hover{background:var(--surface2);border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.arch-option{display:block;width:100%;padding:16px 20px;margin:10px 0;background:var(--surface2);border:2px solid var(--border);border-radius:12px;color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.arch-option:hover{border-color:var(--accent);transform:translate(5px);background:#7c6af70d}.arch-option.selected{background:var(--accent);border-color:var(--accent);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}#tech-cards-grid{grid-template-columns:repeat(3,1fr)!important}.card{background:var(--surface);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px 28px;transition:var(--spring);cursor:pointer;box-shadow:0 4px 20px #00000014,inset 0 1px #ffffff0d;display:flex;flex-direction:column;position:relative;z-index:1;overflow:hidden;animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.card:nth-child(6){animation-delay:.6s}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(6,182,212,.5),transparent 30%,transparent 70%,rgba(236,72,153,.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:skew(-20deg);transition:all .6s ease;pointer-events:none;z-index:0}.card:hover{border-color:transparent;transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-float);background:var(--surface-alpha-80)}body.light .card:hover{background:var(--surface)}.card:hover:before{opacity:1}.card:hover:after{left:150%;transition:left .8s ease}.card .glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 400px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(6,182,212,.15),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.card:hover .glow{opacity:1}.card-icon,.card h3,.card p,.card .tag{position:relative;z-index:2}.card-icon{font-size:var(--icon-size-card);margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center}.card h3{font-size:1.15rem;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.card p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.card .tag{display:inline-flex;width:fit-content;margin-top:auto;align-self:flex-start;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:700;background:#7c6af726;color:var(--accent2);text-transform:uppercase;letter-spacing:.05em}.section-header{text-align:center;margin-bottom:40px;padding:0 20px}.section-header h2{font-size:1.8rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,var(--text) 40%,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em}.section-header p{color:var(--text-muted);font-size:.95rem;max-width:500px;margin:0 auto}#technique-detail{display:none}#technique-detail.active{display:block;animation:fadeIn .3s ease}.tech-back{background:none;border:none;color:var(--accent2);cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:24px;display:flex;align-items:center;gap:6px;padding:0}.tech-back:hover{color:var(--text)}.tech-title{font-size:2rem;font-weight:800;margin-bottom:8px}.tech-lead{color:var(--text-muted);font-size:1rem;margin-bottom:28px;line-height:1.7}.steps-list{list-style:none;display:flex;flex-direction:column;gap:16px}.step-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;display:flex;gap:16px;align-items:flex-start}.step-num{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.step-item h4{font-size:.95rem;font-weight:700;margin-bottom:4px}.step-item p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.tip-box{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);padding:16px 20px;margin-top:24px;display:flex;gap:12px}.tip-box span{font-size:1.3rem}.tip-box p{color:#fcd34d;font-size:.9rem;line-height:1.6}.input-area{background:var(--surface);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;margin-bottom:32px;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff0d}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}label{display:block;font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:.03em}input[type=text],textarea,select{width:100%;background:var(--surface-alpha-50);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;color:var(--text);font-family:inherit;font-size:1rem;padding:16px 18px;outline:none;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #0000001a}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.8}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a855f740,inset 0 2px 4px #0003;background:#ffffff14;transform:translateY(-2px)}select option{background-color:var(--bg);color:var(--text);font-weight:500}textarea{min-height:200px;resize:vertical;line-height:1.6}.char-count{text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:4px}.fc-pair{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;margin-bottom:12px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:start}.fc-pair input{margin:0}.btn-icon{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:9px 12px;cursor:pointer;transition:all .2s;font-size:1rem}.btn-icon:hover{border-color:var(--red);color:var(--red)}.add-pair-btn{background:none;border:1.5px dashed var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:14px;width:100%;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;margin-bottom:20px}.add-pair-btn:hover{border-color:var(--accent);color:var(--accent)}.decks-list{display:flex;flex-direction:column;gap:14px}.deck-item{background:var(--surface);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:26px 30px;display:flex;align-items:center;justify-content:space-between;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #00000014,inset 0 1px #ffffff0a;position:relative;overflow:hidden;z-index:1}.deck-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(139,92,246,.4),transparent 30%,transparent 70%,rgba(217,70,239,.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.deck-item:hover{border-color:transparent;transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-float);background:var(--surface-alpha-80)}body.light .deck-item:hover{background:var(--surface)}.deck-item:hover:before{opacity:1}.deck-info,.deck-actions{position:relative;z-index:2}.deck-info h4{font-size:1rem;font-weight:700;margin-bottom:4px}.deck-info p{color:var(--text-muted);font-size:.82rem}.deck-meta{display:flex;gap:8px;margin-top:6px}.badge{padding:2px 8px;border-radius:20px;font-size:.72rem;font-weight:600}.badge-blue{background:#7c6af733;color:var(--accent2)}.badge-green{background:#10b98126;color:var(--green)}.badge-gold{background:#f59e0b26;color:var(--gold)}.deck-actions{display:flex;gap:8px}.btn-sm{padding:8px 16px;font-size:.82rem}#study-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg-alpha-90);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;justify-content:center}#study-overlay.active{display:flex;animation:fadeIn .3s ease}.study-box{background:var(--surface);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px;width:90%;max-width:620px;text-align:center;position:relative;box-shadow:0 20px 60px -10px #000c,inset 0 1px #ffffff0d}.study-progress{font-size:.85rem;color:var(--text-muted);margin-bottom:28px;font-weight:600;letter-spacing:.05em}.progress-bar{height:6px;background:var(--surface3);border-radius:4px;margin-bottom:32px;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));border-radius:4px;transition:width .4s cubic-bezier(.16,1,.3,1);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.flip-card{perspective:1500px;cursor:pointer;height:260px;margin-bottom:32px}.flip-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}.flip-inner.flipped{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 10px 30px -10px #00000080,inset 0 2px 2px #ffffff08;transition:border-color .3s,box-shadow .3s}.flip-card:hover .flip-front,.flip-card:hover .flip-back{border-color:var(--border-hover);box-shadow:0 15px 40px -10px #0009,inset 0 2px 2px #ffffff0d}.flip-back{transform:rotateY(180deg)}.flip-label{font-size:.75rem;color:var(--text-muted);font-weight:600;letter-spacing:.05em;margin-bottom:12px}.flip-text{font-size:1.3rem;font-weight:700;line-height:1.4}.flip-hint{font-size:.8rem;color:var(--text-muted);margin-top:16px}.rating-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.rating-btn{padding:14px 28px;border-radius:100px;border:none;cursor:pointer;font-size:.95rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em}.rating-btn:hover{transform:translateY(-4px) scale(1.02)}.btn-fail{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.2);box-shadow:0 4px 12px -2px #ef444426}.btn-fail:hover{background:#ef444433;box-shadow:0 8px 24px -4px #ef444466}.focus-trigger{background:linear-gradient(135deg,var(--accent),var(--accent2))!important;color:#fff!important;border:none!important;font-weight:700;padding:8px 16px;border-radius:100px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px var(--accent-glow);transition:var(--spring)}.focus-trigger:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px var(--accent-glow)}.focus-trigger .label{font-size:.85rem}.btn-hard{background:#f59e0b1a;color:var(--gold);border:1px solid rgba(245,158,11,.2);box-shadow:0 4px 12px -2px #f59e0b26}.btn-hard:hover{background:#f59e0b33;box-shadow:0 8px 24px -4px #f59e0b66}.btn-good{background:#10b9811a;color:var(--green);border:1px solid rgba(16,185,129,.2);box-shadow:0 4px 12px -2px #10b98126}.btn-good:hover{background:#10b98133;box-shadow:0 8px 24px -4px #10b98166}.rating-buttons{display:none}.rating-buttons.visible{display:flex}.study-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.4rem;transition:color .2s}.study-close:hover{color:var(--text)}.session-done{display:none;text-align:center;padding:20px 0}.session-done .big-emoji{font-size:3.5rem;margin-bottom:16px}.session-done h3{font-size:1.6rem;font-weight:800;margin-bottom:8px}.session-done p{color:var(--text-muted)}.stats-row{display:flex;gap:16px;justify-content:center;margin:20px 0;flex-wrap:wrap}.stat-box{background:var(--surface2);border-radius:10px;padding:14px 22px;text-align:center}.stat-box .val{font-size:1.6rem;font-weight:800}.stat-box .lbl{font-size:.75rem;color:var(--text-muted);margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--surface);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;text-align:center;box-shadow:0 4px 20px #0000001a,inset 0 1px #ffffff0d;transition:transform .3s cubic-bezier(.16,1,.3,1)}.stat-card:hover{transform:translateY(-4px)}.stat-card .icon{font-size:2.2rem;margin-bottom:16px}.stat-card .num{font-size:2.5rem;font-weight:800;letter-spacing:-.02em}.stat-card .desc{font-size:.85rem;color:var(--text-muted);margin-top:6px;font-weight:500}.heat-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px}.heat-cell{aspect-ratio:1;border-radius:3px;background:var(--surface3);transition:all .2s}.heat-cell.l1{background:#7c6af740}.heat-cell.l2{background:#7c6af780}.heat-cell.l3{background:#7c6af7cc}.heat-cell.l4{background:var(--accent)}.empty-state{text-align:center;padding:64px 24px;color:var(--text-muted)}.empty-state .icon{font-size:3rem;margin-bottom:12px}.empty-state h3{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:6px}#toast{position:fixed;bottom:28px;right:28px;z-index:999;background:var(--surface3);border:1px solid var(--border);border-radius:10px;padding:14px 20px;font-size:.9rem;font-weight:500;opacity:0;transform:translateY(8px);transition:all .3s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}#toast.success{border-color:var(--green);color:var(--green)}#toast.error{border-color:var(--red);color:var(--red)}.pdf-dropzone{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:24px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:16px;background:var(--surface2);position:relative}.pdf-dropzone:hover,.pdf-dropzone.dragover{border-color:var(--accent);background:#7c6af712}.pdf-dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.pdf-dropzone .drop-icon{font-size:2rem;margin-bottom:8px}.pdf-dropzone p{color:var(--text-muted);font-size:.88rem;margin:0}.pdf-dropzone strong{color:var(--accent2)}.pdf-status{display:none;align-items:center;gap:10px;padding:10px 14px;background:#7c6af71a;border:1px solid rgba(124,106,247,.3);border-radius:8px;margin-bottom:12px;font-size:.88rem;color:var(--accent2)}.pdf-status.visible{display:flex}.spinner{width:16px;height:16px;border:2px solid rgba(124,106,247,.3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.tech-tabs{display:flex;gap:8px;margin:16px 0 20px}.tech-tab-btn{padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-family:inherit}.tech-tab-btn.active{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-color:transparent}.tech-tab-btn:not(.active):hover{border-color:var(--accent);color:var(--accent2)}.muzii-num{background:linear-gradient(135deg,#f59e0b,#ef4444)!important}.muzii-credit{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:600;margin-bottom:16px;background:#f59e0b1f;color:var(--gold);border:1px solid rgba(245,158,11,.3)}.muzii-tip{border-color:#f59e0b59!important;background:#f59e0b12!important}.muzii-tip span{color:var(--gold)!important}.nav-actions{display:flex;gap:4px;align-items:center;margin-left:auto;padding-right:8px;flex-shrink:0}.nav-action-btn{background:var(--surface2);border:1px solid var(--border);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0;flex-shrink:0;color:var(--text);position:relative}.nav-action-btn:hover{background:var(--surface3);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.nav-action-btn.focus-trigger{width:auto;border-radius:100px;padding:0 16px;gap:8px}.user-profile-btn{display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;padding:4px 12px 4px 4px;background:var(--surface2);border:1px solid var(--border);border-radius:100px}.user-profile-btn:hover{border-color:var(--accent);background:var(--surface3)}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;background-size:cover;background-position:center;flex-shrink:0}@media (max-width: 1280px){.nav-tab span.label{display:none!important}nav{gap:12px}.nav-tabs{gap:6px}}@media (max-width: 1150px){#user-display-name,.nav-action-btn .label,#trigger-focus .label,.focus-trigger .label{display:none!important}.user-profile-btn{padding:2px;border-radius:50%}.nav-tab .label{display:none!important}.nav-tabs{gap:2px;padding:2px}.nav-tab{padding:6px 10px}.nav-actions{gap:4px;padding-right:2px}nav{gap:4px;padding:6px 10px}.nav-action-btn{width:36px;height:36px;font-size:1rem}}#pomo-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:var(--bg-alpha-90);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10100;display:none;align-items:center;justify-content:center}.pomo-modal{background:var(--bg);backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);width:100vw;height:100vh;height:100dvh;max-width:100vw;border:none;border-radius:0;padding:40px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow-y:auto}.pomo-close{position:absolute;top:40px;right:40px;background:var(--surface2);border:1px solid var(--border);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);font-size:1.2rem;transition:var(--spring);z-index:100}.pomo-close:hover{transform:rotate(90deg) scale(1.1);color:var(--red);border-color:var(--red);background:#ef44441a}.sound-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0 5px}.sound-item{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:10px 4px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:4px}.sound-item .icon{font-size:1.2rem}.sound-item .name{font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.sound-item:hover{background:#ffffff0d;border-color:var(--accent);transform:translateY(-2px)}.sound-item.active{background:#8b5cf626;border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.sound-item.active .name{color:var(--accent)}.pomo-header{margin-bottom:20px}.pomo-header h2{font-size:1.15rem;font-weight:800;margin-bottom:4px}.pomo-ring-wrap{position:relative;width:160px;height:160px;margin:0 auto 20px}.pomo-svg{width:100%;height:100%}.pomo-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:800;letter-spacing:-1px}.pomo-controls{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.pomo-btn{padding:12px 24px;border-radius:100px;font-weight:800;cursor:pointer;background:var(--accent);color:#fff;border:none;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px -2px var(--accent-glow)}.pomo-btn:hover{opacity:.85}.pomo-btn-sm{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.pomo-phases{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.pomo-phase{padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);font-family:inherit;transition:all .2s}.pomo-phase.active,.pomo-phase:hover{background:var(--accent);color:#fff;border-color:transparent}.plan-header{margin-bottom:28px}.plan-header h2{font-size:1.7rem;font-weight:800;margin-bottom:6px}.plan-header p{color:var(--text-muted);font-size:.95rem}.exam-badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.exam-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.82rem;font-weight:600}.plan-phases{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.plan-phase{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;border-left:4px solid var(--accent)}.plan-phase.phase-gold{border-left-color:var(--gold)}.plan-phase.phase-green{border-left-color:var(--green)}.plan-phase.phase-red{border-left-color:var(--red)}.phase-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.phase-num{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}.phase-green .phase-num{background:var(--green)}.phase-gold .phase-num{background:var(--gold)}.phase-red .phase-num{background:var(--red)}.phase-title{font-weight:800;font-size:1.05rem}.phase-dates{font-size:.78rem;color:var(--text-muted);margin-top:2px}.phase-body{color:var(--text-muted);font-size:.9rem;line-height:1.7}.phase-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tech-chip{padding:4px 12px;border-radius:20px;font-size:.78rem;font-weight:600;background:#7c6af726;color:var(--accent2);border:1px solid rgba(124,106,247,.25)}.daily-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;display:flex;gap:16px;align-items:flex-start}.daily-day{min-width:44px;text-align:center;font-size:.7rem;color:var(--text-muted);font-weight:600}.daily-day span{display:block;font-size:1.4rem;font-weight:800;color:var(--text)}input[type=date]{width:100%;background:var(--surface3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.92rem;padding:10px 14px;outline:none;transition:border .2s;color-scheme:dark}input[type=date]:focus{border-color:var(--accent)}@media (max-width: 768px){nav{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;right:0!important;width:100%!important;transform:none!important;border-radius:0!important;background:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;flex-direction:row!important;padding:8px 12px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;gap:0!important}.nav-tabs{flex:1!important;justify-content:space-around!important;background:transparent!important;padding:0!important}.nav-tab{min-width:44px!important;min-height:44px!important;flex-direction:column!important;padding:4px 8px!important}.nav-actions{flex-shrink:0!important;flex-wrap:nowrap!important;width:auto!important;gap:4px!important}.page{padding:16px 14px calc(80px + env(safe-area-inset-bottom))!important}.hero h1{font-size:1.8rem;margin-top:20px}.hero p{font-size:.95rem;line-height:1.5}.input-area{padding:20px 16px;border-radius:var(--radius-lg)}.input-row{grid-template-columns:1fr;gap:12px}.fc-pair{grid-template-columns:1fr;padding:16px}.study-box{width:95%;padding:24px 16px;border-radius:var(--radius-lg)}.flip-card{height:320px}.flip-text{font-size:1.15rem}.rating-buttons{flex-direction:column;gap:10px}.rating-btn{width:100%;padding:12px}.cards-grid,.stats-grid{grid-template-columns:1fr}#tech-cards-grid{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start!important;gap:12px!important}.deck-item{padding:20px;flex-direction:column;align-items:flex-start;gap:16px}.deck-actions{width:100%;justify-content:space-between;gap:8px}.deck-actions button{flex:1;font-size:.75rem;padding:10px 8px}.architect-card,.overlay-content{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;padding:60px 20px 40px!important}#boss-modal{width:95%;padding:20px}.heat-grid{grid-template-columns:repeat(7,1fr)!important;grid-template-rows:auto!important;gap:4px!important}.heat-cell{width:100%!important;aspect-ratio:1/1}}.xp-bar-wrap{background:var(--surface2);border-radius:20px;height:8px;margin:8px 0;overflow:hidden}.xp-bar{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .6s ease}.level-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-weight:700;font-size:.82rem}.level-badge.novizio{background:#ffffff14;color:var(--text-muted)}.level-badge.studente{background:#10b98126;color:var(--green);border:1px solid rgba(16,185,129,.3)}.level-badge.scholar{background:#7c6af726;color:var(--accent2);border:1px solid rgba(124,106,247,.3)}.level-badge.campione{background:#f59e0b26;color:var(--gold);border:1px solid rgba(245,158,11,.3)}.level-badge.maestro{background:linear-gradient(135deg,#f59e0b33,#ef444433);color:var(--text);border:1px solid rgba(245,158,11,.4)}.streak-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.82rem;font-weight:700;background:#ef44441f;color:var(--red);border:1px solid rgba(239,68,68,.2)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:16px}.badge-card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px 10px;text-align:center;transition:all .2s}.badge-card.earned{border-color:var(--gold);background:#f59e0b12}.badge-card .badge-icon{font-size:2rem;margin-bottom:6px}.badge-card .badge-name{font-size:.72rem;font-weight:700;color:var(--text-muted)}.badge-card.earned .badge-name{color:var(--text)}.badge-card .badge-locked{filter:grayscale(1) opacity(.4)}.xp-toast{position:fixed;top:70px;right:20px;z-index:30000;background:var(--surface);border:1px solid var(--gold);border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:700;color:var(--gold);z-index:999;opacity:0;transform:translateY(-10px);transition:all .3s;pointer-events:none}.xp-toast.show{opacity:1;transform:translateY(0)}#quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:var(--bg);display:none;flex-direction:column;padding:20px;overflow-y:auto}.quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.quiz-timer{height:4px;background:#ffffff0f;border-radius:2px;margin-bottom:20px;overflow:hidden}.quiz-timer-bar{height:100%;background:var(--accent);width:100%;transition:width 1s linear,background-color .3s}.quiz-timer-bar.warning{background:#f59e0b}.quiz-timer-bar.danger{background:#ef4444}.aura-meter{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-top:10px}.aura-fill{height:100%;background:linear-gradient(90deg,#ec4899,#8b5cf6,#3b82f6);transition:width .5s ease}#main-fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;cursor:pointer;box-shadow:0 10px 25px #7c6af766;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}#main-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 15px 35px #7c6af799}#main-fab:active{transform:scale(.95)}@keyframes pulseRed{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.boss-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes pulseRed{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.quiz-progress{height:6px;background:var(--surface2);border-radius:6px;margin-bottom:32px;overflow:hidden}.quiz-progress-bar{height:100%;background:var(--accent);border-radius:6px;transition:width .4s}.quiz-question{font-size:1.3rem;font-weight:800;margin-bottom:28px;line-height:1.5}.quiz-options{display:grid;gap:12px}.quiz-opt{padding:14px 20px;border-radius:12px;border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;font-family:inherit;font-size:.95rem;font-weight:500;color:var(--text);transition:all .2s}.quiz-opt:hover{border-color:var(--accent);background:#7c6af714}.quiz-opt.correct{border-color:var(--green)!important;background:#10b9811f!important;color:var(--green)}.quiz-opt.wrong{border-color:var(--red)!important;background:#ef444414!important;color:var(--red)}.quiz-result{text-align:center;padding:40px 0}.quiz-score-circle{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--accent) 0%,var(--surface2) 0%);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;font-weight:800;position:relative}#focus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700;background:var(--bg);display:none;flex-direction:column;align-items:center;justify-content:center}.focus-time{font-size:5rem;font-weight:900;letter-spacing:-3px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-label{font-size:1.1rem;color:var(--text-muted);margin-bottom:40px}.focus-controls{display:flex;gap:12px;margin-top:32px}.focus-quote{max-width:400px;text-align:center;color:var(--text-muted);font-style:italic;font-size:.9rem;margin-top:40px;line-height:1.7}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day-name{text-align:center;font-size:.72rem;font-weight:700;color:var(--text-muted);padding:6px 0}.cal-day{height:44px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;cursor:default;border:1px solid transparent;position:relative}.cal-day.today{border-color:var(--accent);background:#7c6af71a}.cal-day.exam{background:#ef444426;border-color:#ef444466;color:var(--red)}.cal-day.has-cards{background:#10b9811a}.cal-day .cal-dot{width:5px;height:5px;border-radius:50%;background:var(--green);position:absolute;bottom:4px}.cal-day.exam .cal-dot{background:var(--red)}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-nav button{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 14px;color:var(--text);cursor:pointer;font-family:inherit}.cal-legend{display:flex;gap:16px;margin-top:12px;font-size:.78rem;color:var(--text-muted)}.cal-legend span{display:flex;align-items:center;gap:5px}.voice-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:2px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s}.voice-btn.recording{border-color:var(--red);background:#ef44441a;color:var(--red);animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 8px #ef444400}}.voice-player{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:8px;display:none}.voice-player audio{width:100%}.fc-img-preview{max-width:100%;max-height:120px;border-radius:8px;object-fit:cover;margin-top:6px}.fc-img-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;cursor:pointer;font-family:inherit;margin-top:4px}.card-img{max-width:100%;border-radius:8px;margin-bottom:10px;display:block}#mindmap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:var(--bg);display:none;flex-direction:column}.mindmap-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}#mindmap-canvas{flex:1;width:100%}.mm-close{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 14px;color:var(--text-muted);cursor:pointer;font-family:inherit}.notif-banner{background:linear-gradient(135deg,#7c6af726,#10b9811a);border:1px solid rgba(124,106,247,.3);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.notif-banner button{margin-left:auto;padding:6px 14px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-family:inherit;font-size:.82rem;cursor:pointer;font-weight:600}#install-banner{background:linear-gradient(135deg,var(--surface),var(--surface2));border:1px solid var(--accent);border-radius:14px;padding:14px 18px;display:none;align-items:center;gap:12px;margin:16px;position:fixed;bottom:16px;left:16px;right:16px;z-index:400;box-shadow:0 8px 32px #0000004d}#install-banner .inst-icon{font-size:1.8rem}#install-banner .inst-text{flex:1}#install-banner .inst-text strong{display:block;font-size:.9rem}#install-banner .inst-text small{color:var(--text-muted);font-size:.78rem}#install-banner .inst-btns{display:flex;gap:8px}#install-banner .inst-yes{background:var(--accent);border:none;border-radius:8px;padding:8px 16px;color:#fff;cursor:pointer;font-family:inherit;font-weight:700;font-size:.85rem}#install-banner .inst-no{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.85rem}#loci-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:610;background:var(--bg);display:none;flex-direction:column}.loci-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.loci-container{flex:1;position:relative;overflow:auto;background:var(--surface);display:flex;align-items:center;justify-content:center}.loci-img{max-width:100%;max-height:100%;object-fit:contain;cursor:crosshair;box-shadow:0 4px 24px #0003}.loci-pin{position:absolute;width:32px;height:32px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 4px 12px #7c6af766;transition:transform .2s,background .2s}.loci-pin:hover{transform:translate(-50%,-50%) scale(1.15)}.loci-pin.hidden{background:var(--surface2);color:transparent;box-shadow:none;border:2px solid var(--border)}.pin-card-popup{position:absolute;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px;width:260px;z-index:10;box-shadow:0 8px 32px #0006;display:none;transform:translate(-50%);margin-top:10px;text-align:center}.pin-card-popup.show{display:block}.loci-toolbar{padding:12px 20px;border-top:1px solid var(--border);background:var(--surface2);display:flex;gap:12px;align-items:center}#oral-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:620;background:var(--bg);display:none;flex-direction:column;align-items:center;justify-content:center}.oral-box{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:40px;width:90%;max-width:600px;text-align:center;position:relative}.oral-mic{width:80px;height:80px;border-radius:50%;background:var(--surface2);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 24px;cursor:pointer;transition:all .3s}.oral-mic.listening{background:#ef44441a;border-color:var(--red);color:var(--red);animation:pulse-red 1.5s infinite}.prof-mode-btn.harsh-on{background:#ef444426;border-color:var(--red);color:#ff6b6b}.prof-mode-btn.pazzo-on{background:#a855f72e;border-color:#a855f7;color:#d4b3ff}.oral-q{font-size:1.4rem;font-weight:800;margin-bottom:24px;line-height:1.4}.oral-transcript{min-height:80px;padding:16px;border-radius:12px;background:var(--surface2);color:var(--text-muted);font-style:italic;margin-bottom:24px}.oral-result{font-size:1.2rem;font-weight:800;padding:12px;border-radius:12px;display:none;margin-bottom:20px}.lang-dropdown{position:absolute;top:50px;right:0;background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:100px;padding:6px;display:flex;flex-direction:row;gap:6px;box-shadow:0 8px 32px #0000004d;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:1001}.lang-btn img{width:20px!important;height:20px!important;border-radius:50%;object-fit:cover}.lang-dropdown.active{opacity:1;pointer-events:all;transform:translateY(0)}.lang-option{background:transparent;border:none;color:var(--text);padding:0;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lang-option:hover{background:#ffffff1a;transform:scale(1.1)}.lang-option img{width:22px;height:auto;border-radius:3px;box-shadow:0 2px 4px #0003}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.upload-card{background:#2d2d374d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:32px 24px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff05}.upload-card:hover{border-color:var(--accent);background:#8b5cf614;transform:translateY(-4px);box-shadow:0 10px 30px -10px #00000080,0 0 15px var(--accent-glow)}.upload-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(139,92,246,.1),transparent 70%);opacity:0;transition:opacity .4s ease}.upload-card:hover:before{opacity:1}.upload-card input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-card .icon{font-size:2.8rem;margin-bottom:16px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.upload-card:hover .icon{transform:scale(1.1) translateY(-5px)}.upload-card h4{font-size:.9rem;font-weight:700;margin-bottom:4px;color:var(--text)}.upload-card p{font-size:.75rem;color:var(--text-muted);margin:0}.auth-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:48px;border-radius:32px;width:100%;max-width:440px;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:authPop .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes authPop{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.auth-logo{font-size:3rem;margin-bottom:16px;display:inline-block;filter:drop-shadow(0 0 10px var(--accent-glow))}.auth-input{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:16px;padding:16px 20px;color:var(--text);font-family:inherit;font-size:1.1rem;margin:24px 0;transition:var(--spring);text-align:center}.auth-input:focus{outline:none;border-color:var(--accent);background:#ffffff1a;box-shadow:0 0 20px var(--accent-glow)}.user-profile-btn{display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:var(--spring)}.user-profile-btn:hover{background:var(--surface3);border-color:var(--accent)}.user-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff;font-weight:800;background-size:cover;background-position:center}.google-btn-container{margin-top:16px;display:flex;justify-content:center}.separator{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--text-muted);font-size:.8rem}.separator:before,.separator:after{content:"";flex:1;border-bottom:1px solid var(--border)}.separator:not(:empty):before{margin-right:.5em}.separator:not(:empty):after{margin-left:.5em}.settings-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10010;background:var(--bg);display:none;flex-direction:column;animation:fadeIn .4s ease;overflow:hidden}.settings-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%}.settings-body::-webkit-scrollbar{width:5px}.settings-body::-webkit-scrollbar-track{background:transparent;margin:8px 0}.settings-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}.settings-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.settings-container{padding:0 24px 24px;margin:0 auto;max-width:800px;width:100%}.settings-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid var(--border);background:var(--bg-alpha-80);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100}.settings-footer{flex-shrink:0;position:relative;left:0;right:0;padding:24px 40px!important;background:var(--bg)!important;box-shadow:0 -10px 40px 10px var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:none!important;display:flex;justify-content:center;gap:20px;z-index:10}.settings-section{margin-bottom:48px}.settings-section-title{font-size:1.25rem;font-weight:800;margin-bottom:24px;color:var(--text);display:flex;align-items:center;gap:12px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:12px;transition:var(--spring)}.settings-row:hover{border-color:var(--border-hover);background:var(--surface2)}.settings-row-info{flex:1;padding-right:20px}.settings-row-title{display:block;font-weight:600;font-size:1rem;margin-bottom:4px}.settings-row-desc{font-size:.8rem;color:var(--text-muted)}.btn-close-large{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:1.2rem;cursor:pointer;transition:var(--spring)}.btn-close-large:hover{transform:rotate(90deg) scale(1.1);background:var(--surface3);border-color:var(--accent)}.stats-visual-row{display:flex;gap:20px;margin-top:28px}.stats-visual-card{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center}.stats-visual-title{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}.accuracy-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center}.accuracy-label{position:absolute;text-align:center}.weekly-chart-wrap{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;width:100%;height:140px;padding-top:12px}.week-bar-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;height:100%;justify-content:flex-end}.week-bar-value{font-size:.7rem;font-weight:700;color:var(--text-muted);min-height:16px}.week-bar{width:100%;max-width:36px;min-height:4px;background:#a855f759;border-radius:6px 6px 2px 2px;transition:height .6s cubic-bezier(.16,1,.3,1)}.week-bar-label{font-size:.72rem;color:var(--text-muted);font-weight:600}.community-hero{text-align:center;padding:40px 0 32px}.community-hero-icon{font-size:3.5rem;margin-bottom:16px}.community-hero h1{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:900;margin-bottom:10px;background:linear-gradient(135deg,var(--text) 20%,#10b981 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.community-hero p{color:var(--text-muted);font-size:1rem;max-width:460px;margin:0 auto}.community-tabs{display:flex;gap:8px;background:var(--surface);padding:6px;border-radius:16px;margin-bottom:28px;width:fit-content;margin-left:auto;margin-right:auto}.community-tab{padding:10px 24px;border-radius:12px;border:none;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;background:transparent;color:var(--text-muted)}.community-tab.active{background:var(--accent);color:#fff}.community-search{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 20px;color:var(--text);font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s}.community-search:focus{border-color:var(--accent)}.community-deck-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .2s;cursor:default}.community-deck-card:hover{border-color:var(--accent);transform:translateY(-2px)}.community-cta{margin-top:40px;background:linear-gradient(135deg,#7c6af71f,#10b98114);border:1px solid rgba(124,106,247,.25);border-radius:20px;padding:28px;text-align:center}.leaderboard-entry{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--border);margin-bottom:8px;transition:all .2s}.leaderboard-entry:hover{border-color:var(--accent);transform:translate(4px)}.leaderboard-entry.is-me{background:#7c6af71f;border-color:var(--accent)}body.light .community-hero h1{background:linear-gradient(135deg,var(--text) 30%,#0d9488 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.light .community-tabs{background:#0000000a}body.light .community-tab.active{background:var(--accent);color:#fff}body.light .community-deck-card{background:var(--surface);border-color:var(--border-alpha-30);box-shadow:0 2px 8px #0000000a}body.light .community-deck-card:hover{box-shadow:0 4px 16px #00000014}body.light .leaderboard-entry{background:var(--surface);box-shadow:0 1px 4px #0000000a}body.light .leaderboard-entry.is-me{background:#7e22ce14;border-color:var(--accent)}body.light .stats-visual-card{background:var(--surface);box-shadow:0 2px 8px #0000000a}body.light .week-bar{background:#7e22ce33}body.light .community-cta{background:linear-gradient(135deg,#7e22ce0f,#0596690a);border-color:#7e22ce26}body.light .community-search{background:var(--surface);border-color:var(--border-alpha-30)}body.light .stat-card{background:var(--surface);box-shadow:0 2px 8px #0000000a}body.light #share-modal>div,body.light #import-modal>div{background:var(--surface);color:var(--text)}@media (max-width: 768px){.nav-tab .label{display:none}.nav-tab{padding:8px 12px}.nav-tabs{gap:4px}.nav-actions .label{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.stats-visual-row{flex-direction:column}.stats-visual-card{width:100%}#community-decks-container{grid-template-columns:1fr!important}.community-tabs{width:100%}.community-tab{flex:1;text-align:center;padding:10px 16px;font-size:.82rem}.hero h1{font-size:2.5rem!important}.hero p{font-size:.95rem}.page{padding:16px 14px calc(80px + env(safe-area-inset-bottom))}.settings-container{padding:20px 16px}.settings-header,.settings-footer{padding:16px 20px}.settings-row{flex-direction:column;gap:12px;align-items:flex-start}}@media (max-width: 480px){nav{padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.nav-tab{padding:6px 8px;min-width:44px;min-height:44px}.nav-action-btn{width:36px;height:36px;font-size:.9rem}.hero h1{font-size:2rem!important}.cards-grid,#tech-cards-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stat-card{padding:16px!important}.weekly-chart-wrap{height:100px;gap:6px}.home-dash-row{grid-template-columns:1fr 1fr!important;gap:10px!important}.home-dashboard{padding:0 16px;margin:-10px auto 32px}.home-dash-card{padding:16px 12px;min-height:auto;border-radius:16px}.home-dash-icon{font-size:1.8rem;margin-bottom:8px}.home-dash-num{font-size:1.6rem}.home-dash-label{font-size:.7rem}.home-dash-cta{margin-top:12px;padding:8px!important;font-size:.75rem!important}.settings-row [style*="grid-template-columns: 1fr 1fr 1fr"],.settings-row [style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr!important;gap:10px!important}#page-guida [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.pomo-modal{padding:24px 16px!important}.pomo-close{top:16px!important;right:16px!important;width:40px!important;height:40px!important}.settings-header h2{font-size:1.4rem!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;line-height:1.2!important}.settings-footer{flex-direction:column;gap:10px;padding:16px!important}.settings-footer .btn{width:100%}}.home-dashboard{max-width:800px;margin:-20px auto 48px;padding:0 20px;animation:fadeIn .5s ease}.home-dash-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.home-dash-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px 16px;text-align:center;transition:all .25s;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:180px;height:100%;position:relative;box-sizing:border-box}.home-dash-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 30px #0003}.home-dash-due{cursor:pointer}.home-dash-due.has-due{background:linear-gradient(145deg,#7c6af726,#a855f714);border-color:var(--accent);animation:pulse-glow 2.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #7c6af700}50%{box-shadow:0 0 20px #7c6af740}}.home-dash-icon{font-size:2rem;margin-bottom:12px;line-height:1}.home-dash-num{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:900;line-height:1.1;margin-bottom:4px}.home-dash-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-grow:1}.home-dash-cta{margin-top:auto;width:100%;padding:10px 12px!important;border-radius:12px!important;font-size:.8rem!important;text-align:center;box-sizing:border-box}.home-dash-msg{margin-top:16px;text-align:center;font-size:.88rem;color:var(--text-muted);font-weight:500}body.light .home-dash-card{background:var(--surface);box-shadow:0 2px 8px #0000000a}body.light .home-dash-due.has-due{background:linear-gradient(145deg,#7e22ce14,#a855f70a)}.study-progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent2));z-index:100000;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px var(--accent-glow)}.study-session-counter{position:fixed;top:14px;right:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px 14px;font-size:.82rem;font-weight:700;color:var(--text-muted);z-index:100000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.levelup-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:var(--surface);border:2px solid var(--accent);border-radius:28px;padding:40px 48px;text-align:center;z-index:999999;box-shadow:0 20px 60px #00000080;animation:levelup-pop .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes levelup-pop{to{transform:translate(-50%,-50%) scale(1)}}.levelup-toast .icon{font-size:4rem;margin-bottom:16px}.levelup-toast .title{font-family:Outfit;font-size:1.8rem;font-weight:900;margin-bottom:8px}.levelup-toast .subtitle{color:var(--text-muted);font-size:.95rem}.community-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.community-filter-pill{padding:6px 16px;border-radius:100px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.community-filter-pill:hover{border-color:var(--accent);color:var(--text)}.community-filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}body.light .community-filter-pill{background:var(--surface)}.session-summary{text-align:center;padding:40px 32px;max-width:420px;margin:0 auto}.session-summary .big-emoji{font-size:4rem;margin-bottom:20px}.session-summary .title{font-family:Outfit;font-size:1.6rem;font-weight:800;margin-bottom:12px}.session-summary .stats-row{display:flex;justify-content:center;gap:24px;margin:20px 0}.session-summary .stat-item{text-align:center}.session-summary .stat-item .num{font-size:1.8rem;font-weight:900}.session-summary .stat-item .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}@media (max-width: 1280px){.nav-tab .label,.nav-tab span.label,.nav-action-btn .label,#trigger-focus .label,.focus-trigger .label,#user-display-name{display:none!important}.nav-tab{padding:8px 10px!important}nav{gap:8px!important;padding:8px 16px!important;max-width:none!important;width:98%!important}.nav-tabs{gap:4px!important}.nav-actions{gap:6px!important}.user-profile-btn{padding:4px!important;gap:0!important}#user-profile-wrap{gap:4px!important}.nav-action-btn{width:44px!important;height:44px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}}@media (max-width: 1024px){nav{gap:6px!important;padding:6px 12px!important}.nav-tabs{gap:2px!important}}:root{--icon-size-nav: 1.35rem}@media (max-width: 1280px){.nav-tab span:not(.icon),.nav-tab [data-i18n],.nav-action-btn [data-i18n],.nav-action-btn .label,#user-display-name{display:none!important}.nav-tab{padding:8px 10px!important;gap:0!important;min-width:0!important;flex-shrink:0!important}nav{gap:8px!important;padding:10px 14px!important;width:100%!important;max-width:100vw!important;overflow:hidden!important;flex-wrap:nowrap!important;box-sizing:border-box!important;justify-content:space-between!important}.nav-tabs{gap:4px!important;padding:4px!important;flex-shrink:1!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}.nav-tabs::-webkit-scrollbar{height:4px!important;background:transparent!important}.nav-tabs::-webkit-scrollbar-thumb{background:var(--accent)!important;border-radius:4px!important}.nav-actions{gap:6px!important;flex-shrink:0!important}.nav-action-btn{width:44px!important;height:44px!important;padding:0!important;font-size:1.1rem!important;flex-shrink:0!important}.user-profile-btn{padding:4px!important;width:44px!important;height:44px!important;flex-shrink:0!important}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;width:100%;background:#09090b;border-top:1px solid rgba(255,255,255,.08);padding:8px 10px calc(8px + env(safe-area-inset-bottom)) 10px;z-index:10000;justify-content:space-around;align-items:center;box-shadow:0 -10px 40px #0006}.mobile-nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);transition:all .2s cubic-bezier(.16,1,.3,1);padding:6px 4px;flex:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-nav-item.active{color:var(--accent);transform:translateY(-2px)}.mobile-nav-item.active .m-icon{filter:drop-shadow(0 0 8px var(--accent-glow))}.m-icon{font-size:1.3rem}.m-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}@media (max-width: 800px){.mobile-bottom-nav{display:flex}.nav-tabs{display:none!important}nav{padding:10px 16px!important;background:transparent!important;border-bottom:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nav-logo{width:36px!important;height:36px!important}.nav-actions{gap:8px!important}body{padding-bottom:90px!important}.section-header h2{font-size:1.5rem!important}}@media (max-width: 768px){nav{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;transform:none!important;border-radius:0!important;flex-direction:row!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--bg)!important;border-top:1px solid var(--border)!important;padding:8px 12px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;gap:0!important;z-index:10005!important;overflow:hidden!important;box-sizing:border-box!important}.nav-tabs{display:flex!important;flex:1!important;justify-content:space-around!important;background:transparent!important;padding:0!important;gap:0!important}.nav-tab{flex-direction:column!important;align-items:center!important;min-width:44px!important;min-height:44px!important;padding:4px 8px!important;gap:2px!important;font-size:.6rem!important}.nav-tab span.icon{font-size:1.25rem!important}.nav-tab span.label{display:none!important}.nav-actions{display:flex!important;flex-direction:row!important;flex-shrink:0!important;gap:4px!important;width:auto!important;flex-wrap:nowrap!important}.nav-action-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;font-size:1rem!important;padding:0!important}.page{padding-top:16px!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.btn,button,.rating-btn,.deck-actions button{min-height:44px!important;touch-action:manipulation!important}.card,.deck-item,.stat-card,.glass,.input-area{max-width:100%!important;box-sizing:border-box!important}.hero h1{font-size:1.9rem!important;word-break:break-word!important}}@media (max-width: 390px){.nav-tab{padding:4px!important;min-width:36px!important}.nav-action-btn{width:34px!important;height:34px!important}.page{padding-left:10px!important;padding-right:10px!important}.hero h1{font-size:1.6rem!important}}@media (max-width: 768px){#lang-btn,.lang-selector-wrap,#theme-btn,#pwa-install-btn{display:none!important}.nav-actions{gap:4px!important;flex-shrink:0!important}#user-profile-wrap{display:flex!important;margin-right:0!important}#tab-config{display:flex!important;width:44px!important;height:44px!important;font-size:1.3rem!important}.nav-tab{font-size:1.5rem!important;padding:6px 0!important;flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:52px!important;gap:2px!important;border-radius:12px!important;background:transparent!important}.nav-tab span.icon{font-size:1.5rem!important;line-height:1!important}.nav-tab span.label{display:block!important;font-size:.58rem!important;color:var(--text-muted)!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:56px!important}.nav-tab.active span.icon,.nav-tab.active span.label{color:var(--accent)!important}.nav-tab.active{background:#7c6af71f!important}nav{padding-top:6px!important;padding-bottom:calc(6px + env(safe-area-inset-bottom))!important;min-height:64px!important}.page{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}.stat-card{flex:1;background:#ffffff0a;padding:20px 15px;border-radius:16px;text-align:center;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card span{display:block;font-size:1.8rem;font-weight:800;color:var(--accent);margin-top:5px}#pulse-text,#pulse-author{transition:opacity .8s ease-in-out,transform .8s ease-out}.pulse-fading{opacity:0!important;transform:translateY(5px)}.pulse-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:pulse-web 2s infinite}@keyframes pulse-web{0%{transform:scale(.95);opacity:.7}70%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.7}}.stat-tooltip{display:none;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--surface2, #1e1e2e);border:1px solid var(--border, rgba(255,255,255,.1));color:var(--text, #fff);font-size:.78rem;font-weight:500;line-height:1.5;padding:10px 14px;border-radius:12px;white-space:nowrap;z-index:99999;pointer-events:none;box-shadow:0 8px 30px #0006;text-align:left}.stat-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--border, rgba(255,255,255,.1))}.mini-stat-card:hover .stat-tooltip{display:block;animation:fadeIn .15s ease}.stat-desc{display:none;margin-top:10px;font-size:.72rem;color:var(--text-muted, rgba(255,255,255,.5));line-height:1.5;text-align:center}.mini-stat-card:hover .stat-desc{display:block;animation:fadeIn .15s ease}.mini-stat-card:hover{background:#ffffff12!important}.level-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;background:#0a0a0fd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;opacity:0;pointer-events:none;transition:opacity .5s ease}.level-up-overlay.active{opacity:1;pointer-events:all}.level-up-content{transform:scale(.8);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.level-up-overlay.active .level-up-content{transform:scale(1)}.level-up-icon{font-size:5rem;margin-bottom:20px;filter:drop-shadow(0 0 20px var(--accent-glow));animation:bouncePop 1s ease infinite alternate}.level-up-title{font-family:Outfit,sans-serif;font-size:3rem;font-weight:900;background:linear-gradient(135deg,#fff,var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.level-up-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:32px}.level-up-btn{padding:16px 40px;border-radius:100px;background:var(--accent);color:#fff;font-weight:800;border:none;cursor:pointer;box-shadow:0 10px 30px var(--accent-glow)}#toast.badge-unlock{background:linear-gradient(135deg,var(--surface3),#1a1a2a);border:2px solid var(--gold);padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 15px 40px #f59e0b33;min-width:300px;animation:badgeSlideIn .5s cubic-bezier(.175,.885,.32,1.275)}#toast.badge-unlock .badge-icon{font-size:2rem}@keyframes bouncePop{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes badgeSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.confetti{position:absolute;width:10px;height:10px;background:var(--accent);top:-10px;z-index:11001;animation:confettiFall linear forwards}@keyframes confettiFall{to{transform:translateY(105vh) rotate(720deg)}}.study-progress-header{width:100%;margin-bottom:24px}.study-progress-text{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}#progress-fill{box-shadow:0 0 10px var(--accent-glow)}.hero-section{padding:60px 0 80px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:60px}.hero-headline{font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,3.8rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,var(--accent2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px;max-width:900px;margin-left:auto;margin-right:auto}.hero-subheadline{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text-sub);line-height:1.6;max-width:700px;margin:0 auto 48px;font-weight:400}.hero-cta-group{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px}.hero-cta-group .btn{padding:18px 36px;font-size:1.05rem;font-weight:700;border-radius:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hero-cta-group .btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px #0000004d}.social-proof{font-size:.9rem;color:var(--text-muted);font-weight:500;letter-spacing:.05em;opacity:.8}@media (max-width: 768px){.hero-section{padding:40px 0 60px}.hero-cta-group{flex-direction:column;align-items:stretch;padding:0 20px}.hero-cta-group .btn{width:100%}}.paywall-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;background:#0a0a0fb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .4s ease}.paywall-gate.active{display:flex;opacity:1}.paywall-content{background:linear-gradient(145deg,var(--surface2),#1a1a2a);padding:48px;border-radius:32px;max-width:500px;width:100%;text-align:center;border:1px solid rgba(168,85,247,.3);box-shadow:0 25px 60px #00000080,0 0 30px #a855f71a;transform:scale(.9);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.paywall-gate.active .paywall-content{transform:scale(1)}.paywall-icon{font-size:4rem;margin-bottom:24px;filter:drop-shadow(0 0 15px var(--accent-glow))}.paywall-title{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:12px}.paywall-text{font-size:1.1rem;color:var(--text-sub);line-height:1.6;margin-bottom:32px}.paywall-features{text-align:left;background:#ffffff08;padding:20px;border-radius:16px;margin-bottom:32px}.paywall-feature{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:.95rem;color:var(--text-main)}.paywall-feature:last-child{margin-bottom:0}.paywall-btn-upgrade{width:100%;padding:16px;border-radius:100px;background:var(--accent);color:#fff;font-weight:800;font-size:1.1rem;border:none;cursor:pointer;box-shadow:0 10px 20px var(--accent-glow);margin-bottom:16px;transition:transform .2s ease}.paywall-btn-upgrade:hover{transform:translateY(-2px)}.paywall-btn-close{background:transparent;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;text-decoration:underline}.paywall-plan-toggle{display:flex;gap:8px;margin:16px 0 12px;background:#ffffff0a;border-radius:12px;padding:4px}.paywall-plan-btn{flex:1;padding:10px;border-radius:9px;border:none;background:transparent;color:var(--text-muted);font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;position:relative}.paywall-plan-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.paywall-save-badge{background:#10b981;color:#fff;font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:100px;margin-left:4px;vertical-align:middle}.paywall-price-note{font-size:.75rem;color:var(--text-muted);margin:6px 0 12px;text-align:center}.quick-snap-fab{position:fixed;bottom:30px;right:30px;z-index:10000;width:auto;height:64px;padding:0 28px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);border:none;border-radius:100px;color:#fff;display:flex;align-items:center;gap:14px;cursor:pointer;box-shadow:0 10px 40px var(--accent-glow),0 0 #a855f766;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.3);font-family:Outfit,sans-serif;animation:quick-pulse 3s infinite}@keyframes quick-pulse{0%{box-shadow:0 10px 40px var(--accent-glow),0 0 #a855f700}50%{box-shadow:0 15px 50px var(--accent-glow),0 0 0 15px #a855f700}to{box-shadow:0 10px 40px var(--accent-glow),0 0 #a855f700}}.quick-snap-fab .icon{font-size:1.6rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.quick-snap-fab .label{font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.quick-snap-fab:hover{transform:scale(1.08) translateY(-5px);box-shadow:0 20px 60px var(--accent-glow);animation:none}.quick-snap-fab:active{transform:scale(.95)}#quick-analysis-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-alpha-80);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);transition:opacity .5s ease}.analysis-content{text-align:center;max-width:320px}.analysis-spinner{width:80px;height:80px;border:6px solid rgba(255,255,255,.1);border-top:6px solid var(--accent);border-radius:50%;margin:0 auto 32px;animation:analysis-spin 1s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 30px var(--accent-glow)}@keyframes analysis-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analysis-title{font-size:1.8rem;margin-bottom:12px;background:linear-gradient(to right,#fff,var(--text-muted));-webkit-background-clip:text;background-clip:text;color:transparent}.analysis-text{color:var(--text-muted);font-size:.95rem;line-height:1.6}@media (max-width: 600px){.quick-snap-fab{bottom:calc(90px + env(safe-area-inset-bottom));right:20px;height:56px;padding:0 20px}.quick-snap-fab .label{font-size:.8rem}}.nebula-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-top:8px}.nebula-card{background:#0e0e14cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:0;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex;flex-direction:column;box-shadow:inset 0 0 60px #0000004d}.nebula-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,color-mix(in srgb,var(--card-accent, #8b5cf6) 8%,transparent),transparent 70%);pointer-events:none;z-index:0}.nebula-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--card-accent, #8b5cf6) 45%,transparent);box-shadow:0 20px 48px #00000080,0 0 0 1px color-mix(in srgb,var(--card-accent, #8b5cf6) 25%,transparent),inset 0 0 60px #0003}.card-accent-bar{height:4px;background:linear-gradient(90deg,var(--card-accent, #8b5cf6),color-mix(in srgb,var(--card-accent, #8b5cf6) 50%,#06b6d4));flex-shrink:0;box-shadow:0 0 12px color-mix(in srgb,var(--card-accent, #8b5cf6) 60%,transparent);position:relative;z-index:1}.card-top-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0;position:relative;z-index:1}.card-subject-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;background:color-mix(in srgb,var(--pill-color, #8b5cf6) 15%,transparent);border:1px solid color-mix(in srgb,var(--pill-color, #8b5cf6) 40%,transparent);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--pill-color, #8b5cf6)}.card-subject-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pill-color, #8b5cf6);flex-shrink:0;opacity:.8}.card-more-btn{width:30px;height:30px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:#fff6;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0 0 2px;letter-spacing:1px}.card-more-btn:hover,.card-more-btn.active{background:#ffffff17;color:#ffffffd9;border-color:#fff3}.card-body-nebula{display:flex;flex-direction:column;gap:12px;padding:14px 18px 0;position:relative;z-index:1}.card-title-nebula{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.025em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-progress-row{display:flex;align-items:center;gap:10px}.progress-aura-wrap{height:5px;background:#ffffff12;border-radius:100px;overflow:hidden}.progress-aura{height:100%;border-radius:100px;transition:width .8s cubic-bezier(.16,1,.3,1);box-shadow:0 0 6px currentColor}.card-progress-pct{font-size:.7rem;font-weight:900;white-space:nowrap;min-width:34px;text-align:right;letter-spacing:-.01em}.card-stats-inline{display:flex;align-items:center;gap:7px;font-size:.82rem;color:#ffffff73;font-weight:600}.card-stats-inline strong{color:#ffffffd9;font-weight:800}.card-dot{color:#ffffff26;font-size:1rem}.card-stats-nebula,.card-stat-item,.card-stat-value,.card-stat-label,.stat-separator,.card-header-nebula,.card-icon-wrap,.card-meta,.card-subject,.card-glow{display:none}.card-actions-nebula{display:flex;flex-direction:column;gap:8px;padding:16px 18px 20px;margin-top:auto;position:relative;z-index:1}.btn-nebula-main{width:100%;padding:14px 20px;border-radius:12px;background:linear-gradient(135deg,var(--card-accent, #8b5cf6) 0%,color-mix(in srgb,var(--card-accent, #8b5cf6) 55%,#06b6d4) 100%);border:none;color:#fff;font-size:.83rem;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 18px color-mix(in srgb,var(--card-accent, #8b5cf6) 40%,transparent);text-transform:uppercase}.btn-nebula-main:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.1);box-shadow:0 10px 28px color-mix(in srgb,var(--card-accent, #8b5cf6) 50%,transparent)}.btn-nebula-main:active{transform:scale(.98)}.card-sub-actions{display:flex;gap:6px;flex-wrap:wrap}.btn-deck-action{flex:1 1 auto;min-width:88px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff80;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-deck-action:hover{background:color-mix(in srgb,var(--card-accent, #8b5cf6) 12%,transparent);border-color:color-mix(in srgb,var(--card-accent, #8b5cf6) 30%,transparent);color:#fff}.btn-deck-action.btn-del:hover{background:#ef44441f;border-color:#ef44444d;color:#ef4444}.btn-deck-more{flex:0 0 auto;padding:9px 10px}.deck-more-menu .btn-deck-action{flex:0 0 auto}.btn-icon-nebula{flex:1;min-width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon-nebula:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#fff;transform:scale(1.05)}.btn-icon-nebula.btn-del:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.secondary-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);border-radius:100px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.secondary-btn:hover{background:#ffffff1a;border-color:#8b5cf64d;color:var(--text)}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){#tech-cards-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 560px){#tech-cards-grid{grid-template-columns:1fr!important}.nebula-grid{grid-template-columns:1fr}}.card:nth-child(7){animation-delay:.7s}.card:nth-child(8){animation-delay:.8s}.card:nth-child(9){animation-delay:.9s}.card:nth-child(10){animation-delay:1s}.card:nth-child(11){animation-delay:1.1s}.card:nth-child(12){animation-delay:1.2s}#auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#030305d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);display:flex;align-items:center;justify-content:center;padding:24px;transition:opacity .5s var(--spring),visibility .5s}#auth-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.auth-card{background:var(--surface2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:40px;width:100%;max-width:440px;text-align:center;box-shadow:0 30px 60px #00000080;animation:authSlideUp .6s var(--spring)}@keyframes authSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{width:90px;height:90px;margin:0 auto 24px;background:var(--accent);border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 0 30px var(--accent-glow)}.auth-title{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#fff,var(--text-muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:32px;line-height:1.5}.auth-btn-google{width:100%;padding:14px;background:#fff;color:#000;border:none;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s,box-shadow .2s;font-family:inherit}.auth-btn-google:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.auth-btn-google img{width:20px;height:20px}.auth-footer{margin-top:24px;font-size:.8rem;color:var(--text-sub)}@media (max-width: 768px){.page,.page-content{padding:16px 16px calc(76px + env(safe-area-inset-bottom))!important;max-width:100%!important}.hero{padding:28px 0 24px!important;text-align:center}.hero h1{font-size:2.6rem!important;line-height:1.1!important;letter-spacing:-.03em!important;margin-bottom:14px!important}.hero p{font-size:.95rem!important;margin-bottom:24px!important;padding:0 8px}.hero-cta{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0 8px}.hero-cta .btn{width:100%!important;padding:16px 24px!important;font-size:1rem!important;border-radius:16px!important}.cards-grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:16px!important}.card{padding:20px 18px!important;border-radius:18px!important;transform:none!important}.card:hover{transform:none!important}.card-icon{font-size:1.8rem!important;margin-bottom:10px!important}.card h3{font-size:1rem!important;margin-bottom:6px!important}.card p{font-size:.85rem!important;line-height:1.5!important}.home-pillars-grid{grid-template-columns:1fr!important;gap:12px!important}.quick-stats-bar{gap:8px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start!important}.quick-stats-bar::-webkit-scrollbar{display:none}.stat-pill{flex-shrink:0!important;font-size:.78rem!important;padding:7px 14px!important}.deck-card{padding:16px!important;border-radius:16px!important}.deck-card:hover{transform:none!important}.study-box{width:100%!important;max-width:100%!important;padding:24px 18px!important;border-radius:22px!important}.flip-card{height:230px!important;margin-bottom:20px!important}.flip-text{font-size:1.1rem!important;line-height:1.5!important;padding:12px!important}.rating-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.rating-btn{padding:16px 10px!important;font-size:.88rem!important;border-radius:14px!important;min-height:56px!important}nav{height:calc(60px + env(safe-area-inset-bottom))!important;padding:0 8px!important;padding-bottom:env(safe-area-inset-bottom)!important;border-top:1px solid rgba(255,255,255,.06)!important;border-radius:0!important}.nav-tab{min-height:52px!important;padding:6px 10px!important;border-radius:12px!important;gap:3px!important}.nav-tab span.icon{font-size:1.3rem!important}.nav-tab span.label{font-size:.58rem!important;letter-spacing:.02em!important}.modal,.modal-content,.glass.modal{border-radius:24px 24px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;transform:none!important;max-width:100%!important;width:100%!important;margin:0!important;padding:24px 20px calc(24px + env(safe-area-inset-bottom))!important;max-height:90vh!important;overflow-y:auto!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stats-visual-row{flex-direction:column!important;gap:12px!important}.stats-visual-card{width:100%!important;min-height:140px!important}.input-area{padding:18px 16px!important;border-radius:18px!important}input,textarea,select{font-size:16px!important;border-radius:12px!important}.btn{min-height:48px!important;border-radius:14px!important}#tech-cards-grid{grid-template-columns:1fr!important}h2{font-size:1.5rem!important}h3{font-size:1.15rem!important}.community-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important}.community-tabs::-webkit-scrollbar{display:none}.settings-container{padding:16px 14px!important}@media (hover: none){.card:hover,.deck-card:hover,.btn:hover,.nav-tab:hover,.rating-btn:hover{transform:none!important;box-shadow:none!important}.card:active{transform:scale(.98)!important}.btn:active{transform:scale(.97)!important}.rating-btn:active{transform:scale(.96)!important}}}@media (max-width: 390px){.hero h1{font-size:2.1rem!important}.card{padding:16px 14px!important}.flip-card{height:200px!important}.rating-buttons{gap:8px!important}.rating-btn{padding:14px 8px!important;font-size:.82rem!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}:root{--border: rgba(255, 255, 255, .08);--border-alpha-30: rgba(0, 0, 0, .12);--surface2: rgba(24, 24, 30, .5);--surface3: rgba(255, 255, 255, .06);--surface-alpha-50: rgba(14, 14, 18, .5);--surface-alpha-80: rgba(14, 14, 18, .8);--bg-alpha-80: rgba(3, 3, 5, .8);--bg-alpha-90: rgba(3, 3, 5, .9);--spring: all .3s cubic-bezier(.16, 1, .3, 1);--gap-icon: 8px;--icon-size-nav: 1.2rem;--red: #ef4444;--green: #10b981;--gold: #f59e0b;--shadow-float: 0 20px 60px -15px rgba(0, 0, 0, .5)}:root{--bg-color: #0a0a0a;--text-main: #ffffff;--text-sub: #a1a1aa;--accent: #a855f7;--card-bg: rgba(255, 255, 255, .02);--border-color: rgba(255, 255, 255, .08)}