body.help-active{overflow:hidden!important}.help-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:20000;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:Outfit,sans-serif;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.help-annotation{position:absolute;max-width:300px;text-align:center}.help-text{background:rgba(30,31,32,.95);border:1px solid #4285f4;padding:6px;border-radius:8px;font-size:.7rem;line-height:1.2;box-shadow:0 4px 16px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;font-weight:500}.help-arrow{width:0;height:0;border-style:solid;position:absolute;border-color:transparent}.help-dismiss{position:absolute;bottom:40px;left:50%;transform:translate(-50%);opacity:.5;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.about-scroll-container{height:100vh;width:100%;background:#09090b;color:#fafafa;font-family:Outfit,sans-serif;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory}.about-nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 48px;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(9,9,11,.85);border-bottom:1px solid rgba(255,255,255,.08);box-sizing:border-box;transition:all .5s cubic-bezier(.19,1,.22,1);opacity:0;pointer-events:none;transform:translateY(-20px)}.about-nav.visible{opacity:1;pointer-events:all;transform:translateY(0)}.about-nav.at-bottom .nav-actions{opacity:0;pointer-events:none;visibility:hidden}.nav-logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.nav-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;display:grid;place-items:center;font-size:1.2rem;color:#fff}.nav-links{display:flex;gap:32px;align-items:center}.nav-link{background:none;border:none;color:#a1a1aa;font-size:.95rem;font-weight:600;cursor:pointer;transition:color .2s;font-family:inherit}.nav-link:hover{color:#fafafa}.nav-actions{display:flex;gap:12px;align-items:center}.nav-btn{padding:10px 24px;border-radius:100px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;white-space:nowrap;font-family:inherit}.nav-btn.primary{background:#fafafa;color:#000}.nav-btn.primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #ffffff26}.nav-btn.secondary{background:rgba(255,255,255,.05);color:#fafafa;border:1px solid rgba(255,255,255,.1)}.nav-btn.secondary:hover{background:rgba(255,255,255,.1);border-color:#fff3;transform:translateY(-2px)}.nav-btn.outline{background:transparent;color:#a1a1aa;border:1px solid rgba(255,255,255,.1);text-decoration:none}.nav-btn.outline:hover{color:#fafafa;border-color:#ffffff40;background:rgba(255,255,255,.03);transform:translateY(-2px)}.about-slide{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 40px 100px;box-sizing:border-box;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.hero-section{flex-direction:column;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.08) 0%,transparent 60%)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);padding:8px 20px;border-radius:100px;font-size:.9rem;font-weight:700;color:#a78bfa;margin-bottom:32px}.logo-icon{width:100px;height:100px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:24px;font-size:3.5rem;font-weight:800;display:grid;place-items:center;margin:0 auto 24px;box-shadow:0 16px 40px #6366f14d}.hero-section h1{font-size:5rem;font-weight:800;margin:0;letter-spacing:-.03em;background:linear-gradient(to bottom,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-motto{font-size:5.5rem;font-weight:900;margin:0 0 24px;letter-spacing:-.04em;line-height:1.1;background:linear-gradient(135deg,#fff 30%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.5rem;color:#a1a1aa;margin-bottom:48px;line-height:1.6}.hero-brand{font-weight:800;background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-note{color:#52525b;font-size:.9rem;margin-top:-40px;margin-bottom:60px}.hero-cta-group{display:flex;gap:24px;margin-bottom:80px;flex-wrap:wrap;justify-content:center}.outro-cta-group{flex-wrap:nowrap;gap:32px}.hero-btn{padding:22px 36px;font-size:1.25rem;border-radius:22px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .5s cubic-bezier(.19,1,.22,1);cursor:pointer;font-family:inherit;min-width:220px;box-sizing:border-box;position:relative;overflow:hidden;white-space:nowrap}.hero-btn.primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;box-shadow:0 20px 40px #6366f133}.hero-btn.secondary{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-btn:hover{transform:scale(1.04) translateY(-4px)}.hero-btn.primary:hover{box-shadow:0 25px 50px #6366f166}.hero-btn.secondary:hover{background:rgba(255,255,255,.08);border-color:#ffffff40}.hero-btn.outline{background:transparent;color:#a1a1aa;border:1px solid rgba(255,255,255,.1);text-decoration:none}.hero-btn.outline:hover{color:#fafafa;border-color:#ffffff4d;background:rgba(255,255,255,.03)}.hero-explore-btn{background:none;border:none;color:#71717a;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;font-family:inherit;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em;font-weight:600;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-explore-btn:hover{color:#fafafa}.hero-explore-btn:hover .scroll-indicator{border-color:#ffffff4d}.scroll-indicator{width:24px;height:40px;border:2px solid rgba(255,255,255,.1);border-radius:20px;position:relative}.scroll-indicator:after{content:"";position:absolute;top:8px;left:50%;width:4px;height:8px;background:#6366f1;border-radius:2px;transform:translate(-50%);animation:indicator-scroll 2s ease-in-out infinite}@keyframes indicator-scroll{0%{transform:translate(-50%);opacity:0}20%{opacity:1}80%{transform:translate(-50%,16px);opacity:1}to{transform:translate(-50%,16px);opacity:0}}.content-section{background:#09090b}.section-inner{max-width:1200px;margin:0 auto}.section-title{font-size:2.8rem;font-weight:800;text-align:center;margin:0 0 16px;letter-spacing:-.02em}.section-subtitle{font-size:1.3rem;color:#71717a;text-align:center;margin:0 0 64px}.subjects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.subject-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:40px 32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color);opacity:0;transition:opacity .3s}.subject-card:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a;transform:translateY(-4px)}.subject-card:hover:before{opacity:1}.subject-icon{width:56px;height:56px;background:color-mix(in srgb,var(--card-color),transparent 88%);border-radius:16px;display:grid;place-items:center;color:var(--card-color);margin-bottom:20px}.subject-card h3{font-size:1.5rem;font-weight:700;margin:0 0 12px}.subject-card p{font-size:.95rem;color:#71717a;line-height:1.5;margin:0}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px 20px;transition:all .3s ease;max-width:320px;margin:0 auto}.benefit-card:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a;transform:translateY(-2px)}.benefit-icon{width:48px;height:48px;background:color-mix(in srgb,var(--card-color),transparent 90%);border-radius:12px;display:grid;place-items:center;color:var(--card-color);margin-bottom:16px}.benefit-card h3{font-size:1.1rem;font-weight:700;margin:0 0 8px}.benefit-card p{font-size:.9rem;color:#71717a;line-height:1.5;margin:0}.steps-grid{display:flex;align-items:center;justify-content:center;gap:0;max-width:1000px;margin:0 auto}.step-card{flex:1;background:rgba(24,24,27,.8);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:48px 32px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-card:hover{background:rgba(39,39,42,.9);border-color:#fff3;transform:translateY(-4px)}.step-icon{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:18px;display:grid;place-items:center;color:#fff;margin:0 auto 24px;box-shadow:0 8px 20px #6366f14d}.step-connector{width:48px;height:2px;background:rgba(255,255,255,.1);flex-shrink:0}.step-card h3{font-size:1.2rem;font-weight:700;margin:0 0 12px}.step-card p{font-size:.95rem;color:#71717a;line-height:1.6;margin:0}.outro-section{background:radial-gradient(circle at center,rgba(168,85,247,.1) 0%,transparent 60%)}.outro-section .outro-wrap{margin-top:60px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;max-width:800px}.outro-wrap h3{font-size:4rem;font-weight:800;margin:0;background:linear-gradient(to right,#fff,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.outro-wrap>p{font-size:1.5rem;color:#a1a1aa;margin:0}.copy-text{margin-top:40px;color:#3f3f46;font-size:.9rem;font-weight:500}.desktop-required-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:30px;animation:modal-fade .3s ease-out}.desktop-required-modal .modal-content{background:#18181b;border:1px solid rgba(255,255,255,.1);padding:48px 32px;border-radius:32px;text-align:center;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 40px 100px #000c}.modal-icon-glow{width:80px;height:80px;background:rgba(251,191,36,.1);border-radius:50%;display:grid;place-items:center;margin-bottom:8px;box-shadow:0 0 30px #fbbf2433}.desktop-required-modal .modal-content h3{font-size:1.8rem;font-weight:800;margin:0;color:#fff}.desktop-required-modal .modal-content p{color:#a1a1aa;font-size:1.1rem;line-height:1.6}.close-modal-btn{background:#fafafa;color:#000;border:none;padding:14px 40px;border-radius:100px;font-weight:800;font-size:1rem;cursor:pointer}@keyframes modal-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 1000px){.subjects-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.about-nav{padding:14px 20px}.nav-links{display:none}.nav-btn{padding:8px 14px;font-size:.82rem}.nav-btn.outline{display:none}.about-slide{padding:60px 24px 90px}.hero-section h1{font-size:2.6rem}.hero-motto{font-size:2.8rem}.logo-icon{width:72px;height:72px;font-size:2.2rem;border-radius:18px;margin-bottom:16px}.hero-subtitle{font-size:1.1rem;margin-bottom:28px}.hero-badge{font-size:.8rem;padding:6px 14px;margin-bottom:20px}.hero-cta-group{gap:10px;margin-bottom:28px;flex-direction:column;width:100%;max-width:320px}.hero-btn{width:100%;padding:15px 24px;font-size:1.05rem;border-radius:14px;min-width:0}.hero-note{margin-top:-12px;margin-bottom:28px;font-size:.82rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:36px}.subjects-grid{grid-template-columns:repeat(2,1fr);gap:14px}.subject-card{padding:24px 18px}.subject-card h3{font-size:1.2rem}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:14px}.benefit-card{padding:20px 16px;max-width:none}.steps-grid{flex-direction:column;gap:0}.step-connector{width:2px;height:24px}.step-card{width:100%;padding:32px 24px}.outro-section .outro-wrap{margin-top:20px;gap:20px}.outro-wrap h3{font-size:2.2rem}.outro-wrap>p{font-size:1.1rem}}@media (max-width: 600px){.about-scroll-container{scroll-snap-type:y mandatory}.about-slide{height:auto;min-height:100svh;scroll-snap-align:start;padding:72px 16px 80px}.hero-section{padding:72px 16px 96px}.hero-section h1{font-size:2.1rem}.hero-motto{font-size:2.2rem}.logo-icon{width:60px;height:60px;font-size:1.9rem;border-radius:14px;margin-bottom:12px;box-shadow:0 10px 24px #6366f140}.logo-section{margin-bottom:0}.hero-subtitle{font-size:.95rem;margin-bottom:20px;line-height:1.5}.hero-badge{font-size:.75rem;padding:5px 12px;margin-bottom:16px;gap:6px}.hero-cta-group{max-width:280px;gap:8px;margin-bottom:16px}.hero-btn{padding:13px 20px;font-size:.95rem;border-radius:12px;gap:8px}.hero-note{font-size:.75rem;margin-top:-8px;margin-bottom:20px}.hero-explore-btn{font-size:.7rem;bottom:24px;gap:8px}.scroll-indicator{width:20px;height:32px}.section-title{font-size:1.65rem;margin-bottom:10px}.section-subtitle{font-size:.9rem;margin-bottom:24px}.subjects-grid{grid-template-columns:repeat(2,1fr);gap:10px}.subject-card{padding:18px 14px;border-radius:16px}.subject-card h3{font-size:1.05rem;margin-bottom:6px}.subject-card p{font-size:.78rem}.subject-icon{width:42px;height:42px;border-radius:12px;margin-bottom:12px}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:10px}.benefit-card{padding:16px 14px;border-radius:16px;max-width:none}.benefit-card h3{font-size:.9rem;margin-bottom:4px}.benefit-card p{font-size:.78rem;line-height:1.4}.benefit-icon{width:38px;height:38px;border-radius:10px;margin-bottom:10px}.steps-grid{flex-direction:column;gap:0}.step-connector{width:2px;height:20px}.step-card{padding:24px 20px;border-radius:20px}.step-card h3{font-size:1rem;margin-bottom:8px}.step-card p{font-size:.85rem}.step-icon{width:50px;height:50px;border-radius:14px;margin-bottom:16px}.outro-section .outro-wrap{margin-top:0;gap:16px;padding:0 4px}.outro-wrap h3{font-size:1.7rem}.outro-wrap>p{font-size:.95rem}.copy-text{margin-top:16px;font-size:.8rem}.about-nav{padding:12px 16px}.nav-logo{font-size:1.2rem;gap:8px}.nav-btn{padding:7px 12px;font-size:.8rem}}@media (max-height: 700px) and (min-width: 801px){.hero-section h1{font-size:3.5rem}.hero-motto{font-size:3.6rem}.logo-icon{width:80px;height:80px;font-size:2.5rem}.hero-subtitle{font-size:1.2rem;margin-bottom:24px}.outro-wrap h3{font-size:3rem}}@media (orientation: landscape) and (max-height: 500px){.about-slide{padding:64px 40px 40px}.hero-section{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"badge  cta" "logo   cta" "sub    cta" "note   cta";column-gap:48px;row-gap:0;text-align:left;align-items:start;padding:48px 40px 60px}.hero-badge{grid-area:badge;justify-self:start;margin-bottom:10px}.logo-section{grid-area:logo;display:flex;align-items:center;gap:14px;margin-bottom:10px}.logo-icon{width:44px;height:44px;font-size:1.5rem;border-radius:12px;margin:0;box-shadow:0 8px 20px #6366f140;flex-shrink:0}.hero-section h1{font-size:1.9rem;text-align:left;margin:0}.hero-motto{font-size:2rem;text-align:left;margin:0 0 16px}.hero-subtitle{grid-area:sub;font-size:.85rem;margin-bottom:0;line-height:1.4;text-align:left}.hero-note{grid-area:note;margin:8px 0 0;font-size:.72rem}.hero-cta-group{grid-area:cta;align-self:center;justify-self:stretch;margin:0;max-width:none;gap:8px}.hero-btn{padding:11px 16px;font-size:.88rem;border-radius:10px;gap:8px}.hero-explore-btn{bottom:10px;font-size:.65rem;gap:6px}.scroll-indicator{width:16px;height:26px}.section-title{font-size:1.3rem;margin-bottom:4px}.section-subtitle{font-size:.78rem;margin-bottom:12px}.subjects-grid{grid-template-columns:repeat(4,1fr);gap:10px}.subject-card{padding:14px 12px;border-radius:14px}.subject-icon{width:36px;height:36px;border-radius:10px;margin-bottom:8px}.subject-card h3{font-size:.9rem;margin-bottom:4px}.subject-card p{font-size:.72rem;line-height:1.35}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:6px}.benefit-card{padding:8px 10px;border-radius:10px}.benefit-icon{width:26px;height:26px;border-radius:6px;margin-bottom:5px}.benefit-card h3{font-size:.75rem;margin-bottom:2px}.benefit-card p{font-size:.65rem;line-height:1.3}.steps-grid{flex-direction:row;align-items:center}.step-connector{width:32px;height:2px}.step-card{padding:20px 16px;border-radius:16px}.step-icon{width:40px;height:40px;border-radius:12px;margin-bottom:12px}.step-card h3{font-size:.9rem;margin-bottom:6px}.step-card p{font-size:.78rem}.outro-section .outro-wrap{gap:12px;margin-top:0}.outro-wrap h3{font-size:1.6rem}.outro-wrap>p{font-size:.9rem;margin:0}}.uni-page-container{height:100vh;width:100vw;background:#09090b;color:#fafafa;font-family:Outfit,sans-serif;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.uni-hero{padding:100px 40px 60px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.15) 0%,transparent 50%)}.uni-badge{background:rgba(99,102,241,.1);color:#818cf8;padding:6px 16px;border-radius:100px;font-size:.9rem;font-weight:600;display:inline-block;border:1px solid rgba(99,102,241,.2);margin-bottom:24px}.uni-hero h1{font-size:4rem;font-weight:800;margin:0 0 16px;letter-spacing:-.02em;background:linear-gradient(to bottom,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.uni-hero p{font-size:1.25rem;color:#a1a1aa;max-width:700px;margin:0 auto;line-height:1.6}.redeem-hero-btn{margin-top:24px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;padding:16px 32px;border-radius:100px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,filter .2s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 30px #6366f166}.redeem-hero-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.tripos-hint{margin-top:24px;background:rgba(138,180,248,.1);border:1px solid rgba(138,180,248,.2);color:#8ab4f8;padding:12px 24px;border-radius:12px;display:inline-block;font-size:1rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.carousel-section{padding:40px 40px 80px;max-width:1400px;margin:0 auto}.carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.carousel-header h2{font-size:2rem;font-weight:700;margin:0}.carousel-controls{display:flex;gap:12px}.control-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;display:grid;place-items:center;cursor:pointer;transition:all .2s}.control-btn:hover{background:rgba(255,255,255,.1);border-color:#ffffff4d}.features-carousel{display:flex;gap:24px;overflow-x:auto;padding:10px 0 40px;scrollbar-width:none;scroll-snap-type:x mandatory}.features-carousel::-webkit-scrollbar{display:none}.feature-card{min-width:400px;width:400px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:32px;padding:32px;scroll-snap-align:start;display:flex;flex-direction:column;gap:16px;transition:transform .3s,border-color .3s}.feature-card:hover{border-color:#ffffff1f;background:rgba(255,255,255,.05)}.feature-card-top{display:flex;justify-content:space-between;align-items:center}.f-icon{width:48px;height:48px;background:color-mix(in srgb,var(--accent),transparent 90%);color:var(--accent);border-radius:12px;display:grid;place-items:center}.feature-card h3{font-size:1.5rem;font-weight:700;margin:8px 0 0}.feature-card p{color:#a1a1aa;font-size:.95rem;line-height:1.5;margin:0;flex:1}.f-visual{height:220px;background:#000;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.f-visual img{width:100%;height:100%;object-fit:cover}.f-comp-wrapper{width:100%;height:100%}.features-carousel .pendulum-side-panel{display:none!important}.features-carousel .pendulum-main-layout{padding:0}.features-carousel .pendulum-canvas-wrapper{background:transparent!important;border:none!important;border-radius:0!important}.redeem-section{padding:0 40px 100px}.redeem-card{max-width:1000px;margin:0 auto;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.12);border-radius:40px;padding:32px 40px;text-align:center;box-shadow:0 40px 100px #0009,inset 0 0 40px #6366f10d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);position:relative;overflow:hidden}.redeem-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.zap-icon{width:48px;height:48px;background:rgba(250,204,21,.1);border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;box-shadow:0 0 30px #facc1533}.redeem-info h2{font-size:2rem;font-weight:800;margin:0 0 8px}.redeem-info p{color:#a1a1aa;font-size:1.1rem;margin-bottom:20px}.instructions-container{display:grid;grid-template-columns:1fr 1fr;gap:32px;text-align:left;margin-bottom:32px}.instruction-group:nth-child(1){--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .3)}.instruction-group:nth-child(2){--accent: #a855f7;--accent-glow: rgba(168, 85, 247, .3)}.instruction-group{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.group-title{font-size:1.25rem;font-weight:800;color:var(--accent);margin:0;padding-left:4px;letter-spacing:-.01em;text-transform:uppercase;filter:drop-shadow(0 0 8px var(--accent-glow))}.redeem-steps{display:flex;flex-direction:column;gap:14px}.step-item{display:flex;align-items:flex-start;gap:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-item:hover{background:rgba(255,255,255,.06);border-color:var(--accent);transform:translate(4px);box-shadow:0 4px 20px #0003}.step-number{width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,var(--accent),#fff);color:#000;border-radius:12px;display:grid;place-items:center;font-weight:900;box-shadow:0 4px 15px var(--accent-glow)}.step-text{flex:1;font-size:1.05rem;color:#e4e4e7;line-height:1.5}.step-text strong{color:#fff;font-weight:600}.code-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,rgba(0,0,0,.6),rgba(99,102,241,.1));border:2px dashed #a855f7;padding:20px 32px;border-radius:20px;margin-bottom:24px;position:relative;box-shadow:0 0 30px #a855f726}.code-value{font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:4px;font-family:Space Mono,monospace;text-shadow:0 0 10px rgba(255,255,255,.3)}.copy-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #a855f766}.copy-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 20px #a855f780}.redeem-footer{margin-top:24px;display:flex;flex-direction:column;gap:12px;color:#a1a1aa}.explore-link{cursor:pointer;color:#8ab4f8}.instagram-contact{font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.insta-link{color:#a1a1aa;text-decoration:none;display:flex;align-items:center;gap:4px}.uni-footer{padding:60px 40px;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.logo-small{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;display:grid;place-items:center;margin:0 auto 16px;font-weight:800}.uni-footer p{color:#3f3f46;font-size:.85rem}@media (max-width: 800px){.uni-hero{padding:60px 20px 40px}.uni-hero h1{font-size:2.2rem}.uni-hero p{font-size:1.1rem}.carousel-section{padding:20px 20px 60px}.feature-card{min-width:85vw;width:85vw;padding:24px;border-radius:24px}.feature-card h3{font-size:1.3rem}.f-visual{height:180px}.redeem-section{padding:0 20px 80px}.redeem-card{padding:32px 20px;border-radius:32px}.redeem-info h2{font-size:1.7rem}.instructions-container{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.group-title{font-size:1.1rem}.step-item{padding:12px;gap:12px}.step-text{font-size:.95rem}.code-box{padding:12px 16px;flex-direction:column;gap:12px}.code-value{font-size:1.2rem;letter-spacing:1px}.copy-btn{width:100%;justify-content:center}.redeem-footer{font-size:.8rem}.instagram-contact{font-size:.75rem}}@media (max-height: 550px){.uni-hero{padding:40px 20px 30px}.uni-hero h1{font-size:2rem}.uni-hero p{font-size:1rem;max-width:80%}.uni-badge{margin-bottom:12px;padding:4px 12px;font-size:.8rem}.carousel-section{padding:20px 20px 40px}.carousel-header{margin-bottom:16px}.carousel-header h2{font-size:1.5rem}.feature-card{min-width:440px;width:440px;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto 1fr;padding:16px;gap:8px 16px;align-items:start;position:relative}.feature-card-top{grid-column:1;grid-row:1;display:flex;align-items:center;gap:12px;margin-bottom:4px}.feature-card h3{grid-column:1;grid-row:2;margin:0;font-size:1.2rem;line-height:1.1}.feature-card p{grid-column:1;grid-row:3;font-size:.8rem;line-height:1.4;margin-top:4px}.f-visual{grid-column:2;grid-row:1 / span 3;height:100%;min-height:150px;margin-top:0}.redeem-section{padding:0 20px 60px}.redeem-card{padding:24px}.redeem-info h2{font-size:1.6rem}}.design-page{width:100vw;height:100vh;background:#121212;color:#fff;display:flex;flex-direction:column;overflow:hidden;font-family:Outfit,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.design-header{height:60px;background:#1e1e1e;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #333}.header-left{display:flex;align-items:center;gap:20px;min-width:0;flex:1}.back-btn{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:#9aa0a6;padding:8px 16px;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:8px}.back-btn:hover{background:rgba(255,255,255,.08);border-color:#fff3;color:#fff;transform:translate(-2px)}.board-title-input{background:#2a2a2a;border:none;color:#fff;font-size:1.1rem;padding:8px 12px;border-radius:6px;width:480px;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-title-input:focus{outline:1px solid rgba(66,133,244,.5)}.finalize-btn{background:linear-gradient(135deg,#4285f4 0%,#357ae8 100%);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #4285f44d}.finalize-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4285f466;filter:brightness(1.1)}.finalize-btn:active:not(:disabled){transform:translateY(0)}.finalize-btn:disabled{background:rgba(255,255,255,.05);color:#fff3;cursor:not-allowed;box-shadow:none}.finalize-wrap{display:flex;align-items:center;gap:10px}.finalize-error{font-size:.8rem;color:#ef4444}.search-open-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:background .2s,transform .2s;z-index:10}.search-open-btn:hover{background:rgba(66,133,244,.7);transform:scale(1.1)}.design-container{flex:1;display:flex;position:relative;overflow:hidden}.design-preview{flex:1;overflow-y:auto;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;align-items:center}.empty-preview{text-align:center;margin-top:100px;color:#666}.empty-preview h2{font-size:2rem;margin-bottom:10px}.preview-list{width:90%;max-width:800px;display:flex;flex-direction:column;gap:30px}.preview-item-wrapper{position:relative;background:#1a1a1a;border-radius:12px;border:1px solid #333;padding:10px;transition:border-color .2s,transform .4s cubic-bezier(.4,0,.2,1);animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-item-wrapper .visual-block{width:100%;margin:0;zoom:.6;overflow:visible}.preview-item-wrapper .visual-display-area{overflow:visible}.preview-item-wrapper:hover{border-color:#4285f4}.preview-item-wrapper:before{content:attr(data-section);position:absolute;left:10px;top:10px;font-size:.8rem;font-weight:700;color:#4285f4;background:rgba(30,30,30,.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 6px;border-radius:4px;z-index:100;border:1px solid rgba(66,133,244,.4);box-shadow:0 2px 8px #0006}.section-divider-wrapper{width:100%;margin-bottom:25px;margin-top:45px;position:relative;animation:slideIn .5s ease-out}.section-divider-wrapper:first-child{margin-top:10px}.section-divider{border-bottom:2px solid rgba(66,133,244,.5);padding-bottom:12px}.section-divider .section-number{display:block;color:#4285f4;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;opacity:.9}.section-divider h2{margin:0;font-size:1.6rem;font-family:Outfit,sans-serif;color:#fff;font-weight:600;letter-spacing:-.02em}.header-controls{top:-5px;opacity:0;transition:opacity .2s}.section-divider-wrapper:hover .header-controls{opacity:1}.block-description-tag{position:absolute;left:10px;bottom:10px;right:10px;font-size:.8rem;color:#aaa;background:rgba(20,20,20,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.05);z-index:100;pointer-events:none;line-height:1.4;max-width:fit-content}.item-controls{position:absolute;right:-50px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .2s,transform .2s}.preview-item-wrapper:hover .item-controls{opacity:1;transform:translateY(-50%) translate(-10px)}.item-controls button{background:#2a2a2a;border:1px solid #444;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.item-controls button:hover:not(:disabled){background:#444}.item-controls button:disabled{opacity:.3;cursor:not-allowed}.item-controls .remove-btn:hover{background:#ea4335;border-color:#ea4335}.design-chat-sidebar{width:420px;min-width:320px;max-width:30vw;flex-shrink:0;height:100%;background:linear-gradient(180deg,#1a1a1a 0%,#121212 100%);border-left:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;box-shadow:-10px 0 30px #00000080;z-index:100;position:relative}.chat-messages{flex:1;overflow-y:auto;padding:25px;display:flex;flex-direction:column;gap:20px;scroll-behavior:smooth}.message{max-width:85%;padding:14px 18px;border-radius:18px;font-size:.92rem;line-height:1.6;position:relative;box-shadow:0 4px 15px #0003;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.message-content{white-space:pre-wrap}.message.assistant{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#b0b0b0;align-self:flex-start;border:none;box-shadow:none;padding-left:0;max-width:100%}.message.assistant .message-content{background:transparent;padding:0}.message.user{background:linear-gradient(135deg,#4285f4 0%,#357ae8 100%);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;box-shadow:0 4px 15px #4285f44d}.message.thinking{font-style:italic;color:#aaa;background:transparent;font-size:.85rem;box-shadow:none;padding-left:5px;display:flex;align-items:center;gap:8px}.message.thinking:before{content:"";width:6px;height:6px;background:#4285f4;border-radius:50%;animation:thinking-pulse 1.5s infinite ease-in-out}@keyframes thinking-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.design-page.drag-active{background:#1a1b1c;outline:3px dashed #4285f4;outline-offset:-20px}.design-page.drag-active .design-preview{opacity:.5;pointer-events:none}.design-page.drag-active:after{content:"Release to drop images to board or PDF to chat";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#4285f4;font-size:1.5rem;font-weight:600;z-index:1000;background:rgba(0,0,0,.8);padding:20px 40px;border-radius:12px;border:1px solid #4285f4}.preview-list{display:flex;flex-direction:column;gap:20px;padding:20px}.chat-input-area{padding:10px 15px 14px;background:rgba(25,25,25,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:8px}.chat-textarea{width:100%;background:#222;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;color:#fff;font-family:inherit;font-size:.95rem;resize:none;max-height:200px;outline:none;line-height:1.5;box-sizing:border-box;transition:border-color .2s}.chat-textarea:focus{border-color:#4285f4}.chat-input-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-actions-right{display:flex;align-items:center;gap:4px;margin-left:auto}.upload-icon-btn{background:transparent;border:none;color:#888;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.upload-icon-btn:hover{background:rgba(255,255,255,.05);color:#4285f4}.attachment-badge{position:absolute;top:-25px;left:15px;font-size:.7rem;color:#4285f4;background:rgba(66,133,244,.1);padding:2px 8px;border-radius:10px;border:1px solid rgba(66,133,244,.2)}.send-btn{background:#4285f4;color:#fff;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){background:#357ae8;transform:scale(1.05)}.send-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 1400px){.design-chat-sidebar{width:350px}.preview-list{width:90%}.item-controls{right:10px;top:10px;transform:none}}@media (max-width: 900px){.design-container{flex-direction:column}.design-chat-sidebar{width:100%;min-width:unset;max-width:none;height:40vh;min-height:200px;max-height:320px;border-left:none;border-top:1px solid #333}.item-controls{right:6px;top:6px;transform:none;opacity:1;flex-direction:row}.preview-item-wrapper:hover .item-controls{transform:none}.section-divider-wrapper{margin-top:24px}}@media (max-width: 600px){.design-header{height:auto;min-height:52px;padding:8px 12px;flex-wrap:wrap;gap:8px}.header-left{flex:1;min-width:0;gap:8px}.back-btn{padding:7px 10px;font-size:.8rem;flex-shrink:0}.board-title-input{width:auto;max-width:none;flex:1;min-width:0;font-size:.9rem;padding:7px 10px}.finalize-btn{padding:8px 14px;font-size:.85rem}.design-preview{padding:10px}.preview-list{width:100%;padding:8px;gap:14px}.section-divider h2{font-size:1.2rem}.empty-preview{margin-top:40px}.empty-preview h2{font-size:1.4rem}.chat-messages{padding:14px;gap:12px}.message{font-size:.87rem;padding:10px 14px}}.publish-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.publish-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b98166}.publish-btn.published{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 15px #6366f14d}.share-modal{background:#1e1f20;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px;width:460px;max-width:calc(100vw - 40px);display:flex;flex-direction:column;gap:16px}.student-detail{width:100%}.detail-header-top{display:flex;align-items:center;gap:16px}.back-to-students{display:none;background:none;border:none;color:#71717a;cursor:pointer;padding:8px;margin-left:-8px;border-radius:50%;transition:all .2s}.back-to-students:hover{background:rgba(255,255,255,.05);color:#e3e3e3}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.detail-header h2{font-size:1.8rem;font-weight:700;margin:0}.detail-email{color:#9ca3af;font-size:.9rem;margin:4px 0 0}.detail-actions{display:flex;gap:8px}.detail-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.stat-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 32px;min-width:130px}.stat-card-clickable{cursor:pointer;transition:border-color .15s,background .15s}.stat-card-clickable:hover{border-color:#6366f14d;background:rgba(99,102,241,.07)}.stat-link-icon{opacity:.5;margin-left:5px;vertical-align:middle;transition:opacity .15s}.stat-card-clickable:hover .stat-link-icon{opacity:1}.stat-card-accent{border-color:#6366f133;background:rgba(99,102,241,.05)}.stat-card-accent .stat-value{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value{font-size:1.5rem;font-weight:800;margin-bottom:4px}.stat-label{font-size:.85rem;color:#9ca3af}.detail-section{margin-bottom:40px}.detail-section h3{font-size:1.1rem;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px}.detail-empty{color:#71717a;font-size:.9rem}.proficiency-section{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.proficiency-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.proficiency-header h3{margin:0}.proficiency-header-right{display:flex;align-items:center;gap:10px}.learning-style-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);border-radius:20px;color:#c084fc;font-size:.75rem;font-weight:600}.expand-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;transition:color .2s}.expand-btn:hover{color:#e3e3e3}.proficiency-summary-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.prof-pill{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.prof-pill.strong{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#4ade80}.prof-pill.weak{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#f87171}.prof-pill.misconception{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:#fbbf24}.proficiency-grid{margin-top:20px;display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}.prof-topic-row{display:flex;align-items:center;gap:16px}.prof-topic-name{font-size:.85rem;font-weight:600;color:#c4c4cc;min-width:140px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prof-bar-wrap{flex:1;display:flex;align-items:center;gap:10px}.prof-bar-track{flex:1;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.prof-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.prof-bar-score{font-size:.8rem;font-weight:700;min-width:36px;text-align:right}.misconceptions-block{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.15);border-radius:10px;padding:14px 16px}.misconceptions-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#f87171;margin-bottom:8px}.misconception-item{font-size:.85rem;color:#c4c4cc;padding:4px 0;border-top:1px solid rgba(255,255,255,.04)}.misconception-item:first-of-type{border-top:none}.learning-style-note{display:flex;align-items:flex-start;gap:6px;font-size:.82rem;color:#9ca3af;padding:10px 14px;background:rgba(168,85,247,.05);border-radius:8px;line-height:1.5}.proficiency-empty{display:flex;align-items:center;gap:14px;padding:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#71717a}.proficiency-empty p{font-size:.9rem;margin:0;line-height:1.5}.boards-list{display:flex;flex-direction:column;gap:8px}.board-list-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s}.board-list-item:hover{background:rgba(255,255,255,.04);transform:translate(4px)}.board-list-item.active{background:rgba(99,102,241,.08);border-color:#6366f133}.board-list-item.active .board-title{color:#a5b4fc}.board-item-arrow{color:#52525b;transition:transform .2s}.board-list-item:hover .board-item-arrow{transform:translate(2px);color:#71717a}.board-list-item.active .board-item-arrow{color:#a5b4fc}.board-title{font-weight:600;font-size:.95rem}.board-meta{font-size:.8rem;color:#71717a;margin-top:2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.board-syllabus-badge{display:inline-flex;align-items:center;gap:3px;background:rgba(99,102,241,.12);color:#a5b4fc;border-radius:4px;padding:1px 6px;font-size:.75rem;font-weight:500}.dashboard-preview-sidebar{width:440px;min-width:340px;height:100%;border-left:1px solid rgba(255,255,255,.08);background:#000;display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:10}.preview-sidebar-header{padding:16px 20px;height:70px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.02);flex-shrink:0}.preview-sidebar-title h3{margin:0;font-size:1.1rem;font-weight:700}.preview-sidebar-title span{font-size:.75rem;color:#71717a}.preview-close-btn{background:none;border:none;color:#71717a;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s;display:grid;place-items:center}.preview-close-btn:hover{background:rgba(255,255,255,.05);color:#e3e3e3}.preview-sidebar-content{flex:1;min-height:0;overflow:hidden;position:relative;background:#111;width:100%}.preview-whiteboard-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;background:#000;display:flex;flex-direction:column}.preview-whiteboard-container .whiteboard-container{height:auto!important;min-height:100%!important}.preview-whiteboard-container .whiteboard-scroll-container{height:auto!important;overflow:visible!important}.preview-whiteboard-container .whiteboard{height:100%;width:100%}.preview-whiteboard-container .visual-block{width:100%}.preview-whiteboard-container .text-mount,.preview-whiteboard-container .text-mount table{font-size:4rem}.preview-whiteboard-container .visual-block-title,.preview-whiteboard-container .visual-loading-text{font-size:3.5rem}.preview-whiteboard-container .type-graph .visual-display-area,.preview-whiteboard-container .type-game .visual-display-area{aspect-ratio:3 / 4}.preview-mode-toggle{display:flex;background:rgba(255,255,255,.04);padding:3px;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.toggle-btn{padding:6px 16px;border-radius:8px;border:none;background:none;color:#9ca3af;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.toggle-btn:hover{color:#e3e3e3}.toggle-btn.active{background:rgba(255,255,255,.08);color:#fff;box-shadow:0 2px 8px #0003}.preview-report-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;padding:32px 28px;background:#09090b}.report-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:#71717a}.report-placeholder h4{margin:20px 0 8px;color:#e3e3e3;font-size:1.2rem}.report-placeholder p{font-size:.9rem;max-width:240px;line-height:1.5}.preview-sidebar-footer{display:none}.preview-loader{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#71717a;gap:16px}.loader-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.report-section{margin-bottom:24px}.report-section h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin:0 0 10px}.report-text{font-size:.9rem;line-height:1.6;color:#c4c4cc;background:rgba(255,255,255,.02);border-radius:10px;padding:14px 16px;border:1px solid rgba(255,255,255,.05)}.report-text.highlight{border-left:3px solid #6366f1;background:rgba(99,102,241,.04);color:#c7d2fe}.report-text.highlight-blue{border-left:3px solid #3b82f6;background:rgba(59,130,246,.04);color:#93c5fd}.report-text.secondary{border-left:3px solid #a855f7;background:rgba(168,85,247,.04);color:#d8b4fe}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.report-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.report-list li{font-size:.85rem;line-height:1.5;color:#c4c4cc;padding:8px 12px;background:rgba(34,197,94,.05);border-radius:8px;border-left:2px solid rgba(34,197,94,.3)}.report-list.warning li{background:rgba(245,158,11,.05);border-left-color:#f59e0b4d}.report-score-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid;border-radius:14px;background:rgba(255,255,255,.02);margin-bottom:24px}.report-score-value{font-size:2.4rem;font-weight:900;line-height:1}.report-score-denom{font-size:1rem;font-weight:600;opacity:.6}.report-score-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af}.student-report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.student-report-modal{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:680px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.student-report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.student-report-modal-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:#e3e3e3}.student-report-modal-body{flex:1;overflow-y:auto;padding:28px 24px}@media (max-width: 800px){.back-to-students{display:flex}.detail-stats{flex-wrap:wrap;gap:10px}.stat-card{padding:16px 20px;min-width:120px}.report-grid{grid-template-columns:1fr}}.feedback-tab{flex:1;display:flex;overflow:hidden}.feedback-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.feedback-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.feedback-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fb-filter-input{display:flex;align-items:center;gap:8px;padding:7px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#9ca3af;min-width:160px}.fb-filter-input:focus-within{border-color:#6366f166;background:rgba(99,102,241,.05)}.fb-filter-input input{background:none;border:none;outline:none;color:#e3e3e3;font-size:.85rem;font-family:inherit;width:100%;min-width:0}.fb-filter-input input::placeholder{color:#52525b}.fb-clear-btn{background:none;border:none;color:#52525b;cursor:pointer;padding:0;display:grid;place-items:center;flex-shrink:0;transition:color .15s}.fb-clear-btn:hover{color:#9ca3af}.fb-reset-btn{padding:7px 12px;background:none;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.fb-reset-btn:hover{background:rgba(239,68,68,.08);border-color:#ef444459}.fb-count{font-size:.8rem;color:#52525b;white-space:nowrap;flex-shrink:0}.feedback-table-wrap{flex:1;overflow-y:auto}.feedback-table{width:100%;border-collapse:collapse;font-size:.875rem}.fb-th{position:sticky;top:0;padding:11px 16px;text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#52525b;background:#09090b;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s}.fb-th>span{display:inline-flex;align-items:center;gap:5px}.fb-th:hover{color:#9ca3af}.fb-th.active{color:#a5b4fc}.fb-sort-icon{vertical-align:middle;opacity:.4;flex-shrink:0}.fb-th.active .fb-sort-icon,.fb-th:hover .fb-sort-icon{opacity:1}.fb-row{border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .12s}.fb-row:hover{background:rgba(255,255,255,.04)}.fb-row.active{background:rgba(99,102,241,.07);border-bottom-color:#6366f11a}.fb-row td{padding:12px 16px;color:#c4c4c8;vertical-align:middle}.fb-cell-primary{font-weight:600;color:#e3e3e3!important}.fb-muted{color:#71717a!important}.fb-dash{color:#3f3f46}.fb-lab-badge{display:inline-flex;align-items:center;padding:2px 8px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.18);border-radius:5px;color:#a5b4fc;font-size:.78rem;font-weight:500}.fb-score-badge{font-size:.82rem;font-weight:700;letter-spacing:.01em}.fb-score-generating{font-size:.82rem;color:#52525b;animation:fb-pulse 1.2s ease-in-out infinite}@keyframes fb-pulse{0%,to{opacity:.4}50%{opacity:1}}.fb-empty{padding:80px 32px;text-align:center;color:#3f3f46;font-size:.9rem}@media (max-width: 800px){.feedback-toolbar{padding:12px 16px;flex-direction:column;align-items:flex-start}.feedback-table .fb-th:nth-child(4),.feedback-table .fb-row td:nth-child(4){display:none}}@media (max-width: 480px){.fb-filter-input{min-width:0;flex:1}.feedback-table .fb-th:nth-child(3),.feedback-table .fb-row td:nth-child(3){display:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.add-student-modal{background:#18181b;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;width:100%;max-width:420px;box-shadow:0 40px 100px #0009}.add-student-modal h2{font-size:1.5rem;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:8px}.modal-desc{color:#71717a;font-size:.9rem;margin:0 0 24px}.modal-error{padding:10px 14px;margin-bottom:16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:.85rem}.add-student-modal label{display:block;margin-bottom:16px;font-size:.85rem;font-weight:600;color:#a1a1aa}.add-student-modal input{display:block;width:100%;margin-top:6px;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e3e3e3;font-size:.95rem;font-family:Outfit,sans-serif;outline:none;transition:border-color .2s;box-sizing:border-box}.add-student-modal input:focus{border-color:#6366f166}.add-student-modal input::placeholder{color:#3f3f46}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-tabs{display:flex;gap:4px;margin-bottom:20px;background:rgba(255,255,255,.04);border-radius:8px;padding:4px}.modal-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 0;border:none;border-radius:6px;background:transparent;color:#71717a;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.modal-tab.active{background:rgba(99,102,241,.18);color:#a5b4fc}.bulk-upload-tab .modal-desc{margin-bottom:16px}.bulk-upload-tab code{background:rgba(255,255,255,.07);padding:1px 5px;border-radius:4px;font-size:.82rem;color:#a5b4fc}.bulk-drop-zone{border:2px dashed rgba(255,255,255,.12);border-radius:10px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#52525b;font-size:.88rem;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.bulk-drop-zone:hover,.bulk-drop-zone.drag-over{border-color:#6366f180;background:rgba(99,102,241,.06);color:#a1a1aa}.bulk-drop-zone.has-file{border-style:solid;border-color:#22c55e59;background:rgba(34,197,94,.05)}.bulk-drop-icon{color:#3f3f46;margin-bottom:4px}.bulk-drop-hint{font-size:.78rem;color:#3f3f46}.bulk-file-selected{display:flex;align-items:center;gap:10px;color:#a1a1aa;font-size:.9rem}.bulk-file-icon-ok{color:#22c55e;flex-shrink:0}.bulk-file-clear{margin-left:auto;background:none;border:none;color:#71717a;cursor:pointer;padding:2px;display:flex;align-items:center}.bulk-file-clear:hover{color:#e4e4e7}.bulk-results-summary{display:flex;gap:16px;margin-bottom:14px;font-size:.9rem;font-weight:600}.bulk-ok{display:flex;align-items:center;gap:5px;color:#22c55e}.bulk-fail{display:flex;align-items:center;gap:5px;color:#f87171}.bulk-failed-list{border:1px solid rgba(248,113,113,.2);border-radius:8px;max-height:160px;overflow-y:auto;background:rgba(248,113,113,.04)}.bulk-failed-row{display:flex;gap:12px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.82rem}.bulk-failed-row:last-child{border-bottom:none}.bulk-failed-email{color:#a1a1aa;flex-shrink:0;min-width:140px}.bulk-failed-reason{color:#f87171}.assign-class-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.assign-class-item{display:flex;align-items:center;gap:10px;padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#e3e3e3;font-size:.95rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s;width:100%;text-align:left}.assign-class-item:hover{background:rgba(99,102,241,.08);border-color:#6366f133}.assign-class-count{margin-left:auto;font-size:.8rem;color:#52525b;font-weight:500}.all-students-modal{background:#18181b;border:1px solid rgba(255,255,255,.08);border-radius:24px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 40px 100px #0009;overflow:hidden}.all-students-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 0}.all-students-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.all-students-header h2{font-size:1.4rem;font-weight:700;margin:0 0 4px;display:flex;align-items:center;gap:8px}.all-students-search{display:flex;align-items:center;gap:10px;margin:16px 32px;padding:10px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#71717a;flex-shrink:0}.all-students-search input{background:none;border:none;outline:none;color:#e3e3e3;font-size:.9rem;font-family:Outfit,sans-serif;width:100%}.all-students-search input::placeholder{color:#52525b}.all-students-table-wrap{flex:1;overflow-y:auto;padding:0 32px 28px}.all-students-table{width:100%;border-collapse:collapse;font-size:.9rem}.all-students-table thead tr{border-bottom:1px solid rgba(255,255,255,.06)}.all-students-table th{padding:10px 12px;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#52525b;white-space:nowrap}.all-students-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.all-students-table th.sortable:hover{color:#a1a1aa}.all-students-table th .sort-icon-inactive{opacity:.4;vertical-align:middle;margin-left:4px}.all-students-table th .sort-icon-active{color:#6366f1;vertical-align:middle;margin-left:4px}.col-check{width:36px;padding:0 8px!important;text-align:center}.bulk-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#6366f1}.row-selected{background:rgba(99,102,241,.07)!important}.student-table-row{cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}.student-table-row:hover{background:rgba(255,255,255,.03)}.all-students-table td{padding:14px 12px;color:#a1a1aa;vertical-align:middle}.student-table-name{font-weight:600;color:#e3e3e3;font-size:.9rem}.student-table-email{font-size:.78rem;color:#52525b;margin-top:2px}.table-score{font-weight:700;font-size:.9rem}.table-null{color:#3f3f46}.table-style-badge{display:inline-flex;padding:3px 9px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);border-radius:20px;color:#c084fc;font-size:.75rem;font-weight:600}.table-empty{text-align:center;color:#52525b;padding:40px}@media (max-width: 800px){.all-students-modal{border-radius:16px;max-height:95vh}.all-students-header{padding:20px 20px 0}.all-students-search{margin:12px 20px}.all-students-table-wrap{padding:0 20px 20px}.all-students-table th:nth-child(4),.all-students-table td:nth-child(4),.all-students-table th:nth-child(5),.all-students-table td:nth-child(5){display:none}}.dashboard{height:100vh;width:100%;display:flex;flex-direction:column;background:#09090b;color:#e3e3e3;font-family:Outfit,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);flex-shrink:0}.dashboard-header-left{display:flex;align-items:center;gap:24px}.dashboard-logo{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:800}.dashboard-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;display:grid;place-items:center;font-size:1.1rem;color:#fff}.school-name{color:#9ca3af;font-size:.95rem;font-weight:600;padding-left:24px;border-left:1px solid rgba(255,255,255,.12)}.dashboard-header-right{display:flex;align-items:center;gap:16px}.dashboard-brand-tag{font-size:1rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none}.dashboard-email{color:#9ca3af;font-size:.9rem}.dashboard-btn-icon{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:grid;place-items:center}.dashboard-btn-icon:hover{background:rgba(255,255,255,.05);color:#e3e3e3}.dashboard-body{flex:1;display:flex;overflow:hidden}.dashboard-sidebar{width:340px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;flex-shrink:0;position:relative}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.sidebar-top h2{font-size:1.1rem;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.search-bar{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:10px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#9ca3af}.search-bar input{background:none;border:none;outline:none;color:#e3e3e3;font-size:.9rem;font-family:inherit;width:100%}.search-bar input::placeholder{color:#71717a}.sidebar-empty{padding:40px 24px;color:#71717a;text-align:center;font-size:.9rem}.student-list{flex:1;overflow-y:auto;padding:0 8px}.student-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:2px}.student-item:hover{background:rgba(255,255,255,.04)}.student-item.active{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.15)}.student-item-info{flex:1;min-width:0}.student-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;font-size:.8rem;color:#71717a}.student-meta span{display:flex;align-items:center;gap:4px}.student-proficiency-badge{color:#a5b4fc!important;background:rgba(99,102,241,.1);border-radius:4px;padding:1px 5px}.student-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.student-action-btn{background:none;border:none;color:#71717a;cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;transition:all .2s}.student-action-btn:hover{background:rgba(255,255,255,.08);color:#e3e3e3}.student-item-arrow{color:#52525b;flex-shrink:0}.sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.09);flex-shrink:0}.see-all-students-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.15);border-radius:10px;color:#a5b4fc;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.see-all-students-btn:hover{background:rgba(99,102,241,.12);border-color:#6366f14d}.dashboard-main{flex:1;overflow-y:auto;padding:32px;min-width:400px;transition:padding .2s}.dashboard-main.with-preview{padding:24px;min-width:0}.dashboard-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#52525b;gap:12px;text-align:center}.dashboard-placeholder h3{font-size:1.2rem;font-weight:600;color:#71717a;margin:0}.dashboard-placeholder p{font-size:.9rem;margin:0}.dashboard-btn{padding:10px 20px;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;border:none;font-family:inherit;display:flex;align-items:center;gap:6px}.dashboard-btn.small{padding:8px 14px;font-size:.85rem}.dashboard-btn.primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.dashboard-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.dashboard-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.dashboard-btn.secondary{background:rgba(255,255,255,.05);color:#e3e3e3;border:1px solid rgba(255,255,255,.1)}.dashboard-btn.secondary:hover{background:rgba(255,255,255,.08)}.dashboard-btn.danger{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.dashboard-btn.danger:hover{background:rgba(239,68,68,.15)}.class-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.class-tab-wrapper{position:relative;display:flex;align-items:center}.class-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#9ca3af;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.class-tab:hover{background:rgba(255,255,255,.06);color:#e3e3e3}.class-tab.active{background:rgba(99,102,241,.1);border-color:#6366f133;color:#a5b4fc}.class-tab-count{background:rgba(255,255,255,.06);padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:700}.class-tab.active .class-tab-count{background:rgba(99,102,241,.15)}.add-class-tab{border-style:dashed;color:#71717a}.add-class-tab:hover{color:#a5b4fc;border-color:#6366f133}.class-tab-menu-btn{background:none;border:none;color:#71717a;cursor:pointer;padding:4px;border-radius:4px;display:grid;place-items:center;margin-left:-4px;transition:all .2s}.class-tab-menu-btn:hover{background:rgba(255,255,255,.08);color:#e3e3e3}.class-tab-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#1e1e22;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px;z-index:100;min-width:120px;box-shadow:0 8px 24px #0006}.class-tab-menu button{display:block;width:100%;padding:8px 12px;background:none;border:none;color:#e3e3e3;font-size:.85rem;font-family:inherit;cursor:pointer;border-radius:6px;text-align:left;transition:background .15s}.class-tab-menu button:hover{background:rgba(255,255,255,.06)}.class-tab-menu button.danger{color:#ef4444}.class-tab-menu button.danger:hover{background:rgba(239,68,68,.1)}.dashboard-tab-control{display:flex;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px;gap:2px}.dashboard-tab-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border:none;border-radius:7px;background:none;color:#9ca3af;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;white-space:nowrap}.dashboard-tab-btn:hover{background:rgba(255,255,255,.08);color:#e3e3e3}.dashboard-tab-btn.active{background:rgba(99,102,241,.15);color:#a5b4fc}.labs-view{flex:1;overflow-y:auto;padding:32px}.labs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.labs-header h2{font-size:1.2rem;font-weight:700;margin:0}.labs-empty{padding:60px 24px;color:#71717a;text-align:center;font-size:.9rem}.labs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.lab-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}.lab-card:hover{border-color:#6366f140}.lab-card-new{border:1px dashed rgba(99,102,241,.3);background:rgba(99,102,241,.04);color:#a5b4fc;cursor:pointer;flex-direction:row;align-items:center;gap:10px;font-size:.95rem;font-weight:600;justify-content:center}.lab-card-new:hover{background:rgba(99,102,241,.1);border-color:#6366f180}.lab-card-title{font-size:.95rem;font-weight:600;color:#e3e3e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.lab-card-date{font-size:.8rem;color:#71717a;margin-bottom:4px}.lab-card-actions{display:flex;align-items:center;gap:8px;margin-top:auto}.lab-card-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:none;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.lab-card-btn.edit{flex:1;justify-content:center;background:rgba(99,102,241,.1);color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}.lab-card-btn.edit:hover{background:rgba(99,102,241,.18)}.lab-card-btn.delete{background:rgba(239,68,68,.08);color:#ef4444;border:1px solid rgba(239,68,68,.15);padding:6px 10px}.lab-card-btn.delete:hover{background:rgba(239,68,68,.15)}@media (max-width: 800px){.dashboard-header{padding:12px 16px;flex-wrap:wrap;gap:10px}.dashboard-tab-control{order:3;width:100%}.dashboard-tab-btn{flex:1;justify-content:center}.school-name{display:none}.labs-view{padding:20px 16px}.labs-grid{grid-template-columns:1fr 1fr}.dashboard-body{flex-direction:row;overflow:hidden;position:relative;width:100%}.dashboard-sidebar,.dashboard-main,.dashboard-preview-sidebar{min-width:100%;max-width:100%;width:100%;flex-shrink:0;height:100%;border:none;overflow-y:auto}.dashboard-sidebar{border-right:none}.dashboard-preview-sidebar{display:flex;min-width:100%}.mobile-page-list .dashboard-sidebar{transform:translate(0)}.mobile-page-list .dashboard-main{transform:translate(0);position:absolute;left:100%}.mobile-page-list .dashboard-preview-sidebar{position:absolute;left:200%}.mobile-page-detail .dashboard-sidebar{position:absolute;left:-100%}.mobile-page-detail .dashboard-main{transform:translate(0);padding:20px 16px}.mobile-page-detail .dashboard-preview-sidebar{position:absolute;left:100%}.mobile-page-preview .dashboard-sidebar{position:absolute;left:-200%}.mobile-page-preview .dashboard-main{position:absolute;left:-100%}.mobile-page-preview .dashboard-preview-sidebar{transform:translate(0)}.dashboard-main.with-preview{padding:20px 16px}}@media (max-width: 480px){.dashboard-tab-btn span{display:none}.dashboard-tab-btn{padding:7px 12px}.labs-view{padding:16px 12px}.labs-grid{grid-template-columns:1fr}.lab-card{min-width:0}.lab-card-actions{flex-wrap:wrap}.lab-card-btn.edit,.lab-card-btn.share{flex:1 1 auto}}.lab-card-published{border-color:#6366f159}.lab-card-btn.share{flex:1;justify-content:center;background:rgba(255,255,255,.05);color:#888}.lab-card-btn.share:hover{background:rgba(99,102,241,.15);color:#818cf8}.lab-card-btn.share.active{background:rgba(99,102,241,.12);color:#818cf8}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.share-modal{background:#111113;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px;width:460px;max-width:calc(100vw - 40px);display:flex;flex-direction:column;gap:16px}.share-modal-header{display:flex;align-items:center;justify-content:space-between}.share-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.share-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1rem;padding:4px}.share-modal-desc{margin:0;font-size:.88rem;color:#aaa;line-height:1.5}.share-link-row{display:flex;gap:8px}.share-link-input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#e3e3e3;font-size:.85rem;font-family:monospace;outline:none}.share-copy-btn{background:#4285f4;color:#fff;border:none;border-radius:8px;padding:10px 18px;cursor:pointer;font-weight:600;font-size:.88rem;white-space:nowrap}.share-copy-btn:hover{filter:brightness(1.1)}.share-unpublish-btn{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#ef4444;cursor:pointer;font-size:.85rem;font-weight:500;padding:9px 20px;border-radius:8px;width:100%;text-align:center}.share-unpublish-btn:hover{background:rgba(239,68,68,.15);border-color:#ef444466}.qa-card-students{view-transition-name:qa-students}.qa-card-reports{view-transition-name:qa-reports}.qa-card-designer{view-transition-name:qa-designer}.qa-card-planner{view-transition-name:qa-planner}::view-transition-group(qa-students),::view-transition-group(qa-reports),::view-transition-group(qa-designer),::view-transition-group(qa-planner){animation-duration:.48s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(qa-students),::view-transition-old(qa-reports),::view-transition-old(qa-designer),::view-transition-old(qa-planner){animation:.22s ease both vt-fade-out}::view-transition-new(qa-students),::view-transition-new(qa-reports),::view-transition-new(qa-designer),::view-transition-new(qa-planner){animation:.28s ease .18s both vt-fade-in}::view-transition-old(root){animation:.3s ease both vt-fade-out}::view-transition-new(root){animation:.35s ease .1s both vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes tabContentEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tab-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;animation:tabContentEnter .32s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.06s}.dashboard-back-btn{display:flex;align-items:center;gap:7px;padding:7px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.dashboard-back-btn:hover{background:rgba(255,255,255,.08);color:#e3e3e3}.dashboard-home{flex:1;overflow-y:auto;padding:40px 48px;display:flex;flex-direction:column;gap:48px}.dashboard-home-section{display:flex;flex-direction:column;gap:16px}.dashboard-section-title{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#52525b;margin:0}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between}.dashboard-section-link{display:flex;align-items:center;gap:3px;background:none;border:none;color:#6366f1;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:color .15s}.dashboard-section-link:hover{color:#a5b4fc}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-action-card{display:flex;align-items:center;gap:16px;padding:22px 20px;border-radius:16px;border:none;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;text-align:left;font-family:inherit;color:#fff;position:relative;overflow:hidden}.quick-action-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0);transition:background .18s;border-radius:inherit}.quick-action-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000059;filter:brightness(1.1)}.quick-action-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-action-text{flex:1;min-width:0}.quick-action-label{font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-action-desc{font-size:.78rem;color:#ffffffb3;margin-top:3px;line-height:1.4}.quick-action-arrow{color:#ffffff73;flex-shrink:0;transition:color .15s,transform .15s}.quick-action-card:hover .quick-action-arrow{color:#ffffffd9;transform:translate(3px)}.dashboard-student-table-wrap{border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.dashboard-student-table{width:100%;border-collapse:collapse;font-size:.875rem}.dashboard-student-table thead tr{background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08)}.dashboard-student-table th{padding:11px 16px;text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#52525b}.dashboard-student-row{border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .15s}.dashboard-student-row:last-child{border-bottom:none}.dashboard-student-row:hover{background:rgba(255,255,255,.04)}.dashboard-student-row td{padding:13px 16px;color:#e3e3e3}.student-table-name{font-weight:600}.student-table-muted{color:#71717a!important}.student-table-score{display:inline-flex;align-items:center;padding:2px 8px;background:rgba(99,102,241,.1);border-radius:4px;color:#a5b4fc;font-size:.8rem;font-weight:600}.dashboard-table-empty{padding:48px 24px;color:#52525b;text-align:center;font-size:.9rem;border:1px solid rgba(255,255,255,.07);border-radius:14px}.dashboard-table-link{background:none;border:none;color:#6366f1;font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:underline}.tab-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#3f3f46;text-align:center;padding:40px}.tab-placeholder h3{font-size:1.1rem;font-weight:600;color:#52525b;margin:0}.tab-placeholder p{font-size:.9rem;color:#3f3f46;margin:0}@media (max-width: 1100px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.dashboard-home{padding:24px 16px;gap:36px}.quick-actions-grid{grid-template-columns:1fr}.dashboard-student-table th:nth-child(2),.dashboard-student-row td:nth-child(2){display:none}}.admin-panel{height:100vh;width:100%;display:flex;flex-direction:column;background:#09090b;color:#e3e3e3;font-family:Outfit,sans-serif}.admin-header{display:flex;align-items:center;gap:24px;padding:0 32px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);flex-shrink:0;height:60px}.admin-header-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.admin-badge{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgba(99,102,241,.2);color:#a78bfa;border:1px solid rgba(99,102,241,.3);padding:2px 8px;border-radius:20px}.admin-tabs{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.admin-tab-btn{display:flex;align-items:center;gap:7px;padding:7px 16px;background:none;border:none;border-radius:8px;color:#9ca3af;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s;font-family:Outfit,sans-serif}.admin-tab-btn:hover{background:rgba(255,255,255,.06);color:#e3e3e3}.admin-tab-btn.active{background:rgba(99,102,241,.15);color:#a78bfa}.admin-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-left:auto}.admin-tabs-mobile{display:none;align-items:center;gap:0;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;padding:4px 8px}.admin-tabs-mobile::-webkit-scrollbar{display:none}.admin-grid{flex:1;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:1px;background:rgba(255,255,255,.07)}.admin-grid-cell{background:#09090b;display:flex;flex-direction:column;overflow:hidden;min-height:0}.admin-grid-cell.cell-syllabus{grid-column:1 / -1;max-height:260px}.admin-cell-title{display:flex;align-items:center;gap:7px;padding:12px 20px 0;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;flex-shrink:0}.admin-content-mobile{display:none;flex:1;overflow:hidden;flex-direction:column}.admin-tab-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}@media (max-width: 900px){.admin-grid{display:none}.admin-tabs-mobile,.admin-content-mobile{display:flex}.admin-header{padding:0 12px;height:52px}.admin-header-right .dashboard-email{display:none}.admin-tab-btn{flex:1;justify-content:center;padding:6px 4px;font-size:.82rem}.admin-tab-btn .tab-label{display:none}.admin-tab-toolbar{padding:10px 12px}.admin-table-wrap{padding:0 12px}.admin-tab-footer{padding:8px 12px}}.admin-tab-toolbar{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.admin-toolbar-actions{display:flex;gap:8px;margin-left:auto}.admin-tab-info{color:#9ca3af;font-size:.88rem}.admin-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 12px;color:#9ca3af;flex:1;max-width:320px}.admin-search input{background:none;border:none;outline:none;color:#e3e3e3;font-size:.88rem;font-family:Outfit,sans-serif;width:100%}.admin-search input::placeholder{color:#6b7280}.admin-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;font-family:Outfit,sans-serif;transition:opacity .15s,background .15s;white-space:nowrap}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn.primary{background:#6366f1;color:#fff}.admin-btn.primary:hover:not(:disabled){background:#5254cc}.admin-btn.secondary{background:rgba(255,255,255,.08);color:#e3e3e3}.admin-btn.secondary:hover:not(:disabled){background:rgba(255,255,255,.12)}.admin-btn.danger{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.admin-btn.danger:hover:not(:disabled){background:rgba(239,68,68,.25)}.admin-btn.small{padding:4px 10px;font-size:.8rem}.admin-table-wrap{flex:1;overflow-y:auto;padding:0 20px}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table thead th{padding:10px 12px;text-align:left;color:#6b7280;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#09090b}.admin-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.admin-table tbody tr:hover{background:rgba(255,255,255,.03)}.admin-table tbody tr.row-selected{background:rgba(99,102,241,.08)}.admin-table td{padding:10px 12px;color:#d1d5db;vertical-align:middle}.col-check{width:40px}.col-check input[type=checkbox]{cursor:pointer;accent-color:#6366f1}.col-action{width:48px;text-align:right}.cell-name{font-weight:500;color:#e3e3e3}.cell-email{color:#9ca3af;font-size:.83rem}.cell-count{color:#9ca3af}.dim{color:#4b5563}.row-remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;opacity:0}.admin-table tbody tr:hover .row-remove-btn{opacity:1}.row-remove-btn:hover{color:#ef4444;background:rgba(239,68,68,.1)}.admin-tab-footer{padding:8px 20px;border-top:1px solid rgba(255,255,255,.06);color:#4b5563;font-size:.8rem;flex-shrink:0}.admin-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#4b5563;font-size:.9rem}.admin-empty.small{height:80px}.teacher-select-wrap{position:relative;display:inline-flex;align-items:center}.teacher-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#d1d5db;font-size:.85rem;font-family:Outfit,sans-serif;padding:5px 28px 5px 10px;cursor:pointer;outline:none;min-width:140px;transition:border-color .15s}.teacher-select:focus{border-color:#6366f1}.teacher-select option{background:#18181b;color:#e3e3e3}.teacher-select-icon{position:absolute;right:8px;pointer-events:none;color:#6b7280}.admin-modal{background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;width:420px;max-width:90vw;max-height:85vh;overflow-y:auto;color:#e3e3e3}.admin-modal h2{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;margin:0 0 20px}.admin-modal label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:#9ca3af;margin-bottom:14px}.admin-modal label input,.admin-modal label .teacher-select-wrap,.admin-modal label .teacher-select{width:100%;box-sizing:border-box}.admin-modal input[type=text],.admin-modal input[type=email]{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e3e3e3;font-size:.88rem;font-family:Outfit,sans-serif;padding:8px 12px;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.admin-modal input:focus{border-color:#6366f1}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-modal-header h2{margin:0}.add-person-modal{width:460px}.enrollment-class-pick{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:600;color:#9ca3af}.enrollment-add-modal{width:420px}.enrollment-add-list{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.enrollment-add-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;transition:background .1s}.enrollment-add-row:hover{background:rgba(255,255,255,.04)}.bulk-format-example{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px;font-size:.8rem;font-family:Courier New,monospace;color:#9ca3af;margin:0 0 16px;white-space:pre;overflow-x:auto}.syllabus-tab-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.syllabus-tab-header{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;flex-wrap:wrap}.syllabus-tab-desc{flex:1;font-size:.83rem;color:#9ca3af;margin:0;min-width:200px}.syllabus-tab-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.syllabus-boards{display:flex;gap:1px;flex:1;overflow:hidden;background:rgba(255,255,255,.07)}.syllabus-board-group{flex:1;background:#09090b;display:flex;flex-direction:column;overflow:hidden;padding:12px 16px;gap:8px}.syllabus-board-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.syllabus-board-items{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.syllabus-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#d1d5db;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 6px;border-radius:6px;transition:background .1s}.syllabus-item:hover:not(.disabled){background:rgba(255,255,255,.04)}.syllabus-item.disabled{opacity:.45;cursor:not-allowed}.syllabus-item.checked{color:#a78bfa}.syllabus-item input[type=checkbox]{cursor:pointer;accent-color:#6366f1;flex-shrink:0}.syllabus-item.disabled input[type=checkbox]{cursor:not-allowed}@media (max-width: 900px){.syllabus-boards{flex-direction:column}.syllabus-board-group,.syllabus-tab-header{padding:10px 12px}}.login-page{min-height:100vh;background:var(--bg-color);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Outfit,sans-serif}.login-card{background:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:20px;padding:48px 40px;width:100%;max-width:400px;text-align:center;box-shadow:0 8px 32px #0006;position:relative;overflow:hidden}.login-back-btn{position:absolute;top:20px;left:20px;background:none;border:none;color:#9aa0a6;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s;padding:0}.login-back-btn:hover{color:#fff}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:32px;cursor:pointer;transition:opacity .2s}.login-brand:hover{opacity:.8}.login-logo{width:40px;height:40px;background:linear-gradient(135deg,#4285f4,#a855f7);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff}.login-brand span{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-title{font-size:1.6rem;font-weight:600;color:#fff;margin:0 0 8px}.login-subtitle{color:#9aa0a6;font-size:.95rem;margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:14px}.login-input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-size:.95rem;outline:none;font-family:Outfit,sans-serif;box-sizing:border-box;transition:border-color .2s}.login-input:focus{border-color:#4285f4}.login-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.19,1,.22,1);font-family:Outfit,sans-serif;margin-top:16px;box-shadow:0 4px 15px #6366f14d;letter-spacing:-.01em;text-align:center}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f166;filter:brightness(1.1)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;background:#4b5563}.login-error{padding:10px 14px;margin-bottom:16px;background:rgba(242,139,130,.12);border:1px solid rgba(242,139,130,.3);border-radius:10px;color:#f28b82;font-size:.85rem;text-align:left}.login-success{padding:10px 14px;margin-bottom:16px;background:rgba(52,168,83,.12);border:1px solid rgba(52,168,83,.3);border-radius:10px;color:#34a853;font-size:.85rem;text-align:left}.login-link{margin-top:20px;font-size:.85rem;color:#8ab4f8;cursor:pointer;transition:color .2s}.login-link:hover{color:#aecbfa}.try-back-btn{position:fixed;top:24px;right:24px;z-index:2000;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff!important;padding:8px 16px;border-radius:100px;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.try-back-btn:hover{background:rgba(255,255,255,.1);border-color:#fff3;transform:translateY(-2px)}.try-back-btn svg{color:#fff}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px}.report-modal-container{background:#09090b;width:100%;max-width:900px;height:90vh;border-radius:24px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.report-modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.02)}.report-header-left{display:flex;align-items:center;gap:16px}.report-header-left h2{margin:0;font-size:1.4rem;font-weight:700;color:#fff}.report-header-right{display:flex;align-items:center;gap:12px}.report-download-btn{background:#4f46e5;color:#fff;border:none;padding:8px 18px;border-radius:10px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.report-download-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.report-download-btn:disabled{opacity:.5;cursor:default}.report-close-btn{background:none;border:none;color:#71717a;padding:8px;border-radius:50%;cursor:pointer;transition:all .2s}.report-close-btn:hover{background:rgba(255,255,255,.08);color:#fff}.report-modal-body{flex:1;overflow-y:auto;padding:40px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.report-modal-loader{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#71717a}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.report-content{display:flex;flex-direction:column;gap:32px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1400px){.report-grid{grid-template-columns:1fr}}.report-section h4{margin:0 0 12px;font-size:.95rem;font-weight:800;color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em}.report-text{font-size:.95rem;line-height:1.6;color:#d1d1d6;background:rgba(255,255,255,.02);padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.report-text.highlight{background:rgba(52,168,83,.05);border-color:#34a85333;color:#e3e3e3}.report-text.highlight-blue{background:rgba(66,133,244,.05);border-color:#4285f433;color:#e3e3e3}.report-text.secondary{background:rgba(255,255,255,.01);border-style:dashed;color:#a1a1aa}.report-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.report-list li{font-size:.9rem;line-height:1.5;color:#e3e3e3;padding-left:24px;position:relative}.report-list li:before{content:"•";position:absolute;left:0;color:#6366f1;font-weight:700}.report-list.warning li:before{color:#ef4444}.report-list.highlight li{background:rgba(99,102,241,.05);padding:12px 16px 12px 32px;border-radius:10px;border-left:3px solid #6366f1}.report-list.highlight li:before{left:12px}.report-score-section{display:flex;align-items:center;gap:20px}.report-score-section h4{margin:0}.report-score-badge{font-size:2.5rem;font-weight:800;line-height:1}.report-score-denom{font-size:1.1rem;font-weight:500;opacity:.6;margin-left:2px}:root{--bg-color: #131314;--sidebar-bg: #1e1f20;--user-msg-bg: #2b2c2d;--ai-msg-bg: transparent;--text-primary: #e3e3e3;--text-secondary: #c4c7c5;--accent-color: #a8c7fa;--input-bg: #1e1f20;--border-color: #444746;--hover-bg: #2b2d2e}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{overflow:hidden;position:fixed;width:100%;height:100%}body{font-family:Roboto,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-primary);height:100vh;width:100vw;display:flex;overflow:hidden;position:fixed;touch-action:none;overscroll-behavior:none}#root{width:100%;height:100%;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#444746;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5e5e5e}.animate-fade-up{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@keyframes pulse{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.1);opacity:.7}to{transform:scale(.9);opacity:.5}}@keyframes wave{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-ring{0%{transform:scale(.5);opacity:0}50%{opacity:.4}to{transform:scale(1.3);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid rgba(168,199,250,.1);border-top:3px solid #a8c7fa;border-radius:50%;animation:spin 1s linear infinite}.hidden{display:none!important}.btn-primary{background:linear-gradient(135deg,#a8c7fa 0%,#4c8df6 100%);color:#000;padding:12px 24px;border-radius:20px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4c8df64d}.btn-secondary{background:transparent;border:1px solid #444746;color:#e3e3e3;padding:12px 24px;border-radius:20px;font-weight:500;text-decoration:none;transition:background .3s;display:inline-block}.btn-secondary:hover{background:rgba(255,255,255,.1)}.modal-actions{display:flex;gap:15px;margin-top:25px;justify-content:center}.modal-btn{padding:10px 24px;border-radius:24px;font-weight:500;cursor:pointer;font-size:.95rem;transition:transform .2s,background-color .2s,box-shadow .2s;border:none}.modal-btn.primary{background:#ff5252;color:#fff}.modal-btn.primary:hover{background:#ff1744;box-shadow:0 4px 12px #ff52524d;transform:translateY(-1px)}.modal-btn.secondary{background:transparent;border:1px solid #444746;color:#e3e3e3}.modal-btn.secondary:hover{background:rgba(255,255,255,.1);border-color:#e3e3e3}.visual-delete-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.1);border:none;color:#fff9;width:28px;height:28px;border-radius:50%;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.visual-delete-btn:hover{background:rgba(255,0,0,.2);color:#f44;transform:scale(1.1)}.visual-link-btn{position:absolute;top:10px;right:45px;background:rgba(255,255,255,.1);border:none;color:#fff9;width:28px;height:28px;border-radius:50%;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.visual-link-btn:hover{background:rgba(66,133,244,.2);color:#8ab4f8;transform:scale(1.1)}.hamburger-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.hamburger-btn:hover{background:rgba(255,255,255,.05)}.settings-select{width:100%;padding:12px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c4c7c5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.typed-text-overlay{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,rgba(23,23,27,.65) 0%,rgba(23,23,27,.85) 100%);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:20px 42px;color:#fff;font-size:1.75rem;font-weight:500;font-family:Outfit,sans-serif;box-shadow:0 30px 60px #000000b3,0 0 0 1px #ffffff0d,inset 0 0 0 1px #ffffff1a;z-index:2000;pointer-events:none;max-width:min(850px,90vw);min-width:160px;word-break:break-word;text-align:center;letter-spacing:-.01em;animation:typedOverlayIn .5s cubic-bezier(.19,1,.22,1);white-space:pre-wrap;text-shadow:0 4px 12px rgba(0,0,0,.5);overflow:hidden}.typed-text-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.03) 45%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 55%,transparent 100%);transform:rotate(-25deg);pointer-events:none}.typed-text-overlay:after{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);pointer-events:none}.typed-text-overlay.thinking{background:linear-gradient(110deg,rgba(23,23,27,.85) 40%,rgba(66,133,244,.2) 50%,rgba(23,23,27,.85) 60%);background-size:200% 100%;animation:thinkingShimmer 1.8s infinite linear,thinkingPulse 2s infinite ease-in-out;border-color:#4285f466;box-shadow:0 30px 60px #000000b3,0 0 20px #4285f41a;color:#fff9;transition:all .4s ease}@keyframes thinkingShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes thinkingPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-2px) scale(1.01)}}@keyframes typedOverlayIn{0%{opacity:0;transform:translate(-50%,40px) scale(.92);filter:blur(10px)}to{opacity:1;transform:translate(-50%) scale(1);filter:blur(0)}}.start-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Outfit,sans-serif;color:#fff6;-webkit-user-select:none;user-select:none;z-index:0;overflow:hidden}.start-overlay-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:500;white-space:nowrap}@media (max-height: 750px){.start-overlay-center-text{font-size:1.8rem}}@media (max-height: 550px){.start-overlay-center-text{font-size:1.2rem;top:40%}}.start-arrow-label{position:absolute;display:flex;align-items:center;gap:8px;font-size:1.2rem;pointer-events:none}.start-arrow-label.drawing{top:60%;left:50%;transform:translate(-50%);flex-direction:column}.start-arrow-label.resource{flex-direction:column}.start-arrow-svg{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@media (max-height: 750px){.start-arrow-label{font-size:1rem;gap:4px}.start-arrow-svg{width:60px;height:38px}.start-arrow-svg.vert{width:38px;height:60px}}@media (max-height: 550px){.start-arrow-label{font-size:.8rem}.start-arrow-svg{width:40px;height:25px}.start-arrow-svg.vert{display:none}.start-arrow-label.drawing{top:70%}}@media (max-height: 450px){.start-overlay-center-text{font-size:1rem;top:30%}.start-arrow-label{display:none}}@media (max-width: 800px){.start-overlay-center-text{font-size:1.5rem;max-width:60%}.start-arrow-label{font-size:.9rem}.start-arrow-svg{width:40px;height:25px}}@media (max-width: 500px){.start-overlay-center-text{font-size:1rem}.start-arrow-label{display:none}}@keyframes pulse-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-border{0%,to{border-color:#4285f466}50%{border-color:#9b72cbcc}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--sidebar-bg);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:90vh;padding:30px;border:1px solid var(--border-color);width:350px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;font-family:Outfit,sans-serif}.close{position:absolute;top:15px;right:35px;color:var(--text-secondary);font-size:28px;font-weight:700;cursor:pointer;z-index:100;line-height:1;transition:color .2s}.close:hover{color:var(--text-primary)}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#fff;flex-shrink:0}.modal-subtitle{color:#e3e3e3;font-size:1rem;margin-bottom:12px;font-weight:500}.modal-desc{color:#888;font-size:.9rem;line-height:1.4;margin-bottom:20px}.modal-input{width:100%;padding:12px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);font-size:.95rem;outline:none;font-family:Outfit,sans-serif;box-sizing:border-box}.modal-input:focus{border-color:var(--accent-color)}.modal-select{width:100%;padding:12px 36px 12px 12px;border-radius:10px;border:1px solid var(--border-color);background-color:#ffffff0a;color:var(--text-primary);font-size:.95rem;cursor:pointer;outline:none;font-family:Outfit,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s ease}.modal-select:hover{background-color:#ffffff14;border-color:#fff3}.modal-select:focus{border-color:var(--accent-color);background-color:#ffffff1a}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;gap:12px;margin-top:20px;justify-content:center;flex-shrink:0}.modal-btn{padding:12px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem;font-family:inherit}.modal-btn.primary{background:#4285f4;color:#fff}.modal-btn.primary.processing{background:linear-gradient(90deg,#4285f4,#9b72cb,#4285f4);background-size:200% 200%;animation:pulse-gradient 1.5s ease infinite}.modal-btn.primary:not(.processing):hover{background:#3367d6}.modal-btn.secondary{background:rgba(255,255,255,.05);color:#e3e3e3;border:1px solid var(--border-color)}.modal-btn.secondary:hover{background:rgba(255,255,255,.1)}.modal-btn.danger{background:rgba(242,139,130,.15);color:#f28b82;border:1px solid rgba(242,139,130,.3)}.modal-btn.danger:hover{background:rgba(242,139,130,.25)}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-body{max-height:calc(90vh - 100px);overflow-y:auto;padding-right:8px;margin-top:5px;text-align:left;flex:1}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3c4043;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#9aa0a6;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#4285f4}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background-color:#fff}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #4285f44d}.terms-content-display p{margin-bottom:20px;line-height:1.6;color:#bdc1c6}.terms-content-display h1,.terms-content-display h2,.terms-content-display h3{margin-top:30px;margin-bottom:15px;color:#fff}.terms-content-display h1{font-size:1.6rem;border-bottom:1px solid #3c4043;padding-bottom:10px}.terms-content-display h2{font-size:1.3rem;border-bottom:1px solid #3c4043;padding-bottom:5px}.terms-content-display h3{font-size:1.1rem}.topic-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2500;padding:20px;animation:fadeIn .3s ease}.topic-modal-content{background:rgba(32,33,36,.95);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 48px #00000080;animation:topicSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes topicSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topic-modal-header{padding:32px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:flex-start}.topic-modal-course-info{display:flex;gap:20px;align-items:center}.topic-modal-icon{font-size:40px;background:rgba(255,255,255,.05);width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:18px}.topic-modal-course-info h2{margin:0;font-size:1.5rem;color:#fff;font-weight:600}.topic-modal-course-info p{margin:4px 0 0;color:#9aa0a6;font-size:.95rem}.topic-modal-close{background:none;border:none;color:#9aa0a6;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.topic-modal-close:hover{background:rgba(255,255,255,.1);color:#fff}.topic-list{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.topic-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);padding:18px 24px;border-radius:16px;color:#e8eaed;display:flex;align-items:center;gap:16px;cursor:pointer;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:1.05rem;font-weight:500;animation:itemFadeIn .5s ease backwards}@keyframes itemFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.topic-item:hover{background:rgba(138,180,248,.1);border-color:#8ab4f84d;transform:translate(4px);color:#8ab4f8}.topic-item-dot{width:8px;height:8px;background:#8ab4f8;border-radius:50%;opacity:.6;transition:all .2s}.topic-item:hover .topic-item-dot{opacity:1;box-shadow:0 0 8px #8ab4f8}.topic-arrow{margin-left:auto;opacity:0;transform:translate(-10px);transition:all .25s}.topic-item:hover .topic-arrow{opacity:1;transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:20px}@media (max-height: 750px){.sidebar-header{margin-bottom:5px;padding-top:5px}}@media (max-width: 799px),(orientation: portrait){#hamburger-btn{display:flex!important}}.interaction-panel.collapsed .sidebar-header{justify-content:center;padding:10px 0;margin-bottom:10px}@media (max-height: 650px){.interaction-panel.collapsed .sidebar-header{padding:5px 0;margin-bottom:5px}}@media (max-height: 450px){.interaction-panel.collapsed .sidebar-header{padding:2px 0;margin-bottom:2px}}@media (max-height: 550px){.sidebar-header{margin-bottom:2px;padding:5px}}.sidebar-footer{padding-top:10px;margin-top:auto;display:flex;flex-direction:column;gap:5px}.interaction-panel.collapsed .sidebar-footer{gap:15px;padding-bottom:20px}@media (max-height: 650px){.interaction-panel.collapsed .sidebar-footer{gap:8px;padding-bottom:10px}}@media (max-height: 450px){.interaction-panel.collapsed .sidebar-footer{gap:2px;padding-bottom:2px}}.user-avatar-small{width:24px;height:24px;background:#4285f4;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.play-btn.active{background:#ea4335!important;color:#fff}@media (max-height: 550px){.sidebar-footer{padding-top:2px;gap:2px}.sidebar-btn,.login-btn{padding:2px 8px!important;font-size:.75rem!important;margin-top:0!important;min-height:28px}.sidebar-btn svg,.login-btn svg{width:14px!important;height:14px!important}.sidebar-nav-top{gap:2px}}.sidebar-btn{width:100%;padding:8px;background:transparent;border:none;color:#e3e3e3;border-radius:8px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;flex-shrink:0;transition:all .2s;font-size:.9rem}.interaction-panel.collapsed .sidebar-btn span{display:none}.interaction-panel.collapsed .sidebar-btn{justify-content:center;padding:0;width:48px;height:48px;margin:5px auto;border-radius:50%}@media (max-width: 1000px){.interaction-panel.collapsed .sidebar-btn{width:38px;height:38px;margin:3px auto;border-radius:12px;background:rgba(255,255,255,.04)}.interaction-panel.collapsed .sidebar-btn:hover{background:rgba(255,255,255,.09)}.interaction-panel.collapsed .sidebar-nav-top,.interaction-panel.collapsed .sidebar-footer{gap:8px}.interaction-panel.collapsed .sidebar-header{padding:8px 0;margin-bottom:6px}.sidebar-logo-collapsed{width:26px;height:26px;font-size:.9rem}}@media (max-height: 650px){.interaction-panel.collapsed .sidebar-btn{width:40px;height:40px;margin:4px auto}}@media (max-height: 550px){.interaction-panel.collapsed .sidebar-btn{width:36px;height:36px;margin:3px auto}}.sidebar-nav-top{display:flex;flex-direction:column;gap:5px}.interaction-panel.collapsed .sidebar-nav-top{gap:15px}@media (max-height: 650px){.interaction-panel.collapsed .sidebar-nav-top{gap:8px}}@media (max-height: 500px){.interaction-panel.collapsed .sidebar-nav-top{gap:4px}}@media (max-height: 450px){.interaction-panel.collapsed .sidebar-nav-top{gap:2px}.interaction-panel.collapsed .sidebar-header{margin-bottom:2px;padding:2px 0}.interaction-panel.collapsed .sidebar-btn{width:34px;height:34px;margin:2px auto}.interaction-panel.collapsed .sidebar-btn svg{width:16px;height:16px}}@media (max-height: 750px){.sidebar-btn{padding:6px 8px;font-size:.85rem;gap:8px}.sidebar-btn svg{width:18px;height:18px}}.sidebar-btn:hover{background:rgba(255,255,255,.05)}.sidebar-btn.disabled{opacity:.5;pointer-events:none;cursor:default}@keyframes blink-button{0%,to{background:rgba(0,230,118,.05);transform:scale(1);box-shadow:0 0 #00e67600;border-color:#00e6761a;color:#00e67699}50%{background:rgba(0,230,118,.35);transform:scale(1.06);box-shadow:0 0 35px #00e6768c;border-color:#00e676b3;color:#fff}}#mic-btn:not(.active){animation:blink-button 1.2s infinite ease-in-out;background:rgba(0,230,118,.05);border:1px solid rgba(0,230,118,.1)!important;color:#00e67699}#mic-btn:not(.active):hover{animation:none;background:rgba(0,230,118,.2);border-color:#00e67680!important;transform:scale(1.06);color:#fff}.login-btn{width:100%;padding:10px 8px;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;color:#fff;cursor:pointer;text-align:center;justify-content:center;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:.9rem;font-family:Outfit,sans-serif;transition:transform .2s,filter .2s;font-weight:700}.login-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.user-profile-btn{background:transparent!important;color:var(--text-secondary)!important;text-align:left!important;justify-content:flex-start!important;font-weight:400!important}.user-profile-btn:hover{background:rgba(255,255,255,.08)!important;color:var(--text-primary)!important}.board-item{display:flex;align-items:center;padding:8px 10px;margin:2px 4px;border-radius:10px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);gap:4px;position:relative}.board-item:hover{background:rgba(255,255,255,.06);color:var(--text-primary)}.board-item.active{background:linear-gradient(135deg,rgba(66,133,244,.12),rgba(138,180,248,.08));color:#e8eaed;box-shadow:inset 0 0 0 1px #8ab4f833}.board-item.active .board-item-title{color:#8ab4f8;font-weight:500}.board-item.active .board-item-time{color:#8ab4f880}.board-item-title{font-family:Outfit,sans-serif;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.board-item-time{font-size:.7rem;color:#5f6368;margin-top:1px}.board-actions{display:flex;gap:2px;opacity:.4;transition:opacity .2s ease;flex-shrink:0}.board-item:hover .board-actions,.board-item.active .board-actions{opacity:1}.board-action-btn{background:none;border:none;color:#5f6368;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;transition:all .2s ease}.board-action-btn:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.board-action-btn.danger:hover{background:rgba(242,139,130,.12);color:#f28b82}.board-rename-input{width:100%;padding:2px 4px;background:#1e1f20;border:1px solid #4285f4;border-radius:4px;color:#e3e3e3;font-size:.85rem;outline:none}@keyframes savePulse{0%,to{opacity:1}50%{opacity:.3}}.save-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4285f4;animation:savePulse 1s infinite}.interaction-panel.collapsed .my-boards-label{display:none}.board-history{flex:1;overflow-y:auto;overflow-x:visible;margin-top:12px;min-height:0}@media (max-height: 750px){.board-history{margin-top:4px}}@media (max-height: 550px){.board-history{flex:0 1 auto;max-height:80px;margin-top:2px}.my-boards-label{display:none}.sidebar-boards-header{height:auto;margin-bottom:2px}}.sidebar-brand{display:flex;align-items:center;gap:8px}.sidebar-brand span{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-height: 750px){.sidebar-brand span{font-size:1rem}}.ai-section{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}@media (max-height: 750px){.ai-section{padding:4px}.visualizer-container{transform:scale(.85);margin-bottom:-10px}}@media (max-height: 550px){.ai-section{padding:2px}.visualizer-container{display:none!important}}.sidebar-boards-header{padding:0 8px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;height:32px;position:relative;overflow:hidden}@media (max-height: 750px){.sidebar-boards-header{margin-bottom:4px;height:28px}}.my-boards-label{font-family:Outfit,sans-serif;color:#9aa0a6;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.my-boards-label.fade-out{opacity:0;transform:translate(-10px);pointer-events:none}.sidebar-search-wrapper{display:flex;align-items:center;background:transparent;border-radius:16px;height:32px;width:32px;transition:all .35s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;flex-shrink:0}.sidebar-search-wrapper.expanded{flex:1;background:rgba(255,255,255,.05);padding:0 8px;cursor:default;margin-left:33px;width:90%}.search-icon-box{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#9aa0a6;flex-shrink:0;transition:all .2s}.sidebar-search-wrapper.expanded .search-icon-box{width:24px;color:#8ab4f8}.sidebar-search-input{background:none;border:none;color:#e8eaed;padding:0 8px;font-size:.85rem;outline:none;flex:1;opacity:0;width:0;transition:opacity .2s;font-family:inherit;pointer-events:none}.sidebar-search-wrapper.expanded .sidebar-search-input{opacity:1;width:auto;pointer-events:auto}.search-close-btn{background:none;border:none;color:#9aa0a6;cursor:pointer;transform:translate(-24px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;pointer-events:none}.sidebar-search-wrapper.expanded .search-close-btn{opacity:1;pointer-events:auto}.search-close-btn:hover{color:#e8eaed}.sidebar-search-input::placeholder{color:#e8eaed33}.collapsed-mute-wrapper{position:relative;width:44px;height:44px;margin:0 auto;display:none;align-items:center;justify-content:center}.interaction-panel.collapsed .collapsed-mute-wrapper{display:flex}@media (max-height: 550px){.collapsed-mute-wrapper{display:flex;width:100%;height:auto}.interaction-panel:not(.collapsed) .collapsed-mute-wrapper{justify-content:flex-start}}.mute-btn-small{width:38px!important;height:38px!important;margin:0!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;justify-content:center;padding:0;border-radius:50%!important}.mute-btn-small.muted{background:rgba(234,67,53,.15)!important;color:#ff8a80!important}.mute-btn-small svg{width:18px;height:18px}.mute-spinner-small{position:absolute;width:44px;height:44px;border-radius:50%;border:2px solid transparent;border-top-color:#4285f4;border-right-color:#9b72cb;animation:rotate-spinner .8s linear infinite;pointer-events:none}.teacher-layout{display:grid;grid-template-columns:max-content 1fr;gap:0;margin:0 auto;padding:0;height:100dvh;width:100vw;overflow:hidden;box-sizing:border-box;transition:all .3s ease}@media (max-width: 799px),(orientation: portrait){.teacher-layout{display:grid;grid-template-columns:max-content 1fr;position:relative}.whiteboard-section{height:100dvh;width:auto;position:relative}.interaction-panel{position:relative;z-index:1000;height:100dvh!important;max-width:none;background:#131314;padding:16px;transform:none;transition:width .4s cubic-bezier(.16,1,.3,1),padding .4s ease;box-shadow:none;overflow-y:auto;display:flex;flex-direction:column;width:100vw!important}.interaction-panel.collapsed{width:80px!important;padding:5px;background:rgba(19,19,20,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.05)}.interaction-panel.collapsed .sidebar-nav-top,.interaction-panel.collapsed .sidebar-footer{align-items:center}.whiteboard-section{z-index:1;padding-left:0}}.interaction-panel{padding:8px;display:flex;flex-direction:column;gap:5px;height:100%;overflow-y:auto;overflow-x:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s ease;width:260px;font-family:Outfit,sans-serif;touch-action:pan-y;-webkit-overflow-scrolling:touch}@media (max-height: 750px){.interaction-panel{gap:2px;padding:4px}}.interaction-panel.collapsed{width:80px;padding:8px 4px}@media (max-width: 1000px){.interaction-panel.collapsed{width:58px;padding:6px 2px;background:rgba(13,13,14,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid rgba(255,255,255,.05)}}.whiteboard-section{display:flex;flex-direction:column;background:rgba(255,255,255,.03);border-radius:0;border:none;overflow:hidden;position:relative;flex:1}.whiteboard-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;background:rgba(30,31,32,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.whiteboard-title{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500}.interaction-panel.collapsed .sidebar-header a,.interaction-panel.collapsed .sidebar-btn span,.interaction-panel.collapsed #recent-chats,.interaction-panel.collapsed .visualizer-container,.interaction-panel.collapsed .status-badge,.interaction-panel.collapsed .mic-instructions,.interaction-panel.collapsed .ai-section{display:none!important}.sidebar-brand:hover{opacity:.7}.sidebar-logo-collapsed{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:0;transition:transform .2s}.sidebar-logo-collapsed:hover{transform:scale(1.1)}.login-hero-btn{background:linear-gradient(135deg,#6366f1,#a855f7)!important;color:#fff!important;justify-content:center!important;margin-top:8px!important;font-weight:700!important;border:none!important}.interaction-panel.collapsed .sidebar-header{justify-content:center!important;padding:0!important;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.interaction-panel.collapsed .hamburger-btn{margin:0 auto}.interaction-panel.collapsed .sidebar-btn{justify-content:center;padding:10px;width:48px;height:48px;margin:5px auto;border-radius:12px}.interaction-panel.collapsed .sidebar-btn svg{margin-right:0!important}.interaction-panel.collapsed .sidebar-footer{align-items:center;padding-top:10px;margin-top:auto!important}.interaction-panel.collapsed .user-avatar{margin-right:0!important}.terms-agreement-overlay{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:50;font-size:.7rem;color:#fff6;background:rgba(30,31,32,.6);padding:6px 16px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;white-space:nowrap;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.terms-agreement-overlay:hover{background:rgba(30,31,32,.8);color:#fff9}.terms-link-btn{background:none;border:none;color:#8ab4f8;cursor:pointer;font-size:.7rem;padding:0;text-decoration:underline;transition:color .2s ease;font-family:inherit}.terms-link-btn:hover{color:#aecbfa}@media (max-width: 600px){.terms-agreement-overlay{font-size:.6rem;padding:4px 10px;bottom:8px;left:50%;max-width:180px;white-space:normal;text-align:center;line-height:1.2}}.landing-page{overflow-x:hidden;overflow-y:auto;display:block;height:auto;min-height:100vh}.landing-page .navbar{display:flex;justify-content:space-between;align-items:center;padding:20px;background:rgba(19,19,20,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:100;box-sizing:border-box}.logo{font-family:Outfit,sans-serif;font-weight:700;font-size:1.5rem;color:#fff;text-decoration:none}.landing-page .nav-links{display:flex;gap:25px;align-items:center}.landing-page .nav-links a{text-decoration:none;color:#c4c7c5;font-weight:500;transition:color .3s}.landing-page .nav-links a:hover{color:#fff}.landing-page .hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:100px 10% 0;overflow:hidden;flex-direction:column;text-align:center}.landing-page .hero-content{z-index:2;max-width:600px}.landing-page .hero h1{font-family:Outfit,sans-serif;font-size:4rem;line-height:1.1;margin-bottom:20px;font-weight:700}@media (max-width: 768px){.landing-page .hero h1{font-size:2.5rem}}.landing-page .gradient-text{background:linear-gradient(90deg,#a8c7fa,#d2e3fc,#c4eed0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-page .hero p{font-size:1.25rem;color:#c4c7c5;margin-bottom:40px;line-height:1.6}.landing-page .cta-group{display:flex;gap:15px;justify-content:center}.landing-page .hero-visual{position:absolute;top:50%;right:10%;transform:translateY(-50%);width:400px;height:400px;z-index:1;pointer-events:none}@media (max-width: 768px){.landing-page .hero-visual{position:relative;right:auto;margin-top:50px}}.landing-page .visual-circle{position:absolute;border-radius:50%;filter:blur(60px)}.landing-page .circle-1{width:300px;height:300px;background:rgba(76,141,246,.2);top:0;right:0;animation:float 6s ease-in-out infinite}.landing-page .circle-2{width:250px;height:250px;background:rgba(168,199,250,.15);bottom:0;left:0;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%{transform:translate(0)}50%{transform:translate(-20px,20px)}to{transform:translate(0)}}.landing-page .features{padding:100px 10%;background:#1f1f1f}.landing-page .section-header{text-align:center;margin-bottom:60px}.landing-page .section-header h2{font-family:Outfit,sans-serif;font-size:2.5rem;margin-bottom:10px}.landing-page .section-header p{color:#c4c7c5;font-size:1.2rem}.landing-page .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.landing-page .feature-card{background:#2b2c2d;padding:30px;border-radius:16px;border:1px solid #444746;transition:transform .3s}.landing-page .feature-card:hover{transform:translateY(-5px)}.landing-page .feature-card .icon{font-size:2.5rem;margin-bottom:20px}.landing-page .feature-card h3{font-size:1.5rem;margin-bottom:10px}.landing-page .feature-card p{color:#c4c7c5;line-height:1.5}.landing-page .footer{text-align:center;padding:40px;color:#8e918f;font-size:.9rem;border-top:1px solid #444746}.whiteboard-viewport{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;touch-action:pan-y;-webkit-overflow-scrolling:touch}.whiteboard-scaler{width:1920px;flex-shrink:0}.whiteboard-main{width:1920px;display:flex;flex-direction:column;overflow-x:hidden;position:relative;padding-top:40px}.whiteboard-canvas{display:block;background:transparent;border:none;outline:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#whiteboard{background:#1e1f20;cursor:crosshair;touch-action:pan-y;width:100%}.visual-block{width:70%;margin:4px auto;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0006;position:relative;flex-shrink:0}.visual-block+.visual-block{margin-top:0}.visual-display-area{aspect-ratio:16 / 9;width:100%;background:#000;overflow:hidden}.visual-overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:auto;background:transparent;touch-action:none}.visual-block video,.visual-block .graph-mount,.visual-block .text-mount{width:100%;height:100%;display:block;object-fit:contain}.visual-block iframe{width:100%;height:100%;display:block;border:none}.visual-block img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none}.text-mount{padding:30px;color:#e3e3e3;font-size:2.2rem;line-height:1.8;font-family:Outfit,sans-serif;background:#1e1f20;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.text-mount h1,.text-mount h2,.text-mount h3{color:#a8c7fa;margin-top:0;font-family:Outfit,sans-serif}.text-mount code{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;font-family:monospace}.visual-block.text-block{background:transparent;box-shadow:none;margin:2px 0;width:100%;max-width:100%;overflow:visible}.visual-block.text-block.is-loading{width:70%;margin:4px auto;background:#000;box-shadow:0 20px 40px #0006;border-radius:20px}.visual-block.text-block.is-loading .visual-display-area{aspect-ratio:16 / 9;background:#000}.visual-block.text-block.is-loading .visual-block-header{display:flex}.visual-block.text-block .visual-block-header{display:none}.visual-block.text-block .visual-display-area{aspect-ratio:auto;background:transparent}.visual-block.text-block .text-mount{background:transparent;padding:10px 50px}.student-board .visual-block.text-block .text-mount{font-size:1.47rem}.text-mount p{margin-bottom:1.2rem}.visual-block-header{padding:12px 20px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.visual-block-title{font-size:1.1rem;color:#a8c7fa;font-weight:500;font-family:Outfit,sans-serif}.visual-loading-text{font-size:1.1rem}.katex{font-size:1.5em!important}.katex-display{margin:1.5em 0!important;overflow-x:auto;overflow-y:hidden;padding:10px 0}.text-mount table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:1.8rem;border:1px solid var(--border-color)}.text-mount th,.text-mount td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.text-mount th{background:rgba(168,199,250,.1);color:#a8c7fa;font-weight:600}.text-mount tr:nth-child(2n){background:rgba(255,255,255,.02)}@media (max-width: 700px){.whiteboard-main{padding-top:550px}.visual-block,.visual-block.text-block.is-loading{width:100%}.text-mount,.student-board .visual-block.text-block .text-mount,.text-mount table{font-size:4rem}.visual-block-title,.visual-loading-text{font-size:3.5rem}.type-graph .visual-display-area,.type-game .visual-display-area{aspect-ratio:3 / 4}.visual-delete-btn,.visual-link-btn{width:90px;height:90px;top:20px;right:20px}.visual-delete-btn svg,.visual-link-btn svg{width:44px;height:44px}.visual-link-btn{right:130px}}@media (max-height: 550px){.whiteboard-main{padding-top:180px!important}}.cursor{display:inline-block;width:2px;height:1.25em;background:#a8c7fa;margin-left:2px;vertical-align:middle;animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-indicator{animation:pulse-text 2s infinite ease-in-out}@keyframes pulse-text{0%,to{opacity:.4}50%{opacity:.8}}.whiteboard-controls{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;padding:4px 12px;gap:8px;background:rgba(30,31,32,.9);border-radius:60px;align-items:center;z-index:1000;box-shadow:0 4px 20px #0000004d;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.whiteboard-controls-group{display:flex;flex-direction:row;align-items:center;gap:8px}.desktop-only{display:block}@media (max-width: 700px){.whiteboard-controls{flex-direction:column;gap:6px;padding:6px 10px;border-radius:20px}.whiteboard-controls-group{justify-content:center;width:100%}.desktop-only{display:none}.whiteboard-controls>.divider{display:none}}.color-picker{display:flex;flex-direction:row;gap:10px}.color-dot{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:14px}.color-dot.active{transform:scale(1.2);border-color:#fff;box-shadow:0 0 10px #ffffff4d}.tool-btn{width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.1);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.tool-btn:hover{background:rgba(255,255,255,.2)}.tool-btn.active{background:#4285f4}.toolbar-left-slot{display:flex;flex-direction:row;align-items:center;gap:6px}.syllabus-dropdown{position:relative}.syllabus-dropdown--locked{opacity:.38;pointer-events:none}.syllabus-dropdown__trigger{display:flex;align-items:center;gap:5px;height:28px;padding:0 8px 0 7px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;font-size:.72rem;font-weight:500;font-family:Outfit,sans-serif;white-space:nowrap;transition:background .15s,border-color .15s;max-width:178px}.syllabus-dropdown__trigger:hover,.syllabus-dropdown__trigger--open{background:rgba(255,255,255,.14);border-color:#ffffff3d}.syllabus-dropdown__book{color:#a8c7facc;flex-shrink:0}.syllabus-dropdown__label{overflow:hidden;text-overflow:ellipsis;max-width:130px}.syllabus-dropdown__chevron{color:#ffffff73;flex-shrink:0;transition:transform .18s ease}.syllabus-dropdown__chevron--up{transform:rotate(180deg)}.syllabus-dropdown__menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:rgba(22,23,28,.97);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px;box-shadow:0 8px 28px #0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;animation:syllabus-menu-in .12s ease}.syllabus-dropdown__menu--up{top:auto;bottom:calc(100% + 6px)}@keyframes syllabus-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.syllabus-dropdown__item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:.78rem;font-family:Outfit,sans-serif;color:#ffffffbf;cursor:pointer;transition:background .12s,color .12s}.syllabus-dropdown__item:hover{background:rgba(255,255,255,.08);color:#fff}.syllabus-dropdown__item--active{color:#a8c7fa}.syllabus-dropdown__item--active .syllabus-dropdown__item-dot{background:#a8c7fa}.syllabus-dropdown__item-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);flex-shrink:0}.divider{width:1px;height:20px;background:rgba(255,255,255,.1)}.ai-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;flex-shrink:0}.visualizer-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.visualizer-circle{width:65px;height:65px;border-radius:50%;background:radial-gradient(circle,rgba(66,133,244,.8) 0%,rgba(155,114,203,.4) 50%,transparent 85%);filter:blur(10px);box-shadow:0 0 35px #4285f433;transition:transform .1s ease-out;z-index:2}.visualizer-ring{position:absolute;border-radius:50%;border:2px solid rgba(168,199,250,.2);width:100%;height:100%;animation:pulse-ring 3s cubic-bezier(.215,.61,.355,1) infinite}.visualizer-ring:nth-child(2){animation-delay:-1s}.visualizer-ring:nth-child(3){animation-delay:-2s}.mute-overlay-btn{position:absolute;z-index:10;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:none;color:#fff6;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.4}.mute-overlay-btn:hover{opacity:1;background:rgba(255,255,255,.15);color:#fff;transform:scale(1.1)}.mute-overlay-btn.muted{background:rgba(234,67,53,.15);color:#ff8a80;opacity:.8}.mute-overlay-btn.muted svg{filter:drop-shadow(0 0 5px rgba(234,67,53,.5))}.mute-btn-wrapper{position:absolute;width:52px;height:52px;display:flex;align-items:center;justify-content:center;z-index:5}.mute-spinner{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:#4285f4;border-right-color:#9b72cb;animation:rotate-spinner .8s linear infinite;pointer-events:none}@keyframes rotate-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge{padding:6px 12px;border-radius:20px;background:rgba(255,255,255,.05);font-size:.75rem;font-family:Outfit,sans-serif;color:#c4c7c5;margin-bottom:15px;transition:all .3s ease}.status-badge.active{background:rgba(76,141,246,.1);color:#a8c7fa}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.status-badge.blinking{animation:blink .8s ease-in-out infinite;border:1px solid rgba(76,141,246,.4);background:rgba(76,141,246,.15);color:#a8c7fa}.status-badge.processing{background:linear-gradient(90deg,rgba(76,141,246,.1),rgba(155,114,203,.2),rgba(76,141,246,.1));background-size:200% 200%;color:#d2bcf3;animation:pulse-gradient 1.5s ease infinite;border:1px solid rgba(155,114,203,.3)}.btn-mic{width:48px;height:48px;border-radius:50%;border:none;background:#2b2c2d;color:#fff;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.btn-mic.active,#mic-btn.active{background:#ea4335!important;box-shadow:0 0 20px #ea433566;color:#fff!important}.mic-instructions{color:#8e918f;font-size:.7rem;margin-top:10px}.image-upload-menu{position:absolute;top:45px;left:50%;transform:translate(-50%);background:#1e1f20;border:1px solid var(--border-color);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:160px;box-shadow:0 10px 25px #0006;z-index:1000}.image-menu-item{padding:10px 14px;border-radius:8px;display:flex;align-items:center;font-size:.95rem;color:#e3e3e3;cursor:pointer;transition:all .2s;white-space:nowrap}.image-menu-item:hover{background:rgba(255,255,255,.1);color:#fff}.camera-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);z-index:2000;display:flex;align-items:center;justify-content:center}.camera-modal-content{position:relative;width:90%;max-width:800px;height:80%;display:flex;flex-direction:column;gap:20px}.camera-preview{flex:1;background:#000;border-radius:20px;object-fit:contain;width:100%;border:2px solid rgba(255,255,255,.1)}.camera-controls{display:flex;align-items:center;justify-content:space-between;padding:0 20px 20px}.camera-action-btn{padding:12px 24px;border-radius:30px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.camera-action-btn.cancel{background:rgba(255,255,255,.1);color:#fff}.camera-action-btn.capture{background:white;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.shutter-button{width:58px;height:58px;border-radius:50%;border:2px solid #000;background:white}.camera-action-btn.capture:active{transform:scale(.9)}@media (max-width: 850px){.whiteboard-controls{padding:10px 18px;gap:12px;top:15px}.color-picker{gap:8px}.color-dot{width:28px;height:28px}.tool-btn{width:36px;height:36px}}@media (max-width: 650px){.whiteboard-controls{flex-direction:column;border-radius:24px;padding:10px;gap:8px;top:10px}.mobile-hide{display:none}.whiteboard-controls-row{justify-content:center;width:100%}}@media (max-width: 450px){.whiteboard-controls{transform:translate(-50%) scale(.85);top:5px}}@media (max-height: 700px){.whiteboard-controls{top:10px;padding:6px 12px;gap:8px;transform:translate(-50%) scale(.85)}}@media (max-width: 799px),(orientation: portrait){.hamburger-toggle{display:flex}.collapsed-only{display:block}}.collapsed-only{display:none}