html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:#1b1b2b}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.app{min-height:100vh}.home-app{background:linear-gradient(#12121c 0% 70%,#1b1b2b 70% 100%);width:100%;height:100vh;position:fixed;overflow:hidden}.about-app{background:#12121c;min-height:100vh;overflow-y:auto}.top-bar{color:#fff;z-index:1000;box-sizing:border-box;background:#1a1c2c;align-items:center;width:100%;height:70px;padding:0 40px;display:flex;position:fixed;top:0;left:0}.about-link{color:#fff;align-items:center;margin-left:auto;font-size:18px;text-decoration:none;display:flex;transform:translateY(-2px)}.middle-links{flex:1;justify-content:space-evenly;align-items:center;display:flex}.middle-links a{color:#fff;font-size:18px;text-decoration:none}.learn-link{color:#fff;font-size:18px;text-decoration:none;position:absolute;left:50%;transform:translate(-50%)}.logo{color:#fff;font-family:Arial,sans-serif;font-size:32px;font-weight:700;text-decoration:none}.logo:visited,.logo:hover{color:#fff}.about-app,.learn-app{scrollbar-width:none;height:100vh;overflow-y:auto}.about-app::-webkit-scrollbar{display:none}.learn-app::-webkit-scrollbar{display:none}.equation{color:#fff;text-align:center;width:50px;font-family:Times New Roman,serif;font-size:clamp(35px,7.2vh,56px);line-height:.95;position:absolute;left:30vw}.line{border-top:2px solid #fff;width:36px;margin:6px auto}.controls-section{box-sizing:border-box;grid-template-columns:minmax(0,38vw) minmax(0,1fr) auto;align-items:flex-start;column-gap:clamp(6px,2vw,45px);width:100%;height:30%;padding:0 clamp(8px,2.1vw,40px);display:grid;position:absolute;top:70%;left:0}.left-panel{grid-template-rows:46% 46%;align-content:space-between;width:100%;min-width:0;height:100%;display:grid;transform:translate(clamp(0px,2.1vw,40px))}.right-panel{justify-content:flex-end;align-items:flex-start;min-width:0;margin-top:clamp(10px,2vh,25px);margin-right:0;display:flex}.center-panel{width:100%;min-width:0;height:100%}.boxes-container{grid-template-rows:46% 46%;align-content:space-between;width:100%;min-width:0;height:100%;display:grid}.inputs,.inputs2{flex-flow:row;align-items:center;gap:clamp(4px,1.5vw,35px);width:min(100%,570px);height:100%;margin:0;display:flex}.input-group{flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:100%;display:flex;position:relative}.input-group label{color:#fff;white-space:nowrap;font-size:clamp(13px,.7vw,16px);position:absolute;bottom:calc(50% + 27px)}.inputs input,.inputs2 input{color:#fff;text-align:center;box-sizing:border-box;background:#363650;border:none;border-radius:clamp(8px,1vw,14px);outline:none;width:100%;min-width:0;height:clamp(30px,3vw,38px);font-size:clamp(10px,1vw,13px)}.toggles,.toggles2{flex-wrap:nowrap;align-items:center;gap:clamp(4px,1.5vw,35px);width:100%;min-width:0;height:100%;display:flex}.toggle-group{flex:1 1 0;justify-content:center;align-items:center;width:0;min-width:0;height:100%;display:flex;position:relative}.toggle-group>label:first-child{color:#fff;text-align:center;white-space:nowrap;font-size:clamp(8px,.7vw + 2px,16px);position:absolute;bottom:calc(50% + 27px)}.switch{flex-shrink:1;width:clamp(32px,3.2vw,50px);height:clamp(18px,1.7vw,26px);display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#363650;border-radius:999px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#8c94ca;border-radius:50%;width:clamp(14px,1.3vw,20px);height:clamp(14px,1.3vw,20px);transition:all .3s;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.switch input:checked+.slider{background:#4f5378}.switch input:checked+.slider:before{transform:translate(clamp(12px,1.5vw,24px),-50%)}.generate-button{color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#363650;border:none;border-radius:clamp(8px,1vw,14px);width:clamp(75px,10vw,150px);height:clamp(32px,3vw,44px);padding:0 clamp(8px,1vw,20px);font-size:clamp(11px,1vw,16px)}.equation-area{align-items:center;min-width:0;display:flex;position:absolute;inset:70px 0 30%;overflow:hidden}.equation-area .equation{position:absolute;left:30vw;transform:translateY(0)}.about-page{color:#fff;width:min(70%,900px);margin:auto;padding-top:clamp(80px,12vh,150px);font-family:Arial,sans-serif}.about-page h1{font-size:42px}.about-page h2{font-size:28px}.about-page p{margin-bottom:40px;font-size:18px;line-height:1.5}.about-bottom-panel{box-sizing:border-box;color:#404060;background:#1b1b2b;width:100%;height:250px;margin-top:80px;padding:40px}.youtube-link,.youtube-link:visited,.gmail-link,.gmail-link:visited{color:#3facff}.learn-row{width:100%;margin-bottom:40px}.lesson-panel{box-sizing:border-box;color:#fff;background:#181824;border-radius:12px;width:100%;min-height:400px;padding:30px;position:relative}.lesson-panel h2{margin:0;position:absolute;top:25px;left:30px}.lesson-slide-container{width:100%;height:340px;position:relative}.lesson-slide{text-align:center;place-items:center;height:340px;display:grid;position:relative;overflow:hidden}.lesson-slide h3{color:#fff;margin:0 0 20px}.lesson-slide p{margin:0}.lesson-slide p+p{margin-top:15px}.graph-slide{width:100%;height:100%;position:relative}.graph-slide h3{color:#fff;white-space:nowrap;z-index:2;margin:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.graph-boundary{stroke:#8c94ca;stroke-width:1px;opacity:.25}.graph-wrapper{flex-shrink:0;width:240px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lesson-panel:fullscreen{box-sizing:border-box;background:#181824;border-radius:0;flex-direction:column;width:100vw;height:100vh;padding:30px;display:flex}.lesson-panel:fullscreen .lesson-slide-container{flex:1;justify-content:center;align-items:center;display:flex}.lesson-panel:fullscreen .lesson-slide{width:100%;height:100%}.lesson-panel:fullscreen .graph-wrapper{width:min(70vh,70vw);height:min(70vh,70vw)}.lesson-panel:fullscreen h1{font-size:2.2rem}.lesson-panel:fullscreen h2{font-size:4rem;top:30px;left:40px}.lesson-panel:fullscreen h3{font-size:2rem}.lesson-panel:fullscreen p{font-size:1.5rem;line-height:2}:is(.lesson-panel:fullscreen h1,.lesson-panel:fullscreen h2,.lesson-panel:fullscreen h3,.lesson-panel:fullscreen h4,.lesson-panel:fullscreen h5,.lesson-panel:fullscreen h6){line-height:1.25}:is(.lesson-panel:fullscreen h1+p,.lesson-panel:fullscreen h2+p,.lesson-panel:fullscreen h3+p,.lesson-panel:fullscreen h4+p,.lesson-panel:fullscreen h5+p,.lesson-panel:fullscreen h6+p){margin-top:50px}.lesson-panel:fullscreen p+p{margin-top:30px}.lesson-panel:fullscreen .graph-slide{width:100%;height:100%;position:relative}.lesson-panel:fullscreen .graph-slide h3{top:calc(50% - min(70vh,70vw)/2 - 60px);left:50%;transform:translate(-50%)}.lesson-controls{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:25px;left:0}.lesson-navigation{align-items:center;gap:25px;display:flex}.lesson-navigation button{color:#464b6c;background:#8c94ca}.lesson-controls button{cursor:pointer;border:none;border-radius:10px}.lesson-controls span{color:#fff}.fullscreen-button{box-shadow:none;cursor:pointer;color:#fff;appearance:none;background:0 0;border:none;outline:none;padding:6px;position:absolute;right:30px}.fullscreen-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.fullscreen-button:hover{opacity:.7}.learn-page{padding-top:clamp(110px,16vh,180px)}.definitions-app{color:#fff;box-sizing:border-box;background:#12121c;min-height:100vh;padding-top:70px}.definitions-content{width:min(1000px,100% - 80px);margin:0 auto;padding:50px 0}.definition-window-header{color:#fff;text-align:left;cursor:pointer;background:#1b1b2b;border:none;border-radius:10px;width:100%;padding:20px 24px;font-size:20px}.definition-window-header span{width:25px;display:inline-block}.definition-window{margin-bottom:15px}.definition-window-content{box-sizing:border-box;background:0 0;flex-direction:column;gap:15px;padding:15px 0 0;display:flex}.definition-file{color:#fff;text-align:left;cursor:pointer;box-sizing:border-box;appearance:none;background:#1b1b2b;border:none;border-radius:10px;align-items:center;width:100%;padding:20px 25px;font-family:Arial,sans-serif;font-size:20px;display:flex}.definition-file-title{color:#fff;flex-shrink:0;font-family:Arial,sans-serif;font-size:20px}.definition-file-content{color:#fff;text-align:center;background:0 0;border:none;flex:1;margin-left:40px;margin-right:20px;padding:0;font-family:Arial,sans-serif;font-size:18px;line-height:1.5}.definition-file-selected{background:#25263a}.definition-file-title .frac{font-size:10px}.intersection-symbol{display:inline-block;transform:rotate(180deg)}.product-symbol{flex-direction:column;align-items:center;line-height:.7;display:inline-flex}.product-symbol span{background:currentColor;width:18px;height:2px}.choose{vertical-align:middle;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:inline-flex}.choose>span{display:block}.choose{vertical-align:middle;flex-direction:column;justify-content:center;align-items:center;font-size:14px;line-height:.8;display:inline-flex}.frac{vertical-align:middle;text-align:center;flex-direction:column;margin:0 3px;line-height:1;display:inline-flex}.frac span:first-child{border-bottom:1px solid;padding:0 3px 2px}.frac span:last-child{padding-top:2px}.fractional-exponent{vertical-align:baseline;width:1.2em;height:0;display:inline-block;position:relative}.fractional-exponent-top,.fractional-exponent-bottom{white-space:nowrap;font-size:.6em;line-height:.9;display:block;position:absolute;left:0}.fractional-exponent-top{border-bottom:1px solid;padding:0 2px 1px;bottom:.8em}.fractional-exponent-bottom{padding:0 2px;bottom:.05em}.root{align-items:baseline;line-height:1;display:inline-flex;position:relative}.root-index{font-size:.55em;position:absolute;top:-.3em;left:-.15em}.root-symbol{margin-right:-.05em;font-size:1.2em;line-height:1}.root-radicand{display:inline-block}.root-bar{border-top:1px solid;padding:0 .08em;line-height:1;display:inline-block}