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-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-y}.about-nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:30px 60px;z-index:100;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:transparent;border-bottom:1px solid transparent;box-sizing:border-box;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-nav.scrolled{padding:16px 60px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(9,9,11,.7);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d}.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-actions{display:flex;gap:16px;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}.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(161,161,170,.2);font-weight:500}.nav-btn.outline:hover{color:#fafafa;border-color:#a1a1aa80;background:rgba(255,255,255,.02)}@media (max-width: 800px){.about-nav{padding:16px 20px}.nav-actions{gap:8px}.nav-btn{padding:8px 16px;font-size:.85rem}.nav-btn.outline{display:none}}.about-snap-section{min-height:100vh;height:auto;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:60px 40px;box-sizing:border-box;position:relative}.hero-section{flex-direction:column;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.08) 0%,transparent 60%)}.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-subtitle{font-size:1.5rem;color:#a1a1aa;margin-bottom:48px}.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:240px;box-sizing:border-box;position:relative;overflow:hidden;white-space:nowrap}.hero-btn.primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #6366f14d,inset 0 2px 4px #fff3}.hero-btn.secondary{background:rgba(255,255,255,.04);color:#fff;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0003}.hero-btn.outline{background:transparent;color:#a1a1aa;border:1px solid rgba(255,255,255,.1)}.hero-btn:hover{transform:translateY(-8px) scale(1.02)}.hero-btn.primary:hover{box-shadow:0 25px 50px #6366f180,inset 0 2px 4px #ffffff4d}.hero-btn.secondary:hover{background:rgba(255,255,255,.08);border-color:#ffffff4d}.hero-btn.outline:hover{color:#fff;border-color:#fff6;background:rgba(255,255,255,.02)}.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.outline{background:transparent;color:#a1a1aa;border:1px solid rgba(161,161,170,.2)}.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)}.hero-btn.outline:hover{color:#fff;border-color:#ffffff4d}.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}.hero-explore-btn:hover{color:#fafafa}.hero-explore-btn:hover .scroll-indicator{border-color:#ffffff4d;transform:translateY(4px)}.scroll-down-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#71717a;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;animation:hint-fade-in 1.5s ease-out}.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}}@keyframes hint-fade-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.feature-snap-section{padding:80px 60px}.feature-card-wrapper{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:40px;padding:60px;width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;box-shadow:0 20px 80px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:40px auto}.feature-info{display:flex;flex-direction:column;gap:24px}.feature-icon-box{width:64px;height:64px;background:color-mix(in srgb,var(--icon-color),transparent 90%);border-radius:20px;display:grid;place-items:center;color:var(--icon-color);position:relative}.feature-icon-box svg{width:32px;height:32px}.pro-pill{position:absolute;top:-8px;right:-25px;background:#a855f7;color:#fff;font-size:.65rem;font-weight:900;padding:4px 10px;border-radius:8px;box-shadow:0 4px 15px #a855f766}.feature-info h2{font-size:3.5rem;font-weight:700;line-height:1.1;margin:0}.feature-info p{font-size:1.3rem;color:#a1a1aa;line-height:1.6;margin-bottom:8px}.card-try-now-btn{background:rgba(255,255,255,.03);color:#fafafa;border:1px solid rgba(255,255,255,.1);padding:16px 36px;border-radius:100px;font-size:1.1rem;font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);align-self:flex-start;margin-top:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-try-now-btn:hover{background:rgba(99,102,241,.1);border-color:#6366f1;transform:translateY(-3px) translate(2px);box-shadow:0 10px 40px #6366f133}.feature-visual{width:100%;height:600px;border-radius:24px;overflow:hidden;position:relative;background:#000;border:1px solid rgba(255,255,255,.08)}.snapshot-frame{width:100%;height:100%}.snapshot-frame img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,0,0,1)}.feature-visual:hover .snapshot-frame img{transform:scale(1.1)}.snapshot-frame img[src*="courses.png"]{object-position:left}.glass-reflection{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.pendulum-container{width:100%;height:100%;display:flex;flex-direction:column}.pendulum-main-layout{display:flex;flex-direction:column;width:100%;height:100%;gap:15px;padding:15px;box-sizing:border-box}.pendulum-canvas-wrapper{flex:1;position:relative;background:rgba(0,0,0,.3);border-radius:20px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.pendulum-side-panel{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:10px;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sliders-stack{display:flex;flex-direction:row;flex:1;gap:15px}.control-group{flex:1}.action-buttons-vertical{display:flex;flex-direction:row;gap:8px;align-items:center}.p-btn{padding:4px 10px;border-radius:6px;font-weight:700;font-size:.7rem;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.08);white-space:nowrap}.control-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:rgba(255,255,255,.15)!important;border-radius:2px;outline:none;cursor:pointer;margin:6px 0}.control-group input[type=range]::-webkit-slider-runnable-track{background:rgba(255,255,255,.15);border-radius:2px;height:4px}.control-group input[type=range]::-moz-range-track{background:rgba(255,255,255,.15);border-radius:2px;height:4px}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff!important;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #6366f1cc!important;margin-top:-5px}.p-btn.play{background:#34a853;color:#fff;border-color:#34a85366}.p-btn.pause{background:#fabc05;color:#000;border-color:#fabc0566}.p-btn.reset{background:rgba(255,255,255,.1);color:#fff}.p-btn:hover{transform:scale(1.02);filter:brightness(1.1)}.control-group label{font-size:.65rem;color:#e3e3e3;text-transform:uppercase;font-weight:700;margin-bottom:4px;display:block;letter-spacing:.05em}.control-group input[type=range]{width:100%;accent-color:#6366f1}.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;margin-top:12px}@keyframes modal-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.outro-section{background:radial-gradient(circle at center,rgba(168,85,247,.1) 0%,transparent 60%);min-height:100vh}.outro-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;max-width:800px}.outro-wrap h3{font-size:5rem;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.8rem;color:#a1a1aa;margin:0}.primary-try-btn{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;padding:20px 48px;border-radius:100px;font-size:1.4rem;font-weight:800;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 40px #6366f166}.primary-try-btn:hover{transform:scale(1.08);box-shadow:0 15px 50px #6366f199}.copy-text{margin-top:40px;color:#3f3f46;font-size:.9rem;font-weight:500}@media (max-width: 800px){.pendulum-side-panel{display:none!important}}@media (max-width: 800px){.about-snap-section{padding:80px 12px 12px;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;scroll-snap-align:start;box-sizing:border-box}.hero-section{justify-content:center}.hero-section h1{font-size:2.2rem}.logo-section{display:flex;flex-direction:column;align-items:center}.logo-icon{width:60px;height:60px;font-size:2rem;border-radius:14px;margin-bottom:10px}.hero-subtitle{font-size:1rem;margin-bottom:20px}.hero-cta-group{gap:10px;margin-bottom:20px;flex-direction:column;width:100%;max-width:280px;margin-left:auto;margin-right:auto}.outro-cta-group{flex-wrap:wrap}.hero-btn{width:100%;padding:14px 20px;font-size:1rem;border-radius:14px;justify-content:center;gap:10px;min-width:0}.hero-btn svg{width:18px;height:18px}.hero-explore-btn{display:flex!important;margin-top:8px}.hero-explore-btn span{font-size:.75rem}.primary-try-btn{display:none}.feature-snap-section{display:flex;align-items:center;justify-content:center}.feature-card-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:16px;width:100%;height:100%;gap:12px;text-align:center;border-radius:24px;margin:0 auto;box-sizing:border-box}.feature-info{align-items:center;text-align:center;gap:6px;flex-shrink:0}.feature-info h2{font-size:1.3rem;margin:0}.feature-info p{font-size:.85rem;line-height:1.3;margin-bottom:0}.feature-visual{height:100%;width:100%;border-radius:16px;min-height:0;overflow:hidden}.feature-icon-box{width:40px;height:40px;border-radius:10px}.feature-icon-box svg{width:20px;height:20px}.card-try-now-btn{margin:2px auto 0!important;align-self:center!important;padding:8px 20px;font-size:.85rem}.pendulum-side-panel{display:none!important}.pendulum-main-layout{padding:0;height:100%}.outro-section{display:flex;align-items:center;justify-content:center}.outro-wrap{gap:20px;padding:16px}.outro-wrap h3{font-size:2rem}.outro-wrap p{font-size:1rem}.copy-text{margin-top:12px;font-size:.75rem}}@media (max-height: 850px) and (min-width: 801px){.feature-snap-section{padding:40px 60px}.feature-card-wrapper{padding:40px;gap:40px}.feature-info h2{font-size:2.8rem}.feature-visual{height:450px}.hero-section h1{font-size:3.5rem}.logo-icon{width:80px;height:80px;font-size:2.5rem}.outro-wrap h3{font-size:3.5rem}}@media (max-height: 700px) and (min-width: 801px){.feature-visual{height:350px}.feature-card-wrapper{padding:30px;gap:30px}.hero-subtitle{font-size:1.2rem;margin-bottom:24px}.pendulum-side-panel{display:none!important}.feature-info h2{font-size:2.2rem}}@media (max-height: 550px){.about-snap-section{padding:64px 12px 8px;min-height:100dvh;height:100dvh;overflow:hidden;box-sizing:border-box}.scroll-down-hint{display:none}.hero-section h1{font-size:1.8rem}.logo-icon{width:40px;height:40px;font-size:1.4rem;margin-bottom:6px;border-radius:10px}.hero-subtitle{font-size:.85rem;margin-bottom:12px}.feature-card-wrapper{padding:12px;gap:8px;height:100%;grid-template-rows:auto 1fr;margin:0 auto;box-sizing:border-box}.feature-info{gap:4px}.feature-info h2{font-size:1.1rem}.feature-info p{font-size:.8rem;margin-bottom:0}.feature-visual{height:100%;min-height:0}.feature-icon-box{width:36px;height:36px}.feature-icon-box svg{width:18px;height:18px}.card-try-now-btn{padding:6px 20px;font-size:.8rem;margin-top:4px!important}.outro-wrap h3{font-size:2.2rem}.outro-wrap p{font-size:1.1rem}.primary-try-btn{padding:12px 28px;font-size:1.1rem}}.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}.p-badge{background:#a855f7;color:#fff;font-size:.65rem;font-weight:900;padding:4px 10px;border-radius:8px;box-shadow:0 4px 15px #a855f766}.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}.p-badge{position:static;box-shadow:none}.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}.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:300px}.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}.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}.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:15px;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-input-wrapper{display:flex;align-items:flex-end;background:#222;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 12px;gap:8px;transition:border-color .2s}.chat-input-wrapper:focus-within{border-color:#4285f4}.chat-input-wrapper textarea{flex:1;background:transparent;border:none;color:#fff;padding:8px 0;font-family:inherit;font-size:.95rem;resize:none;max-height:200px;outline:none;line-height:1.5}.chat-controls-row{display:flex;align-items:center;gap:6px;padding-bottom:4px}.chat-actions-right{display:flex;align-items:center;gap:4px}.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-reverse}.design-chat-sidebar{width:100%;height:300px;border-left:none;border-top:1px solid #333}}: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-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)}.explore-btn:hover{background:rgba(138,180,248,.08)}.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:transparent;border:none;color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:.9rem;font-family:Outfit,sans-serif;transition:background-color .2s,color .2s}.login-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.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{color:#e3e3e3;font-size:1.2rem;font-weight:600;letter-spacing:.5px}@media (max-height: 750px){.sidebar-brand{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}.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}.interaction-panel.collapsed .sidebar-header{justify-content:center!important;padding:0!important;margin-bottom:20px}.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}@media (max-width: 700px){.whiteboard-main{padding-top:400px}}@media (max-height: 550px){.whiteboard-main{padding-top:180px!important}}.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:1.15rem;line-height:1.6;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}.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}.katex{font-size:1.1em!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:1rem;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)}.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}.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}.explore-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(19,19,20,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;flex-direction:column;padding:30px 40px;overflow-y:auto;transition:opacity .3s ease}.explore-overlay.hidden{opacity:0;pointer-events:none}.explore-header{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:40px;position:sticky;top:0;z-index:10;transition:all .3s ease}.back-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#8ab4f8;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:20px;flex-shrink:0;transition:all .2s;font-family:Outfit,sans-serif}.back-btn:hover{background:rgba(138,180,248,.1);border-color:#8ab4f84d}.search-bar-container{position:relative;width:100%;max-width:500px;background:#2b2c2d;border-radius:24px;padding:12px 20px;display:flex;align-items:center;border:1px solid var(--border-color);box-shadow:0 4px 12px #0003;transition:box-shadow .2s,border-color .2s}.search-bar-container:focus-within{box-shadow:0 4px 16px #0006;border-color:var(--accent-color)}.search-icon{color:var(--text-secondary);margin-right:12px}.search-input{background:transparent;border:none;color:var(--text-primary);font-size:1rem;width:100%;font-family:Outfit,sans-serif;outline:none}.explore-content{max-width:1200px;margin:0 auto;width:100%}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header-row h2{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.boards-carousel{display:flex;gap:20px;overflow-x:auto;padding-bottom:20px;padding-top:10px;margin-bottom:20px}.board-card{background:#1e1f20;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;min-width:280px;width:280px;cursor:pointer;transition:transform .2s,box-shadow .2s}.board-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #0000004d;border-color:#5e5e5e}.board-preview{height:140px;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.course-icon-container{color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3)}.gradient-1{background:linear-gradient(135deg,#FF9A9E 0%,#FECFEF 100%)}.gradient-2{background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%)}.gradient-3{background:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%)}.dark-preview{background:#2b2c2d;display:flex;align-items:center;justify-content:center}.board-info{padding:16px}.board-info h3{font-size:1.1rem;margin-bottom:6px;color:var(--text-primary)}.board-info p{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px}.board-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#888}.my-boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding-top:10px}.new-board-card{border:2px dashed var(--border-color);background:transparent;display:flex;align-items:center;justify-content:center;min-height:200px}.new-board-card:hover{border-color:var(--accent-color);background:rgba(168,199,250,.05)}.new-board-content{text-align:center;color:var(--text-secondary)}.new-board-content span{display:block;margin-top:10px;font-weight:500}@media (max-width: 850px){.boards-carousel{gap:12px}.board-card{min-width:240px;width:240px}.explore-overlay{padding:20px}.explore-header{gap:12px;margin-bottom:25px}.search-bar-container{max-width:400px}}@media (max-width: 550px){.explore-header{flex-direction:column;align-items:stretch;gap:12px}.back-btn{align-self:flex-start;padding:6px 12px;font-size:.8rem}.search-bar-container{max-width:none}.explore-overlay{padding:15px}}