:root{color-scheme:light;--color-bg: #FAFAF7;--color-primary: #4F46E5;--color-accent: #FF6B47;--color-heading: #1E1B4B;--color-body: #6B7280;--color-surface: #EEF2FF;--color-surface2: #FFF3F0;--color-border: rgba(79,70,229,.12);--color-white: #FFFFFF;--bg-color: var(--color-bg);--bg-color-rgb: 250, 250, 247;--bg-secondary: #f0f0ed;--card-bg: var(--color-white);--text-main: var(--color-heading);--text-light: var(--color-body);--primary: var(--color-primary);--primary-rgb: 79, 70, 229;--primary-hover: #4338ca;--primary-glow: rgba(79, 70, 229, .1);--accent: var(--color-accent);--accent-2: #f43f5e;--border-color: var(--color-border);--error: #ef4444;--success: #10b981;--sidebar-width: 280px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .05);--sidebar-bg: var(--color-bg);--font-main: "Inter", "Outfit", sans-serif;--font-serif: "Playfair Display", serif;--font-mono: "JetBrains Mono", "Roboto Mono", monospace;--glow-primary: 0 0 20px rgba(79, 70, 229, .1), 0 0 40px rgba(79, 70, 229, .05);--mesh-gradient: radial-gradient(circle at 15% 0%, rgba(79, 70, 229, .04) 0%, transparent 50%), radial-gradient(circle at 85% 100%, rgba(255, 107, 71, .03) 0%, transparent 50%), radial-gradient(circle at 50% 50%, var(--color-bg) 0%, transparent 100%);--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-lg: clamp(1rem, .9rem + .5vw, 1.15rem);--text-xl: clamp(1.15rem, 1rem + .75vw, 1.4rem);--text-2xl: clamp(1.4rem, 1.1rem + 1.5vw, 2rem);--text-3xl: clamp(1.8rem, 1.4rem + 2vw, 2.8rem);--text-hero: clamp(2.2rem, 1.6rem + 3vw, 4rem);--space-xs: clamp(.25rem, .2rem + .25vw, .5rem);--space-sm: clamp(.5rem, .4rem + .5vw, .8rem);--space-md: clamp(.8rem, .6rem + 1vw, 1.5rem);--space-lg: clamp(1.2rem, .8rem + 2vw, 2.5rem);--space-xl: clamp(1.5rem, 1rem + 2.5vw, 3.5rem);--space-2xl: clamp(2rem, 1.5rem + 3vw, 5rem);--touch-min: 44px}body.theme-dark{color-scheme:dark;--color-bg: #09090b;--color-heading: #fafafa;--color-body: #a1a1aa;--color-white: #18181b;--color-border: rgba(255, 255, 255, .05);--color-surface: rgba(24, 24, 27, .4);--color-surface2: rgba(39, 39, 42, .4);--bg-color: #09090b;--bg-color-rgb: 9, 9, 11;--bg-secondary: #18181b;--card-bg: rgba(24, 24, 27, .4);--text-main: #fafafa;--text-light: #a1a1aa;--primary: #818cf8;--primary-rgb: 129, 140, 248;--primary-hover: #6366f1;--primary-glow: rgba(129, 140, 248, .1);--accent: #c084fc;--accent-2: #38bdf8;--border-color: rgba(255, 255, 255, .05);--sidebar-bg: #09090b;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glow-primary: 0 0 20px rgba(129, 140, 248, .1), 0 0 40px rgba(129, 140, 248, .05);--mesh-gradient: radial-gradient(circle at 15% 0%, rgba(129, 140, 248, .04) 0%, transparent 50%), radial-gradient(circle at 85% 100%, rgba(192, 132, 252, .03) 0%, transparent 50%), radial-gradient(circle at 50% 50%, #09090b 0%, transparent 100%)}body.theme-matcha{color-scheme:light;--bg-color: #f5f7f5;--bg-color-rgb: 245, 247, 245;--bg-secondary: #ebece9;--card-bg: rgba(255, 255, 255, .7);--text-main: #2b332c;--text-light: #6e7a70;--primary: #5c8065;--primary-rgb: 92, 128, 101;--primary-hover: #4a6b53;--primary-glow: rgba(92, 128, 101, .12);--accent: #8b9e8e;--accent-2: #d1bfae;--border-color: rgba(0, 0, 0, .06);--sidebar-bg: #f5f7f5;--glass-shadow: 0 10px 40px rgba(0, 0, 0, .05);--glow-primary: 0 0 20px rgba(92, 128, 101, .2);--mesh-gradient: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(92, 128, 101, .08) 0%, transparent 100%), radial-gradient(ellipse 60% 40% at 80% 50%, rgba(139, 158, 142, .05) 0%, transparent 100%)}body.theme-lavender{color-scheme:dark;--bg-color: #12101a;--bg-color-rgb: 18, 16, 26;--bg-secondary: #1a1826;--card-bg: rgba(26, 24, 38, .6);--text-main: #f5f3fa;--text-light: #9d95ba;--primary: #a78bfa;--primary-rgb: 167, 139, 250;--primary-hover: #8b5cf6;--primary-glow: rgba(167, 139, 250, .15);--accent: #f472b6;--accent-2: #60a5fa;--border-color: rgba(255, 255, 255, .08);--sidebar-bg: #12101a;--glass-shadow: 0 10px 40px rgba(0, 0, 0, .3);--glow-primary: 0 0 20px rgba(167, 139, 250, .25);--mesh-gradient: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(167, 139, 250, .12) 0%, transparent 100%), radial-gradient(ellipse 60% 40% at 80% 50%, rgba(244, 114, 182, .08) 0%, transparent 100%)}body.theme-midnight{color-scheme:dark;--bg-color: #030305;--bg-color-rgb: 3, 3, 5;--bg-secondary: #0a0a0f;--card-bg: rgba(10, 10, 15, .7);--text-main: #ffffff;--text-light: #71717a;--primary: #00e5ff;--primary-rgb: 0, 229, 255;--primary-hover: #00b8cc;--primary-glow: rgba(0, 229, 255, .15);--accent: #8a2be2;--accent-2: #ff007f;--border-color: rgba(255, 255, 255, .08);--sidebar-bg: #030305;--glass-shadow: 0 10px 40px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(0, 229, 255, .3), 0 0 60px rgba(0, 229, 255, .1);--mesh-gradient: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0, 229, 255, .1) 0%, transparent 100%), radial-gradient(ellipse 60% 40% at 80% 50%, rgba(138, 43, 226, .08) 0%, transparent 100%)}body.theme-sakura{color-scheme:light;--bg-color: #fff5f7;--bg-color-rgb: 255, 245, 247;--bg-secondary: #fceef2;--card-bg: rgba(255, 255, 255, .85);--text-main: #4a3136;--text-light: #8e6e73;--primary: #fb7185;--primary-rgb: 251, 113, 133;--primary-hover: #f43f5e;--primary-glow: rgba(251, 113, 133, .12);--accent: #fcd34d;--accent-2: #c084fc;--border-color: rgba(251, 113, 133, .15);--sidebar-bg: #fff5f7;--glass-shadow: 0 10px 40px rgba(251, 113, 133, .1);--glow-primary: 0 0 20px rgba(251, 113, 133, .2);--mesh-gradient: radial-gradient(circle at 0% 0%, rgba(251, 113, 133, .12) 0%, transparent 40%), radial-gradient(circle at 100% 100%, rgba(252, 211, 77, .08) 0%, transparent 40%), radial-gradient(circle at 50% 50%, #fff5f7 0%, transparent 100%)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-main)}::selection{background:var(--primary);color:#fff}body{background-color:var(--bg-color);background-image:var(--mesh-gradient);color:var(--text-main);height:100vh;overflow:hidden;transition:background-color .5s ease,color .3s ease;scroll-behavior:smooth}.layout-wrapper{display:flex;height:100vh}.view{display:none;opacity:0;transform:translateY(10px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.view.active{display:block;opacity:1;transform:translateY(0)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:2rem 1.5rem;z-index:10;transition:.3s ease}.sidebar-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:var(--primary);margin-bottom:4rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center}.sidebar-header:hover{transform:scale(1.05)}.sidebar-header .logo-icon{width:68px;height:68px;filter:drop-shadow(0 0 20px var(--primary-glow));fill:var(--primary);transition:transform .3s ease}.sidebar-header h2{font-size:2.1rem!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{display:flex;flex-direction:column;gap:.3rem;flex:1}.nav-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid transparent;background:transparent;border-radius:var(--radius-md);font-size:1rem;color:var(--text-light);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left;position:relative;overflow:hidden}.nav-btn:hover{color:var(--text-main);background:#ffffff08;transform:translate(4px) translateZ(0)}.nav-btn.active{background:var(--primary-glow);color:var(--primary);font-weight:600;border-color:#ff7c5c33;box-shadow:inset 0 0 20px #ff7c5c0d}.nav-btn.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--primary);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--primary)}.sidebar-footer{font-size:.8rem;color:var(--text-light);text-align:center}.main-content{flex:1;padding:3rem 4rem;overflow-y:auto;position:relative;background:transparent;scroll-behavior:smooth}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.view{display:none}.view.active{display:block;animation:viewFadeIn .5s cubic-bezier(.16,1,.3,1)}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(24px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.view.active .card,.view.active .subject-folder,.view.active .list-item{animation:itemPop .5s cubic-bezier(.16,1,.3,1) both}.view.active .card:nth-child(1),.view.active .subject-folder:nth-child(1){animation-delay:.05s}.view.active .card:nth-child(2),.view.active .subject-folder:nth-child(2){animation-delay:.1s}.view.active .card:nth-child(3),.view.active .subject-folder:nth-child(3){animation-delay:.15s}.view.active .card:nth-child(n+4),.view.active .subject-folder:nth-child(n+4){animation-delay:.2s}@keyframes itemPop{0%{opacity:0;transform:translateY(8px) scale(.99) translateZ(0)}to{opacity:1;transform:translateY(0) scale(1) translateZ(0)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite linear;border-radius:var(--radius-sm)}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem;width:100%}.skeleton-folder{height:200px;width:100%;border-radius:var(--radius-lg);opacity:.3}i[data-lucide]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;vertical-align:middle}.view-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}.view-header h1{font-family:var(--font-serif);font-size:2.4rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.quote{font-style:italic;background:var(--primary-glow);padding:1rem 1.5rem;border-left:3px solid var(--primary);border-radius:var(--radius-sm);margin-top:1rem;font-size:.9rem}.aura-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.widget-title{font-size:1.1rem;font-weight:600;color:var(--text-main)}.widget-icon{color:var(--text-light);width:18px;height:18px;cursor:pointer}.widget-dropdown{font-size:.85rem;color:var(--text-light);display:flex;align-items:center;gap:.3rem;cursor:pointer}.widget-focus{grid-column:span 2;background:rgba(var(--primary-rgb),.03)!important;border:1px solid rgba(var(--primary-rgb),.15)!important;box-shadow:inset 0 0 40px rgba(var(--primary-rgb),.05)!important}.widget-focus .widget-title,.widget-focus .widget-icon,.widget-focus p{color:var(--text-light)!important}.widget-focus h2{color:var(--primary)!important;font-family:var(--font-serif);font-size:2.2rem!important;margin-top:.5rem;font-weight:500}.widget-focus .focus-btn{background:rgba(var(--primary-rgb),.1)!important;color:var(--primary)!important;border:1px solid rgba(var(--primary-rgb),.2)!important;box-shadow:none;font-weight:500;margin-top:1rem}.widget-focus .focus-btn:hover{background:rgba(var(--primary-rgb),.15)!important;transform:translateY(-1px)}.widget-activity,.widget-deadlines,.widget-courses,.widget-recent{grid-column:span 2}.widget-friends{grid-column:span 1;display:flex;flex-direction:column}.friends-mini-list{display:flex;flex-direction:column;margin-top:1rem}.friends-mini-item{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;position:relative}.friend-active-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;background-color:var(--success);border:2px solid var(--card-bg);border-radius:50%;animation:pulseActive 2s infinite}@keyframes pulseActive{0%{transform:scale(1);box-shadow:0 0 #10b98166}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}#knowledge-graph-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#0c0b0af2;z-index:1000;display:flex;flex-direction:column;animation:fadeIn .3s ease}.kg-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}#kg-canvas{flex:1;cursor:grab}#kg-canvas:active{cursor:grabbing}.timeline-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.8rem;color:var(--text-light);margin-bottom:.5rem}.timeline-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.timeline-block{background:var(--bg-secondary);border-radius:var(--radius-sm);min-height:60px;display:flex;flex-direction:column;gap:.3rem;padding:.3rem}.timeline-event{background:#ff8a6626;border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--text-main);font-size:.75rem;padding:.3rem .4rem;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--glow-primary);text-align:center}.courses-flex{display:flex;gap:1.2rem;overflow-x:auto;padding:1rem .5rem 1.5rem;margin-top:-1rem}.courses-flex::-webkit-scrollbar{height:4px}.courses-flex::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.course-mini-card{min-width:180px;flex-shrink:0;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;transition:all .3s ease;position:relative;overflow:hidden}.course-mini-card:hover{background:#ffffff0a;border-color:var(--primary);transform:translateY(-3px)}.rank-badge{padding:.25rem .6rem;border-radius:6px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-bottom:.3rem}.rank-bronze{background:#cd7f3226;color:#cd7f32;border:1px solid rgba(205,127,50,.3)}.rank-silver{background:#c0c0c026;color:silver;border:1px solid rgba(192,192,192,.3)}.rank-gold{background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.3);text-shadow:0 0 10px rgba(255,215,0,.3)}.rank-diamond{background:#b9f2ff33;color:#b9f2ff;border:1px solid rgba(185,242,255,.5);text-shadow:0 0 15px rgba(185,242,255,.5);animation:diamond-shimmer 2s infinite alternate}@keyframes diamond-shimmer{0%{box-shadow:0 0 5px #b9f2ff33}to{box-shadow:0 0 20px #b9f2ff66}}.course-progress-bar{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;margin-top:.2rem}.course-progress-fill{height:100%;transition:width .5s ease;background:var(--primary);border-radius:2px}.recent-list{display:flex;flex-direction:column;gap:.8rem}.recent-item{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);transition:.2s;cursor:pointer;border:1px solid transparent}.recent-item:hover{background:var(--primary-glow);border-color:var(--primary)}.streak-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.flame-icon-wrapper{width:60px;height:60px;border-radius:50%;background:var(--primary-glow);display:flex;justify-content:center;align-items:center;box-shadow:var(--glow-primary);margin-bottom:.5rem}.streak-icon{color:var(--primary);width:32px;height:32px;fill:var(--primary)}.outline-btn{background:transparent;border:1px solid var(--primary);color:var(--primary)}.outline-btn:hover{background:var(--primary-glow)}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.library-stack{display:flex;flex-direction:column;gap:1.5rem;min-height:400px}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 4px 20px #0000001a;backdrop-filter:blur(16px) saturate(140%);transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);z-index:1}.card:hover{border-color:#ffffff1a;transform:translateY(-2px) translateZ(0);box-shadow:0 12px 32px #00000040}.card h3{font-size:1.25rem;font-weight:600;margin-bottom:1.2rem;color:var(--text-main);letter-spacing:-.01em;font-family:var(--font-main)}.subject-folder{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.8rem;box-shadow:0 4px 15px #0000000d;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;backdrop-filter:blur(12px);transform:translateZ(0)}.subject-folder:hover{transform:translateY(-4px) translateZ(0);box-shadow:var(--glow-primary);border-color:rgba(var(--primary-rgb),.2)}.subject-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.list-item{background:transparent;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;transition:.2s;margin-bottom:.5rem}.list-item:hover{background:var(--primary-glow);border-color:var(--primary)}.btn{padding:.7rem 1.4rem;border-radius:var(--radius-md);border:none;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;position:relative;letter-spacing:-.01em}.primary-btn{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.primary-btn:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow),0 0 0 4px rgba(var(--primary-rgb),.1);transform:translateY(-1px)}.primary-btn:active{transform:translateY(0);box-shadow:0 2px 8px var(--primary-glow)}.secondary-btn{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-main)}.secondary-btn:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.icon-btn{padding:.6rem;background:#ffffff08;color:var(--text-light);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.icon-btn:hover{color:var(--primary);background:var(--primary-glow);border-color:var(--primary)}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.input-field{width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);font-family:inherit;background:#ffffff05;color:var(--text-main);transition:all .3s cubic-bezier(.16,1,.3,1);font-size:.95rem}.input-field:focus{outline:none;border-color:rgba(var(--primary-rgb),.5);background:#ffffff0a;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.input-field::placeholder{color:var(--text-light);opacity:.6}.hidden{display:none!important}.hidden-input{display:none}.modal{border:none;border-radius:var(--radius-lg);padding:2.5rem;max-width:540px;width:100%;margin:auto;box-shadow:0 25px 50px -12px #00000080;background:var(--bg-secondary);color:var(--text-main);backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(255,255,255,.08);animation:modalIn .4s cubic-bezier(.16,1,.3,1)}.modal::backdrop{background:#000000b3;backdrop-filter:blur(8px);animation:fadeIn .4s ease}.modal-content{position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.hub-card{cursor:pointer;text-align:center;border:2px solid transparent;transition:.3s;padding:1.5rem;border-radius:var(--radius-md)}.hub-card:hover{border-color:var(--primary);transform:translateY(-5px);background:#7b9e7108}.flashcard-container{perspective:1000px;width:100%;height:300px;cursor:pointer;margin:2rem auto}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.flashcard-container.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;padding:2rem;box-shadow:0 10px 30px #0000000d}.flashcard-front{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(129,140,248,.1) 100%);border:1px solid var(--border-color)}.flashcard-back{background:var(--card-bg);border:2px solid var(--primary);transform:rotateY(180deg)}.flashcard-container.flipped+#fc-actions{opacity:1!important;pointer-events:auto!important}.mini-stat{display:flex;flex-direction:column;justify-content:space-between;gap:.8rem;padding:1.2rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex:1;transition:.3s ease}.mini-stat:hover{border-color:var(--primary);background:var(--primary-glow)}.mini-stat i{font-size:1.5rem;padding:.5rem;background:var(--card-bg);border-radius:var(--radius-sm);width:max-content}.mini-stat h4{font-size:1.8rem;font-weight:700;color:var(--text-main);font-family:var(--font-mono)}.mini-stat p{font-size:.85rem;color:var(--text-light)}.auth-overlay{position:fixed;inset:0;background:var(--bg-color);background-image:var(--mesh-gradient);z-index:1000;display:flex;justify-content:center;align-items:center}.auth-card{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border-color);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--glow-primary);width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.auth-header .logo-icon.large{width:84px;height:84px;margin-bottom:1rem;filter:drop-shadow(0 0 20px var(--primary-glow))}.auth-header h1{font-size:2.4rem;font-weight:900;letter-spacing:.06em;background:linear-gradient(135deg,var(--text-main),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:.2rem}.toast-container{position:fixed;top:2rem;right:2rem;z-index:2000;display:flex;flex-direction:column;gap:.8rem}.toast{background:var(--bg-secondary);backdrop-filter:blur(16px);border:1px solid var(--border-color);padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 10px 30px #0000004d;display:flex;align-items:center;gap:1rem;min-width:280px;animation:toastIn .4s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.user-profile-badge{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:.2s;border:1px solid transparent;width:100%}.user-profile-badge:hover{background:var(--bg-secondary);border-color:var(--border-color)}.avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.avatar-large{width:120px;height:120px;border-radius:50%;border:3px solid var(--primary);margin-bottom:1.5rem;display:block;object-fit:cover;box-shadow:var(--glow-primary)}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.avatar-option{width:50px;height:50px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:.2s}.avatar-option:hover{transform:scale(1.15)}.avatar-option.selected{border-color:var(--primary);transform:scale(1.15);box-shadow:var(--glow-primary)}.sidebar-streak-badge{display:inline-flex;align-items:center;gap:2px;background:linear-gradient(135deg,#ff8c0033,#ff450026);border:1px solid rgba(255,140,0,.3);padding:2px 7px 2px 4px;border-radius:12px;font-size:.7rem;font-weight:700;color:#ff8c00;line-height:1;flex-shrink:0;transition:all .3s ease}.sidebar-streak-flame{width:14px;height:14px;color:#ff8c00;filter:drop-shadow(0 0 3px rgba(255,140,0,.5))}.sidebar-streak-badge.has-streak{animation:streakPulse 2.5s ease-in-out infinite}.sidebar-streak-badge.has-streak .sidebar-streak-flame{animation:flameFlicker 1.5s ease-in-out infinite alternate}@keyframes streakPulse{0%,to{box-shadow:0 0 4px #ff8c0033}50%{box-shadow:0 0 12px #ff8c0080,0 0 4px #ff45004d}}@keyframes flameFlicker{0%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.15) rotate(2deg)}to{transform:scale(1.05) rotate(-1deg)}}.volume-slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;background:var(--border-color);border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 6px var(--primary-glow);transition:transform .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 0 6px var(--primary-glow)}.timer-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:2rem}.timer-circle-wrapper{position:relative;width:320px;height:320px;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);border-radius:50%}.timer-svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 10px rgba(255,138,102,.1))}.timer-bg-circle{fill:none;stroke:var(--bg-secondary);stroke-width:3}.timer-progress-circle{fill:none;stroke:var(--primary);stroke-width:4;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .5s cubic-bezier(.16,1,.3,1)}.timer-content{position:absolute;text-align:center}#timer-display{font-size:3.5rem;font-weight:800;color:var(--text-main);font-family:var(--font-mono);line-height:1}#timer-status{font-size:.9rem;color:var(--text-light);margin-top:.8rem;letter-spacing:1.5px;text-transform:uppercase}@keyframes rotateConstellation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pom-mode-toggle{display:flex;position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:4px;margin-bottom:1.5rem;width:fit-content;align-self:center}.pom-mode-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;border:none;background:transparent;color:var(--text-light);font-size:.85rem;font-weight:600;font-family:var(--font-main);cursor:pointer;border-radius:8px;z-index:2;transition:color .3s ease;white-space:nowrap}.pom-mode-btn.active{color:var(--text-main)}.pom-mode-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:1;box-shadow:0 2px 8px #0000001a}.pom-phase-indicator{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1rem}.pom-phase-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:.3rem 1rem;border-radius:20px;transition:all .4s ease}.pom-phase-label.phase-work{color:var(--primary);background:#818cf81f}.pom-phase-label.phase-shortBreak{color:#10b981;background:#10b9811f}.pom-phase-label.phase-longBreak{color:#3b82f6;background:#3b82f61f}.pom-dots{display:flex;gap:.5rem;align-items:center}.pom-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--text-light);background:transparent;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:.4}.pom-dot.completed{background:var(--primary);border-color:var(--primary);opacity:1;box-shadow:0 0 8px #818cf866;transform:scale(1.15)}.pom-settings{width:100%;max-width:420px;margin-top:.5rem}.pom-settings-summary{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-light);font-size:.8rem;font-weight:600;cursor:pointer;list-style:none;transition:all .2s ease;font-family:var(--font-main)}.pom-settings-summary:hover{background:var(--card-bg);color:var(--text-main)}.pom-settings-summary::-webkit-details-marker{display:none}.pom-settings[open] .pom-settings-summary{border-radius:10px 10px 0 0}.pom-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 10px 10px}.pom-setting-item{display:flex;flex-direction:column;gap:.3rem}.pom-setting-item label{font-size:.75rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timer-progress-circle{transition:stroke-dashoffset .5s cubic-bezier(.16,1,.3,1),stroke .5s ease}.app-footer{background:transparent;border-top:1px solid var(--border-color);padding:3rem 0 2rem;margin-top:5rem;width:100%}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.footer-section h4{color:var(--primary);margin-bottom:1.2rem;font-size:1.1rem}.footer-section p,.footer-section a{color:var(--text-light);font-size:.9rem;margin-bottom:.6rem;display:block;text-decoration:none;transition:.2s}.footer-section a:hover{color:var(--primary);transform:translate(5px)}.footer-bottom{text-align:center;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-light)}.manual-body h3{color:var(--primary);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.2rem}.manual-body p{line-height:1.7;color:var(--text-main);margin-bottom:1rem}.manual-body a{color:var(--primary);font-weight:600;text-decoration:underline}.landing-container{height:100vh;overflow-y:auto;background-color:var(--bg-color);background-image:var(--mesh-gradient);color:var(--text-main);scroll-behavior:smooth}.landing-container::-webkit-scrollbar{width:6px}.landing-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.studio-layout-controls{display:flex;justify-content:center;padding:.2rem 0 .8rem;margin-top:-1.5rem}.segmented-control{display:inline-flex;background:var(--bg-secondary);padding:.3rem;border-radius:12px;border:1px solid var(--border-color);backdrop-filter:blur(12px);gap:.3rem;box-shadow:var(--glass-shadow)}.segment-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-light);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.segment-btn i{width:18px;height:18px;opacity:.7;transition:opacity .3s}.segment-btn:hover{color:var(--text-main);background:var(--primary-glow)}.segment-btn.active{background:var(--card-bg);color:var(--primary);border-color:var(--border-color);box-shadow:0 4px 12px #0000001a}.segment-btn.active i{opacity:1}.studio-layout{display:flex;gap:1rem;height:calc(100vh - 10rem);transition:all .5s cubic-bezier(.25,1,.5,1);width:100%}.studio-pdf-panel{flex:1 1 50%;min-width:300px}.studio-ai-panel{flex:0 0 400px}.studio-note-panel{flex:0 0 350px}.hidden-panel{display:none!important}.studio-pdf-panel,.studio-ai-panel,.studio-note-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(20px)}.studio-note-panel{border-color:var(--accent);box-shadow:0 0 20px #fcd34d0d}.studio-panel-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.note-editor{flex:1;padding:1.5rem;background:transparent;color:var(--text-main);border:none;resize:none;font-size:.95rem;line-height:1.6;outline:none;font-family:var(--font-main);overflow-y:auto;transition:background-color .2s,border .2s}.note-editor.drag-over{background:#ff7e670f!important;outline:2px dashed var(--primary)!important;outline-offset:-8px}.note-editor[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--text-light);pointer-events:none;display:block}.loader-pulse{animation:pulseGlow 1.5s infinite ease-in-out}@keyframes pulseGlow{0%{transform:scale(1);opacity:.5;filter:drop-shadow(0 0 5px var(--primary))}50%{transform:scale(1.1);opacity:1;filter:drop-shadow(0 0 15px var(--primary))}to{transform:scale(1);opacity:.5;filter:drop-shadow(0 0 5px var(--primary))}}.note-toolbar{padding:.8rem;border-top:1px solid var(--border-color);display:flex;gap:.5rem;background:#0000001a}@media (max-width: 1400px){.studio-ai-panel{flex:1 1 40%}.studio-note-panel{position:fixed;right:2rem;bottom:2rem;width:350px;height:500px;z-index:100;box-shadow:var(--glass-shadow);transform:translateY(calc(100% + 1rem));transition:transform .3s cubic-bezier(.16,1,.3,1)}.studio-note-panel.open{transform:translateY(0)}}.landing-navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;max-width:1200px;margin:0 auto;animation:fadeDown .8s ease}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.landing-logo{display:flex;align-items:center;gap:.5rem}.landing-nav-actions{display:flex;gap:1rem}.landing-hero{text-align:center;padding:10rem 2rem 6rem;max-width:850px;margin:0 auto;position:relative}.landing-hero h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-main) 0%,var(--primary) 50%,var(--accent) 100%);background-size:200% 200%;animation:gradientShift 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.landing-hero p{font-size:1.25rem;color:var(--text-light);margin-bottom:3rem;line-height:1.7}.cta-btn{padding:1rem 2.5rem;font-size:1.1rem;border-radius:50px;box-shadow:var(--glow-primary);animation:pulse 3s ease-in-out infinite;position:relative}.cta-btn:after{content:"";position:absolute;inset:-2px;border-radius:50px;background:linear-gradient(135deg,var(--primary),var(--accent));z-index:-1;opacity:0;transition:opacity .3s;filter:blur(12px)}.cta-btn:hover:after{opacity:1}@keyframes pulse{0%,to{box-shadow:var(--glow-primary)}50%{box-shadow:0 0 30px var(--primary-glow),0 0 60px var(--primary-glow)}}.hero-stats{margin-top:2rem;font-size:.85rem;color:var(--text-light)}.landing-showcase{max-width:1000px;margin:0 auto 6rem;padding:0 2rem;position:relative}.showcase-images{position:relative;width:100%;height:600px}.css-mockup{border-radius:12px;box-shadow:0 30px 60px #0000004d;border:1px solid rgba(255,255,255,.1);position:absolute;background:var(--bg-color);overflow:hidden;color:var(--text-main);display:flex;flex-direction:column}.mockup-header-bar{height:30px;background:var(--sidebar-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 15px;gap:8px}.mockup-dot{width:10px;height:10px;border-radius:50%}.mockup-sidebar{width:200px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);padding:1.5rem;font-size:.8rem}.mockup-nav-item{padding:.5rem 1rem;border-radius:6px;margin-bottom:.5rem;color:var(--text-light)}.mockup-nav-item.active{background:#7b9e711a;color:var(--primary);font-weight:500}.mockup-stat-card{background:var(--card-bg);border:1px solid var(--border-color);padding:1rem;border-radius:8px;flex:1}.mockup-subject-card{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(129,140,248,.05) 100%);border:1px solid var(--border-color);padding:1.5rem;border-radius:8px;font-size:.9rem;font-weight:600}.mockup-flashcard{background:var(--card-bg);border:2px solid var(--primary);padding:2.5rem;border-radius:12px;text-align:center;box-shadow:0 10px 30px #0000001a;width:100%}.main-mockup{width:80%;height:500px;top:0;left:0;z-index:1}.floating-mockup{width:50%;height:350px;bottom:0;right:0;z-index:2;transform:translateY(20px);transition:.5s ease;box-shadow:-20px 20px 50px #0006}.landing-showcase:hover .floating-mockup{transform:translateY(0)}.landing-features{padding:6rem 2rem;background:#11111499;backdrop-filter:blur(20px);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.landing-features h2{text-align:center;font-size:2.5rem;margin-bottom:1rem;font-weight:700;letter-spacing:-.02em}.landing-features h2+p{text-align:center;color:var(--text-light);margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--card-bg);padding:2.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 4px 20px #0000001a;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;backdrop-filter:blur(12px)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .4s}.feature-card:hover{transform:translateY(-8px);border-color:#818cf833;box-shadow:var(--glow-primary)}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;color:var(--primary);margin-bottom:1.5rem;background:var(--primary-glow);padding:10px;border-radius:var(--radius-md)}.feature-card h3{font-size:1.2rem;margin-bottom:.8rem;font-weight:600}.feature-card p{color:var(--text-light);line-height:1.7;font-size:.95rem}.landing-pricing{padding:6rem 2rem;max-width:1200px;margin:0 auto}.landing-pricing h2{text-align:center;font-size:2.5rem;margin-bottom:1rem;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem}.pricing-card{background:var(--card-bg);padding:3rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px)}.pricing-card:hover{transform:translateY(-8px);border-color:#818cf826}.pricing-card.recommended{border:2px solid var(--primary);transform:scale(1.05);background:linear-gradient(180deg,var(--card-bg) 0%,rgba(129,140,248,.05) 100%);box-shadow:var(--glow-primary)}.pricing-card.recommended:hover{transform:scale(1.05) translateY(-8px)}.recommended-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pricing-card h3{font-size:1.4rem;margin-bottom:1rem;font-weight:600}.price{font-size:3rem;font-weight:800;color:var(--text-main);margin-bottom:2rem}.price span{font-size:1rem;font-weight:400;color:var(--text-light)}.pricing-features{list-style:none;text-align:left;margin-bottom:2rem}.pricing-features li{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;color:var(--text-light);font-size:.95rem}.pricing-features li i{color:var(--success);width:18px;height:18px}.landing-testimonials{padding:6rem 2rem;background:#11111499;backdrop-filter:blur(20px);border-top:1px solid var(--border-color)}.landing-testimonials h2{text-align:center;font-size:2.5rem;margin-bottom:4rem;font-weight:700}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.testimonial-card{background:var(--card-bg);padding:2.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);backdrop-filter:blur(12px);transition:all .3s ease}.testimonial-card:hover{border-color:#818cf826;transform:translateY(-4px)}.stars{color:#fbbf24;font-size:1.1rem;margin-bottom:1rem;letter-spacing:2px}.testimonial-card p{font-size:1rem;line-height:1.7;margin-bottom:2rem;font-style:italic;color:var(--text-light)}.testimonial-card .user-info{display:flex;align-items:center;gap:1rem}.testimonial-card .user-info img{width:44px;height:44px;border-radius:50%;border:2px solid var(--primary)}.testimonial-card .user-info strong{display:block;color:var(--text-main);font-size:.95rem}.testimonial-card .user-info span{font-size:.8rem;color:var(--text-light)}.landing-faq{padding:6rem 2rem;max-width:800px;margin:0 auto}.landing-faq h2{text-align:center;font-size:2.5rem;margin-bottom:4rem;font-weight:700}.faq-container{display:flex;flex-direction:column;gap:.8rem}.faq-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.2rem 1.5rem;backdrop-filter:blur(12px);transition:border-color .3s}.faq-item:hover,.faq-item[open]{border-color:#818cf833}.faq-item summary{font-size:1.05rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text-main)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.4rem;color:var(--primary);transition:.3s}.faq-item[open] summary:after{content:"−"}.faq-item p{margin-top:1rem;color:var(--text-light);line-height:1.7;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.95rem}.landing-footer{background:var(--bg-secondary);padding:6rem 2rem 2rem;border-top:1px solid var(--border-color)}.motto-section{text-align:center;max-width:800px;margin:0 auto}.motto-section h2{font-size:2.8rem;margin-bottom:1rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.motto-section p{font-size:1.2rem;color:var(--text-light)}.footer-column{display:flex;flex-direction:column;gap:.8rem}.footer-column h4{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem}.footer-column a{color:var(--text-light);text-decoration:none;transition:.2s;font-size:.9rem}.footer-column a:hover{color:var(--primary);transform:translate(5px)}html{overscroll-behavior-y:contain;scroll-behavior:smooth;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.main-content,.studio-ai-content,.studio-chat-messages,.courses-flex,.studio-chips-row,.landing-container,.manual-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}*{-webkit-tap-highlight-color:transparent}.btn:active,.primary-btn:active,.secondary-btn:active,.icon-btn:active,.cta-btn:active{transform:scale(.96)!important;transition:transform .1s ease!important}.nav-btn:active{transform:scale(.95)!important;opacity:.8;transition:all .1s ease!important}.card:active,.subject-folder:active,.list-item:active,.recent-item:active,.course-mini-card:active{transform:scale(.98)!important;transition:transform .1s ease!important}.studio-quiz-opt:active{background:rgba(var(--primary-rgb, 129, 140, 248),.15)!important;transition:background .05s!important}.topic-chip:active,.topic-pill:active,.suggestion-chip:active,.segment-btn:active{transform:scale(.95)!important;transition:transform .08s ease!important}.studio-fc-wrap:active .studio-fc-inner{transform:scale(.98);transition:transform .1s ease}.btn,.nav-btn,.topic-chip,.topic-pill,.segment-btn,.studio-tab-btn,.studio-quiz-opt,.suggestion-chip,.course-mini-card,.flashcard-container{-webkit-user-select:none;user-select:none;touch-action:manipulation}.input-field:focus,#studio-chat-input:focus,input:focus,textarea:focus{font-size:16px!important}@media (max-width: 768px){.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;flex-direction:row;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);border-right:none;z-index:1000;background:rgba(var(--bg-color-rgb),.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.sidebar-header,.sidebar-footer,.user-profile-badge,.sidebar-streak-badge{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;width:100%;gap:0}.nav-btn{flex-direction:column;font-size:var(--text-xs);gap:.2rem;padding:.5rem .3rem;border-radius:10px;min-width:0;min-height:var(--touch-min);flex:1;text-align:center;justify-content:center;align-items:center;border:none;background:transparent}.nav-btn i{width:22px;height:22px}.nav-btn.active{background:transparent;border:none;box-shadow:none}.nav-btn.active:before{left:50%;top:auto;bottom:-2px;width:5px;height:5px;border-radius:50%;transform:translate(-50%)}.nav-btn:hover{transform:none;background:transparent}.main-content{padding:var(--space-lg) var(--space-md);padding-bottom:calc(5rem + env(safe-area-inset-bottom));margin-left:0!important}.view-header h1{font-size:var(--text-2xl);line-height:1.2}.view-header{margin-bottom:var(--space-lg);flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.quote{font-size:var(--text-sm);line-height:1.6;padding:var(--space-md)}.aura-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:var(--space-md)}.widget-focus,.widget-activity,.widget-deadlines,.widget-courses,.widget-recent,.widget-streak,.widget-friends{grid-column:span 1}.widget-title{font-size:var(--text-base)}.widget-focus h2{font-size:var(--text-xl)!important;line-height:1.3}.widget-focus .focus-btn{min-height:var(--touch-min);font-size:var(--text-sm);padding:.8rem 1.5rem}.card{padding:var(--space-lg);border-radius:var(--radius-md)}.card:hover{transform:none;box-shadow:0 4px 20px #0000001a}.card h3{font-size:var(--text-lg);margin-bottom:var(--space-md);line-height:1.4}.subjects-grid{grid-template-columns:1fr;gap:var(--space-md)}.subject-folder{min-height:140px;padding:var(--space-lg)}.document-mini-card{padding:var(--space-md)}.topic-stats-grid{gap:var(--space-sm)}.topic-pill{font-size:var(--text-xs);padding:.5rem .9rem;min-height:36px}.courses-flex{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--space-md);padding:var(--space-md) var(--space-sm)}.course-mini-card{scroll-snap-align:start;min-width:170px;padding:var(--space-md)}.mini-stat{padding:var(--space-md)}.mini-stat h4{font-size:var(--text-xl)}.mini-stat p{font-size:var(--text-sm)}.recent-item{padding:var(--space-md);min-height:var(--touch-min)}.btn{min-height:var(--touch-min);padding:.7rem 1.2rem;font-size:var(--text-sm)}.primary-btn{padding:.8rem 1.5rem;font-size:var(--text-base)}.icon-btn{min-width:var(--touch-min);min-height:var(--touch-min)}.input-field{padding:.9rem 1rem;font-size:var(--text-base);min-height:var(--touch-min)}.modal{max-width:100%;width:100%;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-lg);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding-bottom:var(--space-md);margin-bottom:var(--space-md)}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.timer-circle-wrapper{width:260px;height:260px}#timer-display{font-size:var(--text-3xl)}#timer-status{font-size:var(--text-xs)}#view-pdf-studio.active{height:auto;min-height:calc(100vh - 5rem)}.studio-layout{flex-direction:column;height:auto;min-height:calc(100vh - 10rem)}.studio-pdf-panel{min-height:35vh;max-height:45vh}.studio-ai-panel{flex:1 1 auto;min-width:100%;min-height:50vh}.resizer{display:none}.studio-layout-controls{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-xs) 0 var(--space-sm)}.studio-tab-btn{min-height:40px;font-size:var(--text-sm);padding:.6rem .5rem}.studio-ai-content{padding:var(--space-md)}.topic-chip{font-size:var(--text-xs);padding:.4rem .8rem;min-height:34px}.studio-quiz-q{font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-lg)}.studio-quiz-opt{padding:var(--space-md);font-size:var(--text-sm);min-height:var(--touch-min);line-height:1.5;border-radius:var(--radius-md)}.studio-quiz-options{gap:var(--space-sm)}.studio-quiz-footer{font-size:var(--text-xs);padding:var(--space-md) 0}.studio-fc-wrap{height:220px;margin-bottom:var(--space-md)}.studio-fc-face{padding:var(--space-lg);font-size:var(--text-base);line-height:1.6}.studio-fc-hint{font-size:var(--text-xs)}.studio-fc-nav{gap:var(--space-md)}.studio-fc-nav .btn{min-height:var(--touch-min)}.chat-msg>div{font-size:var(--text-sm);padding:var(--space-md);line-height:1.6}.suggestion-chip{font-size:var(--text-xs);padding:.5rem .9rem;min-height:36px}#studio-chat-input{font-size:var(--text-base);padding:.7rem 1.2rem;min-height:var(--touch-min)}.studio-summary-body{font-size:var(--text-sm);line-height:1.8}.studio-summary-body h1,.studio-summary-body h2{font-size:var(--text-lg);margin-top:var(--space-lg)}.studio-summary-body h3{font-size:var(--text-base)}.floating-notes-window{position:fixed;inset:auto 0 0;width:100%;height:65vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.toast-container{top:auto;bottom:calc(5rem + env(safe-area-inset-bottom));right:var(--space-md);left:var(--space-md)}.toast{min-width:auto;width:100%;font-size:var(--text-sm)}.offline-banner{padding-top:calc(.6rem + env(safe-area-inset-top));font-size:var(--text-xs)}.auth-card{padding:var(--space-xl);max-width:100%}.auth-header h1{font-size:var(--text-2xl)}body.focus-mode-active .timer-main-card{transform:scale(1.1)}.avatar-grid{grid-template-columns:repeat(4,1fr)}.footer-content{grid-template-columns:1fr;gap:var(--space-lg)}.app-footer{padding:var(--space-lg) 0 var(--space-md);margin-top:var(--space-xl)}.landing-hero{padding:var(--space-2xl) var(--space-md) var(--space-xl)}.landing-hero h1{font-size:var(--text-3xl);line-height:1.15}.landing-hero p{font-size:var(--text-base);margin-bottom:var(--space-lg);line-height:1.7}.landing-navbar{padding:var(--space-md)}.features-grid,.pricing-grid,.testimonials-grid{grid-template-columns:1fr;gap:var(--space-md)}.feature-card{padding:var(--space-lg)}.feature-card h3{font-size:var(--text-lg)}.feature-card p{font-size:var(--text-sm);line-height:1.7}.pricing-card{padding:var(--space-xl) var(--space-lg)}.pricing-card.recommended,.pricing-card.recommended:hover{transform:none}.testimonial-card{padding:var(--space-lg)}.landing-features h2,.landing-pricing h2,.landing-testimonials h2,.landing-faq h2{font-size:var(--text-2xl)}.landing-features,.landing-pricing,.landing-testimonials,.landing-faq{padding:var(--space-xl) var(--space-md)}.motto-section h2{font-size:var(--text-2xl)}.faq-item{padding:var(--space-md)}.faq-item summary{font-size:var(--text-base)}.faq-item p{font-size:var(--text-sm);line-height:1.7}.cta-btn{padding:.9rem 2rem;font-size:var(--text-base)}.css-mockup.floating-mockup{display:none}}@media (max-width: 375px){.main-content{padding:var(--space-md) var(--space-sm);padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.view-header h1{font-size:var(--text-xl)}.card{padding:var(--space-md)}.nav-btn{font-size:.6rem;padding:.4rem .2rem}.widget-focus h2{font-size:var(--text-lg)!important}.landing-hero h1{font-size:var(--text-2xl)}.timer-circle-wrapper{width:220px;height:220px}.modal{padding:var(--space-md)}.studio-fc-wrap{height:180px}.studio-quiz-opt{padding:var(--space-sm) var(--space-md)}}body.focus-mode-active .sidebar,body.focus-mode-active .view-header,body.focus-mode-active .timer-stats-sidebar,body.focus-mode-active .timer-stats,body.focus-mode-active .stats-comparison-card,body.focus-mode-active .main-footer{display:none!important}body.focus-mode-active .main-content{margin-left:0!important;width:100vw!important;height:100vh!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0a0908!important}body.focus-mode-active #view-timer{width:100%;height:100%;display:flex;align-items:center;justify-content:center}body.focus-mode-active .timer-layout{display:flex;justify-content:center;align-items:center;width:100%;max-width:none}body.focus-mode-active .timer-main-card{background:transparent!important;border:none!important;box-shadow:none!important;transform:scale(1.4);transition:transform .5s cubic-bezier(.4,0,.2,1)}body.focus-mode-active #focus-dynamic-quote{display:block!important;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.focus-mode-active label[for=session-goal-input],body.focus-mode-active #session-goal-input,body.focus-mode-active #ambient-sound-selector{display:none!important}body.focus-mode-active #btn-enter-focus{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}#view-pdf-studio.active{display:flex!important;flex-direction:column;height:calc(100vh - 8rem);padding:0}.studio-layout{display:flex;gap:0;height:100%;min-height:0;position:relative;overflow:hidden}.resizer{flex:0 0 10px;cursor:col-resize;background:transparent;transition:all .2s;position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.resizer:before{content:"⋮";color:var(--text-light);font-size:1rem;line-height:1;opacity:.4;transition:opacity .2s}.resizer:after{content:"";position:absolute;width:2px;height:100%;background:var(--border-color);border-radius:1px;transition:all .2s;opacity:.2}.resizer:hover:before,.resizer.dragging:before{opacity:1;color:var(--primary)}.resizer:hover:after,.resizer.dragging:after{background:var(--primary);width:3px;opacity:1;box-shadow:0 0 10px var(--primary-glow)}.resizer:hover{background:#ffffff05}body.is-resizing iframe,body.is-resizing .studio-panel-header,body.is-resizing .studio-ai-panel{pointer-events:none!important;user-select:none!important}.studio-pdf-panel{flex:1 1 0;min-width:200px;display:flex;flex-direction:column}.studio-ai-panel{flex:0 0 450px;min-width:300px;display:flex;flex-direction:column}.studio-note-panel{display:none}.floating-notes-window{position:absolute;top:5rem;right:2rem;width:400px;height:550px;background:var(--bg-color);border:1px solid var(--accent);border-radius:var(--radius-lg);box-shadow:0 25px 60px #0006,0 0 20px #fcd34d1a;display:flex;flex-direction:column;z-index:100;overflow:hidden;animation:floatIn .3s cubic-bezier(.16,1,.3,1)}.floating-window-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:grab}.floating-window-header:active{cursor:grabbing}@keyframes floatIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.note-editor{flex:1;display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);backdrop-filter:blur(12px);flex-shrink:0}.studio-title{flex:1;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.studio-pdf-viewer{flex:1;position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:#1a1a2e;min-height:0}#pdf-studio-frame{width:100%;height:100%;border:none;display:block}.pdf-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:var(--card-bg)}.studio-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.8rem 1rem;backdrop-filter:blur(12px);flex-shrink:0}.studio-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:.6rem}.studio-chips-row{display:flex;flex-wrap:wrap;gap:.4rem;max-height:110px;overflow-y:auto}.studio-chips-row::-webkit-scrollbar{width:3px}.studio-chips-row::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.topic-chip{background:transparent;border:1px solid var(--border-color);color:var(--text-light);padding:.3rem .75rem;border-radius:20px;font-size:.76rem;cursor:pointer;transition:all .18s;white-space:nowrap;display:inline-flex;align-items:center}.topic-chip:hover{border-color:var(--primary);color:var(--primary)}.topic-chip.active{background:rgba(var(--primary-rgb, 129,140,248),.15);border-color:var(--primary);color:var(--primary);font-weight:600}.studio-topic-badge{font-size:.75rem;background:rgba(var(--primary-rgb, 129,140,248),.08);color:var(--text-light);border-radius:20px;padding:.2rem .7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.studio-tab-bar{display:flex;gap:.4rem;flex-shrink:0}.studio-tab-btn{flex:1;padding:.55rem .4rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-light);border-radius:var(--radius-md);font-size:.8rem;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:.35rem;backdrop-filter:blur(12px)}.studio-tab-btn:hover{border-color:var(--primary);color:var(--primary)}.studio-tab-btn.active{background:rgba(var(--primary-rgb, 129,140,248),.15);border-color:var(--primary);color:var(--primary);font-weight:600}.studio-ai-content{flex:1;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;overflow-y:auto;backdrop-filter:blur(12px);min-height:0}.studio-ai-content::-webkit-scrollbar{width:5px}.studio-ai-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.studio-ai-content .card:hover{transform:none;box-shadow:0 4px 20px #0000001a}.studio-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem;text-align:center;animation:fadeIn .5s ease-out}.hypnotic-loader{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.loader-glow{position:absolute;width:100%;height:100%;background:var(--primary);border-radius:50%;filter:blur(25px);opacity:.3;animation:hypnotic-pulse 2.5s infinite alternate ease-in-out}.loader-icon{position:relative;z-index:2;color:var(--primary);filter:drop-shadow(0 0 8px rgba(var(--primary-rgb),.5));animation:hypnotic-float 3s infinite ease-in-out}.loader-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top-color:var(--primary);border-radius:50%;animation:hypnotic-rotate 1.5s infinite linear}@keyframes hypnotic-pulse{0%{transform:scale(.8);opacity:.2}to{transform:scale(1.3);opacity:.5}}@keyframes hypnotic-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}@keyframes hypnotic-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.studio-summary-body{font-size:.95rem;line-height:1.85;max-width:680px}.studio-summary-body h1,.studio-summary-body h2{color:var(--text-main);font-size:1.15rem;margin:1.5rem 0 .5rem;font-weight:700}.studio-summary-body h3{color:var(--text-main);font-size:1.02rem;margin:1.2rem 0 .4rem;font-weight:600}.studio-summary-body ul,.studio-summary-body ol{margin-left:1.4rem;margin-bottom:.8rem}.studio-summary-body li{margin-bottom:.4rem;line-height:1.7}.studio-summary-body strong{color:var(--text-main)}.studio-quiz-q{font-size:1rem;font-weight:600;line-height:1.6;margin-bottom:1.25rem;color:var(--text-main);max-width:640px}.studio-quiz-options{display:flex;flex-direction:column;gap:.75rem}.studio-quiz-opt{padding:.8rem 1.1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer;transition:all .18s;font-size:.9rem;color:var(--text-main);line-height:1.5}.studio-quiz-opt:hover{border-color:var(--primary);background:rgba(var(--primary-rgb,129,140,248),.06)}.studio-quiz-opt.correct{border-color:#66bb6a;background:#66bb6a26;color:#66bb6a;font-weight:600}.studio-quiz-opt.wrong{border-color:#ef5350;background:#ef53501f;color:#ef5350}.studio-quiz-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.82rem;color:var(--text-light);position:sticky;bottom:-1rem;background:var(--bg-secondary);padding:1rem 0;border-top:1px solid var(--border-color);z-index:5}.feedback-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;animation:slideInUp .4s cubic-bezier(.16,1,.3,1);max-height:500px;margin-top:1.5rem;box-shadow:var(--glass-shadow)}.feedback-body{padding:1.5rem;overflow-y:auto;flex:1}.feedback-actions{padding:1.2rem 1.5rem;background:rgba(var(--bg-color-rgb),.5);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;position:sticky;bottom:0;z-index:5}.quiz-content-wrapper{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;padding-bottom:2rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.studio-quiz-explanation strong{color:var(--primary);display:block;margin-bottom:.3rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.studio-quiz-header{margin-bottom:1.5rem}.studio-progress-wrap{height:3px;background:var(--border-color);border-radius:2px;overflow:hidden;margin-bottom:.6rem}.studio-progress-fill{height:100%;background:var(--primary);transition:width .5s cubic-bezier(.16,1,.3,1)}.studio-progress-text{font-size:.75rem;color:var(--text-light);font-weight:500}.topic-stats-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.topic-pill{background:#ffffff08;border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:30px;font-size:.75rem;color:var(--text-light);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px)}.topic-pill:hover{background:rgba(var(--primary-rgb, 129, 140, 248),.1);border-color:var(--primary);transform:translateY(-2px);color:var(--text-main)}.topic-pill .mastery-dot{width:8px;height:8px;border-radius:50%;background:var(--text-light);box-shadow:0 0 5px #0003}.topic-pill[data-mastery="0"] .mastery-dot{background:#64748b}.topic-pill[data-mastery=low] .mastery-dot{background:#ef5350;box-shadow:0 0 8px #ef535066}.topic-pill[data-mastery=mid] .mastery-dot{background:#fbbf24;box-shadow:0 0 8px #fbbf2466}.topic-pill[data-mastery=high] .mastery-dot{background:#34d399;box-shadow:0 0 12px #34d39999}.topic-pill .perc-tag{font-size:.65rem;font-weight:700;opacity:.7}.subject-header,.docs-list{position:relative;z-index:2}.document-mini-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.studio-fc-wrap{perspective:1000px;width:100%;height:190px;cursor:pointer;margin-bottom:.8rem}.studio-fc-inner{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.studio-fc-wrap.flipped .studio-fc-inner{transform:rotateY(180deg)}.studio-fc-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:1.5rem;text-align:center;font-size:.9rem}.studio-fc-front{background:var(--bg-secondary);border:1px solid var(--border-color)}.studio-fc-back{background:rgba(var(--primary-rgb,129,140,248),.12);border:2px solid var(--primary);transform:rotateY(180deg)}.studio-fc-hint{font-size:.72rem;color:var(--text-light);text-align:center;margin-bottom:.8rem}.studio-fc-nav{display:flex;justify-content:center;align-items:center;gap:1rem}@media (max-width: 900px){.studio-layout{grid-template-columns:1fr;grid-template-rows:45vh 1fr}#view-pdf-studio.active{height:auto}}#knowledge-graph-container{position:fixed;inset:0;z-index:2000;background:rgba(var(--bg-color-rgb, 10, 10, 12),.94);backdrop-filter:blur(25px);display:flex;flex-direction:column}#knowledge-graph-container.hidden{display:none!important}.kg-header{padding:1rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);gap:1.5rem}.kg-weak-hint{font-size:.78rem;margin:.2rem 0 0;transition:color .3s;line-height:1.3}.subjects-grid{animation:fadeInSyllabus .5s ease-out}@keyframes fadeInSyllabus{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subject-card{transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.subject-card:hover{transform:translateY(-4px);border-color:#ff7e6733!important;box-shadow:0 8px 30px #00000040!important;background:#ffffff09!important}.doc-item{transition:all .2s ease}.doc-item:hover{background:#ffffff03;border-radius:8px}.btn.secondary-btn{transition:all .2s ease}.btn.secondary-btn:hover{background:#ffffff14!important;border-color:#ffffff26!important;transform:translateY(-1px)}.kg-footer{padding:.8rem 2rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);flex-wrap:wrap;gap:.8rem}.kg-legend{display:flex;gap:1.2rem;flex-wrap:wrap}.kg-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.73rem;color:#ffffff8c;font-weight:500}.kg-legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.lv-badge{font-size:.7rem;padding:2px 8px;border-radius:6px;margin-left:6px;vertical-align:middle;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-bronze{background:#cd7f3226!important;color:#cd7f32!important;border:1px solid rgba(205,127,50,.3)!important}.tier-silver{background:#c0c0c026!important;color:#e2e2e2!important;border:1px solid rgba(192,192,192,.3)!important}.tier-gold{background:#ffd70026!important;color:gold!important;border:1px solid rgba(255,215,0,.4)!important;box-shadow:0 0 10px #ffd7001a}.tier-diamond{background:#b9f2ff26!important;color:#b9f2ff!important;border:1px solid rgba(185,242,255,.5)!important;box-shadow:0 0 15px #b9f2ff33;animation:diamondGlow 3s infinite alternate}@keyframes diamondGlow{0%{box-shadow:0 0 10px #b9f2ff1a}to{box-shadow:0 0 20px #b9f2ff66}}.avatar-img{transition:border .3s,box-shadow .3s}.avatar-img.tier-bronze{border:2px solid #cd7f32!important}.avatar-img.tier-silver{border:2px solid #c0c0c0!important}.avatar-img.tier-gold{border:2px solid #ffd700!important;box-shadow:0 0 10px #ffd7004d!important}.avatar-img.tier-diamond{border:2px solid #b9f2ff!important;box-shadow:0 0 15px #b9f2ff66!important}.avatar-large{border:2px solid transparent;transition:all .3s}.avatar-large.tier-bronze{border:4px solid #cd7f32!important}.avatar-large.tier-silver{border:4px solid #c0c0c0!important}.avatar-large.tier-gold{border:4px solid #ffd700!important;box-shadow:0 0 20px #ffd7004d!important}.avatar-large.tier-diamond{border:4px solid #b9f2ff!important;box-shadow:0 0 30px #b9f2ff66!important}.studio-chat-container{display:flex;flex-direction:column;height:100%}.studio-chat-messages{flex:1;overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.studio-chat-messages::-webkit-scrollbar{width:4px}.studio-chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.studio-chat-suggestions{display:flex;gap:.5rem;padding:.5rem 0;overflow-x:auto;margin-bottom:.5rem}.studio-chat-suggestions::-webkit-scrollbar{display:none}.suggestion-chip{white-space:nowrap;padding:.4rem .8rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;font-size:.75rem;color:var(--text-light);cursor:pointer;transition:all .2s ease}.suggestion-chip:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.chat-msg{display:flex;flex-direction:column;max-width:85%;animation:slideInUp .3s ease-out}.chat-msg>div{padding:.9rem 1.2rem;border-radius:var(--radius-md);font-size:.92rem;line-height:1.6}.user-msg{align-self:flex-end}.user-msg>div{background:var(--primary);color:#fff;border-bottom-right-radius:2px}.ai-msg{align-self:flex-start}.ai-msg>div{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-main);border-bottom-left-radius:2px;backdrop-filter:blur(8px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.studio-chat-input-wrap{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}#studio-chat-input{flex:1;background:#ffffff08;border:1px solid var(--border-color);border-radius:20px;padding:.6rem 1.2rem;color:var(--text-main);font-size:.9rem;outline:none;transition:border-color .2s}#studio-chat-input:focus{border-color:var(--primary);background:#ffffff0d}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.view:not(.active) *{animation-play-state:paused!important}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem 1.5rem;background:linear-gradient(135deg,#f59e0bf2,#d97706f2);color:#fff;font-size:.85rem;font-weight:600;backdrop-filter:blur(12px);transform:translateY(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #f59e0b4d}.offline-banner i{width:16px;height:16px;flex-shrink:0}.offline-banner.offline-visible{transform:translateY(0)}body.focus-mode-active:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.35) 100%);z-index:9998}.btn:focus-visible,.nav-btn:focus-visible,.studio-tab-btn:focus-visible,.studio-quiz-opt:focus-visible,.topic-chip:focus-visible,.input-field:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topic-chip.has-progress:after{content:"";display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;margin-left:6px;flex-shrink:0;box-shadow:0 0 6px #10b98166}.studio-fc-face p{font-size:.95rem;line-height:1.6}.studio-quiz-explanation{font-size:.88rem;line-height:1.7;padding:1rem;background:rgba(var(--primary-rgb),.04);border-radius:var(--radius-md);border-left:3px solid var(--primary);margin-top:1rem}@media (max-width: 1024px){:root{--sidebar-width: 240px}.main-content{padding:2rem 2.5rem}.bento-grid{grid-template-columns:repeat(2,1fr)!important}.widget-focus,.widget-activity,.widget-deadlines,.widget-courses,.widget-recent{grid-column:span 2!important}.subjects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 768px){body{overflow:hidden;height:100vh;height:100dvh}.layout-wrapper{flex-direction:column;height:100dvh}.sidebar{display:none!important}.main-content{padding:1.25rem 1rem 5.5rem;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-secondary);border-top:1px solid var(--border-color);backdrop-filter:blur(20px) saturate(150%);z-index:100;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;background:transparent;border:none;color:var(--text-light);font-size:.6rem;font-family:var(--font-main);cursor:pointer;transition:color .2s ease;padding:0;min-height:var(--touch-min)}.mobile-nav-btn i{width:22px;height:22px}.mobile-nav-btn.active{color:var(--primary)}.mobile-nav-btn.active i{filter:drop-shadow(0 0 6px rgba(var(--primary-rgb),.5))}body,.input-field,.btn,select{font-size:1rem!important}h1{font-size:clamp(1.5rem,5vw,2rem)}h2{font-size:clamp(1.2rem,4vw,1.5rem)}h3{font-size:clamp(1rem,3.5vw,1.2rem)}p,li{line-height:1.75}.bento-grid{grid-template-columns:1fr!important;gap:1rem}.widget-focus,.widget-activity,.widget-deadlines,.widget-courses,.widget-recent,.widget-streak,.widget-friends{grid-column:span 1!important}.card{padding:1.25rem;border-radius:var(--radius-md)}.card:hover{transform:none}.subjects-grid{grid-template-columns:1fr 1fr;gap:1rem}.subject-folder{min-height:140px;padding:1.25rem}.subject-folder:hover{transform:none}.modal{padding:1.5rem;max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0;margin:0;width:100%;max-height:92dvh;overflow-y:auto}dialog[open]{display:flex;align-items:flex-end;padding:0}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions .btn{width:100%}.btn{min-height:var(--touch-min);padding:.85rem 1.2rem}.primary-btn,.secondary-btn{width:100%;justify-content:center}.studio-layout{flex-direction:column!important;height:auto!important}.studio-left-panel,.studio-right-panel{width:100%!important;height:auto!important;border-right:none!important;border-bottom:1px solid var(--border-color)}.studio-left-panel{max-height:45dvh;overflow-y:auto}.studio-ai-content{max-height:55dvh;overflow-y:auto}.topic-chips-container{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.5rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topic-chips-container::-webkit-scrollbar{display:none}.topic-chip{white-space:nowrap;flex-shrink:0}.widget-focus h2{font-size:1.8rem!important}.friends-grid,.settings-grid{grid-template-columns:1fr!important}}@media (max-width: 375px){.main-content{padding:1rem .75rem 5.5rem}.subjects-grid{grid-template-columns:1fr}.card{padding:1rem}.mobile-nav-btn{font-size:.55rem}.mobile-nav-btn i{width:20px;height:20px}}@media (min-width: 769px){.mobile-bottom-nav{display:none!important}}.landing-container{background-color:var(--color-bg);color:var(--color-body);font-family:var(--font-main);overflow-x:hidden}.l-navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;z-index:100;transition:all .3s ease;background-color:transparent}.l-navbar.scrolled{background-color:#ffffffeb!important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 8px 32px #0000000a;padding:1rem 5%}.l-logo{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-transform:uppercase;line-height:1;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.l-logo img{height:80px;width:auto;transition:all .3s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 4px 12px rgba(0,183,195,.12))}.l-logo span{font-weight:900;font-size:1.7rem;color:var(--color-heading);letter-spacing:.12em;transition:all .3s cubic-bezier(.16,1,.3,1)}.l-logo:hover img{transform:scale(1.08);filter:drop-shadow(0 6px 16px rgba(0,183,195,.22))}.l-navbar.scrolled .l-logo img{height:56px}.l-navbar.scrolled .l-logo span{font-size:1.35rem}.l-nav-links{display:flex;gap:2rem}.l-nav-links a{color:var(--color-heading);font-weight:600;font-size:.95rem;text-decoration:none;transition:color .2s}.l-nav-links a:hover{color:var(--color-primary)}.l-nav-actions{display:flex;align-items:center;gap:1.5rem}.l-login-link{color:var(--color-heading);font-weight:600;cursor:pointer}.l-btn-primary{background-color:var(--color-primary);color:var(--color-white);border-radius:8px;padding:10px 20px;font-weight:600;border:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s}.l-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #4f46e54d}.l-btn-outline{background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:all .2s ease}.l-btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}.l-price-card .l-btn-primary,.l-price-card .l-btn-outline{width:100%}.l-hamburger{display:none;background:none;border:none;color:var(--color-heading);cursor:pointer}.l-hero{padding:180px 5% 100px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1280px;margin:0 auto}.l-hero-content h1{font-size:clamp(2.5rem,5vw,4rem);color:var(--color-heading);line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.l-hero-subtitle{font-size:1.2rem;color:var(--color-body);line-height:1.6;margin-bottom:2.5rem;max-width:480px}.l-hero-actions{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.l-hero-link{color:var(--color-primary);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.l-social-proof{font-size:.9rem;color:var(--color-body);display:flex;align-items:center;gap:.5rem}.l-mockup{background:var(--color-white);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 25px 60px #4f46e51f,0 5px 15px #00000008;display:flex;height:520px;overflow:hidden;position:relative;backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.16,1,.3,1)}.l-mockup:hover{box-shadow:0 35px 80px #4f46e52e,0 10px 25px #0000000d}.l-mockup-sidebar{width:72px;background:linear-gradient(180deg,var(--color-surface) 0%,rgba(238,242,255,.5) 100%);border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;gap:1rem}.l-mockup-tab-btn{width:44px;height:44px;border:none;border-radius:12px;background:transparent;color:var(--color-body);display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.l-mockup-tab-btn:hover{color:var(--color-primary);background:#4f46e514;transform:translateY(-2px)}.l-mockup-tab-btn.active{color:var(--color-white);background:var(--color-primary);box-shadow:0 8px 16px #4f46e54d}.l-mockup-tab-btn:after{content:attr(title);position:absolute;left:85px;background:var(--color-heading);color:var(--color-white);font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-10px);transition:all .2s ease;z-index:10}.l-mockup-tab-btn:hover:after{opacity:1;transform:translate(0)}.l-mockup-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;background:linear-gradient(135deg,#fff,#fafaf7cc)}.l-playground-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:.75rem}.l-playground-indicator{display:flex;align-items:center;gap:.5rem}.l-playground-status-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px var(--color-accent);animation:pulseGlow 2s infinite}#l-playground-title-text{font-size:.85rem;font-weight:700;color:var(--color-heading);letter-spacing:-.01em;text-transform:uppercase}.l-playground-platform{font-size:.7rem;font-weight:600;color:var(--color-body);background:#4f46e50d;padding:2px 8px;border-radius:999px;border:1px solid var(--color-border)}.l-playground-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.l-playground-tab-content{display:none;flex:1;flex-direction:column;overflow:hidden}.l-playground-tab-content.active{display:flex}.l-playground-card-container{perspective:1000px;width:100%;height:250px;cursor:pointer}.l-playground-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.l-playground-card-inner.flipped{transform:rotateY(180deg)}.l-playground-card-front,.l-playground-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 10px 25px #4f46e50d;border:1px solid var(--color-border)}.l-playground-card-front{background:var(--color-white)}.l-playground-card-back{background:var(--color-surface);transform:rotateY(180deg)}.l-playground-card-tag{font-size:.75rem;font-weight:800;color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase}.l-playground-card-question{font-size:1.2rem;color:var(--color-heading);font-weight:700;line-height:1.4;margin:1rem 0}.l-playground-card-answer{font-size:.95rem;color:var(--color-heading);font-weight:500;line-height:1.45;margin:.5rem 0}.l-playground-card-tip{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-body)}.l-playground-rating-title{font-size:.78rem;font-weight:700;color:var(--color-body);margin-top:.25rem;text-transform:uppercase}.l-playground-rating-buttons{display:flex;gap:.5rem;width:100%}.rating-btn{flex:1;padding:.5rem .25rem;font-size:.75rem;font-weight:700;border-radius:8px;border:1px solid var(--color-border);background:var(--color-white);color:var(--color-heading);cursor:pointer;transition:all .2s ease}.rating-btn:hover{transform:translateY(-2px);color:#fff}.rate-again:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 10px #ef44444d}.rate-hard:hover{background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 10px #f59e0b4d}.rate-good:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 10px #4f46e54d}.rate-easy:hover{background:#10b981;border-color:#10b981;box-shadow:0 4px 10px #10b9814d}.l-playground-quiz-panel{display:flex;flex-direction:column;height:100%}.l-playground-quiz-question{font-size:1.05rem;color:var(--color-heading);font-weight:700;line-height:1.35;margin:.75rem 0}.l-playground-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.25rem}.quiz-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.quiz-option:hover:not(.disabled){transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 4px 12px #4f46e514}.quiz-option-letter{width:24px;height:24px;border-radius:6px;background:#4f46e514;color:var(--color-primary);display:flex;justify-content:center;align-items:center;font-weight:800;font-size:.8rem;transition:all .2s ease}.quiz-option-text{font-size:.85rem;font-weight:600;color:var(--color-heading)}.quiz-option.correct{background:#10b98114!important;border-color:#10b981!important}.quiz-option.correct .quiz-option-letter{background:#10b981!important;color:#fff!important}.quiz-option.correct-glow{animation:quizCorrect .4s cubic-bezier(.175,.885,.32,1.275)}.quiz-option.wrong{background:#ef444414!important;border-color:#ef4444!important;animation:quizWrong .4s ease-in-out}.quiz-option.wrong .quiz-option-letter{background:#ef4444!important;color:#fff!important}.quiz-option.disabled{pointer-events:none;opacity:.7}.l-playground-chat-panel{display:flex;flex-direction:column;height:250px;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.l-playground-chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;scroll-behavior:smooth}.chat-msg{display:flex;gap:.5rem;max-width:85%}.chat-msg-ai{align-self:flex-start}.chat-msg-user{align-self:flex-end;flex-direction:row-reverse;max-width:75%}.chat-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);display:flex;justify-content:center;align-items:center;flex-shrink:0}.chat-bubble{padding:.6rem .9rem;border-radius:12px;font-size:.82rem;line-height:1.35;font-weight:500}.chat-msg-ai .chat-bubble{background:var(--color-white);color:var(--color-heading);border-top-left-radius:2px;border:1px solid var(--color-border)}.chat-msg-user .chat-bubble{background:var(--color-primary);color:var(--color-white);border-top-right-radius:2px;box-shadow:0 4px 10px #4f46e526}.typing-bubble{display:flex;align-items:center;gap:4px;padding:.6rem 1rem!important}.typing-bubble .dot{width:6px;height:6px;background:var(--color-body);border-radius:50%;animation:bounceDots 1.4s infinite ease-in-out both}.typing-bubble .dot:nth-child(1){animation-delay:-.32s}.typing-bubble .dot:nth-child(2){animation-delay:-.16s}.l-playground-chat-footer{display:flex;gap:.5rem;padding:.6rem;background:var(--color-white);border-top:1px solid var(--color-border);overflow-x:auto;white-space:nowrap}.chat-chip{padding:.4rem .8rem;font-size:.75rem;font-weight:700;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.chat-chip:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #4f46e51f}.reset-chip{color:var(--color-accent);background:var(--color-surface2);border-color:#ff6b4733}.reset-chip:hover{background:var(--color-accent);color:#fff;box-shadow:0 4px 8px #ff6b4726}.l-mockup-stats{display:flex;gap:1rem;border-top:1px solid var(--color-border);padding-top:.75rem}.l-mockup-stat{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.5rem 1rem;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;transition:all .3s ease}.l-mockup-stat:hover{transform:translateY(-2px);background:var(--color-white);border-color:var(--color-primary)}.l-mockup-stat i{color:var(--color-primary);background:#4f46e514;padding:6px;border-radius:8px;flex-shrink:0}.l-mockup-stat:nth-child(2) i{color:var(--color-accent);background:#ff6b4714}.stat-value{font-size:1.25rem;font-weight:800;color:var(--color-heading);line-height:1}.stat-label{font-size:.75rem;color:var(--color-body);font-weight:600}@keyframes pulseGlow{0%{transform:scale(1);opacity:.8;box-shadow:0 0 #ff6b4766}70%{transform:scale(1.15);opacity:1;box-shadow:0 0 0 6px #ff6b4700}to{transform:scale(1);opacity:.8;box-shadow:0 0 #ff6b4700}}@keyframes quizCorrect{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes quizWrong{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes bounceDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.l-section{padding:100px 5%;max-width:1280px;margin:0 auto}.l-section-title{text-align:center;font-size:2.5rem;color:var(--color-heading);margin-bottom:4rem}.l-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.l-step-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:16px;padding:2.5rem;text-align:left;box-shadow:0 4px 12px #00000005}.l-step-num{font-size:3rem;font-weight:700;color:var(--color-primary);opacity:.2;margin-bottom:-1rem}.l-step-icon{color:var(--color-primary);margin-bottom:1.5rem}.l-step-card h3{color:var(--color-heading);font-size:1.3rem;margin-bottom:.8rem}.l-features{background:var(--color-white);padding:100px 5%}.l-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1280px;margin:0 auto}.l-feature-card{padding:2.2rem;border-radius:16px;background:var(--color-surface);border:1px solid var(--color-border);position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease;display:flex;flex-direction:column;align-items:flex-start}.l-feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0000000a;border-color:#4f46e54d}.l-feature-icon-wrapper{width:48px;height:48px;background:#4f46e51a;color:var(--color-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:background .3s ease,color .3s ease}.l-feature-card:hover .l-feature-icon-wrapper{background:var(--color-primary);color:#fff}.l-feature-badge{position:absolute;top:-10px;right:20px;background:var(--color-accent);color:var(--color-white);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;box-shadow:0 4px 10px #0000001a}.l-feature-card h4{color:var(--color-heading);font-size:1.25rem;margin:.5rem 0 .8rem;font-weight:700}.l-feature-card p{color:var(--color-body);line-height:1.6;margin:0}.l-trustpilot-intro{text-align:center;color:var(--color-body);font-size:1.05rem;margin-bottom:2.5rem;line-height:1.6}.l-trustpilot-widget-wrapper{max-width:480px;margin:0 auto 2.5rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 10px 30px #00000008;transition:all .3s cubic-bezier(.16,1,.3,1)}.l-trustpilot-widget-wrapper:hover{box-shadow:0 16px 40px #0000000f;transform:translateY(-2px)}.l-trustpilot-cta{text-align:center;margin-top:.5rem}.l-trustpilot-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2rem;background:#00b67a;color:#fff;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #00b67a40;letter-spacing:-.01em}.l-trustpilot-btn:hover{background:#00a06b;transform:translateY(-2px);box-shadow:0 8px 24px #00b67a59}.l-trustpilot-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00b67a33}.l-trustpilot-btn svg{flex-shrink:0}.l-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-surface);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700}.l-pricing-subtitle{text-align:center;color:var(--color-body);margin-bottom:3rem}.l-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.l-price-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:16px;padding:2.5rem;display:flex;flex-direction:column}.l-price-card.popular{border:2px solid var(--color-primary);transform:scale(1.05);position:relative;box-shadow:0 20px 40px #4f46e51a}.l-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-white);padding:4px 16px;border-radius:20px;font-size:.8rem;font-weight:700}.l-price-amount{font-size:2.5rem;font-weight:700;color:var(--color-heading);margin:1rem 0}.l-price-features{list-style:none;padding:0;margin:2rem 0;flex:1}.l-price-features li{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.l-pricing-note{text-align:center;margin-top:2rem;font-size:.9rem}.l-about-container{display:grid;grid-template-columns:320px 1fr;gap:4rem;max-width:1100px;margin:0 auto;align-items:center}.l-about-profile{background:var(--color-bg);border:1px solid var(--color-border);border-radius:24px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 30px #00000008;transition:transform .3s ease,box-shadow .3s ease}.l-about-profile:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000000f}.l-about-avatar{width:110px;height:110px;border-radius:50%;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:#fff;font-weight:700;border:4px solid var(--color-border);box-shadow:0 8px 24px #3b82f626}.l-about-profile h3{font-size:1.6rem;color:var(--color-heading);margin-bottom:.3rem;font-weight:700}.l-about-role{font-size:.85rem;color:var(--color-primary);font-weight:700;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.l-about-title-role{font-size:.95rem;color:var(--color-body);margin-bottom:1.8rem;opacity:.8}.l-about-status{display:inline-block;background:#10b98114;color:#10b981;padding:.5rem 1.2rem;border-radius:30px;font-size:.8rem;font-weight:600;border:1px solid rgba(16,185,129,.15)}.l-about-story{display:flex;flex-direction:column;gap:2.2rem}.l-about-story-section h4{font-size:1.3rem;color:var(--color-heading);margin-bottom:.6rem;font-weight:700;display:flex;align-items:center;gap:.6rem}.l-about-story-section h4 i{color:var(--color-primary);width:20px;height:20px}.l-about-story-section p{font-size:1.05rem;color:var(--color-body);line-height:1.75;opacity:.95}.l-about-email-btn{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff!important;padding:.85rem 1.8rem;border-radius:30px;font-weight:600;font-size:.95rem;text-decoration:none;border:none;box-shadow:0 6px 20px #3b82f640;transition:transform .2s ease,box-shadow .2s ease;margin-top:1.2rem;cursor:pointer}.l-about-email-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f659}@media (max-width: 768px){.l-about-container{grid-template-columns:1fr;gap:2.5rem}.l-about-profile{padding:2.5rem 1.5rem}}.l-faq{max-width:800px;margin:0 auto}.l-faq-item{border-bottom:1px solid var(--color-border);padding:1.5rem 0}.l-faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;color:var(--color-heading);font-size:1.1rem}.l-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--color-body);line-height:1.6}.l-faq-item.active .l-faq-answer{max-height:200px;margin-top:1rem}.l-faq-icon{transition:transform .3s ease}.l-faq-item.active .l-faq-icon{transform:rotate(45deg)}.l-footer{background-color:var(--color-heading);color:var(--color-white);padding:80px 5% 40px}.l-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;max-width:1280px;margin:0 auto}.l-footer h4{color:var(--color-white);margin-bottom:1.5rem;font-size:1.1rem}.l-footer ul{list-style:none;padding:0}.l-footer li{margin-bottom:.8rem}.l-footer a{color:#a5a5bb;text-decoration:none;transition:color .2s}.l-footer a:hover{color:var(--color-white)}.l-social{display:flex;gap:1rem;margin-top:1.5rem}.l-social a{color:#a5a5bb}.l-social a:hover{color:var(--color-primary)}.l-footer-bottom{max-width:1280px;margin:40px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#a5a5bb;font-size:.9rem}@media (max-width: 1024px){.l-hero{grid-template-columns:1fr;text-align:center;padding-top:120px}.l-hero-subtitle{margin:0 auto 2.5rem}.l-hero-actions,.l-social-proof{justify-content:center}.l-pricing-grid,.l-steps{grid-template-columns:1fr}.l-trustpilot-widget-wrapper{max-width:100%;padding:1.2rem 1.5rem}.l-price-card.popular{transform:none}}.l-mobile-menu{display:none}@media (max-width: 768px){.l-logo img{height:60px}.l-logo span{font-size:1.35rem}.l-navbar.scrolled .l-logo img{height:48px}.l-navbar.scrolled .l-logo span{font-size:1.15rem}.l-nav-links,.l-nav-actions{display:none}.l-hamburger{display:block}.l-footer-grid{grid-template-columns:1fr;gap:2rem}.l-mobile-menu{position:fixed;top:70px;left:0;width:100%;background:var(--color-white);padding:2rem;box-shadow:0 10px 20px #0000001a;display:flex;flex-direction:column;gap:1.5rem;clip-path:circle(0% at top right);transition:clip-path .4s ease}.l-mobile-menu.active{clip-path:circle(150% at top right)}.l-mobile-menu a{font-size:1.2rem;color:var(--color-heading);text-decoration:none;font-weight:600}}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.25rem 0;color:var(--text-light);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.auth-divider:not(:empty):before{margin-right:.75em}.auth-divider:not(:empty):after{margin-left:.75em}.google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main);padding:.75rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.google-btn:hover{background:#ffffff1a;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 10px 15px -3px #00000026}.google-btn:active{transform:translateY(0)}.google-logo{flex-shrink:0}.robot-verification-container{width:100%}.robot-verification-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;box-shadow:inset 0 1px #ffffff0d}.robot-checkbox-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none;flex-grow:1}.robot-checkbox-custom{position:relative;width:24px;height:24px;border:2px solid var(--text-light);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:transparent;flex-shrink:0}.robot-checkbox-wrapper:hover .robot-checkbox-custom{border-color:var(--primary)}.robot-checkbox-custom.verified{border-color:#10b981;background:#10b98126}.robot-checkbox-icon{width:16px;height:16px;color:#10b981}.robot-checkbox-spinner{position:absolute;width:14px;height:14px;border:2px solid transparent;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;display:none}.robot-checkbox-custom.loading .robot-checkbox-spinner{display:block}.robot-checkbox-custom.loading{border-color:transparent}.robot-checkbox-label{font-size:.9rem;color:var(--text-main);font-weight:500}.robot-badge{display:flex;flex-direction:column;align-items:center;color:var(--text-light);opacity:.8}.robot-badge svg{color:var(--primary)}.robot-badge span{font-size:.6rem;font-weight:600;margin-top:2px;letter-spacing:.05em;text-transform:uppercase}.verification-card-content{text-align:center;padding:1.5rem 0}.verification-icon-wrapper{width:64px;height:64px;border-radius:50%;background:#818cf826;color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:1px solid rgba(129,140,248,.25);box-shadow:0 0 15px #ff7e671a}.verification-icon-wrapper i{width:32px;height:32px}.verification-title{font-size:1.4rem;font-weight:700;color:var(--text-main);margin-bottom:.75rem}.verification-text{font-size:.95rem;color:var(--text-light);line-height:1.5;margin-bottom:1.5rem}.verification-email-highlight{color:var(--text-main);font-weight:600;display:block;margin-top:.25rem;text-decoration:underline;text-underline-offset:3px}.kanban-board{display:flex;gap:1.25rem;overflow-x:auto;padding:.5rem .25rem 1.5rem;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-track{background:transparent}.kanban-board::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:6px}.kanban-column{flex:0 0 320px;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;backdrop-filter:blur(10px)}.kanban-column.drag-over{background:#ff7e6714;background:rgba(var(--primary-rgb, 255, 126, 103),.08);border-color:var(--primary);transform:scale(1.02)}.kanban-column-header{display:flex;flex-direction:column;gap:.4rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.kanban-column-title{font-size:1.1rem;font-weight:700;color:var(--primary);margin:0}.kanban-column-focus{font-size:.75rem;background:#ff7e6726;background:rgba(var(--primary-rgb, 255, 126, 103),.15);color:var(--primary);padding:.25rem .6rem;border-radius:20px;font-weight:600;align-self:flex-start}.kanban-column-tip{font-size:.8rem;color:var(--accent);font-style:italic;background:#ffffff03;padding:.5rem;border-left:2px solid var(--accent);border-radius:var(--radius-sm);margin:0}.kanban-tasks-container{display:flex;flex-direction:column;gap:.75rem;min-height:200px;transition:background .2s ease}.kanban-task-card{background:#0003;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.8rem;cursor:grab;transition:all .3s ease;position:relative;user-select:none}.kanban-task-card:active{cursor:grabbing}.kanban-task-card.dragging{opacity:.4;transform:scale(.95);border-color:var(--primary)}.kanban-task-card-time{font-weight:700;color:var(--accent);font-size:.85rem;margin-bottom:.25rem}.kanban-task-card-subject{color:var(--text-main);font-size:.95rem;font-weight:600}.kanban-task-card-activity{font-size:.82rem;color:var(--text-light);margin-top:.3rem;line-height:1.4}:root{--banner-height: 44px}.l-beta-banner{position:fixed;top:0;left:0;width:100%;height:var(--banner-height);background:linear-gradient(135deg,#0f172a,#1e1b4b);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:1rem;padding:0 2rem;z-index:101;font-size:.9rem;color:#ffffffe6;box-shadow:0 4px 20px #00000026;transition:all .3s cubic-bezier(.16,1,.3,1)}.l-beta-badge{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;font-weight:800;font-size:.75rem;padding:3px 8px;border-radius:9999px;letter-spacing:.05em;text-transform:uppercase;box-shadow:var(--glow-primary)}.l-beta-text{font-weight:500;letter-spacing:-.01em}.l-beta-text strong{color:#38bdf8;font-weight:700}.l-beta-email{color:#00b7c3;text-decoration:underline;font-weight:700;transition:color .2s}.l-beta-email:hover{color:#38bdf8}.l-beta-close{background:none;border:none;color:#fff6;cursor:pointer;display:flex;align-items:center;padding:.25rem;transition:color .2s;position:absolute;right:1.5rem}.l-beta-close:hover{color:#fff}.l-beta-close i{width:16px;height:16px}.l-navbar{top:var(--banner-height)}.l-navbar.scrolled{top:0!important}.l-hero{padding-top:calc(180px + var(--banner-height))!important}.l-hero-badge{display:inline-flex;align-items:center;gap:.6rem;background:#00b7c30f;border:1px solid rgba(0,183,195,.25);padding:6px 14px;border-radius:9999px;margin-bottom:2rem;backdrop-filter:blur(10px);transition:all .3s ease}.l-hero-badge:hover{background:#00b7c31a;border-color:#00b7c366;transform:translateY(-1px)}.l-badge-tag{background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:800;padding:2px 6px;border-radius:9999px;letter-spacing:.05em}.l-badge-text{font-size:.85rem;font-weight:600;color:var(--color-heading)}.l-beta-pricing-notice{display:flex;align-items:flex-start;gap:1.2rem;background:#00b7c30d;border:1px dashed rgba(0,183,195,.3);border-radius:var(--radius-lg);padding:1.5rem 2rem;max-width:800px;margin:2rem auto 0;text-align:left;box-shadow:0 10px 30px #00b7c308;backdrop-filter:blur(10px)}.l-beta-notice-icon{font-size:2rem;line-height:1}.l-beta-notice-content h4{font-size:1.15rem;font-weight:700;color:var(--color-heading);margin-bottom:.5rem}.l-beta-notice-content p{font-size:.95rem;color:var(--color-body);line-height:1.6;margin:0}.l-beta-notice-link{color:var(--color-primary);font-weight:700;text-decoration:underline;transition:color .2s}.l-beta-notice-link:hover{color:var(--color-accent)}@media (max-width: 768px){:root{--banner-height: 62px}.l-beta-banner{font-size:.78rem;padding:0 3rem 0 1rem;line-height:1.35;text-align:left;justify-content:flex-start;gap:.5rem}.l-beta-close{right:.5rem}.l-mobile-menu{top:calc(70px + var(--banner-height))!important}.l-beta-pricing-notice{flex-direction:column;align-items:center;text-align:center;padding:1.25rem 1.5rem}}@media (max-width: 768px){.simulator-main-columns{grid-template-columns:1fr!important;gap:1.5rem!important}}#view-simulator :active,#view-simulator .btn:active,#view-simulator .primary-btn:active,#view-simulator .secondary-btn:active,#view-simulator .icon-btn:active,#view-simulator .card:active,#view-simulator button:active{transform:none!important;transition:none!important}#view-simulator .setup-q-btn,#view-simulator .setup-grade-btn,#view-simulator .setup-timer-btn{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-light);transition:all .25s cubic-bezier(.2,.8,.2,1)}#view-simulator .setup-q-btn:hover,#view-simulator .setup-grade-btn:hover,#view-simulator .setup-timer-btn:hover{background:#ffffff12;color:var(--text-main)}#view-simulator .setup-q-btn.active,#view-simulator .setup-grade-btn.active,#view-simulator .setup-timer-btn.active{background:rgba(var(--primary-rgb),.15)!important;border-color:var(--primary)!important;color:var(--text-main)!important;font-weight:800!important;box-shadow:0 0 15px rgba(var(--primary-rgb),.35),inset 0 0 8px rgba(var(--primary-rgb),.1)!important;text-shadow:0 0 8px rgba(var(--primary-rgb),.4)}@media (max-width: 768px){html{overflow-x:hidden!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden!important;height:100dvh!important;min-height:100dvh!important}.layout-wrapper{display:flex!important;flex-direction:column!important;height:100dvh!important;overflow:hidden!important}.main-content{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:1.25rem 1rem calc(75px + env(safe-area-inset-bottom)) 1rem!important;width:100%!important}img,video,svg,canvas{max-width:100%!important;height:auto!important}a,button,.btn,[role=button]{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.mobile-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:calc(64px + env(safe-area-inset-bottom))!important;background:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;z-index:1000!important;padding-bottom:env(safe-area-inset-bottom)!important;box-shadow:0 -4px 20px #0003!important}.mobile-nav-btn{flex:1!important;min-height:48px!important;font-size:.65rem!important;font-weight:600!important;gap:4px!important;color:var(--text-light)!important}.mobile-nav-btn.active{color:var(--primary)!important}.mobile-nav-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;background:var(--primary);transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-nav-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.mobile-nav-avatar-fallback{display:none;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.mobile-nav-btn.active .mobile-nav-avatar{border-color:var(--primary)!important;transform:scale(1.1)!important;box-shadow:0 0 8px rgba(var(--primary-rgb),.4)!important}.aura-bento-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.card{padding:16px!important;border-radius:16px!important}.timeline-days{display:grid!important;grid-template-columns:repeat(7,1fr)!important;font-size:11px!important;color:var(--text-light)!important;margin-bottom:8px!important;text-align:center!important}.timeline-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:6px!important}.timeline-day{aspect-ratio:1!important;min-height:28px!important;min-width:28px!important;border-radius:50%!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important}.library-stack{display:flex!important;flex-direction:column!important;gap:12px!important}#knowledge-graph-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px!important}#knowledge-graph-container .subjects-grid{grid-template-columns:1fr!important;width:100%!important;min-width:320px!important}.subject-card{padding:16px!important;border-radius:16px!important}.studio-layout-controls{padding:8px 12px!important;background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}.segmented-control{width:100%!important;display:flex!important;background:#ffffff0a!important;border-radius:24px!important;padding:4px!important}.segment-btn{flex:1!important;justify-content:center!important;border-radius:20px!important;font-size:.8rem!important;padding:8px!important}.studio-layout{display:flex!important;flex-direction:column!important;height:calc(100dvh - 120px)!important;overflow:hidden!important;position:relative!important;padding:0!important}.studio-pdf-panel,.studio-ai-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:10!important;background:var(--bg-base)!important;display:flex!important;flex-direction:column!important;border:none!important}.studio-pdf-panel[style*="display: none"],.studio-ai-panel[style*="display: none"]{display:none!important}.floating-notes-window{position:absolute!important;width:100%!important;height:100%!important;z-index:20!important;border-radius:0!important;inset:0!important;background:var(--bg-base)!important;display:flex!important;flex-direction:column!important;border:none!important}.floating-notes-window.hidden-panel{display:none!important}.studio-chips-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;padding-bottom:6px!important}.studio-chips-row::-webkit-scrollbar{display:none!important}.topic-chip{flex-shrink:0!important;white-space:nowrap!important}.studio-tab-bar{display:flex!important;overflow-x:auto!important;gap:4px!important;scrollbar-width:none!important}.studio-tab-bar::-webkit-scrollbar{display:none!important}.studio-tab-btn{flex-shrink:0!important;white-space:nowrap!important}.studio-fc-container{padding:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.studio-fc-card{width:100%!important;max-width:440px!important;aspect-ratio:3/2!important;perspective:1000px!important;touch-action:manipulation!important}.studio-fc-inner{transition:transform .5s cubic-bezier(.4,0,.2,1)!important;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;border-radius:20px!important}.studio-fc-front,.studio-fc-back{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;border-radius:20px!important;box-shadow:0 12px 36px #00000040!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:clamp(14px,4vw,18px)!important;border:1px solid var(--border-color)!important}.studio-fc-back{transform:rotateY(180deg)!important;-webkit-transform:rotateY(180deg)!important;background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.studio-fc-controls{margin-top:20px!important;width:100%!important;max-width:440px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important}.studio-fc-controls button{flex:1!important;min-width:80px!important;min-height:48px!important;font-size:13px!important;font-weight:700!important}.studio-quiz-container{padding:16px!important}.studio-quiz-opts{display:flex!important;flex-direction:column!important;gap:10px!important}.studio-quiz-opt{min-height:52px!important;padding:14px 16px!important;font-size:15px!important;border-radius:12px!important;text-align:left!important}dialog,.modal,.auth-overlay .auth-card{border-radius:24px 24px 0 0!important;width:100%!important;max-width:100%!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;max-height:92dvh!important;overflow-y:auto!important;padding:16px 20px calc(24px + env(safe-area-inset-bottom)) 20px!important;box-shadow:0 -12px 40px #0000004d!important;animation:eidoSlideUp .32s cubic-bezier(.16,1,.3,1)!important;background:var(--bg-secondary)!important;border:none!important}@keyframes eidoSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}dialog:before,.modal:before,.auth-card:before{content:""!important;display:block!important;width:36px!important;height:4px!important;background:var(--border-color)!important;border-radius:2px!important;margin:0 auto 16px!important}input,select,textarea,.input-field{font-size:16px!important;min-height:48px!important;border-radius:12px!important}#dash-timer-display,.timer-time-display{font-size:clamp(42px,14vw,76px)!important;font-variant-numeric:tabular-nums!important;letter-spacing:-1px!important;font-weight:700!important}.timer-controls-row{display:flex!important;gap:12px!important;justify-content:center!important}.pomodoro-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.l-navbar{padding:1rem 5%!important;background:var(--bg-base)!important;border-bottom:1px solid var(--border-color)!important}.l-navbar.scrolled .l-logo img{height:48px!important}.l-hamburger{display:block!important;width:44px!important;height:44px!important}.l-hero{grid-template-columns:1fr!important;padding-top:110px!important;text-align:center!important;gap:2rem!important}.l-hero-subtitle{margin:.5rem auto 1.5rem!important}.l-hero-actions{flex-direction:column!important;gap:10px!important;width:100%!important;align-items:center!important}.l-hero-actions button,.l-hero-actions a{width:100%!important;max-width:280px!important;min-height:48px!important;justify-content:center!important}.l-mockup{height:320px!important}.l-about-container{flex-direction:column!important;gap:2rem!important}.l-footer-grid{grid-template-columns:1fr!important;gap:2rem!important}.l-footer-bottom{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:1rem!important}}