.navbar{border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);background:#faf6f1e0}[data-theme=dark] .navbar{background:#1a1210e0}.navbar-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em;transition:color .2s ease}.navbar-brand:hover{color:var(--color-accent)}.navbar-brand img{width:34px;height:34px;object-fit:contain}.navbar-links{display:flex;align-items:center;gap:.25rem}.navbar-links a{color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;padding:.4rem .85rem;border-radius:100px;transition:all .25s cubic-bezier(.4,0,.2,1)}.navbar-links a:hover{color:var(--color-primary);background:var(--color-primary-light)}.navbar-logout,.navbar-theme-toggle{background:none;border:1.5px solid var(--color-border);border-radius:100px;padding:.35rem .75rem;cursor:pointer;font-size:.8rem;font-family:var(--font-body);color:var(--color-text-secondary);transition:all .25s cubic-bezier(.4,0,.2,1);margin-left:.25rem}.navbar-logout:hover,.navbar-theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.navbar-theme-toggle{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.navbar-theme-toggle svg{display:block}@media (max-width: 768px){.navbar-inner{padding:0 .75rem;height:52px}.navbar-links{gap:0}.navbar-links a{font-size:.75rem;padding:.3rem .4rem}.navbar-brand{font-size:1.05rem;gap:.35rem}.navbar-brand img{width:26px;height:26px}.navbar-brand span{display:none}.navbar-logout,.navbar-theme-toggle{font-size:.7rem;padding:.25rem .5rem}}@media (max-width: 400px){.navbar-links a{font-size:.7rem;padding:.25rem .3rem}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem}.loader-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:loader-spin .7s linear infinite}.loader-text{font-size:.9rem;color:var(--color-text-secondary)}@keyframes loader-spin{to{transform:rotate(360deg)}}.landing{overflow-x:clip}.btn-outline{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.pill-btn{border-radius:100px}.btn-lg{padding:.9rem 2rem;font-size:1.02rem}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .95rem .42rem .8rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;font-size:.82rem;font-weight:600;color:var(--color-text-secondary);box-shadow:var(--shadow-sm)}.pill-dot{width:8px;height:8px;border-radius:50%;background:var(--grad-sunset);box-shadow:0 0 0 3px var(--color-accent-light)}.hero{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.hero-inner{display:grid;grid-template-columns:1.02fr .98fr;gap:3.5rem;align-items:center}.hero-copy{max-width:560px}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,5.2vw,4rem);line-height:1.04;letter-spacing:-.03em;margin:1.4rem 0 1.25rem}.hero-title .grad{background:var(--grad-sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:1.14rem;line-height:1.65;color:var(--color-text-secondary);font-weight:300;margin-bottom:2rem}.hero-sub em{font-style:italic;color:var(--color-primary);font-weight:500}.hero-cta{display:flex;gap:.85rem;flex-wrap:wrap}.hero-trust{display:flex;align-items:center;gap:.7rem;margin-top:1.6rem;font-size:.85rem;color:var(--color-text-secondary)}.hero-trust-dots{display:inline-flex}.hero-trust-dots i{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-bg);margin-left:-8px;display:inline-block}.hero-trust-dots i:nth-child(1){background:var(--color-teal);margin-left:0}.hero-trust-dots i:nth-child(2){background:var(--color-accent)}.hero-trust-dots i:nth-child(3){background:var(--color-gold)}.hero-trust-dots i:nth-child(4){background:var(--color-primary)}.hero-visual{position:relative;justify-self:center;width:100%;max-width:440px;aspect-ratio:1 / 1.05}.hero-visual:before{content:"";position:absolute;top:-8%;right:-6%;bottom:-12%;left:-8%;background:radial-gradient(60% 55% at 70% 30%,rgba(255,138,60,.35),transparent 70%),radial-gradient(55% 55% at 20% 85%,rgba(18,163,184,.28),transparent 70%);filter:blur(8px);z-index:0}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:6px solid var(--color-surface);z-index:1;transform:rotate(2deg)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo-tag{position:absolute;top:.9rem;left:.9rem;background:#0a2a338c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.72rem;font-weight:600;padding:.28rem .7rem;border-radius:100px;letter-spacing:.02em}.hero-card{position:absolute;left:-9%;bottom:6%;width:220px;z-index:3;background:#ffffffd1;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(255,255,255,.75);border-radius:var(--radius-md);padding:1rem 1.1rem;box-shadow:var(--shadow-lg);animation:floaty 6s ease-in-out infinite}.hero-card-top{display:flex;align-items:center;justify-content:space-between}.hc-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}.hc-play{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-sunset);color:#fff;box-shadow:0 4px 10px -3px #ff6a3d99}.hc-play svg{width:12px;height:12px;margin-left:1px}.hc-word{font-family:var(--font-display);font-weight:800;font-size:1.7rem;line-height:1.1;margin-top:.5rem;color:var(--color-text)}.hc-pron{font-size:.78rem;color:var(--color-text-secondary);font-style:italic}.hc-divider{height:1px;background:var(--color-border);margin:.6rem 0}.hc-en{font-size:.95rem;font-weight:600;color:var(--color-text)}.hero-streak{position:absolute;right:-7%;top:8%;z-index:3;display:flex;flex-direction:column;align-items:center;background:#ffffffd1;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(255,255,255,.75);border-radius:var(--radius-md);padding:.7rem 1rem;box-shadow:var(--shadow-lg);animation:floaty 6s ease-in-out infinite 1.5s}.hero-streak-num{font-family:var(--font-display);font-weight:800;font-size:1.6rem;line-height:1;color:var(--color-accent)}.hero-streak-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);font-weight:600}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.marquee{overflow:hidden;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface-tinted);padding:.85rem 0;margin:1.5rem 0 1rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:inline-flex;white-space:nowrap;animation:marquee 30s linear infinite}.marquee-word{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--color-primary);padding:0 .25rem}.marquee-word i{color:var(--color-accent);font-style:normal;margin:0 1.4rem;font-size:.7rem}@keyframes marquee{to{transform:translate(-50%)}}.landing-section{max-width:1120px;margin:0 auto;padding:4rem 1.5rem 1rem}.section-head{text-align:center;max-width:640px;margin:0 auto 2.75rem}.section-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.85rem}.section-title{font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .85rem;color:var(--color-text)}.section-sub{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7;font-weight:300;margin:0}.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(160px,auto);gap:1.25rem}.bento-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.6rem;box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:transparent}.bento-lg{grid-row:span 2;grid-column:span 1}.bento-wide{grid-column:span 2}.bento-ic{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.1rem}.bento-ic svg{width:24px;height:24px}.ic-teal{background:var(--color-primary-light);color:var(--color-primary)}.ic-coral{background:var(--color-accent-light);color:var(--color-accent)}.ic-gold{background:var(--color-gold-light);color:var(--color-warning)}.bento-card h3{font-family:var(--font-display);font-size:1.2rem;margin:0 0 .5rem}.bento-card p{color:var(--color-text-secondary);font-size:.92rem;line-height:1.6;font-weight:300;margin:0}.bento-art{display:flex;gap:.5rem;margin-top:1.4rem;flex-wrap:wrap}.bento-art span{font-size:.75rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-light);border:1px solid rgba(14,107,125,.15);padding:.35rem .7rem;border-radius:100px}.steps{display:flex;align-items:flex-start;justify-content:center;gap:.5rem}.step{flex:1;max-width:290px;text-align:center;padding:0 .5rem}.step-num{width:56px;height:56px;margin:0 auto 1.1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:#fff;background:var(--grad-sunset);box-shadow:0 10px 22px -8px #ff6a3d99}.step h3{font-family:var(--font-display);font-size:1.2rem;margin:0 0 .5rem}.step p{color:var(--color-text-secondary);font-size:.92rem;line-height:1.6;font-weight:300;margin:0}.step-line{flex:0 0 60px;height:2px;margin-top:28px;background:linear-gradient(90deg,var(--color-border),var(--color-accent),var(--color-border));opacity:.55}.why{max-width:1120px;margin:4rem auto 2rem;padding:0 1.5rem;display:grid;grid-template-columns:.92fr 1.08fr;gap:3rem;align-items:center}.why-photo{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4 / 5}.why-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,transparent 55%,rgba(10,42,51,.35))}.why-photo img{width:100%;height:100%;object-fit:cover}.why-body .section-eyebrow{display:block}.why-body .section-title{text-align:left}.why-list{list-style:none;padding:0;margin:1.75rem 0 0;display:flex;flex-direction:column;gap:1.4rem}.why-list li{display:flex;gap:1rem;align-items:flex-start}.why-ic{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center}.why-ic svg{width:22px;height:22px}.why-list strong{display:block;font-family:var(--font-display);font-size:1.1rem;margin-bottom:.2rem}.why-list div span{color:var(--color-text-secondary);font-size:.94rem;line-height:1.6;font-weight:300}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.1rem}.vocab-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.3rem 1.35rem;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.vocab-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad-sunset);opacity:0;transition:opacity .3s ease}.vocab-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:transparent}.vocab-card:hover:before{opacity:1}.vocab-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.vocab-tl{font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--color-primary);line-height:1.1}.vocab-speaker{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent)}.vocab-speaker svg{width:17px;height:17px}.vocab-hint{font-size:.78rem;color:var(--color-text-secondary);letter-spacing:.02em;margin:.4rem 0 .55rem;font-style:italic}.vocab-en{font-size:.95rem;color:var(--color-text);font-weight:600;padding-top:.6rem;border-top:1px dashed var(--color-border)}.cta-band{max-width:1120px;margin:4rem auto 3.5rem;padding:0 1.5rem}.cta-inner{position:relative;overflow:hidden;text-align:center;background:var(--grad-ink);border-radius:var(--radius-xl);padding:4rem 2rem;box-shadow:var(--shadow-lg)}.cta-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 90% at 50% 120%,rgba(255,138,60,.45),transparent 70%),radial-gradient(40% 70% at 12% 10%,rgba(18,163,184,.3),transparent 70%);pointer-events:none}.cta-inner>*{position:relative;z-index:1}.cta-inner h2{font-family:var(--font-display);color:#fff;font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 .85rem;letter-spacing:-.02em}.cta-inner p{color:#ffffffd1;margin:0 auto 2rem;max-width:440px;font-weight:300;font-size:1.08rem}.cta-btn{background:var(--grad-sunset);color:#fff;box-shadow:var(--shadow-glow);padding:.95rem 2.4rem;font-size:1.05rem}.cta-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.landing-footer{max-width:1120px;margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:2fr 1fr;gap:1.5rem 2rem;border-top:1px solid var(--color-border);align-items:start}.footer-logo{width:150px;margin-bottom:.85rem}.footer-brand p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;max-width:340px;font-weight:300}.footer-links{display:flex;flex-direction:column;gap:.55rem;justify-self:end}.footer-col-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--color-text);margin-bottom:.2rem}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.92rem;transition:color .2s ease}.footer-links a:hover{color:var(--color-accent)}.footer-copy{grid-column:1 / -1;border-top:1px solid var(--color-border);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;color:var(--color-text-secondary);font-size:.82rem}.footer-made{font-family:var(--font-display);font-weight:700;color:var(--color-accent)}@media (prefers-reduced-motion: reduce){.hero-card,.hero-streak,.marquee-track{animation:none}}@media (max-width: 940px){.hero-inner{grid-template-columns:1fr;gap:2.5rem}.hero-copy{max-width:620px;margin:0 auto;text-align:center}.hero-cta,.hero-trust{justify-content:center}.hero-visual{max-width:380px}.bento{grid-template-columns:repeat(2,1fr)}.bento-lg{grid-row:span 1}.bento-wide{grid-column:span 2}.why{grid-template-columns:1fr;gap:2rem}.why-photo{max-width:440px;margin:0 auto;aspect-ratio:16 / 11}.steps{flex-direction:column;align-items:center;gap:1.75rem}.step-line{display:none}.step{max-width:360px}}@media (max-width: 560px){.hero-visual{max-width:320px}.hero-card{width:175px;left:-4%;padding:.85rem .95rem}.hero-streak{right:-3%}.bento{grid-template-columns:1fr}.bento-wide{grid-column:span 1}.landing-footer{grid-template-columns:1fr}.footer-links{justify-self:start}.footer-copy{flex-direction:column;gap:.5rem;align-items:flex-start}.cta-inner{padding:2.75rem 1.5rem}}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-group label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.input-group input{padding:.6rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.925rem;color:var(--color-text);background:var(--color-surface);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-group input::placeholder{color:var(--color-text-secondary);opacity:.6}.input-error{font-size:.8rem;color:var(--color-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;letter-spacing:-.01em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-md{padding:.55rem 1.1rem;font-size:.9rem}.btn-lg{padding:.7rem 1.5rem;font-size:1rem}.btn-primary{background:var(--grad-sunset);color:#fff;box-shadow:0 6px 16px -5px #ff6a3d73}.btn-primary:hover:not(:disabled){box-shadow:0 10px 24px -6px #ff6a3d8c;filter:brightness(1.04) saturate(1.05);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-light)}.btn-spinner{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:2.5rem 1.5rem}.auth-shell{width:100%;max-width:920px;display:grid;grid-template-columns:1.05fr 1fr;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.auth-brand{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--color-primary-dark),var(--color-primary));color:#fff;padding:3rem 2.5rem;display:flex;align-items:center}.auth-brand:after{content:"";position:absolute;bottom:-90px;left:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(212,160,23,.28),transparent 70%);pointer-events:none}.auth-brand-content{position:relative;z-index:1}.auth-brand-logo{width:150px;margin-bottom:1.5rem;background:#fff;padding:.5rem .85rem;border-radius:var(--radius-md);box-shadow:0 6px 18px #0000002e}.auth-brand-heading{font-family:var(--font-display);font-size:1.9rem;color:#fff;margin:0 0 .6rem;line-height:1.15}.auth-brand-sub{color:#ffffffd9;font-size:.95rem;line-height:1.6;font-weight:300;margin:0 0 1.75rem;max-width:320px}.auth-benefits{list-style:none;padding:0;margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.85rem}.auth-benefits li{display:flex;align-items:center;gap:.65rem;font-size:.92rem;color:#ffffffeb}.auth-benefit-ic{flex:0 0 auto;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff26;color:var(--color-gold)}.auth-brand-chips{display:flex;flex-wrap:wrap;gap:.5rem}.auth-brand-chips span{display:flex;flex-direction:column;line-height:1.1;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm);padding:.4rem .7rem;font-family:var(--font-display);font-weight:700;font-size:.9rem}.auth-brand-chips em{font-family:var(--font-body);font-style:normal;font-weight:400;font-size:.68rem;color:#ffffffb3;margin-top:1px}.auth-container{padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center}.auth-title{margin:0 0 .3rem;font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.auth-subtitle{color:var(--color-text-secondary);margin:0 0 1.75rem;font-size:.92rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-submit{width:100%;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.95rem;border-radius:var(--radius-md)}.auth-switch{margin-top:1.5rem;font-size:.85rem;color:var(--color-text-secondary)}.auth-switch a{color:var(--color-accent);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}@media (max-width: 760px){.auth-shell{grid-template-columns:1fr;max-width:420px}.auth-brand{display:none}.auth-container{padding:2.25rem 1.75rem}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.progress-bar-container{width:100%}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.progress-bar-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.progress-bar-percent{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.progress-bar-track{width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-radius:3px;transition:width .4s ease}.progress-bar-wrapper{display:flex;align-items:center;gap:.75rem;width:100%}.streak-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;padding:1.25rem}.streak-flame{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--color-gold-light);color:var(--color-warning);line-height:1;opacity:.45;margin-bottom:.15rem}.streak-flame.active{opacity:1;color:var(--color-accent);background:var(--color-accent-light)}.streak-count{font-size:2rem;font-weight:700;color:var(--color-gold);line-height:1.1;letter-spacing:-.02em}.streak-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.recent-activity{margin-top:.5rem}.section-title-sm{font-family:var(--font-display);font-size:1.2rem;margin:0 0 1rem}.activity-list{display:flex;flex-direction:column;gap:.6rem}.activity-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.92rem;transition:border-color .2s ease,transform .2s ease}.activity-item:hover{border-color:var(--color-accent);transform:translate(2px)}.activity-icon{flex-shrink:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary)}.activity-icon svg{width:18px;height:18px}.activity-icon-quiz_completed{background:var(--color-accent-light);color:var(--color-accent)}.activity-icon-flashcard_reviewed{background:var(--color-gold-light);color:var(--color-warning)}.activity-title{flex:1;font-weight:500}.activity-time{color:var(--color-text-secondary);font-size:.8rem;flex-shrink:0}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.dashboard-stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:1.25rem}.dashboard-stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.dashboard-stat-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.dashboard-stat-sub{font-size:.8rem;color:var(--color-text-secondary)}.dashboard-action-link{display:inline-block;margin-top:.5rem;font-size:.85rem;font-weight:600;color:var(--color-primary);text-decoration:none}.dashboard-action-link:hover{text-decoration:underline}.dashboard-actions{display:grid;gap:1rem}.dashboard-continue{text-align:center}.dashboard-continue h3{margin:0 0 .25rem;font-size:1.1rem}.dashboard-continue p{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.9rem}@media (max-width: 768px){.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.dashboard-stat-card{padding:1rem}.dashboard-stat-value{font-size:1.5rem}.dashboard-stat-label{font-size:.7rem}}@media (max-width: 400px){.dashboard-stats{grid-template-columns:1fr}}.dashboard-page{background:radial-gradient(900px circle at 100% -10%,var(--color-accent-light),transparent 45%),linear-gradient(160deg,var(--color-primary-light) 0%,transparent 38%);min-height:calc(100vh - 60px)}.dashboard-header{margin-bottom:1.75rem}.course-card{display:flex;flex-direction:column;gap:.6rem;cursor:pointer;text-decoration:none;color:inherit;position:relative;overflow:hidden;padding-top:1.65rem}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.course-card-level{align-self:flex-start;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.22rem .65rem;border-radius:20px;color:#fff}.level-beginner{background:var(--color-primary)}.level-intermediate{background:var(--color-gold);color:#3a2a10}.level-advanced{background:var(--color-accent)}.course-card-title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1.25}.course-card-desc{margin:0;font-size:.9rem;color:var(--color-text-secondary);line-height:1.55;flex:1}.course-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding-top:.85rem;border-top:1px solid var(--color-border);font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.course-card-meta span{display:inline-flex;align-items:center;gap:.4rem}.course-card-meta span:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E") center/contain no-repeat}.course-card-meta:after{content:"Start learning →";color:var(--color-accent);font-weight:700;transition:transform .25s ease}.course-card:hover .course-card-meta:after{transform:translate(3px)}.course-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem}.course-card-soon{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;background:var(--color-surface-tinted);color:var(--color-text-secondary)}.soon-badge{align-self:flex-start;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.22rem .65rem;border-radius:20px;background:var(--color-gold-light);color:var(--color-gold);margin-bottom:.35rem}.course-card-soon h3{margin:0;font-family:var(--font-display);font-size:1.15rem;color:var(--color-text)}.course-card-soon p{margin:0;font-size:.88rem;line-height:1.55}.level-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.level-tab{padding:.5rem 1.15rem;border:1px solid var(--color-border);border-radius:100px;background:var(--color-surface);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);transition:all .2s ease}.level-tab:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.level-tab.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 4px 14px #e85d3a47}.lesson-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;min-width:240px}.lesson-sidebar-title{margin:0 0 .75rem;font-size:.9rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.lesson-sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.lesson-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:8px;text-decoration:none;color:var(--color-text);font-size:.9rem;transition:background .2s}.lesson-sidebar-item:hover{background:var(--color-bg)}.lesson-sidebar-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.lesson-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border:2px solid var(--color-border);color:var(--color-text-secondary);flex-shrink:0}.lesson-status.completed{background:var(--color-success);border-color:var(--color-success);color:#fff}.course-back-link{display:inline-block;margin-bottom:1.25rem;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.course-back-link:hover{color:var(--color-accent)}.course-detail{display:flex;gap:2.5rem;align-items:flex-start}.course-detail-main{flex:1;min-width:0}.course-detail-level{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.22rem .65rem;border-radius:20px;color:#fff;margin-bottom:.85rem}.course-detail-title{font-family:var(--font-display);font-size:2.1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem}.course-detail-desc{color:var(--color-text-secondary);line-height:1.65;font-size:1.02rem;font-weight:300;margin:0}.course-detail-progress{margin-top:1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.1rem 1.25rem}.course-detail-lessons{margin-top:2.5rem}.course-detail-lessons h2{font-family:var(--font-display);font-size:1.4rem;margin:0 0 1rem}.course-lesson-link{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);margin-bottom:.6rem;transition:all .2s ease}.course-lesson-link:hover{border-color:var(--color-accent);background:var(--color-accent-light);transform:translate(3px)}.course-lesson-title{flex:1;font-weight:500}.course-lesson-arrow{color:var(--color-accent);font-weight:700;opacity:0;transition:opacity .2s ease}.course-lesson-link:hover .course-lesson-arrow{opacity:1}.lesson-number{width:30px;height:30px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;flex-shrink:0;color:var(--color-text-secondary)}.lesson-number.completed{background:var(--color-success);border-color:var(--color-success);color:#fff}@media (max-width: 768px){.course-detail{flex-direction:column-reverse;gap:1.5rem}.course-detail-title{font-size:1.7rem}}.lesson-content{display:flex;flex-direction:column;gap:2rem}.lesson-section{padding:1.5rem;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border)}.lesson-section-grammar{border-left:4px solid var(--color-primary)}.lesson-section-title{margin:0 0 .75rem;font-size:1.15rem}.lesson-section-body{color:var(--color-text-secondary);line-height:1.6;margin:0 0 1rem}.lesson-examples{display:flex;flex-direction:column;gap:.5rem}.lesson-example{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .8rem;background:var(--color-bg);border-radius:8px}.lesson-example-tagalog{font-weight:600;color:var(--color-primary)}.lesson-example-english{font-size:.9rem;color:var(--color-text-secondary)}.tts-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .2s;flex-shrink:0}.tts-button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.tts-playing{animation:pulse .8s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.vocabulary-list{margin-top:1rem}.vocabulary-title{margin:0 0 1rem}.vocabulary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.vocabulary-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.vocabulary-item-header{display:flex;justify-content:space-between;align-items:flex-start}.vocabulary-tagalog{font-weight:700;font-size:1.1rem;color:var(--color-primary);display:block}.vocabulary-pronunciation{font-size:.8rem;color:var(--color-text-secondary);font-style:italic}.vocabulary-english{font-size:.95rem}.vocabulary-pos{font-size:.75rem;color:var(--color-text-secondary);background:var(--color-bg);padding:.15rem .4rem;border-radius:4px;width:fit-content}.vocabulary-example{margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.1rem}.vocabulary-example-tl{font-size:.85rem;font-style:italic}.vocabulary-example-en{font-size:.8rem;color:var(--color-text-secondary)}.lesson-page{max-width:780px}.lesson-head{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.lesson-back-link{display:inline-block;margin-bottom:1rem;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.lesson-back-link:hover{color:var(--color-accent)}.lesson-eyebrow{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.4rem}.lesson-title{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0}.lesson-footer{margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.lesson-complete-btn{padding:.7rem 1.75rem}@media (max-width: 560px){.lesson-title{font-size:1.6rem}.lesson-footer{justify-content:stretch}.lesson-footer .btn{flex:1}}.flashcard-deck{display:flex;flex-direction:column;gap:.55rem;position:relative;overflow:hidden;padding-left:1.65rem}.flashcard-deck:before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:linear-gradient(180deg,var(--color-gold),var(--color-accent))}.flashcard-deck:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.flashcard-deck-title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700}.flashcard-deck-desc{margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;flex:1}.flashcard-deck-count{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;margin-top:.35rem;font-size:.78rem;font-weight:700;color:var(--color-accent);background:var(--color-accent-light);padding:.28rem .7rem;border-radius:100px}.flashcard-decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.flashcard-item-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:480px;margin:0 auto}.flashcard-flip-wrapper{width:100%;height:280px;perspective:1000px;cursor:pointer}.flashcard-inner{width:100%;height:100%;position:relative}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-shadow:var(--shadow-md)}.flashcard-back{transform:rotateY(180deg);border-color:var(--color-primary);border-width:2px}.flashcard-face-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.flashcard-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.flashcard-text{margin:0;font-size:1.75rem;text-align:center;font-weight:600}.flashcard-hint{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.flashcard-tap-hint{position:absolute;bottom:1rem;font-size:.75rem;color:var(--color-text-secondary);opacity:.6}.flashcard-rating{text-align:center}.flashcard-rating-label{margin:0 0 .75rem;color:var(--color-text-secondary);font-size:.85rem}.flashcard-rating-buttons{display:flex;gap:.5rem}.rating-btn{padding:.5rem 1.2rem;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-family:inherit;color:#fff;transition:all .15s ease;font-size:.85rem}.rating-btn:hover{opacity:.85;transform:translateY(-1px)}.rating-again{background:#ef4444}.rating-hard{background:#f59e0b}.rating-good{background:#22c55e}.rating-easy{background:#3b82f6}.review-card-wrapper{margin-top:2.5rem;display:flex;justify-content:center}.review-empty,.review-complete{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-top:3rem;max-width:560px;margin:0 auto}.review-empty h2,.review-complete h2{font-family:var(--font-display);font-size:1.9rem;margin:0}.review-empty p{color:var(--color-text-secondary);margin:0}.review-summary{display:flex;gap:1rem;justify-content:center;width:100%;padding:1.75rem 1.5rem}.review-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem}.review-stat+.review-stat{border-left:1px solid var(--color-border)}.review-stat-value{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--color-primary);line-height:1}.review-stat:nth-child(2) .review-stat-value{color:var(--color-success)}.review-stat:nth-child(3) .review-stat-value{color:var(--color-accent)}.review-stat-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.quiz-question{display:flex;flex-direction:column;gap:1rem}.quiz-question-text{font-size:1.2rem;margin:0}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border:2px solid var(--color-border);border-radius:10px;background:var(--color-surface);cursor:pointer;font-size:.95rem;font-family:inherit;text-align:left;transition:all .2s}.quiz-option:hover{border-color:var(--color-primary)}.quiz-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.quiz-option-letter{width:28px;height:28px;border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.quiz-fill-input{padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:10px;font-size:1rem;font-family:inherit;background:var(--color-surface);color:var(--color-text)}.quiz-fill-input:focus{outline:none;border-color:var(--color-primary)}.quiz-hint{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.matching-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.matching-column{display:flex;flex-direction:column;gap:.5rem}.matching-item{padding:.6rem .8rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .2s}.matching-item:hover:not(:disabled){border-color:var(--color-primary)}.matching-item.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.matching-item.matched{opacity:.5;cursor:default;background:var(--color-success);border-color:var(--color-success);color:#fff}.quiz-container{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto}.quiz-question-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm)}.quiz-nav{display:flex;justify-content:space-between}@media (max-width: 768px){.quiz-question-wrapper{padding:1.25rem}}.quiz-results{max-width:600px;margin:0 auto}.quiz-results-header{text-align:center;margin-bottom:2rem}.quiz-results-header h2{margin:0 0 1rem}.quiz-score{font-size:3rem;font-weight:700}.quiz-score.passing{color:var(--color-success)}.quiz-score.failing{color:var(--color-danger)}.quiz-percentage{font-size:1.2rem;color:var(--color-text-secondary);margin:.25rem 0}.quiz-grade-text{font-size:1.1rem;font-weight:600}.quiz-results-details{display:flex;flex-direction:column;gap:.75rem}.quiz-results-details h3{margin:0 0 .5rem}.quiz-result-item{display:flex;gap:1rem;align-items:flex-start}.quiz-result-item.correct{border-left:4px solid var(--color-success)}.quiz-result-item.incorrect{border-left:4px solid var(--color-danger)}.quiz-result-status{font-size:1.2rem;font-weight:700;flex-shrink:0}.quiz-result-item.correct .quiz-result-status{color:var(--color-success)}.quiz-result-item.incorrect .quiz-result-status{color:var(--color-danger)}.quiz-result-content p{margin:.2rem 0;font-size:.9rem}.quiz-result-question{font-weight:600}.quiz-result-correct{color:var(--color-success)}.quiz-head{max-width:600px;margin:0 auto 1.75rem;text-align:center}.quiz-title{font-family:var(--font-display);font-size:1.9rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .4rem}.quiz-subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--color-surface);border-radius:12px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);line-height:1}.modal-body{padding:1.5rem}.admin-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;border-bottom:1px solid var(--color-border);padding-bottom:1.25rem}.admin-tab{padding:.5rem 1.15rem;border:1px solid var(--color-border);border-radius:100px;background:var(--color-surface);cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:600;color:var(--color-text-secondary);transition:all .2s ease}.admin-tab:hover{border-color:var(--color-accent);color:var(--color-accent)}.admin-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 14px #1a527640}.admin-content{display:flex;flex-direction:column;gap:.5rem}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.admin-count{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.admin-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.admin-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease}.admin-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.admin-item-main{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-item-main strong{font-size:1rem;font-weight:700}.admin-badge{font-size:.68rem;padding:.2rem .6rem;border-radius:100px;background:var(--color-primary-light);color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-beginner{background:var(--color-primary-light);color:var(--color-primary)}.badge-intermediate{background:var(--color-gold-light);color:var(--color-warning)}.badge-advanced{background:var(--color-accent-light);color:var(--color-accent)}.badge-published{background:#2d865924;color:var(--color-success)}.badge-draft{background:var(--color-border);color:var(--color-text-secondary)}.badge-admin{background:var(--color-accent-light);color:var(--color-accent)}.admin-meta{font-size:.85rem;color:var(--color-text-secondary)}.admin-actions{display:flex;gap:.5rem;flex-shrink:0}.admin-form{display:flex;flex-direction:column;gap:1rem}.admin-form select.input{padding:.6rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.925rem;color:var(--color-text);background:var(--color-surface);outline:none}.admin-form select.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}@media (max-width: 620px){.admin-item{flex-direction:column;align-items:flex-start}.admin-actions{width:100%}}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}.game-card{position:relative;overflow:hidden;text-decoration:none;color:#fff;border-radius:var(--radius-lg);padding:1.6rem 1.5rem 1.4rem;min-height:190px;display:flex;flex-direction:column;box-shadow:var(--shadow-md);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease}.game-card:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:var(--shadow-lg)}.game-card:after{content:"";position:absolute;right:-30px;bottom:-30px;width:130px;height:130px;border-radius:50%;background:#ffffff29}.t-coral{background:linear-gradient(150deg,#ff6a3d,#ff9a3d)}.t-teal{background:linear-gradient(150deg,#12a3b8,#0e6b7d)}.t-gold{background:linear-gradient(150deg,#f6b73c,#ef9a35)}.t-violet{background:linear-gradient(150deg,#8b5cf6,#6d3bd6)}.t-green{background:linear-gradient(150deg,#21c197,#17936a)}.t-blue{background:linear-gradient(150deg,#3b9bff,#2f6fe0)}.game-ic{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;background:#ffffff38;margin-bottom:auto;position:relative;z-index:1}.game-card h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin:1.1rem 0 .3rem;position:relative;z-index:1}.game-count{font-size:.85rem;opacity:.9;position:relative;z-index:1}.game-play{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;font-weight:700;font-size:.9rem;position:relative;z-index:1}.game-play i{transition:transform .2s ease;font-style:normal}.game-card:hover .game-play i{transform:translate(4px)}.match-page{max-width:760px}.match-head{text-align:center;margin-bottom:1.5rem}.match-back{display:inline-block;margin-bottom:.9rem;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500}.match-back:hover{color:var(--color-accent)}.match-title{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .4rem}.match-instructions{color:var(--color-text-secondary);margin:0}.match-hud{display:flex;align-items:center;gap:1rem;max-width:520px;margin:0 auto 1.75rem}.match-progress-label,.match-moves{font-size:.8rem;font-weight:700;color:var(--color-text-secondary);white-space:nowrap}.match-progress-track{flex:1;height:10px;background:var(--color-border);border-radius:100px;overflow:hidden}.match-progress-fill{height:100%;background:var(--grad-sunset);border-radius:100px;transition:width .4s cubic-bezier(.4,0,.2,1)}.match-board{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;max-width:560px;margin:0 auto}.match-col{display:flex;flex-direction:column;gap:.85rem}.match-col-label{text-align:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:.15rem}.mtile{font-family:var(--font-body);font-size:1.05rem;font-weight:600;padding:1.05rem 1rem;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,opacity .3s ease;box-shadow:var(--shadow-sm);min-height:58px}.mtile-tl{font-family:var(--font-display);font-weight:700;color:var(--color-primary)}.mtile:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.mtile.sel{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.mtile.matched{opacity:.55;border-color:var(--color-success);background:#17936a1f;color:var(--color-success);cursor:default;box-shadow:none}.mtile.wrong{border-color:var(--color-danger);background:#d1493b1a;color:var(--color-danger);animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.match-win{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a2a3380;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;padding:1.5rem;animation:fadein .3s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.match-win-card{position:relative;overflow:hidden;background:var(--color-surface);border-radius:var(--radius-xl);padding:2.75rem 2.25rem 2.25rem;text-align:center;max-width:420px;width:100%;box-shadow:var(--shadow-lg);animation:pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.match-win-star{color:var(--color-gold);margin-bottom:.5rem}.match-win-card h2{font-family:var(--font-display);font-size:1.9rem;margin:0 0 .5rem}.match-win-card p{color:var(--color-text-secondary);margin:0 0 1.75rem}.match-win-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti .c{position:absolute;top:-10px;width:9px;height:14px;border-radius:2px;animation:fall 1.8s linear infinite}.confetti .c0{left:8%;background:var(--color-accent);animation-delay:0s}.confetti .c1{left:24%;background:var(--color-teal);animation-delay:.2s}.confetti .c2{left:42%;background:var(--color-gold);animation-delay:.5s}.confetti .c3{left:60%;background:#8b5cf6;animation-delay:.1s}.confetti .c4{left:78%;background:var(--color-success);animation-delay:.35s}.confetti .c:nth-child(6){left:16%}.confetti .c:nth-child(7){left:34%}.confetti .c:nth-child(8){left:52%}.confetti .c:nth-child(9){left:70%}.confetti .c:nth-child(10){left:88%}.confetti .c:nth-child(11){left:30%}.confetti .c:nth-child(12){left:48%}.confetti .c:nth-child(13){left:66%}@keyframes fall{to{transform:translateY(360px) rotate(360deg);opacity:.2}}@media (prefers-reduced-motion: reduce){.confetti{display:none}.match-win-card,.mtile.wrong{animation:none}}@media (max-width: 480px){.match-board{gap:.7rem .8rem}.mtile{font-size:.95rem;padding:.9rem .7rem;min-height:54px}}.teacher-page{max-width:1120px}.tclass-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.tstat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem 1.35rem;box-shadow:var(--shadow-sm)}.tstat-val{display:block;font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--color-primary);line-height:1}.tstat:nth-child(2) .tstat-val{color:var(--color-accent)}.tstat:nth-child(4) .tstat-val{color:var(--color-success)}.tstat-label{display:block;margin-top:.4rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--color-text-secondary)}.tattention{display:flex;gap:.85rem;align-items:center;background:var(--color-gold-light);border:1px solid rgba(239,171,53,.3);border-radius:var(--radius-md);padding:.9rem 1.15rem;margin-bottom:1.75rem}.tattention-ic{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#efab3533;color:var(--color-warning)}.tattention strong{display:block;font-size:.95rem}.tattention span{font-size:.86rem;color:var(--color-text-secondary)}.teacher-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:1.5rem;align-items:start}.section-bar{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.section-bar h2{font-family:var(--font-display);font-size:1.3rem;margin:0}.section-bar span{font-size:.82rem;color:var(--color-text-secondary);font-weight:600}.gb-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.gb-head,.gb-row{display:grid;grid-template-columns:2fr .8fr 1fr 1fr .9fr 1.2fr;align-items:center;gap:.5rem;padding:.8rem 1.1rem}.gb-head{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--color-text-secondary);background:var(--color-surface-tinted);border-bottom:1px solid var(--color-border)}.gb-row{border-bottom:1px solid var(--color-border);font-size:.9rem;transition:background .15s ease}.gb-row:last-child{border-bottom:none}.gb-row:hover{background:var(--color-surface-tinted)}.gb-student{display:flex;align-items:center;gap:.65rem;font-weight:600}.gb-muted{color:var(--color-text-secondary)}.gb-streak i{font-style:normal;color:var(--color-text-secondary);font-size:.8rem;margin-left:1px}.gb-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;background:var(--grad-teal)}.gb-avatar.sm{width:30px;height:30px;font-size:.66rem}.grade-pill{display:inline-block;font-size:.8rem;font-weight:700;padding:.25rem .6rem;border-radius:100px}.grade-pill.sm{font-size:.72rem;padding:.18rem .5rem}.g-a{background:#17936a26;color:var(--color-success)}.g-b{background:var(--color-primary-light);color:var(--color-primary)}.g-c{background:var(--color-gold-light);color:var(--color-warning)}.g-d{background:#d1493b21;color:var(--color-danger)}.tfeed{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.5rem;box-shadow:var(--shadow-sm)}.tfeed-item{display:flex;align-items:center;gap:.7rem;padding:.7rem .65rem;border-bottom:1px solid var(--color-border)}.tfeed-item:last-child{border-bottom:none}.tfeed-body{flex:1;min-width:0;display:flex;flex-direction:column}.tfeed-body strong{font-size:.88rem}.tfeed-body span{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tfeed-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.tfeed-when{font-size:.72rem;color:var(--color-text-secondary)}.teacher-note{text-align:center;margin-top:1.5rem;font-size:.78rem;color:var(--color-text-secondary);font-style:italic}@media (max-width: 900px){.tclass-stats{grid-template-columns:repeat(2,1fr)}.teacher-grid{grid-template-columns:1fr}}@media (max-width: 620px){.gb-head{display:none}.gb-row{grid-template-columns:1fr auto;grid-auto-rows:min-content;gap:.3rem .75rem;padding:.9rem 1rem}.gb-row .gb-student{grid-column:1 / -1}.gb-muted:nth-child(2):before{content:"Grade "}.gb-muted:nth-child(3):before{content:"Lessons "}.gb-streak:after{content:" streak";color:var(--color-text-secondary)}}:root,[data-theme=light]{--color-primary: #0e6b7d;--color-primary-dark: #0a4a58;--color-primary-light: rgba(14, 107, 125, .09);--color-teal: #12a3b8;--color-accent: #ff6a3d;--color-accent-2: #ff9a3d;--color-accent-light: rgba(255, 106, 61, .1);--color-gold: #efab35;--color-gold-light: rgba(239, 171, 53, .13);--color-ink: #0a2a33;--color-ink-2: #0e3a44;--color-bg: #fbf7f1;--color-surface: #ffffff;--color-surface-tinted: #f7f1e8;--color-text: #16262c;--color-text-secondary: #5d6b70;--color-border: #e7ddce;--color-shadow: rgba(12, 40, 46, .07);--color-success: #17936a;--color-danger: #d1493b;--color-warning: #efab35;--grad-sunset: linear-gradient(103deg, #ff5f45 0%, #ff8a3c 52%, #f4bb46 100%);--grad-teal: linear-gradient(155deg, #0e6b7d 0%, #0a3f4b 100%);--grad-ink: linear-gradient(160deg, #0d323c 0%, #0a252d 100%);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 1px 3px rgba(12, 40, 46, .06), 0 1px 2px rgba(12, 40, 46, .04);--shadow-md: 0 10px 30px -8px rgba(12, 40, 46, .16), 0 4px 10px -4px rgba(12, 40, 46, .08);--shadow-lg: 0 30px 60px -18px rgba(12, 40, 46, .28), 0 12px 24px -12px rgba(12, 40, 46, .12);--shadow-glow: 0 20px 60px -12px rgba(255, 106, 61, .4);--font-display: "Fraunces", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif}[data-theme=dark]{--color-primary: #38c6d8;--color-primary-dark: #12a3b8;--color-primary-light: rgba(56, 198, 216, .14);--color-teal: #38c6d8;--color-accent: #ff855e;--color-accent-2: #ffab52;--color-accent-light: rgba(255, 133, 94, .12);--color-gold: #f4c65a;--color-gold-light: rgba(244, 198, 90, .12);--color-ink: #05171c;--color-ink-2: #0a2229;--color-bg: #071a1f;--color-surface: #0e2a31;--color-surface-tinted: #12333b;--color-text: #e9f2f1;--color-text-secondary: #96aab0;--color-border: #1c3d45;--color-shadow: rgba(0, 0, 0, .4);--color-success: #3fcf9a;--color-danger: #ff855e;--color-warning: #f4c65a;--grad-teal: linear-gradient(155deg, #0e5a68 0%, #06272f 100%);--grad-ink: linear-gradient(160deg, #0a2229 0%, #05171c 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.035;pointer-events:none;z-index:0;mix-blend-mode:multiply}body:after{content:"";position:fixed;top:-10%;right:-5%;width:55vw;height:55vw;max-width:780px;max-height:780px;background:radial-gradient(circle,rgba(255,154,61,.12) 0%,rgba(255,106,61,.05) 40%,transparent 70%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}#root{position:relative;z-index:1}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.btn{font-family:var(--font-body);font-weight:600;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.01em}.btn-primary{background:var(--grad-sunset);color:#fff;box-shadow:0 6px 18px -4px #ff6a3d73}.btn-primary:hover{box-shadow:0 10px 26px -6px #ff6a3d8c;transform:translateY(-2px);filter:brightness(1.04) saturate(1.05)}.btn-secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-sm{padding:.4rem 1rem;font-size:.85rem}.btn-lg{padding:.85rem 2rem;font-size:1.05rem}.page-container{max-width:1040px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.page-title{margin:0 0 1.5rem;font-size:1.75rem;font-weight:700}.page-header{margin-bottom:2rem}.page-header h1{font-family:var(--font-display);font-size:2.1rem;font-weight:700;margin:0 0 .6rem;letter-spacing:-.02em}.page-header p{color:var(--color-text-secondary);font-size:1.02rem;line-height:1.65;font-weight:300;margin:0;max-width:640px}.page-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.6rem}.empty-state{text-align:center;padding:3.5rem 1.5rem;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-tinted)}.empty-state h3{font-family:var(--font-display);font-size:1.3rem;margin:0 0 .5rem;color:var(--color-text)}.empty-state p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0 auto;max-width:420px;font-weight:300}@media (max-width: 768px){.page-container{padding:1.5rem 1rem 3rem}.page-title{font-size:1.35rem}.page-header h1{font-size:1.6rem}}