.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:flex-start;gap:32px;padding:20px 6vw;background:#0d0d0ed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.04);animation:slideDown .6s ease-out;transition:all .3s ease;box-shadow:var(--shadow-sm)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-mark{width:28px;height:28px;border-radius:999px;background:conic-gradient(from 200deg,var(--accent),var(--accent-secondary),var(--accent));animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.logo-text{font-weight:600;letter-spacing:.04em;font-size:1.05rem;color:var(--text);transition:color .3s ease}.nav-left-group{display:flex;align-items:center;gap:24px}.nav-left{display:flex;align-items:center;gap:10px}.logo-text{cursor:pointer}.nav-links{display:flex;gap:8px}.nav-link{padding:6px 12px;font-size:.9rem;color:var(--muted);border-radius:8px;background:transparent;border:none;text-transform:none;font-family:inherit;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-link:hover{color:var(--text);background:var(--card-bg);transform:translateY(-1px)}.nav-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:9px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-icon:hover{background:var(--card-bg);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn-icon svg{transition:transform .3s ease}.btn-icon:hover svg{transform:rotate(45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:12px;font-size:.9rem;font-weight:600;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent}.btn.primary{background:var(--card-bg);color:var(--text)!important;border:1.5px solid var(--accent);box-shadow:var(--shadow-sm)}.btn.primary:hover{background:linear-gradient(180deg,#2a2b2d 0%,var(--card-bg) 100%);border-color:var(--accent);transform:scale(1.01) translateY(-1px);box-shadow:var(--shadow-md)}.btn.ghost{background:transparent;color:var(--muted);border-color:var(--border);box-shadow:inset 0 1px 2px #0000001a}.btn.ghost:hover{background:var(--card-bg);border-color:var(--border);color:var(--text);transform:scale(1.01);transform:translateY(-1px)}.user-menu{position:relative}.avatar-button{background:none;border:2px solid var(--accent);border-radius:50%;padding:0;cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-button:hover{transform:scale(1.05);box-shadow:0 0 0 4px #f7c65a1a}.avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;min-width:200px;box-shadow:0 8px 24px #0006;z-index:50;padding:8px;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:12px 16px;background:none;border:none;color:var(--text);font-size:14px;font-weight:500;text-align:left;cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.dropdown-item:hover{background:#f7c65a1a;color:var(--accent)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#ef44441a;color:#f87171}.dropdown-item svg{flex-shrink:0}.dropdown-divider{height:1px;background:var(--border);margin:8px 0}@media(max-width:900px){.nav-links{display:none}.nav{padding:14px 5vw}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:40px;max-width:440px;width:100%;position:relative;box-shadow:0 8px 24px #0009;animation:slideUp .3s ease-out}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:8px}.modal-close:hover{color:var(--text);background:var(--bg)}.modal-header{text-align:center;margin-bottom:32px}.modal-header h2{margin:0 0 8px;font-size:1.8rem;font-weight:700}.modal-header p{margin:0;color:var(--muted);font-size:.95rem}.auth-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem;color:#e5e7eb}.form-group input{width:100%;padding:12px 16px;background-color:#1f1f1f!important;border:1px solid #333;border-radius:10px;color:#fff!important;font-size:.95rem;transition:border-color .2s ease;box-sizing:border-box}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #1f1f1f inset!important;-webkit-text-fill-color:#fff!important;box-shadow:0 0 0 1000px #1f1f1f inset!important;background-color:#1f1f1f!important;caret-color:#fff;border-color:#333!important;transition:background-color 5000s ease-in-out 0s}.form-group input:autofill,.form-group input:-moz-autofill,.form-group input:-moz-autofill:hover,.form-group input:-moz-autofill:focus{background-color:#1f1f1f!important;color:#fff!important;box-shadow:0 0 0 1000px #1f1f1f inset!important;filter:none!important}.form-group input:focus{outline:none;border-color:#555}.form-group input::placeholder{color:#9ca3af99}.error-message{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.85rem;margin-bottom:16px}.success-message{padding:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#86efac;font-size:.85rem;margin-bottom:16px}.btn-large{width:100%;padding:12px 24px;font-size:1rem;font-weight:600;color:#0a0a0a!important;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.btn-large:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0006;filter:brightness(1.05)}.btn-large:disabled{opacity:.6;cursor:not-allowed}.divider{position:relative;text-align:center;margin:24px 0}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:var(--border)}.divider:before{left:0}.divider:after{right:0}.divider span{background:var(--card-bg);padding:0 12px;color:var(--muted);font-size:.85rem}.btn-google{width:100%;padding:12px 24px;background:#fff;color:#1f2937;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.btn-google:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.modal-footer{margin-top:24px;text-align:center;padding-top:20px;border-top:1px solid var(--border)}.modal-footer p{margin:0;color:var(--muted);font-size:.9rem}.link-btn{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s ease}.link-btn:hover{color:var(--accent-secondary)}@media(max-width:600px){.modal-content{padding:32px 24px}.modal-header h2{font-size:1.5rem}}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;padding:80px 6vw 60px;align-items:center;position:relative}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:20px;animation:fadeInUp .8s ease-out .2s both;box-shadow:0 1px 3px #0003}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-size:clamp(2.8rem,4vw,3.6rem);line-height:1.15;margin-bottom:20px;font-weight:700;color:var(--text);letter-spacing:-.02em;animation:fadeInUp .8s ease-out .3s both}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease-in-out infinite;background-size:200% 200%;font-size:1.08em;display:inline-block}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{max-width:540px;color:var(--muted);line-height:1.7;font-size:1.05rem;margin-bottom:28px;animation:fadeInUp .8s ease-out .4s both;font-weight:400}.hero-actions{display:flex;gap:14px;margin-bottom:24px;animation:fadeInUp .8s ease-out .5s both}.btn-large{padding:12px 26px;font-size:1rem;font-weight:600}.hero-meta{display:flex;gap:20px;animation:fadeInUp .8s ease-out .6s both}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted);transition:transform .3s ease}.meta-item:hover{transform:translate(4px);color:var(--text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-visual{position:relative;height:420px;animation:fadeIn 1s ease-out .7s both}.glow-orb,.glow-orb-1,.glow-orb-2{display:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;opacity:.3;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero-card{position:absolute;inset:40px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;box-shadow:0 2px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.hero-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0006}.hero-card-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;letter-spacing:.08em;font-size:.8rem;text-transform:uppercase;color:var(--text);margin-bottom:16px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:blink 2s ease-in-out infinite}.hero-card-body{flex:1;background:var(--bg);border-radius:10px;padding:16px 18px;border:1px solid var(--border)}.metric-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;margin-bottom:12px;transition:transform .2s ease}.metric-row:hover{transform:scale(1.02)}.metric-row:last-child{margin-bottom:0}.metric-label{color:var(--muted);font-size:.85rem}.metric-value{font-weight:600;color:var(--text);font-size:1rem}.metric-value.streak,.metric-value.score{color:var(--accent)}.hero-card-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.progress-bar{width:100%;height:4px;background:var(--bg);border-radius:999px;overflow:hidden;margin-bottom:8px;border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:999px;animation:shimmer 2s ease-in-out infinite;transition:width .5s ease}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.progress-text{font-size:.75rem;color:var(--muted)}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:40px;padding:50px 5vw 40px}.hero-visual{order:-1;height:320px}.hero-title{font-size:2.2rem}.hero-actions{flex-direction:column}.btn-large{width:100%}.hero-meta{flex-direction:column;gap:10px}}.section{padding:60px 6vw}.section-header{text-align:center;margin-bottom:56px;animation:fadeInUp .8s ease-out;max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:clamp(2.4rem,3vw,2.8rem);margin-bottom:16px;font-weight:700}.section-subtitle{color:var(--text);font-size:1.25rem;line-height:1.6;margin-bottom:12px;font-weight:500}.section-description{color:var(--muted);font-size:1.05rem;line-height:1.7;margin-top:12px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto}} .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.card{background:var(--card-bg);border-radius:16px;padding:24px;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both}.card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 4px 12px #0000004d}.card-icon{width:48px;height:48px;border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid var(--border);transition:transform .3s ease}.card:hover .card-icon{transform:scale(1.05)}.card h3{margin:0 0 10px;font-size:1.1rem;font-weight:600;transition:color .3s ease}.card p{margin:0;font-size:.95rem;color:var(--muted);line-height:1.6}@media(max-width:768px){.section{padding:40px 5vw}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:24px}.cards{grid-template-columns:1fr}}.how-it-works{background:var(--bg)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;position:relative}.step-card{position:relative;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:28px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .7s ease-out both}.step-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 4px 12px #0000004d}.step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;margin-bottom:16px;transition:transform .3s ease}.step-card:hover .step-number{transform:scale(1.05)}.step-content h3{margin:0 0 10px;font-size:1.1rem;font-weight:600}.step-content p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.step-arrow{position:absolute;top:50%;right:-28px;transform:translateY(-50%);font-size:2rem;color:var(--border);pointer-events:none;transition:all .3s ease}.step-card:hover .step-arrow{color:var(--muted);transform:translateY(-50%) translate(4px)}@media(max-width:900px){.steps{grid-template-columns:1fr}.step-arrow{display:none}}.faq{background:var(--bg)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.faq-item{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both}.faq-item:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 4px 12px #0000004d}.faq-item h3{margin:0 0 12px;font-size:1.05rem;font-weight:600;color:var(--text);transition:color .3s ease}.faq-item:hover h3{color:var(--accent)}.faq-item p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}@media(max-width:600px){.faq-grid{grid-template-columns:1fr}}.footer{background:var(--card-bg);border-top:1px solid var(--border);padding:48px 6vw 24px}.footer-content{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:32px}.footer-section h3,.footer-section h4{margin:0 0 16px;font-weight:600;color:#e5e7eb}.footer-logo{font-size:1.3rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6;max-width:280px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:10px}.footer-section a{color:var(--muted);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-section a:hover{color:var(--accent)}.footer-bottom{padding-top:20px;border-top:1px solid var(--border);text-align:center}.footer-bottom p{margin:0;color:var(--muted);font-size:.85rem}@media(max-width:900px){.footer-content{grid-template-columns:repeat(2,1fr);gap:30px}}@media(max-width:600px){.footer{padding:36px 5vw 20px}.footer-content{grid-template-columns:1fr;gap:24px}}.dashboard{max-width:1400px;margin:0 auto;padding:20px 6vw;min-height:100vh}.dashboard-title{font-size:2rem;font-weight:600;color:var(--text-bright);margin-bottom:24px;line-height:1.25;letter-spacing:-.01em;transition:color .3s ease}.dashboard-container{background:#0f0f14bf;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:48px;margin-bottom:32px;box-shadow:0 25px 50px #0000004d,inset 0 1px #ffffff0d,0 0 0 1px #ffffff08;position:relative;overflow:hidden}.dashboard-container:last-child{margin-bottom:0}.dashboard-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);opacity:.5}.dashboard-container:not(:last-child):after{content:"";position:absolute;bottom:-24px;left:10%;right:10%;height:1px;background:#ffffff0d}.tasks-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:24px}.performance-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.trends-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mastery-section{display:flex;justify-content:center}.mastery-distribution-full{width:70%;max-width:900px}.performance-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.performance-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.performance-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05}.performance-card .card-header h2{font-size:.875rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px;color:var(--text)}.overall-mastery{font-size:.9rem;font-weight:600;color:var(--accent);background:linear-gradient(180deg,#f5c65a26,#d9a5421a);padding:6px 12px;border-radius:20px}.performance-card .card-body{padding:16px 20px}.mastery-bars{display:flex;flex-direction:column;gap:10px}.mastery-bar-item{display:flex;flex-direction:column;gap:4px}.mastery-bar-header{display:flex;justify-content:space-between;align-items:center}.topic-name{font-size:.9rem;color:var(--text);font-weight:500}.topic-score{font-size:.85rem;color:var(--muted);font-weight:500}.mastery-bar-track{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.mastery-bar-fill{height:100%;background:var(--accent-gradient);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.gains-list{display:flex;flex-direction:column;gap:8px}.gain-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.gain-rank{font-size:.9rem;font-weight:600;color:var(--accent);min-width:24px}.gain-topic{flex:1;font-size:.95rem;color:var(--text);font-weight:500}.gain-value{font-size:.9rem;font-weight:700;color:#4ade80;background:#4ade801a;padding:4px 10px;border-radius:12px}.gain-value.new{color:var(--accent);background:#f7c65a26}.gains-note{font-size:.85rem;color:var(--muted);text-align:center;padding:12px;margin-top:8px;background:#ffffff05;border-radius:8px}.declines-list{display:flex;flex-direction:column;gap:8px}.decline-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ef44440d;border-radius:8px;border:1px solid rgba(239,68,68,.1)}.decline-rank{font-size:.9rem;font-weight:600;color:#ef4444;min-width:24px}.decline-topic{flex:1;font-size:.95rem;color:var(--text);font-weight:500}.decline-value{font-size:.9rem;font-weight:700;color:#ef4444;background:#ef444426;padding:4px 10px;border-radius:12px}.declines-note{font-size:.85rem;color:var(--muted);text-align:center;padding:12px;margin-top:8px;background:#ffffff05;border-radius:8px}.empty-state.success{flex-direction:column;gap:8px}.empty-state.success .empty-icon{font-size:1.5rem}.empty-state.success p{color:#4ade80}} .empty-state{display:flex;align-items:center;justify-content:center;padding:20px;text-align:center}.empty-state p{color:var(--muted);font-size:.9rem}.attention-section{border:1px solid rgba(239,68,68,.15)}.attention-content{padding:8px 0}.attention-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background:#4ade800d;border-radius:12px;border:1px solid rgba(74,222,128,.1)}.attention-icon{font-size:2rem;margin-bottom:12px}.attention-empty p{color:#4ade80;font-size:1rem;font-weight:500;margin:0 0 4px}.attention-subtext{color:var(--muted);font-size:.85rem}.attention-list{display:flex;flex-direction:column;gap:10px}.attention-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ef44440d;border-radius:10px;border:1px solid rgba(239,68,68,.1)}.attention-rank{font-size:.95rem;font-weight:600;color:#ef4444;min-width:24px}.attention-topic{flex:1;font-size:.95rem;color:var(--text);font-weight:500}.attention-badges{display:flex;gap:8px}.attention-badge{font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:12px}.attention-badge.decline{color:#ef4444;background:#ef444426}.attention-badge.quality{color:#f59e0b;background:#f59e0b26}.attention-note{font-size:.85rem;color:var(--muted);text-align:center;padding:12px;margin-top:12px;background:#ffffff05;border-radius:8px}.period-toggle{display:flex;gap:4px;background:#ffffff0d;padding:3px;border-radius:10px}.period-btn{padding:6px 14px;font-size:.8rem;font-weight:500;color:var(--muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.period-btn:hover{color:var(--text);background:#ffffff14;transform:scale(1.01)}.period-btn.active{color:var(--bg);background:var(--accent-gradient);font-weight:600;box-shadow:0 2px 8px #f5c65a40}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header-row .dashboard-title{margin-bottom:0}.task-card{background:linear-gradient(135deg,#ffffff08,#ffffff03,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 1px #ffffff0a}.task-card-primary{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);justify-content:space-between;padding:28px}.task-card-header h2{font-size:1.25rem;font-weight:600;color:var(--text);margin:0;line-height:1.4;transition:color .3s ease}.task-label{font-size:.85rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.task-value{font-size:1.15rem;font-weight:600;color:var(--text);transition:color .3s ease}.task-hint{font-size:.85rem;color:var(--muted);transition:color .3s ease}.streak-emoji{font-size:1.3rem;margin-left:4px}.btn-start-revision{padding:12px 24px;background:#ffe1960d;color:var(--text);border:1.5px solid #D8A848;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:auto;box-shadow:0 2px 12px #d8a84826}.btn-start-revision:hover{background:#ffe19626;border-color:#f5c65a;transform:scale(1.01) translateY(-1px);box-shadow:var(--shadow-md)}.section-row{display:flex;gap:40px;align-items:flex-start;margin-bottom:60px}.section-heading{font-size:1.8rem;font-weight:400;color:var(--text);min-width:180px;flex-shrink:0;letter-spacing:0;line-height:1.3;margin:0;transition:color .3s ease;text-transform:uppercase}.section-content{flex:1;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.section-placeholder{color:var(--muted);font-size:1.05rem;padding:40px;background:linear-gradient(135deg,#ffffff06,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:16px;text-align:center;box-shadow:inset 0 1px #ffffff08}.stats-mini-grid{display:flex;gap:20px;flex-wrap:wrap}.stat-card-mini{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px 24px;min-width:160px;flex:0 1 auto;box-shadow:inset 0 1px #ffffff0a}.stat-label{font-size:.85rem;color:var(--muted);margin-bottom:8px;font-weight:400;transition:color .3s ease}.stat-value-large{font-size:1.8rem;font-weight:600;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;display:flex;align-items:center;gap:8px}.streak-emoji{font-size:1.5rem}.stat-hint{font-size:.8rem;color:var(--muted);transition:color .3s ease}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.dashboard-loading p{color:var(--muted);transition:color .3s ease}@media(max-width:968px){.tasks-grid,.performance-grid{grid-template-columns:1fr}.dashboard-container{padding:32px}.dashboard-title{font-size:1.75rem}}@media(max-width:640px){.dashboard{padding:40px 5vw}.dashboard-container{padding:32px 24px;border-radius:12px}.dashboard-title{font-size:1.5rem}.task-card{padding:20px}.task-card-primary{padding:24px}.task-card-header h2{font-size:1.1rem}.performance-card .card-header{flex-direction:column;gap:12px;align-items:flex-start}.gain-item{padding:10px 12px}}.status-card,.revision-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;flex:1 1 300px;min-width:280px;box-shadow:inset 0 1px #ffffff0a}.card-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;transition:border-color .3s ease}.card-header h2{font-size:.95rem;font-weight:500;margin:0;color:var(--text);transition:color .3s ease}.card-body{padding:20px}.sync-status{display:flex;align-items:flex-start;gap:16px}.sync-status svg{flex-shrink:0;transition:opacity .3s ease;width:40px;height:40px}.sync-status h3{font-size:1rem;font-weight:500;margin:0 0 6px;color:var(--text);transition:color .3s ease}.sync-status p{margin:0 0 12px;color:var(--muted);font-size:.85rem;line-height:1.5;transition:color .3s ease}.sync-status.synced h3{color:var(--accent)}.sync-status.not-synced h3{color:#ef4444}.btn-install{padding:10px 20px;background:var(--accent-gradient);color:#0d0d0e;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #f5c65a33}.btn-install:hover{transform:scale(1.01) translateY(-1px);box-shadow:0 4px 12px #f7c65a4d}.revision-summary{display:flex;flex-direction:column;gap:20px}.problems-due{text-align:center;padding:24px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.due-count{display:block;font-size:3rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.due-label{display:block;color:var(--muted);font-size:.95rem}.btn-revision{width:100%;padding:14px 24px;background:var(--accent-gradient);color:#0d0d0e;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #f5c65a33}.btn-revision:hover{transform:scale(1.01) translateY(-1px);box-shadow:0 6px 20px #f5c65a59}.next-due{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;padding:12px;background:var(--bg);border-radius:6px;border:1px solid var(--border)}.next-due svg{stroke:var(--muted)}.stats-section{margin-top:40px}.stats-section>h2{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:24px;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:var(--shadow-md)}.streak-card{display:flex;align-items:center;gap:20px}.stat-icon{font-size:3rem;flex-shrink:0}.stat-content h3{font-size:.95rem;font-weight:500;color:var(--muted);margin:0 0 8px}.stat-value{font-size:2rem;font-weight:700;color:var(--text);margin:0 0 4px;display:block}.stat-hint{font-size:.85rem;color:var(--muted);margin:0}.mastery-card{grid-column:span 1}.mastery-card h3{font-size:1rem;font-weight:600;margin:0 0 20px;color:var(--text)}.mastery-chart{display:flex;flex-direction:column;gap:16px}.mastery-bar{width:100%;height:12px;background:var(--bg);border-radius:6px;display:flex;overflow:hidden}.mastery-segment{height:100%;transition:width .6s ease}.mastery-segment.mastered{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%)}.mastery-segment.learning{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.mastery-segment.reviewing{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.mastery-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted)}.legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-dot.mastered{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%)}.legend-dot.learning{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.legend-dot.reviewing{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.mastery-percentage{text-align:center;font-size:.9rem;font-weight:600;color:var(--accent);margin:8px 0 0}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.dashboard-loading p{color:var(--muted);font-size:1rem}@media(max-width:768px){.dashboard{padding:24px 5vw}.dashboard-grid,.stats-grid{grid-template-columns:1fr}.due-count{font-size:2.5rem}.sync-status,.streak-card{flex-direction:column;text-align:center}}.settings{max-width:900px;margin:0 auto;padding:20px 6vw;min-height:100vh}.settings-title{font-size:2rem;font-weight:600;color:var(--text-bright);margin-bottom:24px;line-height:1.25;letter-spacing:-.01em;transition:color .3s ease}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.settings-loading p{color:var(--muted);transition:color .3s ease}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px 20px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.error-banner p{color:#ef4444;margin:0;font-size:.95rem}.error-banner button{background:transparent;border:none;color:#ef4444;font-size:1.2rem;cursor:pointer;padding:4px 8px;line-height:1}.settings-section{margin-bottom:32px}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-bright);margin-bottom:8px;line-height:1.25;letter-spacing:-.01em;transition:color .3s ease}.settings-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:32px;transition:all .3s ease}.notification{border-radius:12px;padding:16px 20px;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:500}.notification.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#b91c1c}.notification.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#047857}.notification button{border:none;background:transparent;color:inherit;font-size:1rem;cursor:pointer}.section-subtitle{margin:0 0 20px;color:var(--muted);font-size:.95rem;line-height:1.5}.profile-card{display:grid;grid-template-columns:210px 1fr;gap:32px;align-items:start}.avatar-column{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-frame{width:150px;height:150px;border-radius:999px;border:2px solid var(--border);overflow:hidden;background:var(--bg)}.avatar-frame img{width:100%;height:100%;object-fit:cover}.avatar-input{display:none}.avatar-hint{font-size:.85rem;color:var(--muted);text-align:center;margin:0}.profile-fields{display:flex;flex-direction:column;gap:16px}.profile-field label{font-size:.9rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.profile-field input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.profile-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f8717126}.optional-label{font-weight:400;font-size:.85rem;color:var(--muted)}.profile-actions{margin-top:20px}.btn{border:none;border-radius:999px;padding:12px 28px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-tertiary{background:#0f766e1a;color:var(--accent)}.btn:active{transform:translateY(1px)}.extension-card{padding:32px}.extension-status{display:flex;flex-direction:column;gap:18px}.status-line{display:flex;align-items:center;gap:12px;font-size:1rem}.status-label{font-weight:600;color:var(--muted)}.status-pill{padding:6px 14px;border-radius:999px;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:6px}.status-pill.active{background:#10b98126;color:#047857;border:1px solid rgba(16,185,129,.3)}.status-pill.inactive{background:#f8717126;color:#b91c1c;border:1px solid rgba(248,113,113,.3)}.extension-description{color:var(--muted);line-height:1.6}.extension-actions{display:flex;gap:12px;flex-wrap:wrap}.profile-info{display:flex;flex-direction:column;gap:24px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{font-size:.9rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.profile-value{font-size:1.1rem;color:var(--text);padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;transition:all .3s ease}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.toggle-info{flex:1}.toggle-info h3{font-size:1.1rem;font-weight:600;color:var(--text);margin:0 0 8px;transition:color .3s ease}.toggle-info p{font-size:.9rem;color:var(--muted);margin:0;line-height:1.5;transition:color .3s ease}.toggle-switch{position:relative;display:inline-block;width:56px;height:30px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:all .3s ease;border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:var(--text);transition:all .3s ease;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px);background-color:#0a0a0a}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #f7c65a4d}.settings-actions{margin-top:48px;padding-top:32px;border-top:1px solid var(--border);transition:border-color .3s ease}.btn-signout{padding:12px 32px;background:transparent;color:#ef4444;border:1.5px solid #ef4444;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-signout:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@media(max-width:768px){.settings{padding:40px 5vw}.settings-title{font-size:2rem}.settings-card{padding:24px}.toggle-row{flex-direction:column;align-items:flex-start}.profile-card{grid-template-columns:1fr}.avatar-column{flex-direction:column}.extension-actions{flex-direction:column;align-items:stretch}}.revision-list{min-height:100vh;background:var(--bg);color:var(--text);padding:2rem}.revision-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.revision-list-header h1{font-size:2rem;font-weight:700;margin:0;color:#fff}.revision-stats{display:flex;gap:1.5rem;align-items:center}.revision-stats span{font-size:.9rem;color:#fffc;background:linear-gradient(135deg,#ffffff0a,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.6rem 1.2rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a}.btn-back{background:linear-gradient(135deg,#ffffff0a,#ffffff05);color:#fff;border:1px solid rgba(255,255,255,.08);padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;font-size:.9rem;transition:all .2s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn-back:hover{background:#ffffff14;border-color:#ffffff26}.problems-table{background:#0f0f14bf;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:20px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 25px 50px #0000004d,inset 0 1px #ffffff0d,0 0 0 1px #ffffff08}.table-header{display:grid;grid-template-columns:80px 1fr 140px 100px 120px 200px;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06);font-weight:600;font-size:.9rem;color:#fff9}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:80px 1fr 140px 100px 120px 200px;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04);align-items:center;transition:all .2s;background:transparent}.table-row:hover{background:#ffffff08}.table-row:last-child{border-bottom:none}.col-id{font-weight:700;color:#fbbf24;font-size:1rem}.problem-title{font-weight:600;color:#fff;line-height:1.4;font-size:.95rem}.mastery-info{display:flex;flex-direction:column;gap:.25rem}.mastery-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.mastery-fill{height:100%;border-radius:4px;transition:width .3s ease}.mastery-label{font-size:.8rem;color:#ffffffb3;font-weight:500}.recall-time{font-weight:600;color:#fff;font-size:.95rem}.due-date{font-size:.9rem;color:#ffffffbf;font-weight:500}.btn-start-revision{background:linear-gradient(135deg,#fbbf2426,#fbbf2414);color:#fbbf24;border:1px solid rgba(251,191,36,.3);padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-start-revision:hover{background:linear-gradient(135deg,#fbbf2440,#fbbf2426);border-color:#fbbf2480;transform:translateY(-1px);box-shadow:0 4px 20px #fbbf2433}.col-action{display:flex;gap:.5rem;align-items:center}.btn-skip-revision{background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.15);padding:.6rem 1rem;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.btn-skip-revision:hover{background:#ef44441a;border-color:#ef444466;color:#f87171}.revision-list-loading,.revision-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.no-problems{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.no-problems-icon{font-size:4rem;margin-bottom:1rem}.no-problems h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text)}.no-problems p{color:var(--muted);margin:.25rem 0}@media(max-width:768px){.revision-list{padding:1rem}.revision-list-header{flex-direction:column;align-items:stretch}.revision-stats{justify-content:center}.problems-table{overflow-x:auto}.table-header,.table-row{grid-template-columns:60px 200px 100px 120px 80px 100px 120px;min-width:780px}}.revision-dialog-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.revision-dialog{background:#0f0f14d9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:20px;border:1px solid rgba(255,255,255,.08);max-width:1600px;width:98vw;height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #0006,inset 0 1px #ffffff0d,0 0 0 1px #ffffff08}.explanation-phase::-webkit-scrollbar,.problem-content::-webkit-scrollbar,.timer-section::-webkit-scrollbar{width:6px}.explanation-phase::-webkit-scrollbar-track,.problem-content::-webkit-scrollbar-track,.timer-section::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.explanation-phase::-webkit-scrollbar-thumb,.problem-content::-webkit-scrollbar-thumb,.timer-section::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.explanation-phase::-webkit-scrollbar-thumb:hover,.problem-content::-webkit-scrollbar-thumb:hover,.timer-section::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;border-radius:20px 20px 0 0}.dialog-header h2{margin:0;color:#fff;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--border);color:var(--text)}.recall-phase{padding:2rem;display:grid;grid-template-columns:380px 1fr;gap:2rem;flex:1;overflow:hidden;height:100%}@media(max-width:968px){.recall-phase{grid-template-columns:1fr;overflow-y:auto}}.timer-section{display:flex;flex-direction:column;align-items:center;margin-bottom:0;background:linear-gradient(135deg,#ffffff08,#ffffff03,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.25rem;border-radius:24px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a,0 10px 40px #0003;overflow-y:auto;height:100%}.timer-display{margin-bottom:1rem}.timer-circle{width:100px;height:100px;border:2px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1e1e23e6,#141419f2);box-shadow:inset 0 2px 10px #ffffff08,0 8px 32px #0000004d,0 0 0 1px #ffffff0d}.timer-text{font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:.5px}.timer-controls{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn-start-timer,.btn-resume-timer,.btn-pause-timer,.btn-skip-timer{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s}.btn-start-timer,.btn-resume-timer{background:var(--primary);color:#fff}.btn-start-timer:hover,.btn-resume-timer:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-pause-timer{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-pause-timer:hover{background:var(--border)}.btn-skip-timer{background:var(--muted);color:#fff}.btn-skip-timer:hover{background:#6b7280}.timer-note{margin-top:1rem;background:#14141999;border-radius:16px;border:1px solid rgba(212,175,55,.15);overflow:hidden;box-shadow:0 4px 20px #0003;width:100%}.timer-note-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#d4af3714;border-bottom:1px solid rgba(212,175,55,.1);color:#eec14b;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.timer-note-header svg{stroke:#eec14b;width:18px;height:18px}.timer-note-content{padding:1.25rem 1.5rem}.timer-note-content ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.timer-note-content li{display:flex;flex-direction:column;gap:.25rem;position:relative;padding-left:1rem}.timer-note-content li:before{content:"";position:absolute;left:0;top:.6rem;width:4px;height:4px;background-color:#eec14b;border-radius:50%;opacity:.8}.note-label{color:#eec14b;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;opacity:.9}.note-text{color:#fffc;font-size:.9rem;line-height:1.5}.note-text strong{color:#fff;font-weight:600}.problem-content{background:linear-gradient(135deg,#ffffff06,#ffffff03);border-radius:16px;border:1px solid rgba(255,255,255,.06);overflow-y:auto;height:100%;box-shadow:inset 0 1px #ffffff08}.content-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff04}.content-header h3{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.problem-snippet{padding:1.5rem;color:#ffffffe6;line-height:1.7;white-space:pre-line;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff03;font-size:.95rem}.loading-problem{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#fff9}.spinner-small{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.problem-title-section{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05}.problem-number{color:var(--primary);font-weight:600;font-size:1.1rem;margin-right:.5rem}.problem-name{color:#fff;font-weight:600;font-size:1.1rem}.leetcode-content{color:#ffffffe6;line-height:1.5}.leetcode-content>*{margin-top:0;margin-bottom:.5rem}.leetcode-content>*:last-child{margin-bottom:0}.leetcode-content p{margin:0 0 .5rem}.leetcode-content p:empty,.leetcode-content p:blank,.leetcode-content div:empty{display:none!important;height:0!important;margin:0!important;padding:0!important}.leetcode-content br{display:block;content:"";margin:.25rem 0}.leetcode-content br+br{display:none}.leetcode-content pre{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.75rem 1rem;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;margin:.5rem 0;white-space:pre-wrap}.leetcode-content code{background:#ffffff1a;padding:.1rem .35rem;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85em}.leetcode-content pre code{background:none;padding:0}.leetcode-content strong{color:#fff;font-weight:600}.leetcode-content ul,.leetcode-content ol{margin:.5rem 0;padding-left:1.25rem}.leetcode-content li{margin-bottom:.25rem}.leetcode-content li:last-child{margin-bottom:0}.leetcode-content img{max-width:100%;height:auto;border-radius:6px;margin:.5rem 0}.leetcode-content .example{background:#ffffff08;border-left:3px solid var(--primary);padding:.75rem 1rem;margin:.5rem 0;border-radius:0 6px 6px 0}.recall-instructions{padding:1.5rem;background:#ffffff02}.recall-instructions p{margin:0 0 1rem;font-weight:600;color:#fff}.recall-instructions ul{margin:0;padding-left:1.5rem;color:#ffffffb3}.recall-instructions li{margin-bottom:.5rem}.explanation-phase{padding:2rem;overflow-y:auto;height:100%}.loading-explanation{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.explanation-content{margin-bottom:2rem}.explanation-content h3{margin:0 0 1rem;color:var(--text);font-size:1.1rem}.explanation-text{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;color:var(--text);line-height:1.6;white-space:pre-line}.no-attempts-notice{margin-top:1rem;padding:1.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;text-align:center}.no-attempts-notice p{margin:.5rem 0;color:#3b82f6;font-size:.95rem;line-height:1.5}.no-attempts-notice p:first-child{font-weight:600;font-size:1rem}.analysis-section{margin-top:1.5rem;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px}.analysis-section h4{margin:0 0 1rem;color:#fff;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.analysis-section ul{margin:0;padding-left:1.5rem;list-style:none}.analysis-section li{color:#ffffffd9;line-height:1.6;margin-bottom:.75rem;position:relative}.analysis-section li:last-child{margin-bottom:0}.analysis-section li strong{color:#fff;font-weight:600}.analysis-section li:before{content:"•";position:absolute;left:-1.25rem;color:var(--primary);font-weight:700}.correct-approach{background:linear-gradient(135deg,#22c55e14,#22c55e05);border-color:#22c55e33}.approach-item{margin-bottom:1.25rem}.approach-item:last-child{margin-bottom:0}.approach-label{display:block;color:#22c55e;font-size:.9rem;margin-bottom:.5rem;font-weight:600}.approach-text{color:#ffffffe6;line-height:1.6;margin:0;padding-left:.5rem}.approach-list{margin:0;padding-left:1.5rem;list-style:none}.approach-list li{color:#ffffffd9;line-height:1.6;margin-bottom:.5rem;position:relative}.approach-list li:last-child{margin-bottom:0}.approach-list li:before{content:"•";position:absolute;left:-1.25rem;color:#22c55e;font-weight:700}.approach-example{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.75rem 1rem;margin:.5rem 0 0;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;color:#ffffffe6;white-space:pre-wrap}.evolution-timeline{display:flex;flex-direction:column;gap:1rem}.evolution-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.evolution-header{background:#3b82f61a;border-bottom:1px solid rgba(59,130,246,.2);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.attempt-badge{background:#3b82f64d;color:#60a5fa;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.concept-label{color:#ffffffe6;font-weight:500;font-size:.95rem}.evolution-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.evolution-item{display:flex;flex-direction:column;gap:.25rem}.evolution-item strong{color:#ffffffb3;font-size:.85rem;font-weight:600}.evolution-item span{color:#ffffffd9;line-height:1.5}.evolution-item.improvement{background:#22c55e0d;border-left:3px solid #22c55e;padding:.5rem .75rem;border-radius:4px;margin-top:.25rem}.evolution-item.improvement strong{color:#22c55e}.evolution-example{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.5rem .75rem;margin-top:.25rem;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;color:#ffffffe6;white-space:pre-wrap}.mistakes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.mistake-card{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mistake-title{color:#f87171;font-weight:600;font-size:.95rem;margin-bottom:.25rem}.mistake-impact{color:#ffffffd9;font-size:.9rem;line-height:1.5}.mistake-example{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.5rem .75rem;margin-top:.25rem;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;color:#ffffffe6;white-space:pre-wrap}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-start-solving,.btn-skip-today{padding:.75rem 2rem;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s;min-width:140px}.btn-start-solving{background:var(--primary);color:#fff}.btn-start-solving:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-start-solving:disabled{background:var(--muted);cursor:not-allowed;opacity:.6}.btn-skip-today{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-skip-today:hover{background:var(--border)}@media(max-width:768px){.revision-dialog-overlay{padding:1rem}.dialog-header{padding:1rem 1.5rem}.dialog-header h2{font-size:1.1rem}.recall-phase,.explanation-phase{padding:1.5rem}.timer-circle{width:100px;height:100px}.timer-text{font-size:1.25rem}.timer-controls,.action-buttons{flex-direction:column;align-items:center}.btn-start-solving,.btn-skip-today{width:100%;max-width:280px}}.docs-page{min-height:100vh;padding:80px 6vw 60px;background:var(--bg)}.docs-header{text-align:center;margin-bottom:48px;animation:fadeInUp .8s ease-out;max-width:800px;margin-left:auto;margin-right:auto}.docs-title{font-size:clamp(2.8rem,4vw,3.2rem);margin-bottom:16px;font-weight:700;color:var(--text-bright)}.docs-subtitle{color:var(--muted);font-size:1.2rem;line-height:1.6;margin-bottom:12px}.docs-nav{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}.docs-nav-item{border:1px solid transparent;background:var(--card-bg);color:var(--text);padding:12px 24px;border-radius:999px;font-weight:600;transition:all .2s ease;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:.95rem}.docs-nav-item:hover{border-color:#f7c65acc;box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.docs-content{max-width:1200px;margin:0 auto}.doc-section{margin-bottom:64px;padding-top:20px;animation:fadeInUp .6s ease-out}.doc-section h2{font-size:2.2rem;margin-bottom:24px;color:var(--text-bright);font-weight:700;border-bottom:2px solid var(--accent);padding-bottom:12px}.purpose-content p{color:var(--text);font-size:1.1rem;line-height:1.7;margin-bottom:16px;padding:20px;background:var(--card-bg);border-radius:12px;border-left:4px solid var(--accent)}.purpose-content-simple{background:var(--card-bg);border-radius:12px;padding:24px;border:1px solid var(--border)}.purpose-content-simple p{color:var(--text);font-size:1.1rem;line-height:1.7;margin-bottom:12px}.purpose-content-simple p:last-child{margin-bottom:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:24px}.feature-card{background:var(--card-bg);border-radius:16px;padding:32px;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 8px 24px #0006}.feature-icon{width:56px;height:56px;border-radius:14px;background:var(--bg);display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid var(--border);transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.08);background:#f5c65a1a;border-color:var(--accent)}.feature-title{margin:0 0 12px;font-size:1.2rem;font-weight:600;color:var(--text-bright);transition:color .3s ease}.feature-description{margin:0;font-size:.95rem;color:var(--muted);line-height:1.7;flex:1}.feature-description ul{margin:0;padding:0;list-style:none}.feature-description li{font-size:1rem;margin-bottom:12px;position:relative;padding-left:24px}.feature-description li:before{content:"•";position:absolute;left:0;color:var(--accent)}.setup-section{margin-bottom:32px}.setup-section h3{font-size:1.5rem;font-weight:600;color:var(--text-bright);margin-bottom:20px}.setup-step{margin-bottom:24px;padding:24px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border)}.setup-step h4{font-size:1.2rem;font-weight:600;color:var(--text-bright);margin-bottom:12px}.setup-step p{color:var(--text);line-height:1.6;margin-bottom:8px}.setup-step p:last-child{margin-bottom:0}.usage-section{margin-top:40px}.usage-section h3{font-size:1.5rem;font-weight:600;color:var(--text-bright);margin-bottom:20px}.usage-intro{color:var(--text);line-height:1.7;margin-bottom:16px;font-size:1.05rem}.revision-phases{display:flex;flex-direction:column;gap:24px;margin-top:24px}.phase{padding:28px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border);transition:all .3s ease}.phase:hover{border-color:#f7c65a4d;box-shadow:0 4px 12px #00000026}.phase h4{font-size:1.3rem;font-weight:600;color:var(--text-bright);margin-bottom:12px}.phase p{color:var(--text);line-height:1.6;margin-bottom:8px}.phase p:last-child{margin-bottom:0}.phase ul{margin:8px 0;padding-left:20px;color:var(--text)}.phase ul li{margin-bottom:4px;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.docs-page{padding:80px 5vw 40px}.docs-header,.docs-nav{margin-bottom:32px}.docs-nav-item{padding:10px 18px;font-size:.9rem}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:24px}.doc-section{margin-bottom:48px}.doc-section h2{font-size:1.8rem}.setup-content{padding:24px}}.feedback-page{min-height:100vh;padding:80px 40px 60px;background:#070707;color:#fff}.feedback-page-container{width:100%;max-width:1200px;margin:0 auto}.feedback-header-section{margin-bottom:32px;text-align:center}.feedback-title{font-size:2rem;font-weight:600;color:#fff;margin:0 auto 12px}.feedback-description{font-size:.95rem;color:#888;line-height:1.6;margin:0 auto;max-width:800px}.feedback-form-container{background:#121214;border:1px solid #1e1e1e;border-radius:16px;padding:32px;width:100%;box-shadow:0 20px 40px #00000080}.feedback-form{display:flex;flex-direction:column;gap:0}.feedback-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:flex-start}.feedback-form-column{display:flex;flex-direction:column;gap:20px}.feedback-form-sidebar{gap:16px}.form-group{display:flex;flex-direction:column;gap:12px}.form-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888}.optional-tag{font-weight:400;text-transform:none;letter-spacing:0;color:#666}.category-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.category-option{padding:10px 12px;background:#1a1a1c;border:1px solid #2a2a2c;border-radius:10px;color:#ccc;font-size:.8rem;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap}.category-option:hover{background:#222224;border-color:#3a3a3c}.category-option.selected{background:#f5c65a26;border-color:#f5c65a80;color:#f5c65a}.form-textarea{width:100%;min-height:140px;padding:14px 16px;background:#1a1a1c;border:1px solid #2a2a2c;border-radius:12px;color:#fff;font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.form-textarea::placeholder{color:#555}.form-textarea:focus{outline:none;border-color:#444}.char-counter{text-align:right;font-size:.75rem;color:#555;margin-top:-8px}.form-input{width:100%;padding:12px 16px;background:#1a1a1c;border:1px solid #2a2a2c;border-radius:12px;color:#fff;font-size:.95rem;font-family:inherit;transition:border-color .2s ease}.form-input::placeholder{color:#555}.form-input:focus{outline:none;border-color:#444}.form-hint{font-size:.75rem;color:#555;margin:0}.file-upload-area{border:2px dashed #2a2a2c;border-radius:12px;padding:32px 24px;text-align:center;transition:all .2s ease;background:#0d0d0f}.file-upload-area:hover{border-color:#3a3a3c;background:#111113}.file-input-hidden{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.upload-icon{font-size:1.5rem;opacity:.6}.upload-text{font-size:.9rem;color:#888}.upload-hint{font-size:.75rem;color:#555}.screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.screenshot-preview-item{position:relative;border-radius:10px;overflow:hidden;border:1px solid #2a2a2c;background:#1a1a1c;aspect-ratio:16/10}.screenshot-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.remove-screenshot-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#000000bf;color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.screenshot-preview-item:hover .remove-screenshot-btn{opacity:1}.clear-all-btn{margin-top:8px;padding:8px 14px;background:transparent;border:1px solid #2a2a2c;border-radius:8px;color:#666;font-size:.8rem;cursor:pointer;transition:all .2s ease;width:100%}.clear-all-btn:hover{background:#f871711a;border-color:#f871714d;color:#f87171}.error-message{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:10px;color:#f87171;font-size:.85rem;line-height:1.4}.error-icon{flex-shrink:0}.form-actions{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid #1a1a1c;margin-top:24px}.form-actions-bottom{grid-column:1 / -1}.feedback-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.feedback-btn-primary{background:linear-gradient(135deg,#f5c65a,#e5b64a);color:#000}.feedback-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffda7a,#f5c65a);transform:translateY(-1px)}.feedback-btn-primary:disabled{opacity:.5;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feedback-success-state{text-align:center;padding:48px 24px}.feedback-success-state .success-icon{font-size:3rem;margin-bottom:16px}.feedback-success-state h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 12px}.feedback-success-state p{font-size:.95rem;color:#888;max-width:400px;margin:0 auto 24px}@media(max-width:900px){.feedback-form-grid{grid-template-columns:1fr}.feedback-form-sidebar{order:-1}.category-selector{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.feedback-page{padding:70px 16px 40px}.feedback-form-container{padding:24px}.category-selector{grid-template-columns:repeat(2,1fr)}.feedback-title{font-size:1.5rem}.form-actions{justify-content:center}.feedback-btn{width:100%}}.app{min-height:100vh;background:var(--bg);position:relative}main{position:relative}section{position:relative}@media(max-width:600px){body{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0C0C0E;--section-bg: #101114;--card-bg: #16171A;--border: #252628;--accent: #F5C65A;--accent-secondary: #D9A542;--accent-gradient: linear-gradient(180deg, #F5C65A 0%, #D9A542 100%);--text: #E6E7E8;--text-bright: #F5F5F7;--muted: #A5A6A8;--icon: #F5C457;--shadow-sm: 0px 4px 16px rgba(0, 0, 0, .15);--shadow-md: 0px 8px 32px rgba(0, 0, 0, .25);--shadow-lg: 0px 16px 48px rgba(0, 0, 0, .35)}.app.light{--bg: #F8F9FB;--section-bg: #F2F4F7;--card-bg: #FFFFFF;--border: #E4E6EB;--accent: #F5C65A;--accent-secondary: #D9A542;--accent-gradient: linear-gradient(180deg, #F5C65A 0%, #D9A542 100%);--text: #1B1D21;--text-bright: #0D0D0E;--muted: #6B6D71;--icon: #F5C457;--shadow-sm: 0px 4px 16px rgba(0, 0, 0, .08);--shadow-md: 0px 8px 32px rgba(0, 0, 0, .12);--shadow-lg: 0px 16px 48px rgba(0, 0, 0, .16)}body{margin:0;min-height:100vh;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;background:var(--bg);color:var(--text);overflow-x:hidden;letter-spacing:-.01em;font-weight:400;line-height:1.55;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}h1{font-size:2rem;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--text-bright)}h2{font-size:1.375rem;font-weight:600;line-height:1.35;letter-spacing:0;color:var(--text)}.card-title,.card-header h2,.task-card-header h2,.performance-card .card-header h2{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text)}p,span,li{font-size:.9375rem;line-height:1.6}html{scroll-behavior:smooth}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{color:var(--text)!important;border-radius:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:.01em}.btn:hover{transform:scale(1.01)}.btn.primary,.btn-primary{background:var(--card-bg);color:var(--text)!important;border:1.5px solid var(--accent);box-shadow:var(--shadow-sm)}.btn.primary:hover,.btn-primary:hover{background:linear-gradient(180deg,#2a2b2d 0%,var(--card-bg) 100%);color:#0a0a0a!important;border-color:var(--accent);box-shadow:0 4px 12px #00000040;transform:translateY(-1px)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--muted);box-shadow:inset 0 1px 2px #0000001a}.btn.ghost:hover{background:var(--card-bg);border-color:var(--border);color:var(--text);transform:scale(1.01)}section{min-height:auto;padding:0}section#home{min-height:90vh}h2,h3,h4,h5,h6{letter-spacing:.3px}.soft-divider{border-bottom:1px solid rgba(255,255,255,.05)}