@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #111111;--color-bg-tertiary: #1a1a1a;--color-bg-card: #151515;--color-gold-primary: #f7b223;--color-gold-light: #ffc94d;--color-gold-dark: #c48a00;--color-gold-glow: rgba(247, 178, 35, .3);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .75);--color-text-muted: rgba(255, 255, 255, .5);--color-border: rgba(247, 178, 35, .2);--color-border-hover: rgba(247, 178, 35, .5);font-family:Lato,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}a{color:var(--color-gold-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-gold-light)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2}p{margin:0}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gold-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-primary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.navbar-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 2rem}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.navbar-logo .logo-image{width:45px;height:45px;border-radius:50%;object-fit:cover}.navbar-logo .logo-text-container{display:flex;flex-direction:column}.navbar-logo .logo-text{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.5px}.navbar-logo .logo-tagline{font-size:.65rem;color:var(--color-gold-primary);text-transform:uppercase;letter-spacing:1px}.navbar-links{display:flex;align-items:center;gap:2rem}.navbar-links a{color:var(--color-text-secondary);font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;padding:.5rem 0;position:relative;transition:color .3s ease}.navbar-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-gold-primary);transition:width .3s ease}.navbar-links a:hover{color:var(--color-text-primary)}.navbar-links a:hover:after{width:100%}.navbar-links .nav-cta{background:var(--color-gold-primary);color:#000!important;padding:.5rem 1.25rem;border-radius:6px;font-weight:600}.navbar-links .nav-cta:after{display:none}.navbar-links .nav-cta:hover{background:var(--color-gold-light)}.mobile-menu-btn{display:none;background:none;border:none;padding:10px;cursor:pointer}.hamburger{display:block;width:24px;height:2px;background:var(--color-text-primary);position:relative;transition:background .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--color-text-primary);left:0;transition:transform .3s ease}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg) translate(5px,5px)}.hamburger.open:after{transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 2rem 60px;position:relative;overflow:hidden}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(247,178,35,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(247,178,35,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:1}.hero-text{max-width:560px}.hero-intro{color:var(--color-gold-primary);font-size:1.1rem;font-weight:500;margin-bottom:1rem}.hero-text h1{font-size:3.2rem;font-weight:800;line-height:1.15;margin-bottom:1.5rem;color:var(--color-text-primary)}.hero-text h1 .highlight{color:var(--color-gold-primary);position:relative}.hero-description{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none}.btn-icon{font-size:.85rem}.btn-primary{background:linear-gradient(135deg,var(--color-gold-primary),var(--color-gold-dark));color:#000;box-shadow:0 4px 20px var(--color-gold-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f7b22366;color:#000}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border-hover)}.btn-secondary:hover{border-color:var(--color-gold-primary);color:var(--color-gold-primary)}.btn-outline{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-gold-primary);color:var(--color-gold-primary)}.hero-stats{display:flex;gap:2.5rem}.hero-stat{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700;color:var(--color-gold-primary)}.stat-text{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.hero-visual{display:flex;justify-content:center}.code-window{background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 25px 50px -12px #00000080;max-width:560px;width:100%}.code-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca40}.code-title{margin-left:auto;font-size:.8rem;color:var(--color-text-muted)}.code-content{padding:1.5rem;margin:0;font-family:Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.code-content code{color:var(--color-text-secondary)}.code-content .keyword{color:#c678dd}.code-content .class-name{color:#e5c07b}.code-content .method{color:#61afef}.code-content .string{color:#98c379}.code-content .number{color:#d19a66}.code-content .attribute{color:#56b6c2}.key-offers{padding:80px 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.offer-card{background:var(--color-bg-primary);padding:2rem;border-radius:12px;border:1px solid var(--color-border);transition:all .3s ease}.offer-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px)}.offer-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.offer-card h3{font-size:1.25rem;color:var(--color-text-primary);margin-bottom:.75rem}.offer-card p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.offer-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-gold-primary);font-weight:600;font-size:.9rem}.offer-link .arrow{transition:transform .3s ease}.offer-link:hover .arrow{transform:translate(4px)}.offer-link.disabled{color:var(--color-text-muted);cursor:default;opacity:.6}.section-header{text-align:center;margin-bottom:3rem}.section-tag{display:inline-block;color:var(--color-gold-primary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:.75rem}.section-header h2{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.section-header h2 .highlight{color:var(--color-gold-primary)}.section-header p{font-size:1.1rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.section-cta{text-align:center;margin-top:3rem}.tutorials-section{padding:100px 0}.tutorials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tutorial-card{background:var(--color-bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--color-border);transition:all .3s ease;text-decoration:none}.tutorial-card:hover{transform:translateY(-6px);border-color:var(--color-border-hover);box-shadow:0 20px 40px #0000004d}.tutorial-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden}.tutorial-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tutorial-card:hover .tutorial-thumbnail img{transform:scale(1.05)}.tutorial-thumbnail .play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .3s ease}.tutorial-card:hover .play-overlay{opacity:1}.play-icon{width:50px;height:50px;background:var(--color-gold-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.play-icon:after{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #000;margin-left:3px}.tutorial-tag{position:absolute;top:12px;left:12px;background:var(--color-gold-primary);color:#000;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tutorial-info{padding:1rem 1.25rem}.tutorial-info h3{font-size:.9rem;font-weight:600;color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-videos{text-align:center;color:var(--color-text-muted);padding:2rem}.game-section{padding:100px 0;background:var(--color-bg-secondary)}.game-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.game-info .section-tag{text-align:left}.game-info h2{font-size:2rem;color:var(--color-text-primary);margin-bottom:1rem}.game-description{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:1.5rem}.game-features{list-style:none;padding:0;margin:0 0 2rem}.game-features li{color:var(--color-text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.game-features li:before{content:">";position:absolute;left:0;color:var(--color-gold-primary);font-weight:700}.game-buttons{display:flex;gap:1rem}.btn-steam{background:#1b2838;color:#fff;border:1px solid #2a475e}.btn-steam:hover{background:#2a475e;color:#fff}.btn-steam .steam-icon,.btn-discord .discord-icon{width:18px;height:18px}.game-visual{display:flex;flex-direction:column;align-items:center}.game-image-container{position:relative;width:100%;border-radius:12px;overflow:hidden}.game-slideshow{position:relative;width:100%;aspect-ratio:16 / 9}.game-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--color-border);opacity:0;transition:opacity .8s ease-in-out}.game-slide.active{opacity:1}.game-slideshow-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.slideshow-dot{width:10px;height:10px;border-radius:50%;border:none;background:#fff6;cursor:pointer;padding:0;transition:background .3s ease,transform .2s ease}.slideshow-dot:hover{background:#ffffffb3;transform:scale(1.1)}.slideshow-dot.active{background:var(--color-gold-primary)}.game-image-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at center,rgba(247,178,35,.15) 0%,transparent 50%);pointer-events:none}.more-games{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--color-border)}.more-games-title{text-align:center;font-size:1.25rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px}.more-games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mini-game-card{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s ease}.mini-game-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 12px 30px #d4af3726}.mini-game-image{position:relative;aspect-ratio:16 / 9;overflow:hidden}.mini-game-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mini-game-card:hover .mini-game-image img{transform:scale(1.05)}.mini-game-award{position:absolute;top:.75rem;left:.75rem;padding:.35rem .75rem;background:#000000d9;border:1px solid rgba(212,175,55,.5);border-radius:6px;font-size:.7rem;font-weight:600;color:#d4af37;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mini-game-info{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.mini-game-info h4{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0}.mini-game-info p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.mini-game-tag{display:inline-block;width:fit-content;padding:.25rem .6rem;background:#d4af3726;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}@media(max-width:900px){.more-games-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.about-section{padding:100px 0}.about-content{display:grid;grid-template-columns:400px 1fr;gap:4rem;align-items:center}.about-image-container{position:relative}.about-image{width:100%;max-width:400px;border-radius:16px;display:block}.about-image-border{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid var(--color-gold-primary);border-radius:20px;opacity:.3;pointer-events:none}.about-text .section-tag{text-align:left}.about-text h2{font-size:2rem;color:var(--color-text-primary);margin-bottom:1.5rem}.about-text p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:1rem}.about-text p strong{color:var(--color-gold-primary)}.about-links{display:flex;gap:1rem;margin-top:2rem}.community-section{padding:120px 0;background:linear-gradient(180deg,#0a0f14,#0d1520,#0a1218);position:relative;overflow:hidden}.community-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(45,212,191,.15) 0%,rgba(45,212,191,.05) 40%,transparent 70%);pointer-events:none}.community-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(45,212,191,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,191,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.community-section .container{position:relative;z-index:1}.community-hero{text-align:center;max-width:800px;margin:0 auto 4rem;display:flex;flex-direction:column;align-items:center}.community-badge{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,#2dd4bf26,#d4af3726);border:1px solid rgba(45,212,191,.3);border-radius:50px;font-size:.85rem;font-weight:600;color:#2dd4bf;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2rem}.community-logo-container{position:relative;display:block;margin-bottom:2rem}.community-logo{width:160px;height:160px;border-radius:24px;position:relative;z-index:1;animation:float 6s ease-in-out infinite;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.community-logo-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(45,212,191,.5) 0%,rgba(212,175,55,.3) 40%,transparent 70%);filter:blur(25px);z-index:0;animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1.2)}50%{opacity:1;transform:scale(1.4)}}.community-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.2}.community-title .highlight{background:linear-gradient(135deg,#2dd4bf,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-subtitle{font-size:1.2rem;color:#ffffffb3;line-height:1.8;max-width:650px;margin:0 auto}.community-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.pillar-card{background:linear-gradient(135deg,#2dd4bf14,#d4af370d);border:1px solid rgba(45,212,191,.2);border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2dd4bf,#d4af37);opacity:0;transition:opacity .4s ease}.pillar-card:hover{transform:translateY(-8px);border-color:#2dd4bf66;box-shadow:0 20px 40px #2dd4bf26}.pillar-card:hover:before{opacity:1}.pillar-icon{width:70px;height:70px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#2dd4bf33,#d4af371a);border-radius:50%;display:flex;align-items:center;justify-content:center}.pillar-icon svg{width:32px;height:32px;color:#2dd4bf}.pillar-card h3{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.75rem}.pillar-card p{font-size:.95rem;color:#fff9;line-height:1.6}.community-cta-box{background:linear-gradient(135deg,#5865f226,#2dd4bf1a);border:1px solid rgba(88,101,242,.3);border-radius:24px;padding:3rem;position:relative;overflow:hidden}.community-cta-box:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(88,101,242,.2) 0%,transparent 60%);pointer-events:none}.cta-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:1}.cta-label{display:block;font-size:.85rem;font-weight:600;color:#5865f2;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.cta-text p{font-size:1.15rem;color:#fffc;margin:0}.btn-discord-large{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#5865f2;color:#fff;font-size:1.1rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-discord-large:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 10px 30px #5865f266}.btn-discord-large .discord-icon{width:24px;height:24px}@media(max-width:900px){.community-pillars{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.community-title{font-size:2.25rem}.cta-content{flex-direction:column;text-align:center}}@media(max-width:600px){.community-section{padding:80px 0}.community-logo{width:120px;height:120px}.community-title{font-size:1.75rem}.community-subtitle{font-size:1rem}.community-cta-box{padding:2rem 1.5rem}}.newsletter-section{padding:80px 0;background:linear-gradient(135deg,rgba(247,178,35,.1) 0%,transparent 50%);border-top:1px solid var(--color-border)}.newsletter-content{max-width:600px;margin:0 auto;text-align:center}.newsletter-content h2{font-size:2rem;color:var(--color-text-primary);margin-bottom:.75rem}.newsletter-content>p{color:var(--color-text-secondary);margin-bottom:2rem}.newsletter-form{display:flex;gap:1rem;max-width:450px;margin:0 auto}.newsletter-form input{flex:1;padding:.875rem 1.25rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1rem;font-family:inherit}.newsletter-form input::placeholder{color:var(--color-text-muted)}.newsletter-form input:focus{outline:none;border-color:var(--color-gold-primary)}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:4rem 0 2rem}.footer-content{display:flex;justify-content:space-between;gap:4rem}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.footer-logo-image{width:50px;height:50px;border-radius:50%;object-fit:cover}.footer-logo-text{display:flex;flex-direction:column}.footer-logo .logo-text{font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.footer-logo .logo-tagline{font-size:.65rem;color:var(--color-gold-primary);text-transform:uppercase;letter-spacing:1px}.footer-brand>p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.footer-links{display:flex;gap:4rem}.footer-column h4{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:.5rem}.footer-column a{color:var(--color-text-muted);font-size:.9rem;transition:color .3s ease}.footer-column a:hover{color:var(--color-gold-primary)}.social-links{display:flex;gap:.75rem}.social-links a{width:40px;height:40px;border-radius:8px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .3s ease}.social-links a svg{width:18px;height:18px}.social-links a:hover{border-color:var(--color-gold-primary);color:var(--color-gold-primary);transform:translateY(-2px)}.footer-bottom{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border);text-align:center}.footer-legal{margin-bottom:1rem}.footer-legal a{color:var(--color-text-muted);font-size:.85rem;text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:var(--color-gold-primary)}.footer-bottom p{color:var(--color-text-muted);font-size:.85rem}.loading{display:flex;align-items:center;justify-content:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-gold-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-text{max-width:100%}.hero-text h1{font-size:2.5rem}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{order:-1}.code-window{max-width:100%;width:calc(100vw - 4rem);max-width:min(400px,calc(100vw - 4rem))}.code-content{text-align:left}.offers-grid{grid-template-columns:1fr}.tutorials-grid{grid-template-columns:repeat(2,1fr)}.game-content{grid-template-columns:1fr;text-align:center;gap:3rem}.game-info .section-tag{text-align:center}.game-features{display:inline-block;text-align:left}.game-buttons{justify-content:center}.game-visual{order:-1}.community-content{grid-template-columns:1fr;text-align:center;gap:3rem}.community-text .section-tag{text-align:center}.community-features{justify-content:center}.community-visual{order:-1}.discord-preview{max-width:400px;margin:0 auto}.about-content{grid-template-columns:1fr;text-align:center;gap:3rem}.about-image-container{max-width:350px;margin:0 auto}.about-text .section-tag{text-align:center}.about-links{justify-content:center}}@media(max-width:768px){.mobile-menu-btn{display:block}.navbar-links{position:fixed;top:70px;left:0;right:0;background:#0a0a0afa;flex-direction:column;padding:2rem;gap:1.5rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;border-bottom:1px solid var(--color-border)}.navbar-links.open{transform:translateY(0);opacity:1;visibility:visible}.navbar-links .nav-cta{width:fit-content}.hero{padding:100px 1.5rem 60px}.hero-text h1{font-size:2rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-stats{flex-wrap:wrap;gap:1.5rem}.code-window{max-width:calc(100vw - 3rem);box-sizing:border-box}.code-content{font-size:.75rem;text-align:left}.tutorials-grid{grid-template-columns:1fr}.community-features{grid-template-columns:1fr;text-align:left}.about-links{flex-direction:column;align-items:center}.newsletter-form{flex-direction:column}.footer-content{flex-direction:column;gap:2rem}.footer-brand{max-width:100%;text-align:center}.footer-links{flex-direction:column;gap:2rem;text-align:center}.social-links{justify-content:center}.footer-bottom{margin-top:2rem}}.tutorials-grid-3{grid-template-columns:repeat(3,1fr)}.videos-combined{display:flex;flex-direction:column;gap:4rem}.video-category{display:flex;flex-direction:column;gap:1.5rem}.category-header{text-align:center}.category-header .section-tag{display:inline-block;color:var(--color-gold-primary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.category-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.category-header h2 .highlight{color:var(--color-gold-primary)}.tutorial-tag-new{background:#22c55e}.tutorial-tag-rank{background:var(--color-gold-primary);font-weight:700}.tutorial-views{display:block;font-size:.8rem;color:var(--color-text-muted);margin-top:.5rem}@media(max-width:1024px){.tutorials-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tutorials-grid-3{grid-template-columns:1fr}.videos-combined{gap:3rem}}.cookie-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.cookie-console{background:#0d1117;border-radius:12px;max-width:520px;width:100%;box-shadow:0 0 0 1px #f7b2234d,0 25px 50px -12px #000c,0 0 60px #f7b22326;overflow:hidden;animation:consoleAppear .4s ease-out}@keyframes consoleAppear{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.console-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#161b22;border-bottom:1px solid #30363d}.console-dot{width:12px;height:12px;border-radius:50%}.console-dot.red{background:#ff5f56}.console-dot.yellow{background:#ffbd2e}.console-dot.green{background:#27ca40}.console-title{margin-left:auto;font-family:Fira Code,Consolas,monospace;font-size:.75rem;color:#8b949e;letter-spacing:.5px}.console-body{padding:1.5rem;font-family:Fira Code,Consolas,monospace}.console-line{display:flex;align-items:center;gap:8px;margin-bottom:.75rem}.console-prompt{color:#22c55e;font-weight:700}.console-text{color:#c9d1d9;font-size:.85rem}.console-gold{color:var(--color-gold-primary);font-weight:600;text-shadow:0 0 10px rgba(247,178,35,.5),0 0 20px rgba(247,178,35,.3)}.console-cursor{color:var(--color-gold-primary);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.console-message{background:#f7b2230d;border-left:3px solid var(--color-gold-primary);padding:1rem;margin:1rem 0;border-radius:0 8px 8px 0}.console-message p{color:#c9d1d9;font-size:.85rem;line-height:1.6;margin:0 0 .75rem;font-family:inherit}.console-message p:last-child{margin-bottom:0}.console-small{font-size:.75rem!important;color:#8b949e!important}.console-link{color:var(--color-gold-primary);text-decoration:underline;text-underline-offset:2px}.console-link:hover{color:var(--color-gold-light)}.console-buttons{display:flex;gap:1rem;margin-top:1.5rem}.console-btn{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-family:Fira Code,Consolas,monospace;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.console-btn .btn-bracket{opacity:.7}.console-btn-accept{background:linear-gradient(135deg,var(--color-gold-primary),var(--color-gold-dark));color:#000;box-shadow:0 4px 20px var(--color-gold-glow),inset 0 1px #fff3}.console-btn-accept:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--color-gold-light),var(--color-gold-primary),var(--color-gold-dark));border-radius:10px;z-index:-1;filter:blur(8px);opacity:.5}.console-btn-accept:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f7b22380,inset 0 1px #ffffff4d}.console-btn-decline{background:#21262d;color:#8b949e;border:1px solid #30363d}.console-btn-decline:hover{background:#30363d;color:#c9d1d9;border-color:#484f58}.cookie-console:hover .console-gold{text-shadow:-1px 0 rgba(255,0,0,.5),1px 0 rgba(0,255,255,.5),0 0 10px rgba(247,178,35,.5),0 0 20px rgba(247,178,35,.3)}@media(max-width:480px){.cookie-console{max-width:100%}.console-buttons{flex-direction:column}.console-message{padding:.75rem}.console-message p{font-size:.8rem}}.privacy-page{min-height:100vh;background:var(--color-bg-primary)}.privacy-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.privacy-nav-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 2rem}.privacy-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.privacy-logo .logo-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.privacy-logo .logo-text{font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.back-link{color:var(--color-gold-primary);font-weight:500;display:flex;align-items:center;gap:.5rem}.back-link:hover{color:var(--color-gold-light)}.back-link:before{content:"<-";font-family:Fira Code,monospace}.privacy-content{padding:120px 2rem 60px}.privacy-container{max-width:800px;margin:0 auto}.privacy-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.privacy-header h1{font-size:2.5rem;color:var(--color-text-primary);margin-bottom:.5rem}.last-updated{color:var(--color-text-muted);font-size:.9rem}.privacy-section{margin-bottom:2.5rem}.privacy-section h2{font-size:1.5rem;color:var(--color-gold-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.privacy-section h3{font-size:1.1rem;color:var(--color-text-primary);margin:1.5rem 0 .75rem}.privacy-section p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:1rem}.privacy-section ul{margin:1rem 0 1rem 1.5rem;padding:0}.privacy-section li{color:var(--color-text-secondary);line-height:1.8;margin-bottom:.5rem}.privacy-section li strong{color:var(--color-text-primary)}.privacy-section a{color:var(--color-gold-primary);text-decoration:underline;text-underline-offset:2px}.privacy-section a:hover{color:var(--color-gold-light)}.contact-list{list-style:none;margin-left:0;padding:1rem;background:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border)}.contact-list li{margin-bottom:.75rem}.contact-list li:last-child{margin-bottom:0}.privacy-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border);text-align:center}.privacy-footer p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1.5rem}@media(max-width:768px){.privacy-content{padding:100px 1.5rem 40px}.privacy-header h1{font-size:2rem}.privacy-section h2{font-size:1.25rem}}.resources-page{min-height:100vh;background:var(--color-bg-primary)}.resources-page .navbar-links a.active{color:var(--color-gold-primary)}.resources-page .navbar-links a.active:after{width:100%}.breadcrumb-container{padding:90px 2rem 0;max-width:1200px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.breadcrumb-link{color:var(--color-text-muted);transition:color .3s ease}.breadcrumb-link:hover{color:var(--color-gold-primary)}.breadcrumb-separator{color:var(--color-text-muted);opacity:.5}.breadcrumb-current{color:var(--color-text-secondary)}.resources-content{padding:2rem 2rem 60px}.resources-container{max-width:1200px;margin:0 auto}.resources-header{margin-bottom:3rem;text-align:center}.resources-header .section-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--color-gold-primary);margin-bottom:1rem;padding:.5rem 1rem;background:#f7b2231a;border:1px solid rgba(247,178,35,.2);border-radius:20px}.resources-header h1{font-size:2.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.resources-subtitle{color:var(--color-text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.resource-tile{display:block;text-decoration:none;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.resource-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-gold-primary),var(--color-gold-light));opacity:0;transition:opacity .3s ease}.resource-tile:hover{border-color:var(--color-border-hover);transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.resource-tile:hover:before{opacity:1}.resource-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#f7b22326,#f7b2230d);border:1px solid rgba(247,178,35,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fira Code,monospace;font-size:1.25rem;font-weight:600;color:var(--color-gold-primary);transition:all .3s ease}.resource-tile:hover .resource-icon{transform:scale(1.1);border-color:var(--color-gold-primary);box-shadow:0 0 20px #f7b22333}.resource-tile h3{font-size:1.35rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.resource-tile p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.resource-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-gold-primary);font-weight:600;font-size:.9rem;transition:all .3s ease}.resource-link .arrow{transition:transform .3s ease}.resource-tile:hover .resource-link{color:var(--color-gold-light)}.resource-tile:hover .resource-link .arrow{transform:translate(4px)}@media(max-width:1024px){.resources-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.breadcrumb-container{padding:80px 1.5rem 0}.resources-content{padding:1.5rem 1.5rem 40px}.resources-header h1{font-size:2rem}.resources-grid{grid-template-columns:1fr}}.mathf-presentation{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.ambient-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(247,178,35,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(247,178,35,.08) 0%,transparent 40%),radial-gradient(ellipse 40% 30% at 10% 90%,rgba(247,178,35,.05) 0%,transparent 40%);pointer-events:none}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(247,178,35,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(247,178,35,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;opacity:.5}.home-link{position:absolute;top:1.5rem;right:1.5rem;z-index:100;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(247,178,35,.2);border-radius:6px;color:var(--color-text-muted);font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-link:hover{background:#f7b2231a;border-color:#f7b22366;color:var(--color-gold-primary)}.home-icon{display:flex;align-items:center}.home-text{letter-spacing:.5px}.slide-counter{position:absolute;bottom:2rem;right:2rem;z-index:100;font-family:Fira Code,monospace;font-size:.9rem;color:#ffffff4d;display:flex;align-items:baseline;gap:.25rem}.slide-counter .current{color:var(--color-gold-primary);font-size:1.1rem;font-weight:600}.slide-counter .separator{opacity:.5}.nav-hint{position:absolute;bottom:2rem;left:2rem;z-index:100;display:flex;align-items:center;gap:1rem;font-size:.75rem;color:#ffffff40;transition:opacity .3s ease}.mathf-presentation:hover .nav-hint{opacity:1}.hint-item{display:flex;align-items:center;gap:.4rem}.hint-key{padding:.2rem .5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:Fira Code,monospace;font-size:.7rem;color:#fff6}.hint-label{color:#ffffff4d}.hint-divider{color:#ffffff26}.slide-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .3s ease}.slide-container.transitioning{opacity:.7;transform:scale(.98)}.slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4rem;box-sizing:border-box}.slide-title .title-content{text-align:center;max-width:900px}.terminal-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f7b2231a;border:1px solid rgba(247,178,35,.3);border-radius:20px;margin-bottom:2rem;animation:fadeInUp .6s ease-out .2s both}.terminal-dot{width:8px;height:8px;background:var(--color-gold-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.terminal-text{font-family:Fira Code,monospace;font-size:.8rem;color:var(--color-gold-primary);letter-spacing:1px}.main-title{font-size:6rem;font-weight:700;color:#fff;margin:0 0 1.5rem;letter-spacing:-2px;animation:fadeInUp .6s ease-out .4s both}.title-bracket{color:var(--color-gold-primary);font-weight:400;opacity:.8}.subtitle{font-size:1.4rem;color:#ffffff80;margin:0 0 3rem;font-weight:400;letter-spacing:.5px;animation:fadeInUp .6s ease-out .6s both}.title-decoration{background:#0d1117;border:1px solid rgba(247,178,35,.2);border-radius:12px;padding:1.5rem 2rem;display:inline-block;text-align:left;box-shadow:0 0 0 1px #f7b2231a,0 20px 40px #0006;animation:fadeInUp .6s ease-out .8s both}.code-line{display:flex;align-items:center;gap:1.5rem;font-family:Fira Code,monospace;font-size:.95rem;line-height:2}.line-number{color:#fff3;font-size:.8rem;min-width:20px}.code-text .keyword{color:#ff7b72}.code-text .class-name{color:#79c0ff}.code-text .method{color:#d2a8ff}.code-text .number{color:#a5d6ff}.code-text{color:#fffc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-content{color:#fff9;font-size:1.2rem}.progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff0d;z-index:100}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-gold-primary),var(--color-gold-light));transition:width .3s ease;box-shadow:0 0 10px #f7b22380}.slide-section{display:flex;align-items:center;justify-content:center}.section-content{text-align:center;max-width:700px}.section-icon{width:100px;height:100px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7b22326,#f7b2230d);border:1px solid rgba(247,178,35,.3);border-radius:24px;font-size:3rem;animation:sectionIconIn .6s ease-out .2s both;position:relative}.section-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:28px;background:linear-gradient(135deg,rgba(247,178,35,.2),transparent);opacity:0;animation:iconGlow 2s ease-in-out infinite}@keyframes sectionIconIn{0%{opacity:0;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes iconGlow{0%,to{opacity:0}50%{opacity:1}}.section-number{display:inline-block;padding:.4rem 1rem;background:#f7b2231a;border:1px solid rgba(247,178,35,.2);border-radius:20px;font-family:Fira Code,monospace;font-size:.75rem;color:var(--color-gold-primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .3s both}.section-title{font-size:3.5rem;font-weight:700;color:#fff;margin:0 0 1rem;letter-spacing:-1px;animation:fadeInUp .6s ease-out .4s both}.section-subtitle{font-size:1.2rem;color:#fff6;margin:0 0 2.5rem;font-weight:400;line-height:1.6;animation:fadeInUp .6s ease-out .5s both}.section-decoration{display:flex;align-items:center;justify-content:center;gap:.75rem;animation:fadeInUp .6s ease-out .6s both}.section-dot{width:6px;height:6px;background:var(--color-gold-primary);border-radius:50%;opacity:.5}.section-dot.active{width:30px;border-radius:3px;opacity:1}.section-line{width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(247,178,35,.3),transparent)}@media(max-width:1024px){.main-title{font-size:4rem}.subtitle{font-size:1.1rem}.slide{padding:2rem}.section-title{font-size:2.75rem}.section-icon{width:80px;height:80px;font-size:2.5rem}}@media(max-width:768px){.main-title{font-size:3rem;letter-spacing:-1px}.subtitle{font-size:1rem}.title-decoration{padding:1rem 1.25rem}.code-line{font-size:.8rem;gap:1rem}.home-link{top:1rem;right:1rem;padding:.4rem .75rem;font-size:.75rem}.slide-counter{bottom:1.5rem;right:1.5rem}.nav-hint{bottom:1.5rem;left:1.5rem;font-size:.65rem}.section-title{font-size:2.25rem}.section-subtitle{font-size:1rem}.section-icon{width:70px;height:70px;font-size:2rem;border-radius:18px}}@media(max-width:480px){.main-title{font-size:2.25rem}.terminal-badge{padding:.4rem .75rem}.terminal-text,.code-line{font-size:.7rem}.home-text{display:none}.section-title{font-size:1.75rem}.section-subtitle{font-size:.9rem;margin-bottom:1.5rem}.section-icon{width:60px;height:60px;font-size:1.75rem;margin-bottom:1.5rem}.section-number{font-size:.65rem;padding:.3rem .75rem}}:fullscreen .mathf-presentation,:-webkit-full-screen .mathf-presentation{cursor:none}:fullscreen .mathf-presentation:hover,:-webkit-full-screen .mathf-presentation:hover{cursor:pointer}:fullscreen .home-link,:-webkit-full-screen .home-link{opacity:0;transition:opacity .3s ease}:fullscreen .mathf-presentation:hover .home-link,:-webkit-full-screen .mathf-presentation:hover .home-link{opacity:1}.slide-method{padding:3rem 4rem;overflow-y:auto;align-items:flex-start}.method-slide{width:100%;max-width:1400px;margin:0 auto;animation:fadeInUp .5s ease-out}.method-header{text-align:center;margin-bottom:2.5rem}.method-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#f7b2231a;border:1px solid rgba(247,178,35,.3);border-radius:20px;margin-bottom:1rem;font-family:Fira Code,monospace;font-size:.85rem;color:var(--color-gold-primary)}.method-badge-dot{width:6px;height:6px;background:var(--color-gold-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.method-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-1px}.method-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2.5rem}.method-explanation{display:flex;flex-direction:column;gap:1.5rem}.explanation-section h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-gold-primary);margin:0 0 .75rem}.explanation-section p{font-size:1rem;line-height:1.7;color:#ffffffbf;margin:0 0 .75rem}.explanation-section p:last-child{margin-bottom:0}.explanation-section code{background:#f7b22326;padding:.15rem .4rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em;color:var(--color-gold-primary)}.explanation-section strong{color:#fff;font-weight:600}.explanation-simple{font-style:italic;color:#ffffff8c!important;padding-left:1rem;border-left:2px solid rgba(247,178,35,.3)}.math-formula{background:#0d1117;border:1px solid rgba(247,178,35,.2);border-radius:10px;padding:1.25rem 1.5rem}.formula-box{display:flex;align-items:center;gap:.5rem;font-family:Fira Code,monospace;font-size:1.1rem;color:#fff}.formula{font-size:1.3rem}.formula-cases{display:flex;flex-direction:column;gap:.25rem;border-left:2px solid rgba(255,255,255,.3);padding-left:1rem}.case{display:flex;align-items:center;gap:1rem}.case-value{color:var(--color-gold-primary);min-width:30px}.case-condition{font-size:.85rem;color:#ffffff80}.code-signature{background:#0d1117;border:1px solid rgba(247,178,35,.2);border-radius:8px;padding:1rem 1.25rem;font-family:Fira Code,monospace;font-size:.9rem;color:#fffc}.code-signature .keyword{color:#ff7b72}.code-signature .method{color:#d2a8ff}.code-signature .param{color:#ffa657}.method-demo{display:flex;flex-direction:column}.demo-container{background:#0d1117cc;border:1px solid rgba(247,178,35,.25);border-radius:16px;padding:1.75rem;cursor:default}.demo-container h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-gold-primary);margin:0 0 1.25rem}.numberline{margin-bottom:1.5rem;padding:1rem 0}.numberline-axis{position:relative;height:145px;margin:0 1rem}.numberline-axis:before{content:"";position:absolute;left:0;right:0;top:70px;height:3px;background:linear-gradient(90deg,#ffffff1a,#ffffff4d 50%,#ffffff1a);border-radius:2px}.numberline-tick{position:absolute;top:60px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.tick-mark{width:2px;height:20px;background:#ffffff40;border-radius:1px}.numberline-tick.zero .tick-mark{height:28px;width:3px;background:#ffffff80;margin-top:-4px}.tick-label{margin-top:8px;font-family:Fira Code,monospace;font-size:.75rem;color:#fff6}.numberline-tick.zero .tick-label{display:none}.numberline-zero{position:absolute;top:55px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:5}.zero-marker{width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 0 0 3px #fff3,0 2px 8px #0000004d}.zero-label{margin-top:22px;font-family:Fira Code,monospace;font-size:.85rem;font-weight:600;color:#fffc}.numberline-distance{position:absolute;top:8px;height:36px;transition:left .1s ease,width .1s ease;pointer-events:none}.distance-line{position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-gold-primary),var(--color-gold-light));border-radius:2px;box-shadow:0 0 12px #f7b22366}.distance-cap{position:absolute;top:8px;width:3px;height:20px;background:var(--color-gold-primary);border-radius:2px}.distance-cap.left{left:0}.distance-cap.right{right:0}.distance-cap.at-zero{background:#fff}.distance-value{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-family:Fira Code,monospace;font-size:1rem;font-weight:600;color:var(--color-gold-primary);text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap}.numberline-slider{position:absolute;top:50px;left:0;right:0;width:100%;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:10}.numberline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background:linear-gradient(135deg,var(--color-gold-primary),var(--color-gold-light));border-radius:50%;cursor:grab;box-shadow:0 0 0 4px #f7b22333,0 4px 12px #0006;transition:transform .15s ease,box-shadow .15s ease}.numberline-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 6px #f7b2234d,0 6px 16px #00000080}.numberline-slider.dragging::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.15);box-shadow:0 0 0 8px #f7b22340,0 0 20px #f7b22366}.numberline-slider::-moz-range-thumb{width:28px;height:28px;background:linear-gradient(135deg,var(--color-gold-primary),var(--color-gold-light));border-radius:50%;cursor:grab;border:none;box-shadow:0 0 0 4px #f7b22333,0 4px 12px #0006}.numberline-slider::-moz-range-track{background:transparent}.numberline-bubble{position:absolute;top:98px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;transition:left .1s ease;z-index:15}.bubble-value{padding:.35rem .75rem;background:#1a1a2e;border-radius:6px;font-family:Fira Code,monospace;font-size:.95rem;font-weight:600;box-shadow:0 4px 12px #0006}.numberline-bubble.negative .bubble-value{color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.numberline-bubble.positive .bubble-value{color:#51cf66;border:1px solid rgba(81,207,102,.3)}.bubble-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1a1a2e;margin-bottom:-1px}.numberline-bubble.negative .bubble-arrow{border-bottom-color:#ff6b6b4d}.numberline-bubble.positive .bubble-arrow{border-bottom-color:#51cf664d}.formula-dual{flex-direction:column;gap:.75rem}.formula-item{display:flex;align-items:center;gap:1rem}.formula-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:.25rem .5rem;border-radius:4px;min-width:40px;text-align:center}.formula-item:first-child .formula-label{background:#4facfe33;color:#4facfe}.formula-item:last-child .formula-label{background:#fed74f33;color:#fed74f}.formula-item .formula{font-size:.95rem}.minmax-zone{position:absolute;top:58px;height:24px;background:linear-gradient(90deg,#4facfe26,#fed74f26);border-radius:4px;transition:left .15s ease,width .15s ease;pointer-events:none}.zone-label{position:absolute;bottom:calc(100% + 6px);font-family:Fira Code,monospace;font-size:.65rem;font-weight:700;letter-spacing:1px;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.zone-label.min-label{left:0;background:#4facfe40;color:#4facfe;border:1px solid rgba(79,172,254,.4);transform:translate(-50%)}.zone-label.max-label{right:0;background:#f5576c40;color:#f5576c;border:1px solid rgba(245,87,108,.4);transform:translate(50%)}.dual-numberline .numberline-slider{pointer-events:none}.dual-numberline .numberline-slider::-webkit-slider-thumb{pointer-events:all}.dual-numberline .numberline-slider::-moz-range-thumb{pointer-events:all}.slider-a::-webkit-slider-thumb{background:linear-gradient(135deg,#4facfe,#00f2fe)!important;box-shadow:0 0 0 4px #4facfe33,0 4px 12px #0006!important}.slider-a::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px #4facfe4d,0 6px 16px #00000080!important}.slider-a.dragging::-webkit-slider-thumb{box-shadow:0 0 0 8px #4facfe40,0 0 20px #4facfe66!important}.slider-b::-webkit-slider-thumb{background:linear-gradient(135deg,#f093fb,#f5576c)!important;box-shadow:0 0 0 4px #f5576c33,0 4px 12px #0006!important}.slider-b::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px #f5576c4d,0 6px 16px #00000080!important}.slider-b.dragging::-webkit-slider-thumb{box-shadow:0 0 0 8px #f5576c40,0 0 20px #f5576c66!important}.slider-a::-moz-range-thumb{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.slider-b::-moz-range-thumb{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.numberline-bubble.value-a .bubble-value{color:#4facfe;border:1px solid rgba(79,172,254,.3)}.numberline-bubble.value-a .bubble-arrow{border-bottom-color:#4facfe4d}.numberline-bubble.value-b .bubble-value{color:#f5576c;border:1px solid rgba(245,87,108,.3)}.numberline-bubble.value-b .bubble-arrow{border-bottom-color:#f5576c4d}.dual-result{display:flex;flex-direction:column;gap:.75rem;background:transparent;border:none;padding:0}.result-row{background:#161b22;border:1px solid rgba(247,178,35,.2);border-radius:8px;padding:.75rem 1rem}.result-min{border-left:3px solid #4facfe}.result-max{border-left:3px solid #fed74f}.result-code .param-a{color:#4facfe}.result-code .param-b{color:#f5576c}.formula-breakdown{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem;padding:.75rem;background:#0003;border-radius:6px;font-family:Fira Code,monospace;font-size:.8rem;color:var(--color-text-secondary)}.clamp-zone{position:absolute;top:50px;height:40px;background:linear-gradient(180deg,#51cf661a,#51cf6633,#51cf661a);border:2px solid rgba(81,207,102,.4);border-radius:6px;transition:left .15s ease,width .15s ease;pointer-events:none}.clamp-boundary{position:absolute;bottom:calc(100% + 8px);font-family:Fira Code,monospace;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.clamp-boundary.min-boundary{left:0;transform:translate(-50%);background:#51cf6633;color:#51cf66;border:1px solid rgba(81,207,102,.4)}.clamp-boundary.max-boundary{right:0;transform:translate(50%);background:#51cf6633;color:#51cf66;border:1px solid rgba(81,207,102,.4)}.clamp-slider.out-of-bounds::-webkit-slider-thumb{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)!important;box-shadow:0 0 0 4px #ff6b6b33,0 4px 12px #0006!important}.clamp-slider.out-of-bounds::-moz-range-thumb{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)!important}.clamped-indicator{position:absolute;top:62px;transform:translate(-50%);pointer-events:none;z-index:5}.clamped-dot{display:block;width:16px;height:16px;background:linear-gradient(135deg,#51cf66,#40c057);border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 10px #51cf6680,0 0 20px #51cf664d;animation:clampPulse 1.5s ease-in-out infinite}@keyframes clampPulse{0%,to{box-shadow:0 0 10px #51cf6680,0 0 20px #51cf664d}50%{box-shadow:0 0 15px #51cf66b3,0 0 30px #51cf6666}}.clamp-bubble.in-range .bubble-value{color:#51cf66;border:1px solid rgba(81,207,102,.3)}.clamp-bubble.in-range .bubble-arrow{border-bottom-color:#51cf664d}.clamp-bubble.below-min .bubble-value,.clamp-bubble.above-max .bubble-value{color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.clamp-bubble.below-min .bubble-arrow,.clamp-bubble.above-max .bubble-arrow{border-bottom-color:#ff6b6b4d}.clamp-result{text-align:center}.clamp-result .out-of-range{color:#ff6b6b}.clamp-result .in-range-num,.clamp-result .param-min,.clamp-result .param-max{color:#51cf66}.clamp-explanation{margin-top:.75rem;font-size:.85rem;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.clamp-explanation .clamp-arrow{color:#ff6b6b;font-weight:700}.clamp-explanation .clamp-check{color:#51cf66;font-weight:700}.clamp-explanation.in-range{color:#51cf66}.lerp-t-control{margin-bottom:1.5rem;padding:1rem;background:#9370db1a;border:1px solid rgba(147,112,219,.3);border-radius:10px}.lerp-t-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:Fira Code,monospace}.t-label{color:var(--color-text-secondary);font-size:1rem}.t-value{color:#b794f6;font-size:1.25rem;font-weight:600}.t-percent{color:var(--color-text-muted);font-size:.85rem}.t-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#4facfe4d,#9370db4d,#f5576c4d);border-radius:4px;cursor:pointer}.t-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#b794f6,#9370db);border-radius:50%;cursor:grab;box-shadow:0 0 0 3px #9370db4d,0 3px 10px #0006;transition:transform .15s ease,box-shadow .15s ease}.t-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #9370db66,0 4px 14px #00000080}.t-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#b794f6,#9370db);border-radius:50%;cursor:grab;border:none}.lerp-numberline .numberline-axis{height:120px}.lerp-connection{position:absolute;top:68px;height:4px;background:linear-gradient(90deg,#4facfe,#b794f6,#f5576c);border-radius:2px;pointer-events:none}.lerp-endpoint{position:absolute;top:60px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:5}.endpoint-dot{width:20px;height:20px;border-radius:50%;border:3px solid}.point-a .endpoint-dot{background:#4facfe4d;border-color:#4facfe}.point-b .endpoint-dot{background:#f5576c4d;border-color:#f5576c}.endpoint-label{margin-top:.5rem;font-family:Fira Code,monospace;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.point-a .endpoint-label{color:#4facfe;background:#4facfe26;border:1px solid rgba(79,172,254,.3)}.point-b .endpoint-label{color:#f5576c;background:#f5576c26;border:1px solid rgba(245,87,108,.3)}.lerp-result-indicator{position:absolute;top:55px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10;transition:left .1s ease}.lerp-dot{width:28px;height:28px;background:linear-gradient(135deg,#b794f6,#9370db);border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 0 15px #9370db80,0 0 30px #9370db4d;animation:lerpGlow 2s ease-in-out infinite}@keyframes lerpGlow{0%,to{box-shadow:0 0 15px #9370db80,0 0 30px #9370db4d}50%{box-shadow:0 0 20px #9370dbb3,0 0 40px #9370db66}}.lerp-value{margin-top:.5rem;font-family:Fira Code,monospace;font-size:.9rem;font-weight:700;color:#b794f6;padding:.25rem .6rem;background:#9370db33;border:1px solid rgba(147,112,219,.4);border-radius:5px}.lerp-result .param-a{color:#4facfe}.lerp-result .param-b{color:#f5576c}.lerp-result .param-t{color:#b794f6}.lerp-calculation{margin-top:.75rem;font-family:Fira Code,monospace;font-size:.85rem;color:var(--color-text-muted)}.lerp-breakdown span strong{color:var(--color-text-primary)}.demo-result{background:#161b22;border:1px solid rgba(247,178,35,.2);border-radius:10px;padding:1rem 1.25rem}.result-code{font-family:Fira Code,monospace;font-size:1rem;text-align:center}.result-code .class-name{color:#79c0ff}.result-code .method{color:#d2a8ff}.result-code .negative-num{color:#ff6b6b}.result-code .positive-num{color:#51cf66}.result-code .result-value{color:var(--color-gold-primary);font-weight:600;font-size:1.2rem}.use-cases{border-top:1px solid rgba(247,178,35,.15);padding-top:2rem}.use-cases h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-gold-primary);margin:0 0 1.25rem;text-align:center}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.use-case{background:#0d111799;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;transition:all .3s ease}.use-case:hover{border-color:#f7b2234d;transform:translateY(-2px)}.use-case h4{font-size:.95rem;font-weight:600;color:#fff;margin:0 0 .5rem}.use-case p{font-size:.85rem;color:#ffffff8c;line-height:1.5;margin:0 0 1rem}.use-case-code{background:#0d1117;border-radius:6px;padding:.75rem 1rem;overflow-x:auto}.use-case-code pre{margin:0}.use-case-code code{font-family:Fira Code,monospace;font-size:.75rem;line-height:1.5;color:#ffffffd9;white-space:pre;display:block}.use-case-code .comment{color:#8b949e;font-style:italic}.use-case-code .keyword{color:#ff7b72}.use-case-code .class-name{color:#79c0ff}.use-case-code .method{color:#d2a8ff}.use-case-code .number,.use-case-code .string{color:#a5d6ff}.sign-numberline{margin-top:2rem;margin-bottom:2rem}.sign-zone{position:absolute;top:-25px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-family:Fira Code,monospace;font-size:.85rem;font-weight:600}.sign-zone.negative-zone{background:linear-gradient(90deg,#f5576c4d,#f5576c1a);border:1px solid rgba(245,87,108,.3);border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.sign-zone.negative-zone .zone-value{color:#f5576c}.sign-zone.positive-zone{background:linear-gradient(90deg,#4facfe1a,#4facfe4d);border:1px solid rgba(79,172,254,.3);border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.sign-zone.positive-zone .zone-value{color:#4facfe}.sign-zero-marker{position:absolute;top:-30px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:5}.sign-zero-marker .zero-line{width:2px;height:40px;background:#ffffff80}.zero-label-sign{position:absolute;top:-18px;font-family:Fira Code,monospace;font-size:.75rem;color:#ffffffb3;background:#1e1e28e6;padding:2px 6px;border-radius:3px}.sign-slider{background:linear-gradient(90deg,#f5576c4d,#f5576c4d 50%,#4facfe4d 50%,#4facfe4d)!important}.numberline-bubble.negative{background:linear-gradient(135deg,#f5576c,#d63447)}.numberline-bubble.positive{background:linear-gradient(135deg,#4facfe,#3d8bd9)}.numberline-bubble.zero-bubble{background:linear-gradient(135deg,#888,#666)}.formula-cases{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem}.case{display:flex;gap:1rem;align-items:center;font-family:Fira Code,monospace;font-size:.85rem}.case-value{color:#b794f6;font-weight:600;min-width:2rem}.case-condition{color:var(--color-text-muted);font-size:.8rem}.sign-result .negative-num{color:#f5576c}.sign-result .positive-num{color:#4facfe}.sign-result .zero-num{color:#fff9}.sign-value-neg{color:#f5576c!important}.sign-value-pos{color:#4facfe!important}.sign-value-zero{color:#fff9!important}.sign-explanation{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.sign-desc{font-size:.9rem}.sign-desc.negative{color:#f5576c}.sign-desc.positive{color:#4facfe}.sign-desc.zero{color:#fff9}.lerpangle-t-control{margin-bottom:1rem;padding:1rem;background:#9370db1a;border:1px solid rgba(147,112,219,.3);border-radius:10px}.lerpangle-t-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:Fira Code,monospace}.lerpangle-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#4facfe4d,#9370db4d,#f5576c4d);border-radius:4px;cursor:pointer}.comparison-toggle{margin-bottom:1rem}.comparison-toggle label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer}.comparison-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#b794f6;cursor:pointer}.comparison-box{display:flex;flex-direction:column;gap:.75rem}.comparison-item{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 1rem;background:#0d1117;border-radius:8px;border-left:3px solid}.comparison-item.lerp-compare{border-left-color:#ff6b6b}.comparison-item.slerp-compare{border-left-color:#b794f6}.compare-label{font-family:Fira Code,monospace;font-size:.85rem;font-weight:600}.lerp-compare .compare-label{color:#ff6b6b}.slerp-compare .compare-label{color:#b794f6}.compare-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.5}.lerpangle-visualization{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.lerpangle-svg{width:100%;max-width:300px;height:auto}.lerpangle-label{font-family:Fira Code,monospace;font-size:11px;fill:#ffffffb3}.lerp-label-text{fill:#ff6b6b;font-size:11px;font-weight:600}.lerpangle-result-label{fill:#b794f6;font-size:11px;font-weight:600}.lerpangle-result-dot{filter:drop-shadow(0 0 8px rgba(147,112,219,.5))}.lerpangle-result .param-t{color:#b794f6}.lerpangle-result .param-a{color:#4facfe}.lerpangle-result .param-b{color:#f5576c}.lerp-comparison-result{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.comparison-note{font-size:.85rem;color:var(--color-text-muted)}.lerp-value{color:#ff6b6b;font-weight:600}.slerp-t-control{margin-bottom:.75rem;padding:.75rem 1rem;background:#9370db1a;border:1px solid rgba(147,112,219,.3);border-radius:8px}.slerp-t-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-family:Fira Code,monospace}.slerp-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#4facfe4d,#9370db4d,#f5576c4d);border-radius:3px;cursor:pointer}.slerp-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#b794f6,#9370db);border-radius:50%;cursor:grab;box-shadow:0 2px 6px #0000004d}.slerp-rotation-control{margin-bottom:.75rem;padding:.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px}.slerp-rotation-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-family:Fira Code,monospace;font-size:.85rem}.rotation-label{color:var(--color-text-secondary)}.rotation-value{color:#ffffffb3}.rotation-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer}.rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff9;border-radius:50%;cursor:grab}.slerp-visualization{display:flex;justify-content:center;align-items:center;margin-bottom:.75rem}.slerp-svg{width:100%;max-width:300px;height:auto}.slerp-label{font-family:Fira Code,monospace;font-size:12px;font-weight:600;fill:#fffc}.slerp-result-dot{filter:drop-shadow(0 0 8px rgba(147,112,219,.6))}.slerp-legend{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.75rem;font-size:.8rem;color:var(--color-text-secondary)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-line{width:24px;height:3px;border-radius:2px}.legend-line.slerp-line{background:linear-gradient(90deg,#4facfe,#b794f6,#f5576c)}.legend-line.lerp-line{background:#ff6b6b99;background-image:repeating-linear-gradient(90deg,rgba(255,107,107,.6) 0px,rgba(255,107,107,.6) 4px,transparent 4px,transparent 8px)}.slerp-result .param-t{color:#b794f6}@media(max-width:1200px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.method-layout{grid-template-columns:1fr;gap:2rem}.slide-method{padding:2rem}.method-title{font-size:2rem}}@media(max-width:768px){.slide-method{padding:1.5rem 1.5rem 4rem}.method-header{margin-bottom:1.5rem}.method-title{font-size:1.75rem}.use-cases-grid{grid-template-columns:1fr}.demo-container{padding:1.25rem}.formula-box{font-size:.95rem}.formula{font-size:1.1rem}}@media(max-width:768px){.numberline-axis{height:135px;margin:0 .5rem}.numberline-bubble{top:92px}.numberline-slider::-webkit-slider-thumb{width:24px;height:24px}.distance-value{font-size:.9rem}.bubble-value{font-size:.85rem;padding:.25rem .6rem}}@media(max-width:480px){.method-badge{font-size:.75rem}.method-title{font-size:1.5rem}.explanation-section p{font-size:.9rem}.numberline-axis{height:130px}.numberline-bubble{top:90px}.tick-label{font-size:.65rem}.numberline-slider::-webkit-slider-thumb{width:22px;height:22px}.zero-marker{width:12px;height:12px}.zero-label{font-size:.75rem}}.clamp01-zone{position:absolute;top:50px;height:40px;background:linear-gradient(180deg,#51cf661a,#51cf6633,#51cf661a);border:2px solid rgba(81,207,102,.4);border-radius:6px;pointer-events:none}.clamp01-slider.out-of-bounds::-webkit-slider-thumb{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)!important;box-shadow:0 0 0 4px #ff6b6b33,0 4px 12px #0006!important}.clamp01-slider.out-of-bounds::-moz-range-thumb{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)!important}.clamp01-bubble.in-range .bubble-value{color:#51cf66;border:1px solid rgba(81,207,102,.3)}.clamp01-bubble.in-range .bubble-arrow{border-bottom-color:#51cf664d}.clamp01-bubble.below-min .bubble-value,.clamp01-bubble.above-max .bubble-value{color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.clamp01-bubble.below-min .bubble-arrow,.clamp01-bubble.above-max .bubble-arrow{border-bottom-color:#ff6b6b4d}.clamp01-result .out-of-range{color:#ff6b6b}.clamp01-result .in-range-num{color:#51cf66}.numberline-tick.boundary .tick-mark{height:28px;width:3px;background:#51cf6699;margin-top:-4px}.numberline-tick.boundary .tick-label{color:#51cf66;font-weight:600}.inverselerp-range{position:absolute;top:50px;height:40px;background:linear-gradient(90deg,#4facfe26,#f5576c26);border:2px solid rgba(147,112,219,.4);border-radius:6px;pointer-events:none}.inverselerp-range .range-label{position:absolute;bottom:calc(100% + 8px);font-family:Fira Code,monospace;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.inverselerp-range .start-label{left:0;transform:translate(-50%);background:#4facfe33;color:#4facfe;border:1px solid rgba(79,172,254,.4)}.inverselerp-range .end-label{right:0;transform:translate(50%);background:#f5576c33;color:#f5576c;border:1px solid rgba(245,87,108,.4)}.inverselerp-progress{position:absolute;top:50px;height:40px;background:linear-gradient(90deg,#9370db4d,#9370db66);border-radius:6px 0 0 6px;pointer-events:none}.inverselerp-bubble.in-range .bubble-value{color:#b794f6;border:1px solid rgba(147,112,219,.3)}.inverselerp-bubble.in-range .bubble-arrow{border-bottom-color:#9370db4d}.inverselerp-bubble.below-range .bubble-value{color:#4facfe;border:1px solid rgba(79,172,254,.3)}.inverselerp-bubble.below-range .bubble-arrow{border-bottom-color:#4facfe4d}.inverselerp-bubble.above-range .bubble-value{color:#f5576c;border:1px solid rgba(245,87,108,.3)}.inverselerp-bubble.above-range .bubble-arrow{border-bottom-color:#f5576c4d}.inverselerp-result .param-a{color:#4facfe}.inverselerp-result .param-b{color:#f5576c}.inverselerp-result .param-v{color:#b794f6}.inverselerp-calculation{margin-top:.5rem;font-family:Fira Code,monospace;font-size:.8rem;color:var(--color-text-muted)}.inverselerp-percentage{margin-top:.75rem}.percentage-badge{display:inline-block;padding:.35rem .75rem;background:#9370db33;border:1px solid rgba(147,112,219,.4);border-radius:20px;font-family:Fira Code,monospace;font-size:.9rem;font-weight:600;color:#b794f6}.percentage-badge.below{background:#4facfe33;border-color:#4facfe66;color:#4facfe}.percentage-badge.above{background:#f5576c33;border-color:#f5576c66;color:#f5576c}.numberline-tick.range-bound .tick-mark{height:28px;width:3px;background:#9370db99;margin-top:-4px}.numberline-tick.range-bound .tick-label{color:#b794f6;font-weight:600}.smoothdamp-control{margin-bottom:1rem;padding:1rem;background:#4facfe1a;border:1px solid rgba(79,172,254,.3);border-radius:10px}.smoothdamp-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:Fira Code,monospace}.control-label{color:var(--color-text-secondary);font-size:.9rem}.control-value{color:#4facfe;font-size:1.1rem;font-weight:600}.smoothtime-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#4facfe4d;border-radius:4px;cursor:pointer}.smoothtime-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0000004d}.smoothtime-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;cursor:grab;border:none}.smoothdamp-numberline .target-slider{position:absolute;top:58px;left:0;right:0;width:100%;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:20;pointer-events:none}.smoothdamp-numberline .target-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;background:transparent;border-radius:50%;cursor:grab;pointer-events:all}.smoothdamp-numberline .target-slider::-moz-range-thumb{width:26px;height:26px;background:transparent;border-radius:50%;cursor:grab;border:none;pointer-events:all}.smoothdamp-target{position:absolute;top:57px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:5}.smoothdamp-target .target-dot{width:26px;height:26px;background:transparent;border:3px solid #f5576c;border-radius:50%;box-shadow:0 0 10px #f5576c66}.smoothdamp-target .target-label{margin-top:.35rem;font-family:Fira Code,monospace;font-size:.7rem;font-weight:600;color:#f5576c;background:#0d1117e6;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;border:1px solid rgba(245,87,108,.4)}.smoothdamp-current{position:absolute;top:57px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:15;transition:left .05s linear}.smoothdamp-current .current-dot{width:26px;height:26px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;border:3px solid rgba(255,255,255,.5);box-shadow:0 0 12px #4facfe80}.smoothdamp-current.animating .current-dot{animation:smoothPulse .5s ease-in-out infinite}@keyframes smoothPulse{0%,to{box-shadow:0 0 12px #4facfe80}50%{box-shadow:0 0 20px #4facfecc}}.smoothdamp-current .current-label{margin-top:.35rem;font-family:Fira Code,monospace;font-size:.75rem;font-weight:600;color:#4facfe;background:#0d1117e6;padding:.15rem .45rem;border-radius:4px;border:1px solid rgba(79,172,254,.3)}.velocity-indicator{position:absolute;top:67px;height:6px;border-radius:3px;pointer-events:none;z-index:8}.velocity-indicator.moving-right{background:linear-gradient(90deg,#4facfe99,#4facfe33)}.velocity-indicator.moving-left{background:linear-gradient(90deg,#4facfe33,#4facfe99)}.velocity-indicator .velocity-arrow{position:absolute;top:-6px;font-size:14px;font-weight:700;color:#4facfe}.velocity-indicator.moving-right .velocity-arrow{right:-12px}.velocity-indicator.moving-left .velocity-arrow{left:-12px}.smoothdamp-buttons{display:flex;justify-content:center;margin-bottom:1rem}.reset-button{padding:.5rem 1.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--color-text-secondary);font-family:Fira Code,monospace;font-size:.8rem;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:#ffffff1f;border-color:#ffffff4d;color:#fff}.smoothdamp-result .param-current{color:#4facfe}.smoothdamp-result .param-target{color:#f5576c}.smoothdamp-result .param-time{color:#b794f6}.smoothdamp-stats{display:flex;justify-content:center;gap:2rem;margin-top:.75rem;font-family:Fira Code,monospace;font-size:.8rem;color:var(--color-text-muted)}.smoothdamp-stats .stat strong{color:var(--color-text-primary)}.params-list{display:flex;flex-direction:column;gap:.5rem;background:#0d1117;border:1px solid rgba(247,178,35,.2);border-radius:8px;padding:1rem}.param-item{display:flex;flex-direction:column;gap:.2rem}.param-item .param-name{font-family:Fira Code,monospace;font-size:.9rem;color:#ffa657;font-weight:600}.param-item .param-desc{font-size:.8rem;color:var(--color-text-muted)}.movetowards-control{margin-bottom:1rem;padding:1rem;background:#51cf661a;border:1px solid rgba(81,207,102,.3);border-radius:10px}.movetowards-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:Fira Code,monospace}.movetowards-control .control-value{color:#51cf66}.maxdelta-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#51cf664d;border-radius:4px;cursor:pointer}.maxdelta-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#51cf66,#40c057);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0000004d}.maxdelta-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#51cf66,#40c057);border-radius:50%;cursor:grab;border:none}.movetowards-numberline .target-slider{position:absolute;top:50px;left:0;right:0;width:100%;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:10;pointer-events:none}.movetowards-numberline .target-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#f5576c,#d63447);border-radius:50%;cursor:grab;pointer-events:all;box-shadow:0 0 0 3px #f5576c33,0 3px 10px #0000004d}.movetowards-numberline .target-slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#f5576c,#d63447);border-radius:50%;cursor:grab;border:none;pointer-events:all}.movetowards-target{position:absolute;top:25px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:5}.movetowards-target .target-dot{width:16px;height:16px;background:#f5576c4d;border:3px solid #f5576c;border-radius:50%}.movetowards-target .target-label{margin-top:.4rem;font-family:Fira Code,monospace;font-size:.7rem;font-weight:600;color:#f5576c;background:#f5576c26;padding:.15rem .4rem;border-radius:4px;white-space:nowrap}.movetowards-current{position:absolute;top:55px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:15;transition:left 16ms linear}.movetowards-current .current-dot{width:24px;height:24px;background:linear-gradient(135deg,#51cf66,#40c057);border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 0 15px #51cf6680}.movetowards-current.animating .current-dot{animation:movePulse .3s ease-in-out infinite}@keyframes movePulse{0%,to{box-shadow:0 0 15px #51cf6680}50%{box-shadow:0 0 20px #51cf66cc}}.movetowards-current .current-label{margin-top:.4rem;font-family:Fira Code,monospace;font-size:.8rem;font-weight:600;color:#51cf66;background:#51cf6626;padding:.2rem .5rem;border-radius:4px}.delta-step{position:absolute;top:67px;height:6px;background:#51cf6666;border-radius:3px;pointer-events:none}.delta-step .delta-label{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-family:Fira Code,monospace;font-size:.65rem;color:#51cf66;white-space:nowrap}.movetowards-buttons{display:flex;justify-content:center;margin-bottom:1rem}.movetowards-result .param-current{color:#51cf66}.movetowards-result .param-target{color:#f5576c}.movetowards-result .param-delta{color:#b794f6}.movetowards-stats{display:flex;justify-content:center;gap:2rem;margin-top:.75rem;font-family:Fira Code,monospace;font-size:.8rem;color:var(--color-text-muted)}.movetowards-stats .stat strong{color:var(--color-text-primary)}.pingpong-control{margin-bottom:1rem;padding:1rem;background:#9370db1a;border:1px solid rgba(147,112,219,.3);border-radius:10px}.pingpong-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:Fira Code,monospace}.pingpong-control .control-value{color:#b794f6;font-size:1.1rem;font-weight:600}.length-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#9370db4d;border-radius:4px;cursor:pointer}.length-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#b794f6,#9370db);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0000004d}.length-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#b794f6,#9370db);border-radius:50%;cursor:grab;border:none}.pingpong-playback,.repeat-playback{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.playback-button{padding:.5rem 1.25rem;background:#9370db33;border:1px solid rgba(147,112,219,.4);border-radius:6px;color:#b794f6;font-family:Fira Code,monospace;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.playback-button:hover{background:#9370db4d;border-color:#9370db99}.playback-button.playing{background:#f5576c33;border-color:#f5576c66;color:#f5576c}.playback-button.playing:hover{background:#f5576c4d}.time-display{font-family:Fira Code,monospace;font-size:.9rem;color:var(--color-text-muted)}.pingpong-range{position:absolute;top:50px;height:40px;background:linear-gradient(180deg,#9370db1a,#9370db33,#9370db1a);border:2px solid rgba(147,112,219,.4);border-radius:6px;pointer-events:none}.range-wall{position:absolute;top:50%;transform:translateY(-50%);font-family:Fira Code,monospace;font-size:.7rem;font-weight:600;color:#b794f6;background:#9370db4d;padding:.2rem .4rem;border-radius:4px}.range-wall.left-wall{left:4px}.range-wall.right-wall{right:4px}.pingpong-ball{position:absolute;top:55px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:15;transition:left 16ms linear}.pingpong-ball .ball-dot{width:24px;height:24px;background:linear-gradient(135deg,#b794f6,#9370db);border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 0 15px #9370db80;animation:ballGlow 1s ease-in-out infinite}@keyframes ballGlow{0%,to{box-shadow:0 0 15px #9370db80}50%{box-shadow:0 0 25px #9370dbcc}}.pingpong-ball .ball-label{margin-top:.4rem;font-family:Fira Code,monospace;font-size:.8rem;font-weight:600;color:#b794f6;background:#9370db26;padding:.2rem .5rem;border-radius:4px}.pingpong-wave,.repeat-wave{margin:1rem 0;background:#0003;border-radius:8px;padding:.5rem}.wave-svg{width:100%;height:60px;display:block}.pingpong-result .param-t{color:var(--color-text-muted)}.pingpong-result .param-len{color:#b794f6}.repeat-control{margin-bottom:1rem;padding:1rem;background:#4facfe1a;border:1px solid rgba(79,172,254,.3);border-radius:10px}.repeat-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:Fira Code,monospace}.repeat-control .control-value{color:#4facfe;font-size:1.1rem;font-weight:600}.repeat-control .length-slider{background:#4facfe4d}.repeat-control .length-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#4facfe,#00f2fe)}.repeat-control .length-slider::-moz-range-thumb{background:linear-gradient(135deg,#4facfe,#00f2fe)}.repeat-playback .playback-button{background:#4facfe33;border-color:#4facfe66;color:#4facfe}.repeat-playback .playback-button:hover{background:#4facfe4d;border-color:#4facfe99}.repeat-playback .playback-button.playing{background:#f5576c33;border-color:#f5576c66;color:#f5576c}.repeat-range{position:absolute;top:50px;height:40px;background:linear-gradient(180deg,#4facfe1a,#4facfe33,#4facfe1a);border:2px solid rgba(79,172,254,.4);border-radius:6px;pointer-events:none;display:flex;align-items:center;justify-content:center}.repeat-range .range-label{font-family:Fira Code,monospace;font-size:.7rem;font-weight:600;color:#4facfe;background:#4facfe33;padding:.2rem .5rem;border-radius:4px}.repeat-marker{position:absolute;top:55px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:15;transition:left 16ms linear}.repeat-marker .marker-dot{width:24px;height:24px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 0 15px #4facfe80;animation:repeatGlow 1s ease-in-out infinite}@keyframes repeatGlow{0%,to{box-shadow:0 0 15px #4facfe80}50%{box-shadow:0 0 25px #4facfecc}}.repeat-marker .marker-label{margin-top:.4rem;font-family:Fira Code,monospace;font-size:.8rem;font-weight:600;color:#4facfe;background:#4facfe26;padding:.2rem .5rem;border-radius:4px}.repeat-result .param-t{color:var(--color-text-muted)}.repeat-result .param-len{color:#4facfe}.sincos-control{margin-bottom:1rem;padding:1rem;background:#4facfe1a;border:1px solid rgba(79,172,254,.3);border-radius:10px}.sincos-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:Fira Code,monospace}.sincos-control .control-value{color:#4facfe;font-size:1.1rem;font-weight:600}.frequency-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#4facfe4d;border-radius:4px;cursor:pointer}.frequency-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0000004d}.frequency-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;cursor:grab;border:none}.sincos-playback{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.sincos-playback .playback-button{padding:.5rem 1.25rem;background:#4facfe33;border:1px solid rgba(79,172,254,.4);border-radius:6px;color:#4facfe;font-family:Fira Code,monospace;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sincos-playback .playback-button:hover{background:#4facfe4d;border-color:#4facfe99}.sincos-playback .playback-button.playing{background:#4facfe4d}.time-display{font-family:Fira Code,monospace;font-size:.85rem;color:var(--color-text-muted)}.sincos-visualization{margin-bottom:1rem}.sincos-svg{width:100%;height:150px;background:#0003;border-radius:8px}.sincos-label{fill:#ffffff80;font-size:10px;font-family:Fira Code,monospace}.sincos-result{text-align:center}.sincos-values{display:flex;flex-direction:column;gap:.5rem;font-family:Fira Code,monospace;font-size:.85rem}.sincos-value{padding:.3rem .6rem;border-radius:6px}.sincos-value.sin-value{background:#51cf6626;color:#51cf66}.sincos-value.cos-value{background:#f5576c26;color:#f5576c}.sincos-value .result-value{font-weight:600}.atan2-visualization{margin:0 auto 1rem;max-width:300px}.atan2-svg{width:100%;height:200px;background:#0003;border-radius:8px;cursor:crosshair}.atan2-result .param-y{color:#51cf66}.atan2-result .param-x{color:#f5576c}.atan2-degrees{margin-top:.5rem;font-family:Fira Code,monospace;font-size:.85rem;color:var(--color-text-muted)}.atan2-degrees strong{color:#b794f6}.demo-instruction{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1rem;text-align:center}.deltaangle-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.angle-control{padding:.75rem;background:#4facfe1a;border:1px solid rgba(79,172,254,.2);border-radius:8px}.angle-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-family:Fira Code,monospace;font-size:.85rem}.angle-control .control-value{font-size:1rem;font-weight:600}.angle-control .control-value.angle-a{color:#4facfe}.angle-control .control-value.angle-b{color:#f5576c}.angle-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#4facfe4d;border-radius:3px;cursor:pointer}.angle-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;cursor:grab;box-shadow:0 2px 6px #0000004d}.angle-slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;cursor:grab;border:none}.angle-slider.slider-b{background:#f5576c4d}.angle-slider.slider-b::-webkit-slider-thumb{background:linear-gradient(135deg,#f5576c,#ff8a80)}.angle-slider.slider-b::-moz-range-thumb{background:linear-gradient(135deg,#f5576c,#ff8a80)}.deltaangle-visualization{max-width:200px;margin:0 auto 1rem}.deltaangle-svg{width:100%;height:200px}.deltaangle-result .param-a{color:#4facfe}.deltaangle-result .param-b{color:#f5576c}.deltaangle-result .result-value.positive{color:#51cf66}.deltaangle-result .result-value.negative{color:#ff6b6b}.deltaangle-direction{margin-top:.5rem;font-family:Fira Code,monospace;font-size:.85rem;color:var(--color-text-muted)}.smoothstep-control{margin-bottom:1rem;padding:1rem;background:#b794f61a;border:1px solid rgba(183,148,246,.3);border-radius:10px}.smoothstep-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:Fira Code,monospace}.smoothstep-control .control-value{color:#b794f6;font-size:1.1rem;font-weight:600}.smoothstep-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#b794f64d;border-radius:4px;cursor:pointer}.smoothstep-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#b794f6,#9370db);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0000004d}.smoothstep-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#b794f6,#9370db);border-radius:50%;cursor:grab;border:none}.smoothstep-visualization{margin-bottom:1rem}.smoothstep-svg{width:100%;height:150px;background:#0003;border-radius:8px}.smoothstep-result .param-from{color:#51cf66}.smoothstep-result .param-to{color:#f5576c}.smoothstep-result .param-t{color:#b794f6}.smoothstep-comparison{margin-top:.5rem;font-family:Fira Code,monospace;font-size:.85rem;color:var(--color-text-muted)}.smoothstep-comparison strong{color:#b794f6}.smoothstep-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:.75rem;font-size:.8rem;color:var(--color-text-muted)}.smoothstep-legend .legend-item{display:flex;align-items:center;gap:.5rem}.legend-line{width:20px;height:3px;border-radius:2px}.legend-line.linear-line{background:#ffffff4d}.legend-line.smoothstep-curve{background:linear-gradient(90deg,#4facfe,#b794f6,#f5576c)}.rounding-numberline{position:relative;height:140px;margin-bottom:1rem}.rounding-numberline .numberline-axis{position:relative;height:100%;background:#0003;border-radius:8px;padding:1rem}.rounding-numberline .numberline-axis:before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:#fff3;border-radius:2px;transform:translateY(-50%)}.rounding-numberline .numberline-tick{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.rounding-numberline .numberline-tick.integer-tick .tick-mark{width:2px;height:20px;background:#fff6;margin-bottom:4px}.rounding-numberline .numberline-tick .tick-label{font-family:Fira Code,monospace;font-size:.7rem;color:#fff9}.rounding-indicator{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:5}.rounding-indicator.top-indicator{top:15%;flex-direction:column-reverse}.rounding-indicator.bottom-indicator{top:68%}.rounding-indicator:before{content:"";width:12px;height:12px;border-radius:50%}.top-indicator:before{margin-top:2px}.bottom-indicator:before{margin-bottom:2px}.floor-indicator:before{background:#f5576c4d;border:2px solid #f5576c}.ceil-indicator:before{background:#51cf664d;border:2px solid #51cf66}.round-indicator:before{background:#b794f64d;border:2px solid #b794f6}.rounding-indicator.offset-left{transform:translate(-100%)}.rounding-indicator.offset-right{transform:translate(0)}.indicator-label{font-family:Fira Code,monospace;font-size:.6rem;font-weight:600}.floor-indicator .indicator-label{color:#f5576c}.ceil-indicator .indicator-label{color:#51cf66}.round-indicator .indicator-label{color:#b794f6}.rounding-numberline .numberline-slider{position:absolute;top:50%;left:0;width:100%;height:30px;transform:translateY(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:10}.rounding-numberline .numberline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;cursor:grab;box-shadow:0 2px 10px #4facfe80;border:3px solid rgba(255,255,255,.4)}.rounding-numberline .numberline-slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;cursor:grab;border:3px solid rgba(255,255,255,.4)}.rounding-bubble{position:absolute;top:62%;transform:translate(-50%);background:#141923f2;border:1px solid rgba(79,172,254,.5);border-radius:6px;padding:.25rem .6rem;pointer-events:none;z-index:20}.rounding-bubble:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid rgba(20,25,35,.95)}.rounding-bubble .bubble-arrow{display:none}.rounding-bubble:after{display:none}.rounding-bubble .bubble-value{font-family:Fira Code,monospace;font-size:.85rem;font-weight:600;color:#4facfe;background:none;border:none;padding:0}.rounding-results-grid{display:flex;flex-direction:column;gap:.4rem}.rounding-result-item{font-family:Fira Code,monospace;font-size:.8rem;padding:.3rem .5rem;border-radius:6px}.rounding-result-item.floor{background:#f5576c1a;border-left:3px solid #f5576c}.rounding-result-item.ceil{background:#51cf661a;border-left:3px solid #51cf66}.rounding-result-item.round{background:#b794f61a;border-left:3px solid #b794f6}.rounding-result-item .result-value{font-weight:600}.rounding-result-item.floor .result-value{color:#f5576c}.rounding-result-item.ceil .result-value{color:#51cf66}.rounding-result-item.round .result-value{color:#b794f6}.rounding-list{list-style:none;padding:0;margin:.5rem 0}.rounding-list li{padding:.3rem 0;font-size:.9rem}.rounding-list li code{font-weight:600}.rounding-examples{display:flex;flex-direction:column;gap:.5rem;background:#0003;padding:.75rem;border-radius:8px;font-family:Fira Code,monospace;font-size:.75rem}.example-row{display:flex;gap:.75rem;flex-wrap:wrap}.example-input{color:#4facfe;font-weight:600;min-width:35px}.example-floor{color:#f5576c}.example-ceil{color:#51cf66}.example-round{color:#b794f6}.pow-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.pow-control{padding:.75rem;background:#4facfe1a;border:1px solid rgba(79,172,254,.2);border-radius:8px}.pow-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-family:Fira Code,monospace;font-size:.85rem}.pow-control .control-value{font-size:1rem;font-weight:600}.pow-control .control-value.pow-base{color:#4facfe}.pow-control .control-value.pow-exp{color:#f5576c}.pow-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#4facfe4d;border-radius:3px;cursor:pointer}.pow-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;cursor:grab;box-shadow:0 2px 6px #0000004d}.pow-slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;cursor:grab;border:none}.pow-slider.exp-slider{background:#f5576c4d}.pow-slider.exp-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#f5576c,#ff8a80)}.pow-slider.exp-slider::-moz-range-thumb{background:linear-gradient(135deg,#f5576c,#ff8a80)}.pow-visualization{margin-bottom:1rem}.pow-svg{width:100%;height:150px;background:#0003;border-radius:8px}.pow-result .param-base{color:#4facfe}.pow-result .param-exp{color:#f5576c}.pow-equation{margin-top:.5rem;font-family:Fira Code,monospace;font-size:1.1rem;color:var(--color-text-primary)}.pow-equation sup{font-size:.7em;color:#f5576c}.pow-legend{text-align:center;margin-top:.75rem}.pow-legend .legend-note{font-family:Fira Code,monospace;font-size:.8rem;color:var(--color-text-muted);background:#ffffff0d;padding:.3rem .6rem;border-radius:4px}.sqrt-visualization{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.sqrt-square-container{position:relative;display:flex;flex-direction:column;align-items:center;min-height:180px;justify-content:center}.sqrt-square{background:linear-gradient(135deg,#f7b2234d,#f7b2231a);border:2px solid var(--color-gold-primary);border-radius:4px;transition:all .3s ease}.sqrt-labels{display:flex;flex-direction:column;align-items:center;margin-top:.75rem;gap:.25rem}.sqrt-area{font-family:Fira Code,monospace;font-size:.85rem;color:var(--color-gold-primary);font-weight:600}.sqrt-side-label{font-family:Fira Code,monospace;font-size:.9rem;color:var(--color-text-primary)}.sqrt-numberline{margin-top:1rem}.sqrt-verification{margin-top:.5rem;font-size:.85rem;color:var(--color-text-muted);font-family:Fira Code,monospace}.approximately-controls{display:flex;gap:1rem;margin-bottom:1rem}.approx-input-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.approx-input-group label{font-size:.85rem;color:var(--color-text-muted)}.approx-input{width:100%;padding:.5rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-primary);font-family:Fira Code,monospace;font-size:.9rem}.approx-input:focus{outline:none;border-color:var(--color-gold-primary)}.approx-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.approx-presets .preset-btn{padding:.4rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--color-text-muted);font-size:.75rem;cursor:pointer;transition:all .2s ease}.approx-presets .preset-btn:hover{background:#f7b2231a;border-color:#f7b2234d;color:var(--color-gold-primary)}.approx-results{display:flex;gap:1rem;margin-bottom:1.25rem}.approx-result-card{flex:1;padding:1rem;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:.5rem}.approx-result-card.result-true{border-color:#4caf5080;background:#4caf501a}.approx-result-card.result-false{border-color:#f4433680;background:#f443361a}.approx-result-card .result-label{font-size:.8rem;color:var(--color-text-muted);font-family:Fira Code,monospace}.approx-result-card .result-value{font-size:1.25rem;font-weight:600;font-family:Fira Code,monospace}.approx-result-card.result-true .result-value{color:#4caf50}.approx-result-card.result-false .result-value{color:#f44336}.approx-result-card .result-warning{font-size:.7rem;color:#f44336;font-weight:600}.approx-result-card .result-check{font-size:.7rem;color:#4caf50;font-weight:600}.approximately-result .approx-explanation{margin-top:.5rem;font-size:.85rem;color:var(--color-text-muted)}.approximately-bug-box{display:flex;flex-direction:column;gap:.5rem}.bug-line{display:flex;align-items:center;gap:.75rem;font-family:Fira Code,monospace;font-size:.9rem}.bug-code{color:var(--color-text-primary)}.bug-result{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.bug-result.bug-false{background:#f4433633;color:#f44336}.bug-actual{color:#f5576c;font-size:.85rem}.smoothdampangle-slide .comparison-box,.movetowardsangle-slide .comparison-box{display:flex;flex-direction:column;gap:.75rem}.comparison-item{padding:.75rem 1rem;background:#0003;border-radius:6px;border-left:3px solid}.comparison-item.lerp-compare{border-left-color:#f5576c}.comparison-item.slerp-compare{border-left-color:#4facfe}.compare-label{display:block;font-family:Fira Code,monospace;font-size:.85rem;color:var(--color-text-primary);margin-bottom:.25rem}.compare-desc{font-size:.8rem;color:var(--color-text-muted)}.angle-visualization{margin:1rem 0}.angle-circle-svg{width:100%;max-width:220px;height:auto;margin:0 auto;display:block;cursor:crosshair}.smoothdamp-buttons,.movetowards-buttons{display:flex;justify-content:center;margin-bottom:1rem}.reset-button{padding:.5rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:#f7b2231a;border-color:#f7b2234d;color:var(--color-gold-primary)}.smoothdampangle-result .param-current,.movetowardsangle-result .param-current{color:#b794f6;font-weight:600}.smoothdampangle-result .param-target,.movetowardsangle-result .param-target{color:#f5576c;font-weight:600}.movetowardsangle-control{margin-bottom:1rem}.movetowardsangle-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.movetowardsangle-visualization{margin:1rem 0;display:flex;justify-content:center}.movetowardsangle-svg{width:100%;max-width:200px;height:auto;cursor:crosshair}.movetowardsangle-buttons{display:flex;justify-content:center;margin-bottom:1rem}.movetowardsangle-result .param-current{color:#f7b223}.movetowardsangle-result .param-target{color:#f5576c}.movetowardsangle-result .param-delta{color:#4facfe}.movetowardsangle-stats{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem;font-size:.9rem;color:var(--color-text-muted)}.movetowardsangle-stats .stat strong{color:var(--color-text-primary)}.movetowardsangle-legend{display:flex;justify-content:center;gap:2rem;margin:.75rem 0;font-size:.85rem}.movetowardsangle-legend .legend-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted)}.movetowardsangle-legend .legend-dot{width:12px;height:12px;border-radius:50%}.movetowardsangle-legend .legend-dot.current-dot{background:#f7b2234d;border:2px solid #f7b223}.movetowardsangle-legend .legend-dot.target-dot{background:#f5576c4d;border:2px solid #f5576c}.smoothtime-slider,.maxdelta-slider{width:100%;margin-top:.5rem}.control-label{color:var(--color-text-muted)}.control-value{color:var(--color-gold-primary);font-family:Fira Code,monospace}.degrad-reference{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0003;border-radius:6px}.ref-row{display:flex;align-items:center;gap:.5rem;font-family:Fira Code,monospace;font-size:.9rem}.ref-deg{color:var(--color-gold-primary);min-width:50px}.ref-eq{color:var(--color-text-muted)}.ref-rad{color:#4facfe}.degrad-input{margin-bottom:1rem}.degrad-input label{display:flex;align-items:center;gap:.5rem}.input-label{color:var(--color-text-muted);font-size:.9rem}.degree-input{width:100px;padding:.5rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-primary);font-family:Fira Code,monospace;font-size:1rem;text-align:center}.degree-input:focus{outline:none;border-color:var(--color-gold-primary)}.input-unit{color:var(--color-text-muted);font-size:1rem}.degrad-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.degrad-presets .preset-btn{padding:.4rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;transition:all .2s ease}.degrad-presets .preset-btn:hover{background:#f7b2231a;border-color:#f7b2234d;color:var(--color-gold-primary)}.degrad-presets .preset-btn.active{background:#f7b22333;border-color:var(--color-gold-primary);color:var(--color-gold-primary)}.degrad-visualization{margin:1rem 0}.degrad-circle-svg{width:100%;max-width:180px;height:auto;margin:0 auto;display:block}.degrad-result{text-align:center}.degrad-conversion{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.conversion-row{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Fira Code,monospace;font-size:.9rem}.conversion-row.alt{opacity:.7}.conv-degrees{color:var(--color-gold-primary);font-weight:600}.conv-times,.conv-equals{color:var(--color-text-muted)}.conv-constant{color:#4facfe}.conv-radians{color:#b794f6;font-weight:600}.degrad-pi-form{font-family:Fira Code,monospace;font-size:.85rem;color:var(--color-text-muted);padding:.5rem;background:#0003;border-radius:4px}.formula-dual{display:flex;gap:1.5rem;justify-content:center}.formula-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.formula-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.perlin-control{margin-bottom:1rem}.perlin-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.scale-slider{width:100%}.control-hint{font-size:.75rem;color:var(--color-text-muted);margin-left:.5rem}.perlin-playback{text-align:center;margin-bottom:1rem}.playback-button{padding:.5rem 1.5rem;background:#f7b2231a;border:1px solid rgba(247,178,35,.3);border-radius:6px;color:var(--color-gold-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.playback-button:hover,.playback-button.playing{background:#f7b22333}.perlin-wave{margin-bottom:1rem}.wave-label,.texture-label{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.5rem}.wave-svg{width:100%;height:80px;background:#0003;border-radius:6px}.perlin-texture{margin-bottom:1rem;text-align:center}.noise-canvas{max-width:150px;height:auto;border-radius:6px;display:inline-block;border:1px solid rgba(255,255,255,.1)}.perlin-result .param-x,.perlin-result .param-y{color:#4facfe}.smoothdamp-control,.movetowards-control,.perlin-control{margin-bottom:1rem}.smoothdamp-control label,.movetowards-control label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.smoothtime-slider,.maxdelta-slider,.scale-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none}.smoothtime-slider::-webkit-slider-thumb,.maxdelta-slider::-webkit-slider-thumb,.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-gold-primary);cursor:pointer;box-shadow:0 2px 6px #0000004d}.smoothtime-slider::-moz-range-thumb,.maxdelta-slider::-moz-range-thumb,.scale-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-gold-primary);cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.vector-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);border-radius:10px}.control-row{display:flex;align-items:center}.control-row label{display:flex;align-items:center;gap:.75rem;width:100%;font-family:Fira Code,monospace}.control-label{font-weight:600;color:#60a5fa;min-width:20px}.control-value{font-weight:600;color:var(--color-gold-primary);min-width:45px;text-align:right}.vector-canvas{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.5rem;margin-bottom:1rem}.vector-canvas svg{width:100%;height:auto;display:block}.result-calculation{margin-top:.5rem;font-family:Fira Code,monospace;font-size:.85rem;color:#ffffffb3}.direction-controls{margin-bottom:1rem}.direction-grid{display:grid;grid-template-columns:repeat(3,40px);gap:4px;justify-content:center;margin-bottom:.5rem}.direction-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.direction-btn:hover{background:#fff3;border-color:#ffffff4d}.direction-btn.active{background:#4ade804d;border-color:#4ade80;color:#4ade80}.direction-btn.reset-btn{background:#fbbf2433;border-color:#fbbf2466;color:#fbbf24;font-size:1rem}.direction-btn.reset-btn:hover{background:#fbbf244d}.direction-spacer{width:40px;height:40px}.controls-hint{text-align:center;font-size:.8rem;color:#ffffff80;margin:0}.player-moving{filter:drop-shadow(0 0 8px currentColor)}.demo-result.warning{border-color:#f87171;background:#f871711a}.result-value.danger{color:#f87171!important}.warning-text{color:#f87171;font-weight:600;font-size:.85rem}.formula-box+.formula-box{margin-top:.5rem}.vector-draw-slide{display:flex;flex-direction:column;height:100%;padding:1rem 2rem 2rem}.vector-draw-slide .method-header{flex-shrink:0;margin-bottom:1rem}.vector-draw-layout{flex:1;display:flex;gap:2rem;min-height:0}.vector-draw-canvas-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.vector-draw-canvas{width:100%;height:100%;max-height:100%;cursor:crosshair}.vector-draw-canvas.interactive{cursor:crosshair}.hover-indicator{transition:all .15s ease-out;pointer-events:none}.point-pulse{animation:pointPulse 1.5s ease-in-out infinite;opacity:.4}@keyframes pointPulse{0%,to{r:8;opacity:.4}50%{r:14;opacity:.1}}.component-line{transition:stroke-dashoffset .5s ease-out}.component-line.x-component{transition-delay:.1s}.component-line.y-component{transition-delay:.3s}.main-vector{animation:vectorDraw .4s ease-out forwards}@keyframes vectorDraw{0%{opacity:0;stroke-width:1}to{opacity:1;stroke-width:4}}.component-label.fade-in{animation:fadeInUp .4s ease-out forwards;opacity:0}.draw-instruction{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#000000b3;border:1px solid rgba(255,255,255,.15);border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc;font-size:.9rem;pointer-events:none}.draw-instruction.subtle{background:#0006;border-color:#ffffff14;color:#fff6;font-size:.8rem}.draw-instruction strong{color:#60a5fa}.instruction-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#60a5fa26;border-radius:50%;color:#60a5fa}.instruction-icon.active{background:#4ade8026;color:#4ade80;animation:iconPulse 1s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 #4ade8066}50%{transform:scale(1.05);box-shadow:0 0 0 8px #4ade8000}}.vector-info-panel{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;opacity:0;transform:translate(20px);transition:all .5s ease-out;pointer-events:none;overflow-y:auto}.vector-info-panel.show{opacity:1;transform:translate(0);pointer-events:auto}.vector-info-panel h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin:0 0 .75rem}.info-section{padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.info-section:last-child{padding-bottom:0;border-bottom:none}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.info-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#0000004d;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.info-item.x-info{border-color:#f472b64d}.info-item.y-info{border-color:#a78bfa4d}.info-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.info-item.x-info .info-label{color:#f472b6}.info-item.y-info .info-label{color:#a78bfa}.info-value{font-family:Fira Code,monospace;font-size:1.5rem;font-weight:700;color:#fff}.info-highlight{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);border-radius:10px;margin-bottom:.75rem}.info-formula{font-family:Fira Code,monospace;font-size:.85rem;color:#fff9}.info-equals{color:#ffffff4d}.info-result{font-family:Fira Code,monospace;font-size:1.25rem;font-weight:700;color:#60a5fa}.info-description{font-size:.85rem;color:#ffffff80;line-height:1.5;margin:0}.info-description strong{color:#fffc}.direction-compass{display:flex;justify-content:center;margin-top:.75rem}.compass-svg{width:80px;height:80px}.vector-info-panel .code-block{padding:.75rem;background:#0006;border-radius:8px;border:1px solid rgba(255,255,255,.05);overflow-x:auto}.vector-info-panel .code-block code{font-family:Fira Code,monospace;font-size:.8rem;color:#fffc;white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .4s ease-out forwards}.definition-cards{display:flex;gap:.75rem;margin-top:.75rem}.def-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;background:#60a5fa14;border:1px solid rgba(96,165,250,.2);border-radius:10px;text-align:center}.def-icon{font-size:1.5rem;margin-bottom:.5rem;color:#60a5fa}.def-label{font-weight:700;font-size:.9rem;color:#fff;margin-bottom:.25rem}.def-desc{font-size:.75rem;color:#ffffff80}.examples-list{display:flex;flex-direction:column;gap:.5rem}.example-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#ffffff08;border-radius:8px;transition:background .2s ease}.example-item:hover{background:#ffffff0f}.example-icon{font-size:1.1rem;width:28px;text-align:center}.example-item div{display:flex;flex-direction:column}.example-item strong{font-size:.85rem;color:#fff}.example-item span{font-size:.75rem;color:#ffffff80}.code-examples{display:flex;flex-direction:column;gap:.5rem}.code-example-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#0000004d;border-radius:6px;border-left:2px solid rgba(96,165,250,.4)}.code-example-item code{font-family:Fira Code,monospace;font-size:.8rem;color:#ffffffe6}.code-example-item .property{color:#60a5fa}.code-example-item>span{font-size:.75rem;color:#fff6}.draw-hint{text-align:center;font-size:.8rem;color:#ffffff80;margin-top:.75rem}.draw-hint strong{color:#60a5fa}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.result-row:last-child{border-bottom:none}.result-label{font-size:.8rem;color:#ffffff80}.result-values{display:flex;gap:.75rem;font-family:Fira Code,monospace;font-size:.85rem}.result-values .x-val{color:#f472b6}.result-values .y-val{color:#a78bfa}.vector-demo-container{display:flex;flex-direction:column;gap:.75rem}.vector-canvas-wrapper{position:relative;background:linear-gradient(135deg,#0a0f1a,#0d1320);border-radius:12px;border:1px solid rgba(96,165,250,.15);overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d}.vector-draw-svg{display:block;width:100%;height:auto;cursor:crosshair}.hover-pulse{animation:hoverPulse 1.5s ease-in-out infinite}@keyframes hoverPulse{0%,to{opacity:.3;r:12}50%{opacity:.5;r:16}}.point-pulse{animation:pointPulseGlow 1.5s ease-in-out infinite}@keyframes pointPulseGlow{0%,to{opacity:.3;r:10}50%{opacity:.15;r:18}}.label-appear{animation:labelFadeIn .3s ease-out forwards}@keyframes labelFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.draw-instruction-overlay{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.8rem;color:#ffffffb3;white-space:nowrap;transition:all .3s ease}.draw-instruction-overlay strong{color:#60a5fa;font-weight:600}.draw-instruction-overlay.placing strong{color:#4ade80}.draw-instruction-overlay .subtle{color:#fff6;font-size:.75rem}.vector-results-panel{display:flex;gap:.5rem;opacity:0;transform:translateY(10px);transition:all .4s ease-out}.vector-results-panel.show{opacity:1;transform:translateY(0)}.result-item{flex:1;display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.result-item:hover{background:#ffffff0d;border-color:#ffffff1a}.result-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.9rem;font-weight:600}.components-icon{background:#60a5fa26;color:#60a5fa}.magnitude-icon{background:#fbbf2426;color:#fbbf24}.direction-icon{background:#4ade8026;color:#4ade80}.result-content{display:flex;flex-direction:column;min-width:0}.result-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:#fff6;margin-bottom:.1rem}.result-data{font-family:Fira Code,monospace;font-size:.95rem;font-weight:600;color:#fff}.result-data .x-component{color:#f472b6}.result-data .y-component{color:#a78bfa}.result-data .separator{color:#ffffff4d;margin:0 .15rem}.result-data.magnitude{color:#fbbf24}.result-data.direction{color:#4ade80}.explanation-note{font-size:.8rem;color:#ffffff73;font-style:italic;margin-top:.75rem;padding-left:.75rem;border-left:2px solid rgba(96,165,250,.3)}.vector-notation{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.5rem .75rem;background:#0003;border-radius:6px}.notation-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6;min-width:28px}.vector-notation code{font-family:Fira Code,monospace;font-size:.9rem;color:#60a5fa}.use-list{display:flex;flex-direction:column;gap:.6rem}.use-item{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#ffffffb3}.use-item strong{color:#fff}.use-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.use-dot.position{background:#60a5fa}.use-dot.direction{background:#4ade80}.use-dot.velocity{background:#fbbf24}.use-dot.force{background:#f472b6}.props-list{display:flex;flex-direction:column;gap:.4rem}.props-list code{font-family:Fira Code,monospace;font-size:.8rem;color:#fff9}.props-list .prop{color:#a78bfa}.vector-interactive{display:flex;flex-direction:column;gap:1rem}.vector-svg{width:100%;border-radius:12px;cursor:crosshair;box-shadow:0 0 0 1px #ffffff0f,0 8px 32px #0006}.cursor-ring{transition:r .15s ease,stroke-width .15s ease}.vector-svg:active .cursor-ring{r:4;stroke-width:2}.origin-point{animation:fadeIn .25s ease-out}.origin-glow{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{r:16;opacity:.15}50%{r:22;opacity:.08}}.vector-group.preview .main-vector{stroke:#60a5fa80;stroke-width:2;stroke-linecap:round}.vector-group.preview .component-x-group,.vector-group.preview .component-y-group{opacity:0}.vector-group.complete .main-vector{stroke:#60a5fa;stroke-width:3;stroke-linecap:round}.vector-group.complete .component-x-group{animation:componentFadeIn .4s ease-out .3s both}.vector-group.complete .component-y-group{animation:componentFadeIn .4s ease-out .45s both}.vector-group.complete .component-x{stroke:#f472b6;stroke-width:2;stroke-dasharray:6 4;stroke-linecap:round}.vector-group.complete .component-y{stroke:#a78bfa;stroke-width:2;stroke-dasharray:6 4;stroke-linecap:round}.vector-group.complete .component-arrow-x{fill:#f472b6}.vector-group.complete .component-arrow-y{fill:#a78bfa}@keyframes componentFadeIn{0%{opacity:0}to{opacity:1}}.label{font-family:Fira Code,monospace;font-size:12px;font-weight:600;text-anchor:middle;animation:labelFade .3s ease-out forwards}.label-x{fill:#f472b6}.label-y{fill:#a78bfa}@keyframes labelFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.instruction{text-align:center;font-size:.8rem;color:#fff6;padding:.5rem;border-radius:6px;background:#ffffff05;transition:all .2s ease}.vector-data{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;opacity:0;transform:translateY(8px);transition:all .4s ease-out}.vector-data.visible{opacity:1;transform:translateY(0)}.data-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:all .2s ease}.data-item:hover{background:#ffffff0d;border-color:#ffffff14}.data-label{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#ffffff59;margin-bottom:.25rem}.data-value{font-family:Fira Code,monospace;font-size:1rem;font-weight:600;color:#fff}.data-value .val-x{color:#f472b6}.data-value .val-y{color:#a78bfa}.text-muted{color:#ffffff80;font-size:.85rem}.math-comparison{display:flex;flex-direction:column;gap:.5rem}.math-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;font-family:Fira Code,monospace}.math-item.good{background:#4ade801a;border:1px solid rgba(74,222,128,.2)}.math-item.bad{background:#f871711a;border:1px solid rgba(248,113,113,.2)}.math-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;min-width:60px}.math-item code{color:#fff;font-size:.9rem}.math-result{margin-left:auto;font-size:.9rem}.math-item.good .math-result{color:#4ade80}.math-item.bad .math-result{color:#f87171}.impact-list{display:flex;flex-direction:column;gap:.5rem}.impact-item{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#ffffffb3}.impact-icon{font-size:1rem}.problem-demo{display:flex;flex-direction:column;gap:1rem}.problem-canvas{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.problem-canvas svg{display:block;width:100%}.player-dot{transition:fill .15s ease}.dpad-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.dpad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:fit-content}.dpad-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .15s ease;background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.08)}.dpad-btn:hover{background:#ffffff1a;color:#fff}.dpad-btn:active,.dpad-btn.active{transform:scale(.95)}.dpad-btn.cardinal:active,.dpad-btn.cardinal.active{background:#4ade8033;border-color:#4ade8066;color:#4ade80}.dpad-btn.diagonal:active,.dpad-btn.diagonal.active{background:#f8717133;border-color:#f8717166;color:#f87171}.dpad-btn.center{background:#ffffff08;color:#fff6}.dpad-btn.center:hover{background:#ffffff14;color:#ffffffb3}.dpad-hint{font-size:.75rem;color:#ffffff59;margin:0}.problem-result{display:flex;justify-content:center;gap:2rem;padding:.75rem;background:#4ade800d;border:1px solid rgba(74,222,128,.15);border-radius:10px;transition:all .2s ease}.problem-result.is-diagonal{background:#f8717114;border-color:#f8717140}.result-vector,.result-magnitude{display:flex;align-items:center;gap:.5rem}.problem-result .result-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#fff6}.problem-result .result-value{font-family:Fira Code,monospace;font-size:1rem;font-weight:600;color:#4ade80}.problem-result.is-diagonal .result-value{color:#f87171}.speed-warning{margin-left:.5rem;padding:.15rem .4rem;background:#f8717133;border-radius:4px;font-size:.75rem;font-weight:700;color:#f87171;animation:warningPulse .6s ease-out}@keyframes warningPulse{0%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}.formula-display{padding:1rem;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.formula-main{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;font-family:Fira Code,monospace;font-size:1.5rem}.formula-var{color:#4ade80;font-weight:600}.formula-eq{color:#fff6}.formula-frac{display:flex;flex-direction:column;align-items:center;gap:.1rem}.formula-num{color:#60a5fa;padding-bottom:.25rem;border-bottom:2px solid rgba(255,255,255,.3)}.formula-denom{color:#fbbf24;padding-top:.25rem}.formula-legend{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#ffffff80}.formula-legend strong{color:#fffc}.calculation-section{opacity:0;max-height:0;overflow:hidden;transition:all .4s ease-out}.calculation-section.visible{opacity:1;max-height:300px}.formula-calculation{padding:.75rem;background:#00000040;border-radius:8px;border:1px solid rgba(255,255,255,.05);font-family:Fira Code,monospace;font-size:.85rem}.calc-step{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.calc-step.expanded{padding:.4rem 0}.calc-step.final{padding-top:.4rem}.calc-label{width:20px;color:#ffffff80;font-weight:600}.calc-eq{color:#ffffff4d}.calc-value{color:#ffffffe6}.calc-value.original{color:#60a5fa}.calc-value.magnitude{color:#fbbf24}.calc-value.normalized{color:#4ade80;font-weight:600}.calc-divider{height:1px;background:#ffffff1a;margin:.4rem 0}.calc-frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle}.calc-frac-num{color:#60a5fa;padding-bottom:.15rem;border-bottom:1px solid rgba(255,255,255,.3)}.calc-frac-denom{color:#fbbf24;padding-top:.15rem;font-size:.8rem}.calc-component{display:flex;align-items:center;gap:.15rem}.calc-frac-inline{display:inline-flex;align-items:center;gap:.15rem;color:#ffffffb3;font-size:.8rem}.calc-frac-inline span:nth-child(2){color:#fff6}.code-block{padding:.75rem;background:#0000004d;border-radius:6px;border-left:3px solid #60a5fa}.code-block code{font-family:Fira Code,monospace;font-size:.85rem;color:#ffffffe6}.code-type{color:#4ade80}.code-prop{color:#60a5fa}.norm-demo{display:flex;flex-direction:column;gap:.75rem}.norm-svg{width:100%;border-radius:12px;cursor:crosshair;box-shadow:0 0 0 1px #ffffff0f}.unit-circle{opacity:0;transition:opacity .4s ease-out}.unit-circle.visible{opacity:1}.origin-dot{animation:fadeIn .2s ease-out}.ghost-vector{animation:fadeIn .3s ease-out}.radius-label{animation:fadeIn .4s ease-out .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.norm-instruction{text-align:center;font-size:.8rem;color:#fff6;padding:.5rem;background:#ffffff05;border-radius:6px}.norm-data{opacity:0;transform:translateY(8px);transition:all .4s ease-out}.norm-data.visible{opacity:1;transform:translateY(0)}.norm-data-row{display:flex;align-items:center;justify-content:center;gap:1rem}.data-box{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;min-width:120px;transition:all .3s ease}.data-box.original{border-color:#60a5fa33}.data-box.normalized{border-color:#ffffff0f}.data-box.normalized.active{border-color:#4ade804d;background:#4ade800d}.data-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:#fff6;margin-bottom:.25rem}.data-vector{font-family:Fira Code,monospace;font-size:1rem;font-weight:600;color:#fff;margin-bottom:.15rem}.data-box.original .data-vector{color:#60a5fa}.data-box.normalized.active .data-vector{color:#4ade80}.data-mag{font-family:Fira Code,monospace;font-size:.75rem;color:#fff6}.data-box.normalized.active .data-mag{color:#4ade80b3}.data-arrow{font-size:1.25rem;color:#ffffff4d}.syntax-cards{display:flex;flex-direction:column;gap:.5rem}.syntax-card{padding:.6rem .75rem;background:#0003;border-radius:8px;border-left:3px solid rgba(96,165,250,.4)}.syntax-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:#fff6;margin-bottom:.25rem}.syntax-card code{font-family:Fira Code,monospace;font-size:.9rem;color:#fff}.syntax-card .prop{color:#60a5fa}.syntax-card .method{color:#fbbf24}.directions-grid{display:flex;flex-direction:column;gap:.4rem}.direction-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#ffffff08;border-radius:6px;font-size:.85rem}.dir-arrow{width:20px;text-align:center;color:#4ade80}.direction-item code{font-family:Fira Code,monospace;font-size:.8rem;color:#fffc}.dir-val{margin-left:auto;font-family:Fira Code,monospace;font-size:.75rem;color:#fff6}.code-snippet{padding:.75rem;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.code-snippet code{font-family:Fira Code,monospace;font-size:.8rem;color:#ffffffd9;white-space:pre;line-height:1.5}.c-comment{color:#ffffff59}.c-type{color:#4ade80}.usecase-demo{display:flex;flex-direction:column;gap:.75rem}.usecase-tabs{display:flex;gap:.5rem}.usecase-tabs .tab{flex:1;padding:.6rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#ffffff80;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.usecase-tabs .tab:hover{background:#ffffff0f;color:#fffc}.usecase-tabs .tab.active{background:#60a5fa26;border-color:#60a5fa4d;color:#60a5fa}.usecase-canvas{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.usecase-canvas svg{display:block;width:100%;cursor:pointer}.usecase-instruction{text-align:center;font-size:.8rem;color:#fff6;padding:.5rem;background:#ffffff05;border-radius:6px}.live-values{display:flex;flex-direction:column;gap:.4rem}.live-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:#0003;border-radius:6px}.live-label{font-size:.75rem;color:#ffffff80}.live-value{font-family:Fira Code,monospace;font-size:.85rem;color:#fff}.live-value.mag{color:#fbbf24}.live-value.good{color:#4ade80}.usecase-description{text-align:center;font-size:.8rem;color:#fff6;padding:.5rem;background:#ffffff05;border-radius:6px}.warning-badge{background:#f8717126!important;border-color:#f871714d!important}.warning-badge .method-badge-dot{background:#f87171!important}.zero-formula{padding:.75rem;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:8px;margin:.75rem 0}.formula-bad{font-family:Fira Code,monospace;font-size:.85rem;color:#fffc}.formula-bad .undefined{color:#f87171;font-weight:600}.scenario-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.scenario{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#ffffffb3}.scenario-icon{font-size:1rem}.fix-code{padding:.75rem;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:8px;border-left:3px solid #4ade80}.fix-code code{font-family:Fira Code,monospace;font-size:.8rem;color:#ffffffd9;white-space:pre;line-height:1.5}.c-keyword{color:#c792ea}.c-prop{color:#60a5fa}.c-num{color:#f78c6c}.gotcha-demo{display:flex;flex-direction:column;gap:.75rem}.gotcha-canvas{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.gotcha-canvas svg{display:block;width:100%}.zero-indicator .pulse{animation:dangerPulse 1s ease-in-out infinite}@keyframes dangerPulse{0%,to{opacity:.5;r:20}50%{opacity:1;r:25}}.warning-flash{animation:flashIn .15s ease-out}@keyframes flashIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.shrinking{opacity:.4}.normalized-appear{animation:normalizedIn .4s ease-out}@keyframes normalizedIn{0%{opacity:0}to{opacity:1}}.gotcha-controls{display:flex;gap:1rem}.gotcha-controls .control-group{flex:1}.gotcha-controls label{display:flex;align-items:center;gap:.5rem}.gotcha-controls .control-label{font-size:.75rem;font-weight:600;color:#ffffff80;min-width:20px}.gotcha-controls input[type=range]{flex:1;height:4px;background:#ffffff1a;border-radius:2px;-webkit-appearance:none;cursor:pointer}.gotcha-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#60a5fa;border-radius:50%;cursor:pointer}.gotcha-controls .control-value{font-family:Fira Code,monospace;font-size:.8rem;color:#fff;min-width:35px;text-align:right}.normalize-btn{padding:.75rem;background:#60a5fa26;border:1px solid rgba(96,165,250,.3);border-radius:8px;color:#60a5fa;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.normalize-btn:hover{background:#60a5fa40}.normalize-btn.active{background:#4ade8033;border-color:#4ade8066;color:#4ade80}.normalize-btn.danger{background:#f8717126;border-color:#f871714d;color:#f87171}.normalize-btn.danger:hover{background:#f8717140}.gotcha-result{display:flex;justify-content:center;gap:2rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.gotcha-result.is-zero{background:#f8717114;border-color:#f8717133}.gotcha-result .result-row{display:flex;align-items:center;gap:.5rem}.gotcha-result .result-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#fff6}.gotcha-result .result-value{font-family:Fira Code,monospace;font-size:.9rem;font-weight:600;color:#fff}.gotcha-result .result-value.zero{color:#f87171}