body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;margin:0;padding:0}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0a0119,#1a0333);border-bottom:1px solid #8665e433;box-shadow:0 4px 20px #8665e426;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative}.logo,.nav-container{align-items:center;display:flex}.logo{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;font-weight:700;gap:8px;text-decoration:none;transition:.3s ease;z-index:1001}.logo:hover{transform:translateY(-1px)}.logo span:first-child{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8665e4,#a891f0);-webkit-background-clip:text;font-weight:800}.parallelogram{background:linear-gradient(45deg,#8665e4,#6a4fc7);border-radius:4px;box-shadow:0 2px 8px #8665e44d;padding:4px 12px;transform:skew(-15deg);transition:all .3s ease}.parallelogram:hover{box-shadow:0 4px 12px #8665e466;transform:skew(-15deg) translateY(-2px)}.parallelogram span{color:#fff;display:block;font-size:1.1rem;font-weight:600;transform:skew(15deg)}.nav-mobile{background:#8665e41a;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px;position:relative;transition:all .3s ease;z-index:1001}.nav-mobile:hover{background:#8665e433;transform:scale(1.05)}.nav-mobile span{background:#fff;border-radius:2px;height:3px;transform-origin:center;transition:.3s ease;width:26px}.nav-mobile.active{background:#8665e433;display:none}.nav-mobile.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.nav-mobile.active span:nth-child(2){opacity:0;transform:scale(0)}.nav-mobile.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mobile-nav-header{align-items:center;background:#0a0119cc;border-bottom:1px solid #8665e433;display:flex;height:22px;justify-content:space-between;padding:1.5rem}.mobile-logo{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.3rem;font-weight:700;gap:8px}.mobile-close-btn,.mobile-logo{align-items:center;color:#fff;display:flex}.mobile-close-btn{background:#8665e41a;border:1px solid #8665e44d;border-radius:8px;cursor:pointer;font-size:2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.mobile-close-btn:hover{background:#8665e433;transform:scale(1.1)}.mobile-nav{background:linear-gradient(160deg,#0a0119,#1a0333 80%,#2a0452);border-left:1px solid #8665e44d;box-shadow:-10px 0 30px #00000080;display:flex;display:none;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);width:380px;z-index:1000}.mobile-nav.open{display:flex;transform:translateX(0)}.mobile-nav-content{flex:1 1;overflow-y:auto;padding:1rem 0}.mobile-menu{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0 1rem}.mobile-nav-item{border:1px solid #0000;border-radius:8px;overflow:hidden;transition:all .3s ease}.mobile-nav-item:hover{background:#8665e40d;border-color:#8665e44d}.mobile-nav-link{align-items:center;background:none;border:none;border-radius:8px;color:#fff;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding:1rem 1.5rem;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.mobile-nav-link:hover{background:#8665e41a;transform:translateX(5px)}.mobile-arrow{color:#8665e4;font-size:.8rem;transition:transform .3s ease}.mobile-dropdown-btn:hover .mobile-arrow{transform:translateX(3px)}.mobile-submenu{display:flex;flex-direction:column;height:100%}.mobile-back-btn{align-items:center;background:#8665e41a;border:none;border-bottom:1px solid #8665e433;color:#8665e4;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:1rem 1.5rem;transition:all .3s ease}.mobile-back-btn:hover{background:#8665e426;padding-left:1.8rem}.back-arrow{font-size:1.1rem}.mobile-submenu-content{flex:1 1;overflow-y:auto;padding:1rem}.mobile-submenu-section{margin-bottom:2rem}.mobile-submenu-title{background:#8665e41a;border-left:3px solid #8665e4;border-radius:6px;color:#8665e4;font-size:.9rem;font-weight:600;letter-spacing:1px;margin:0 0 1rem;padding:.5rem 1rem;text-transform:uppercase}.mobile-submenu-links{display:flex;flex-direction:column;gap:4px}.mobile-submenu-link{border:1px solid #0000;border-radius:8px;color:#e6e6e6;font-weight:500;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.mobile-submenu-link:hover{background:#8665e426;border-color:#8665e44d;transform:translateX(5px)}.mobile-submenu-link.active{background:linear-gradient(45deg,#8665e433,#6a4fc733);border-color:#8665e480;color:#fff}.mobile-nav-footer{background:#0a0119cc;border-top:1px solid #8665e433;padding:1.5rem;position:relative;text-align:center}.mobile-nav-footer p{color:#a891f0;font-size:.9rem;font-weight:500;margin:0}.nav-glow{background:linear-gradient(90deg,#0000,#8665e4,#0000);border-radius:50%;height:2px;left:50%;position:absolute;top:-2px;transform:translateX(-50%);width:100px}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:999}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-nav-content::-webkit-scrollbar{width:6px}.mobile-nav-content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#8665e4,#6a4fc7);border-radius:6px}.mobile-nav-content::-webkit-scrollbar-track{background:#8665e41a}@media (max-width:768px){.mobile-nav{border-left:none;width:100%}.nav-container{padding:0 1rem}}@media (max-width:480px){.nav-container{padding:0 .5rem}.logo{font-size:1.25rem}.parallelogram{padding:3px 8px}.parallelogram span{font-size:.9rem}.mobile-nav-header{padding:1rem}.mobile-logo{font-size:1.1rem}.mobile-nav-link,.mobile-submenu-link{padding:.875rem 1.25rem}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.mobile-nav.open .mobile-nav-item{animation:slideInRight .3s ease forwards}.mobile-nav.open .mobile-nav-item:first-child{animation-delay:.1s}.mobile-nav.open .mobile-nav-item:nth-child(2){animation-delay:.15s}.mobile-nav.open .mobile-nav-item:nth-child(3){animation-delay:.2s}.mobile-nav.open .mobile-nav-item:nth-child(4){animation-delay:.25s}.mobile-nav.open .mobile-nav-item:nth-child(5){animation-delay:.3s}.mobile-nav.open .mobile-nav-item:nth-child(6){animation-delay:.35s}.mobile-nav.open .mobile-nav-item:nth-child(7){animation-delay:.4s}.mobile-nav.open .mobile-nav-item:nth-child(8){animation-delay:.45s}.mobile-nav.open .mobile-nav-item:nth-child(9){animation-delay:.5s}.home{background:linear-gradient(135deg,#0a0119,#1a0333);min-height:100vh}.hero{background:linear-gradient(135deg,#8665e41a,#1a0333cc);overflow:hidden;padding:6rem 0 4rem;position:relative;text-align:center}.hero:before{background:radial-gradient(circle at 50% 50%,#8665e41a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.hero-title{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8665e4,#a891f0);-webkit-background-clip:text;background-clip:text}.hero-description{color:#b8b8d0;font-size:1.2rem;line-height:1.6;margin-bottom:3rem}.search-container{margin:0 auto 3rem;max-width:600px;position:relative}.search-box{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #8665e44d;border-radius:12px;display:flex;padding:.75rem 1rem;position:relative;transition:all .3s ease}.search-box:focus-within{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#8665e4;box-shadow:0 0 0 3px #8665e41a}.search-icon{color:#b8b8d0;font-size:1.1rem;margin-right:.75rem}.search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;outline:none}.search-input::placeholder{color:#8a8aa3}.search-clear{background:none;border:none;border-radius:4px;color:#b8b8d0;cursor:pointer;padding:.25rem;transition:color .3s ease}.search-clear:hover{color:#fff}.search-suggestions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0119f2;border:1px solid #8665e44d;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{align-items:center;border-bottom:1px solid #8665e41a;color:#b8b8d0;display:flex;justify-content:space-between;padding:1rem 1.25rem;text-decoration:none;transition:all .3s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#8665e41a;color:#fff}.suggestion-info{display:flex;flex-direction:column;gap:.25rem}.suggestion-name{font-size:.95rem;font-weight:500}.suggestion-category{font-size:.8rem;opacity:.8}.suggestion-arrow{font-size:.8rem;opacity:0;transform:translateX(-4px);transition:all .3s ease}.suggestion-item:hover .suggestion-arrow{opacity:1;transform:translateX(0)}.quick-stats{display:flex;gap:3rem;justify-content:center;margin-top:2rem}.stat{align-items:center;display:flex;flex-direction:column}.stat-number{color:#8665e4;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#b8b8d0;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.tools-section{padding:4rem 0}.section-header-1{margin-bottom:3rem;text-align:center}.section-header-1 h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.section-header-1 p{color:#b8b8d0;font-size:1.1rem}.tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.tool-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #8665e41a;border-radius:16px;overflow:hidden;transition:all .3s ease}.tool-category:hover{border-color:#8665e44d;box-shadow:0 8px 32px #8665e41a;transform:translateY(-4px)}.tool-category.active{border-color:var(--category-color)}.category-header{align-items:center;cursor:pointer;display:flex;padding:1.5rem;transition:background-color .3s ease}.category-header:hover{background:#8665e40d}.category-icon{align-items:center;background:linear-gradient(45deg,var(--category-color),color-mix(in srgb,var(--category-color) 70%,#fff));border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-right:1rem;width:50px}.category-icon i{color:#fff;font-size:1.2rem}.category-info{flex:1 1}.category-name{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 .25rem}.tool-count{color:#b8b8d0;font-size:.9rem}.category-arrow{color:#b8b8d0;transition:transform .3s ease}.tool-category.active .category-arrow{color:var(--category-color);transform:rotate(180deg)}.category-dropdown{max-height:0;overflow:hidden;transition:max-height .4s ease}.dropdown-section{border-top:1px solid #8665e41a;padding:1.5rem}.dropdown-section:first-child{border-top:none}.section-title{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.section-links{display:flex;flex-direction:column;gap:.5rem}.tool-link{align-items:center;background:#ffffff05;border:1px solid #0000;border-radius:8px;color:#b8b8d0;display:flex;justify-content:space-between;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.tool-link:hover{background:#8665e41a;border-color:var(--category-color);color:#fff;transform:translateX(4px)}.tool-name{font-size:.95rem}.link-arrow{font-size:.8rem;opacity:0;transform:translateX(-4px);transition:all .3s ease}.tool-link:hover .link-arrow{opacity:1;transform:translateX(0)}.no-results{color:#b8b8d0;padding:4rem 2rem;text-align:center}.no-results i{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-results h3{color:#fff;margin-bottom:.5rem}.features-section{background:linear-gradient(135deg,#0a0119cc,#1a033399);padding:4rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#ffffff08;border:1px solid #8665e41a;border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#8665e44d;box-shadow:0 8px 32px #8665e41a;transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(45deg,#8665e4,#a891f0);border-radius:16px;display:flex;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.feature-icon i{color:#fff;font-size:1.5rem}.feature-card h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.feature-card p{color:#b8b8d0;line-height:1.6}@media (max-width:1024px){.hero-title{font-size:3rem}.tools-grid{grid-template-columns:1fr}}@media (max-width:768px){.container{padding:0 1rem}.hero{padding:4rem 0 3rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.quick-stats{gap:2rem}.stat-number{font-size:1.5rem}.section-header h2{font-size:2rem}.category-header,.dropdown-section{padding:1.25rem}.features-grid{grid-template-columns:1fr}.search-suggestions{max-height:250px}.suggestion-item{padding:.875rem 1rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.quick-stats{flex-direction:column;gap:1.5rem}.category-header{padding:1rem}.category-icon{height:40px;margin-right:.75rem;width:40px}.category-icon i{font-size:1rem}.category-name{font-size:1.1rem}.dropdown-section{padding:1rem}.tool-link{padding:.5rem .75rem}.suggestion-item{padding:.75rem .875rem}}.tool-category{animation:fadeInUp .6s ease forwards}.tool-category:first-child{animation-delay:.1s}.tool-category:nth-child(2){animation-delay:.2s}.tool-category:nth-child(3){animation-delay:.3s}.tool-category:nth-child(4){animation-delay:.4s}.tool-category:nth-child(5){animation-delay:.5s}.tool-category:nth-child(6){animation-delay:.6s}.tool-category:nth-child(7){animation-delay:.7s}.tool-category:nth-child(8){animation-delay:.8s}.tool-category:nth-child(9){animation-delay:.9s}.tool-category:nth-child(10){animation-delay:1s}.footer{background:linear-gradient(135deg,#0a0119,#1a0333);border-top:1px solid #8665e433;margin-top:auto;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-main{padding:4rem 0 2rem}.footer-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{align-items:center;color:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.8rem;font-weight:700;gap:8px}.footer-logo span:first-child{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8665e4,#a891f0);-webkit-background-clip:text;font-weight:800}.footer-parallelogram{background:linear-gradient(45deg,#8665e4,#6a4fc7);border-radius:4px;box-shadow:0 2px 8px #8665e44d;padding:4px 12px;transform:skew(-15deg)}.footer-parallelogram span{color:#fff;display:block;font-size:1.1rem;font-weight:600;transform:skew(15deg)}.footer-description{color:#b8b8d0;font-size:.95rem;line-height:1.6;max-width:300px}.footer-sections-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.footer-column{gap:2.5rem}.footer-column,.footer-section{display:flex;flex-direction:column}.footer-section{gap:1.5rem}.footer-title{color:#fff;font-size:1.2rem;font-weight:600;margin:0;padding-bottom:.5rem;position:relative}.footer-title:after{background:linear-gradient(45deg,#8665e4,#6a4fc7);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-links li{margin:0}.footer-link{color:#b8b8d0;font-size:.9rem;padding-left:0;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#8665e4;transform:translateX(5px)}.footer-link:before{background:#8665e4;border-radius:50%;content:"";height:4px;left:-8px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:4px}.footer-link:hover:before{opacity:1}.footer-social{margin:1.5rem 0}.social-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:left}.social-links{display:flex;gap:1rem;justify-content:flex-start}.social-link{align-items:center;background:#8665e41a;border:1px solid #8665e44d;border-radius:8px;color:#b8b8d0;display:flex;font-size:1.1rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#8665e4;box-shadow:0 4px 12px #8665e44d;color:#fff;transform:translateY(-2px)}.social-link i{color:#b8b8d0;transition:color .3s ease}.social-link:hover i{color:#fff}.footer-bottom{background:#0a0119cc;border-top:1px solid #8665e41a;padding:1.5rem 0}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between}.footer-copyright p{color:#b8b8d0;font-size:.9rem;margin:0}.footer-legal{display:flex;gap:2rem}.legal-link{color:#b8b8d0;font-size:.9rem;text-decoration:none;transition:color .3s ease}.legal-link:hover{color:#8665e4}.footer-glow{background:linear-gradient(90deg,#0000,#8665e4,#6a4fc7,#8665e4,#0000);bottom:0;height:1px;left:0;opacity:.3;position:absolute;right:0}@media (max-width:1024px){.footer-content{gap:3rem;grid-template-columns:1fr}.footer-sections-grid{gap:2rem;grid-template-columns:1fr 1fr}.footer-brand{align-items:center;text-align:center}.footer-description{max-width:500px;text-align:center}.social-title{text-align:center}.social-links{justify-content:center}}@media (max-width:768px){.container{padding:0 1rem}.footer-main{padding:3rem 0 1.5rem}.footer-content{gap:2.5rem}.footer-sections-grid{gap:2.5rem;grid-template-columns:1fr}.footer-column{gap:2rem}.footer-section{text-align:center}.footer-title:after{left:50%;transform:translateX(-50%)}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-legal{justify-content:center}.social-links{gap:.75rem}.social-link{font-size:1rem;height:36px;width:36px}}@media (max-width:480px){.footer-logo{font-size:1.5rem}.footer-parallelogram{padding:3px 8px}.footer-parallelogram span{font-size:.9rem}.footer-legal{flex-direction:column;gap:.5rem}.social-links{gap:.5rem}.social-link{font-size:.9rem;height:32px;width:32px}}@keyframes slideInFooter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer-section{animation:slideInFooter .6s ease forwards}.footer-column:first-child .footer-section:first-child{animation-delay:.1s}.footer-column:first-child .footer-section:nth-child(2){animation-delay:.2s}.footer-column:nth-child(2) .footer-section:first-child{animation-delay:.3s}.footer-column:nth-child(2) .footer-section:nth-child(2){animation-delay:.4s}.addition-calculator{background:linear-gradient(135deg,#0a0119,#1a0333);min-height:100vh;padding:2rem 0}.calculator-container{margin:0 auto;max-width:1400px;padding:0 2rem}.calculator-header{margin-bottom:3rem;position:relative;text-align:center}.calculator-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8665e4,#a891f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.calculator-header p{color:#b8b8d0;font-size:1.2rem}.calculator-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px}.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.right-column{position:-webkit-sticky;position:sticky;top:2rem}.history-section,.input-section,.result-section,.tips-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #8665e41a;border-radius:16px;padding:2rem}.section-title h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.section-title p{color:#b8b8d0;margin:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#fff;font-size:1.5rem;margin:0}.numbers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0}.number-input{overflow-x:auto;text-overflow:clip;white-space:nowrap}.number-input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.number-input{background:#ffffff0d;border:1px solid #8665e433;border-radius:12px;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:1.1rem;padding:1rem;text-align:center;transition:all .3s ease}.number-input:focus{border-color:#8665e4;box-shadow:0 0 0 3px #8665e41a;outline:none}.number-input::placeholder{color:#8a8aa3}.remove-button{align-items:center;background:#e553531a;border:1px solid #e553534d;border-radius:6px;color:#e55353;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:.4rem;position:absolute;right:.5rem;transition:all .3s ease}.remove-button:hover{background:#e5535333;border-color:#e55353}.controls-section{display:flex;flex-direction:column;gap:1rem}.add-number-button{align-items:center;background:#8665e41a;border:1px solid #8665e44d;border-radius:8px;color:#8665e4;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.add-number-button:hover{background:#8665e433;border-color:#8665e4}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr}.calculate-button,.clear-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.clear-button{background:#ffffff0d;border:1px solid #ffffff1a;color:#b8b8d0}.clear-button:hover{background:#ffffff1a;color:#fff}.calculate-button{background:linear-gradient(45deg,#8665e4,#6a4fc7);border:1px solid #8665e4;color:#fff}.calculate-button:hover:not(:disabled){background:linear-gradient(45deg,#6a4fc7,#8665e4);box-shadow:0 4px 12px #8665e44d;transform:translateY(-2px)}.calculate-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.result-card{background:#ffffff05;border:1px solid #8665e433;border-radius:12px;padding:1.5rem}.calculation-display{margin-bottom:1.5rem}.numbers-display{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.6;text-align:center}.number-item{color:#b8b8d0}.equals,.operator{color:#8665e4;font-weight:600}.equals{margin:0 .5rem}.result-value{color:#4fc7a4;font-size:1.2rem;font-weight:700;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.result-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{align-items:center;border-bottom:1px solid #8665e41a;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-label,.detail-value{font-size:.85rem}.detail-value{color:#fff;font-weight:600}.copy-button{align-items:center;background:#8665e41a;border:1px solid #8665e44d;border-radius:6px;color:#8665e4;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.copy-button:hover{background:#8665e433;border-color:#8665e4}.history-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.history-item{background:#ffffff05;border:1px solid #8665e41a;border-radius:8px;padding:1rem;transition:all .3s ease}.history-item:hover{background:#8665e40d;border-color:#8665e44d}.history-calculation{margin-bottom:.5rem}.history-numbers{margin-bottom:.25rem}.history-result{color:#4fc7a4;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.history-footer{align-items:center;display:flex;justify-content:space-between}.history-timestamp{color:#8a8aa3;font-size:.75rem}.history-copy-button{background:#8665e41a;border:1px solid #8665e433;border-radius:4px;color:#8665e4;cursor:pointer;font-size:.7rem;padding:.25rem .5rem;transition:all .3s ease}.history-copy-button:hover{background:#8665e433;border-color:#8665e4}.empty-history{color:#b8b8d0;padding:2rem;text-align:center}.empty-history i{font-size:2rem;margin-bottom:1rem;opacity:.5}.empty-history h4{color:#fff;margin-bottom:.5rem}.empty-history p{font-size:.9rem;margin:0}.clear-history-button{align-items:center;background:#e553531a;border:1px solid #e553534d;border-radius:6px;color:#e55353;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.clear-history-button:hover{background:#e5535333;border-color:#e55353}.tips-section h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.tips-list{flex-direction:column}.tip,.tips-list{display:flex;gap:.75rem}.tip{align-items:flex-start;background:#ffffff05;border-left:3px solid #8665e4;border-radius:8px;padding:.75rem}.tip i{color:#8665e4;flex-shrink:0;font-size:.9rem;margin-top:.1rem}.tip span{color:#b8b8d0;font-size:.85rem;line-height:1.4}.error-message{align-items:center;animation:fadeInUp .3s ease;background:#e553531a;border:1px solid #e553534d;border-radius:8px;color:#e55353;display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem}.error-message i{font-size:1rem}.mode-options{grid-template-columns:repeat(3,1fr)}.result-description{color:#b8b8d0;font-size:1.1rem}.percentage-result,.result-description{margin-bottom:1rem;text-align:center}.change-indicator{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.text-success{color:#4fc7a4!important}.text-danger{color:#e55353!important}.formula{background:#ffffff0d;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;padding:.25rem .5rem}.history-mode{color:#8665e4;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.input-hint{color:#8a8aa3;font-size:.8rem;margin-top:.25rem}.original-number{background:#ffffff0d;border:1px solid #8665e433;border-radius:6px;color:#b8b8d0;font-size:.9rem;padding:.5rem 1rem}.rounding-results{display:flex;flex-direction:column;gap:1.5rem}.rounding-category h4{border-bottom:1px solid #8665e433;color:#8665e4;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.history-original{color:#b8b8d0}.history-original,.history-rounding{font-family:Courier New,monospace;margin-bottom:.5rem}.history-rounding{color:#4fc7a4;font-weight:600}.history-decimal-places{color:#8a8aa3;font-size:.8rem;font-weight:400}.history-methods{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.method-tag{background:#8665e41a;border-radius:4px;color:#b8b8d0;font-family:Courier New,monospace;font-size:.75rem;padding:.25rem .5rem}.numbers-weights-grid{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.number-weight-row{background:#ffffff05;border:1px solid #8665e41a;border-radius:12px;padding:1rem;transition:all .3s ease}.number-weight-row:hover{background:#8665e408;border-color:#8665e433}.row-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.row-label{color:#8665e4;font-size:.9rem;font-weight:600}.row-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.input-group{display:flex;flex-direction:column;gap:.5rem}.dataset-info{background:#ffffff0d;border:1px solid #8665e433;border-radius:6px;color:#b8b8d0;font-size:.9rem;padding:.5rem 1rem}.averages-results{display:flex;flex-direction:column;gap:1.5rem}.averages-category h4{border-bottom:1px solid #8665e433;color:#8665e4;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.methods-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.method-card{background:#ffffff08;border:1px solid #8665e41a;border-radius:12px;padding:1.25rem;position:relative;transition:all .3s ease}.method-card:hover{background:#8665e40d;border-color:#8665e44d}.method-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.method-header i{color:#8665e4;font-size:1.1rem;width:20px}.method-name{color:#fff}.method-result{color:#4fc7a4;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;min-height:1.4rem;word-break:break-all}.method-description{color:#b8b8d0;font-size:.8rem;line-height:1.3;margin-bottom:.75rem}.copy-button.small{position:absolute;right:1rem;top:1rem}.copy-button.small:disabled{cursor:not-allowed;opacity:.3}.history-numbers{color:#b8b8d0;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:.75rem}.history-averages{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.average-tag{background:#8665e41a;border-radius:4px;color:#b8b8d0;font-family:Courier New,monospace;font-size:.75rem;padding:.25rem .5rem}.fraction-input-container{background:#ffffff05;border:2px solid #8665e433;border-radius:12px;gap:1rem;margin:2rem 0;padding:2rem;position:relative}.fraction-input-container,.fraction-input-group{align-items:center;display:flex;flex-direction:column}.fraction-input-group{gap:.75rem;width:100%}.fraction-line{background:linear-gradient(90deg,#0000,#8665e4,#0000);height:2px;margin:.5rem 0;width:100%}.fraction-display{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.original-fraction,.simplified-fraction{text-align:center}.fraction-label{color:#b8b8d0;font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.fraction-value{background:#ffffff0d;border:1px solid #8665e44d;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:2rem;padding:1rem 2rem}.fraction-value.simplified{background:#4fc7a40d;border-color:#4fc7a44d;color:#4fc7a4}.simplification-arrow{color:#8665e4;font-size:1.5rem}.mixed-number-section{background:#ffffff08;border-left:4px solid #f6ad55;border-radius:8px;margin-bottom:2rem;padding:1rem;text-align:center}.mixed-number-value{color:#f6ad55;font-family:Courier New,monospace;font-size:1.5rem;font-weight:600}.fraction-history-display{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.fraction-history-original{background:#ffffff0d;border-radius:6px;color:#b8b8d0;font-family:Courier New,monospace;font-size:1.1rem;padding:.5rem 1rem}.fraction-history-arrow{color:#8665e4;font-size:.9rem}.fraction-history-simplified{background:#4fc7a40d;border-radius:6px;color:#4fc7a4;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;padding:.5rem 1rem}.fraction-history-gcd{color:#f6ad55;font-family:Courier New,monospace;font-size:.8rem;text-align:center}.mixed-input-container{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.improper-input-container{margin:1.5rem 0}.mixed-fraction-input .fraction-input-container{margin:0}.conversion-display{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.input-fraction,.output-fraction{text-align:center}.fraction-value.input{border-color:#8665e44d;color:#b8b8d0}.fraction-value.output{background:#4fc7a40d;border-color:#4fc7a44d;color:#4fc7a4}.conversion-arrow{color:#8665e4;font-size:1.5rem}.formula-section{background:#ffffff08;border-left:4px solid #f6ad55;border-radius:8px;margin-bottom:2rem;padding:1rem;text-align:center}.formula-label{color:#b8b8d0;font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.formula-value{color:#f6ad55;font-family:Courier New,monospace;font-size:1rem;line-height:1.4}.conversion-history-display{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.conversion-history-input{background:#ffffff0d;border-radius:6px;color:#b8b8d0;font-family:Courier New,monospace;font-size:1rem;padding:.5rem 1rem}.conversion-history-arrow{color:#8665e4;font-size:.8rem}.conversion-history-output{background:#4fc7a40d;border-radius:6px;color:#4fc7a4;font-family:Courier New,monospace;font-size:1rem;font-weight:600;padding:.5rem 1rem}.conversion-history-type{color:#8665e4;font-size:.8rem;letter-spacing:.5px;margin-bottom:.25rem;text-align:center;text-transform:uppercase}.conversion-history-formula{color:#f6ad55;font-family:Courier New,monospace;font-size:.75rem;margin-bottom:.5rem;text-align:center}.mode-selection{margin-bottom:2rem}.mode-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.mode-button{align-items:center;background:#ffffff0d;border:1px solid #8665e433;border-radius:12px;color:#b8b8d0;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1rem;text-align:center;transition:all .3s ease}.mode-button:hover{background:#8665e41a;border-color:#8665e466;color:#fff}.mode-button.active{background:#8665e433;border-color:#8665e4;color:#fff}.mode-button i{font-size:1.2rem;margin-bottom:.25rem}.mode-description{align-items:center;background:#8665e41a;border:1px solid #8665e433;border-radius:8px;color:#8665e4;display:flex;font-size:.9rem;gap:.5rem;padding:1rem}.mode-description i{font-size:1rem}.ratio-inputs{display:flex;flex-direction:column;gap:2rem;margin:1.5rem 0}.ratio-input-group{background:#ffffff05;border:1px solid #8665e41a;border-radius:12px;padding:1.5rem}.ratio-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.ratio-header h4{color:#fff;font-size:1.1rem;margin:0}.add-ratio-button{align-items:center;background:#8665e41a;border:1px solid #8665e44d;border-radius:6px;color:#8665e4;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.add-ratio-button:hover{background:#8665e433;border-color:#8665e4}.ratio-parts-grid{display:flex;flex-direction:column;gap:1rem}.ratio-part-input{display:flex;flex-direction:column;gap:.5rem}.ratio-part-row{align-items:center;background:#ffffff05;border:1px solid #8665e41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.ratio-part-row:hover{background:#8665e408;border-color:#8665e433}.ratio-part-label{color:#8665e4;font-size:.9rem;font-weight:600;min-width:80px}.ratio-part-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.ratio-part-input-field{background:#ffffff0d;border:1px solid #8665e433;border-radius:8px;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:1rem;padding:1rem;text-align:center;transition:all .3s ease}.ratio-part-input-field:focus{border-color:#8665e4;box-shadow:0 0 0 2px #8665e41a;outline:none}.ratio-part-remove{align-items:center;background:#e553531a;border:1px solid #e553534d;border-radius:6px;color:#e55353;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;margin-left:.5rem;padding:.5rem;transition:all .3s ease}.ratio-part-remove:hover{background:#e5535333;border-color:#e55353}.ratio-display{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.original-ratio,.simplified-ratio{text-align:center}.ratio-label{color:#b8b8d0;font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.ratio-value{background:#ffffff0d;border:1px solid #8665e44d;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:1.5rem;padding:1rem 2rem}.ratio-value.simplified{background:#4fc7a40d;border-color:#4fc7a44d;color:#4fc7a4}.ratio-decimal,.ratio-simplified{color:#b8b8d0;font-family:Courier New,monospace;font-size:.8rem;margin-top:.25rem}.ratios-comparison{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.compared-ratio{flex:1 1;text-align:center}.comparison-result{flex:0.5 1;text-align:center}.comparison-icon{color:#8665e4;font-size:2rem;margin-bottom:.5rem}.comparison-text{color:#4fc7a4;font-size:1.1rem;font-weight:600}.original-ratio-display{background:#ffffff08;border-left:4px solid #8665e4;border-radius:8px;margin-bottom:2rem;padding:1rem;text-align:center}.equivalent-label,.equivalent-ratios{margin-bottom:1rem}.equivalent-label{color:#b8b8d0;font-size:.9rem;letter-spacing:.5px;text-align:center;text-transform:uppercase}.equivalent-list{display:flex;flex-direction:column;gap:.5rem}.equivalent-item{align-items:center;background:#ffffff05;border:1px solid #8665e41a;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .3s ease}.equivalent-item:hover{background:#8665e40d;border-color:#8665e44d}.equivalent-ratio{color:#fff;flex:1 1;font-family:Courier New,monospace;font-weight:600}.equivalent-multiplier{color:#b8b8d0;font-family:Courier New,monospace;font-size:.8rem;margin-right:1rem}.copy-button.small{font-size:.8rem;padding:.4rem}.calculation-steps{background:#ffffff05;border-left:4px solid #f6ad55;border-radius:8px;margin-top:2rem;padding:1rem}.steps-label{color:#b8b8d0;font-size:.9rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.steps-list{gap:.5rem}.step-item{border-bottom:1px solid #8665e41a;gap:.75rem;padding:.5rem 0}.step-item:last-child{border-bottom:none}.step-number{color:#8665e4;font-size:.9rem;min-width:20px}.step-text{color:#fff}.ratio-history-type{color:#8665e4;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.ratio-history-input{color:#b8b8d0}.ratio-history-input,.ratio-history-output{font-family:Courier New,monospace;margin-bottom:.25rem}.ratio-history-output{color:#4fc7a4;font-weight:600}.ratio-history-details{color:#f6ad55;font-family:Courier New,monospace;font-size:.8rem}.calculator-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,180px);justify-content:center;margin:3rem 0;padding:0 1rem}.calculator-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #8665e426;border-radius:16px;color:#b8b8d0;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.calculator-button:before{background:linear-gradient(90deg,#0000,#8665e41a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.calculator-button:hover{background:#8665e414;border-color:#8665e466;box-shadow:0 8px 25px #8665e426,0 2px 8px #0000001a;color:#fff;transform:translateY(-4px)}.calculator-button:hover:before{left:100%}.calculator-button.active{background:linear-gradient(135deg,#8665e433,#6a4fc726);border:1.5px solid #8665e4;box-shadow:0 8px 30px #8665e440,0 4px 15px #8665e426,inset 0 1px 0 #ffffff1a;color:#fff;transform:translateY(-2px)}.calculator-button.active:after{background:linear-gradient(90deg,#8665e4,#a891f0,#8665e4);border-radius:16px 16px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.calculator-button i{color:#8665e4;font-size:1.75rem;margin-bottom:.25rem;transition:all .3s ease}.calculator-button.active i,.calculator-button:hover i{color:#fff;transform:scale(1.1)}.calculator-button.active i{text-shadow:0 0 10px #8665e480}.calculator-button{position:relative;z-index:1}.calculator-button:after{background:linear-gradient(135deg,#8665e41a,#0000);border-radius:16px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.calculator-button:hover:after{opacity:1}.calculator-label{align-items:center;display:flex;gap:6px}@media (max-width:1024px){.calculator-layout{gap:1.5rem;grid-template-columns:1fr}.right-column{position:static}.methods-grid{grid-template-columns:1fr}.calculator-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.calculator-button{font-size:.95rem;padding:.75rem 1rem}.calculator-button i{font-size:1.5rem}}@media (max-width:768px){.calculator-container{padding:0 1rem}.calculator-header h1{font-size:2.5rem}.history-section,.input-section,.result-section,.tips-section{padding:1.5rem}.action-buttons,.numbers-grid{grid-template-columns:1fr}.history-list{max-height:300px}.mode-button{flex-direction:row;justify-content:flex-start;text-align:left}.methods-grid{grid-template-columns:1fr}.history-methods{flex-direction:column;gap:.25rem}.method-tag{width:-webkit-fit-content;width:fit-content}.row-inputs{grid-template-columns:1fr}.history-averages{flex-direction:column;gap:.25rem}.average-tag{width:-webkit-fit-content;width:fit-content}.fraction-input-container{padding:1.5rem}.fraction-value{font-size:1.5rem;padding:.75rem 1.5rem}.fraction-history-display{flex-direction:column;gap:.5rem}.mode-options{grid-template-columns:1fr}.conversion-history-display{flex-direction:column;gap:.5rem}.mixed-input-container{gap:1rem}.ratio-part-row{align-items:stretch;flex-direction:column;gap:.75rem}.ratio-part-label{min-width:auto;text-align:center}.ratio-value{font-size:1.3rem;padding:.75rem 1.5rem}.equivalent-item{align-items:flex-start;flex-direction:column;gap:.5rem}.equivalent-multiplier{margin-right:0}.ratios-comparison{flex-direction:column;gap:1rem}.comparison-result{order:-1}.calculator-grid{gap:.875rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.calculator-button{border-radius:12px;font-size:.9rem;padding:.5rem .75rem}.calculator-button i{font-size:1.4rem}}@media (max-width:640px){.calculator-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.calculator-button{font-size:.85rem;padding:.5rem}.calculator-button i{font-size:1.3rem}}@media (max-width:480px){.calculator-header h1{font-size:2rem}.calculator-header p,.numbers-display{font-size:1rem}.result-value{font-size:1.1rem}.method-card{padding:1rem}.method-result{font-size:1.1rem}.number-weight-row{padding:.75rem}.fraction-value{font-size:1.3rem;padding:.5rem 1rem}.mixed-number-value{font-size:1.2rem}.formula-value{font-size:.9rem}.conversion-history-input,.conversion-history-output{font-size:.9rem;padding:.4rem .8rem}.ratio-input-group{padding:1rem}.ratio-header{align-items:flex-start;flex-direction:column;gap:1rem}.ratio-value{font-size:1.2rem;padding:.5rem 1rem}.step-text{font-size:.85rem}.calculator-grid{gap:.75rem;grid-template-columns:1fr;padding:0 .5rem 1.5rem}.calculator-button{flex-direction:row;font-size:.9rem;gap:1rem;justify-content:flex-start;padding:.5rem 1rem}.calculator-button i{font-size:1.2rem;margin-bottom:0}}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#8665e44d;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:#8665e480}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.history-item,.result-section{animation:fadeInUp .6s ease}:root{--primary-dark:#8665e4;--primary-medium:#a891f0;--primary-light:#f0ebff;--text-dark:#333;--text-light:#666;--background:#fff;--border-light:#e0e0e0}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.article-container{border-radius:8px;margin:0 auto;max-width:900px;padding:40px}.article-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);margin-bottom:30px;padding-bottom:20px}.article-title{color:#8665e4;color:var(--primary-dark);font-size:32px;line-height:1.3;margin-bottom:15px}.article-meta{color:#e0e0e0;color:var(--border-light);display:flex;font-size:14px;gap:15px}.article-section{margin-bottom:40px}.section-title{border-bottom:2px solid #f0ebff;border-bottom:2px solid var(--primary-light);color:#8665e4;color:var(--primary-dark);font-size:24px;margin-bottom:20px;margin-top:30px;padding-bottom:10px}.section-subtitle{color:#a891f0;color:var(--primary-medium);font-size:18px;margin-bottom:15px;margin-top:20px}.article-paragraph{color:#fff;color:var(--background);margin-bottom:20px}.article-paragraph-one{color:#333;color:var(--text-dark);margin-bottom:20px}.article-list{margin-bottom:20px;padding-left:20px}.article-list-item{color:#fff;color:var(--background);margin-bottom:10px}.article-list-item-one{color:#333;color:var(--text-dark);margin-bottom:10px}.highlight-text{color:#a891f0;color:var(--primary-medium);font-weight:600}.example-box{background-color:#f0ebff;background-color:var(--primary-light);border-left:4px solid #a891f0;border-left:4px solid var(--primary-medium);border-radius:0 4px 4px 0;margin-bottom:20px;padding:20px}.cta-button{background-color:#a891f0;background-color:var(--primary-medium);border-radius:5px;color:#fff;color:var(--background);display:inline-block;font-weight:600;margin-top:20px;padding:12px 24px;text-decoration:none;transition:background-color .3s}.cta-button:hover{background-color:#8665e4;background-color:var(--primary-dark)}.data-table{border-collapse:collapse;box-shadow:0 2px 8px #0000000d;margin-bottom:25px;width:100%}.data-table,.data-table td,.data-table th{border:1px solid #a891f0;border:1px solid var(--primary-medium)}.data-table th{background-color:#8665e4;background-color:var(--primary-dark);color:#fff;color:var(--background);padding:12px 15px;text-align:left}.data-table td{padding:10px 15px}.data-table tr:nth-child(2n){background-color:#f0ebff;background-color:var(--primary-light)}.data-table tr:nth-child(odd){background-color:#a891f0;background-color:var(--primary-medium)}.faqs-section{margin-top:40px}.faq-item{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);margin-bottom:25px;padding-bottom:20px}.faq-question{color:#8665e4;color:var(--primary-dark);font-size:18px;margin-bottom:10px}.faq-answer{color:#fff;color:var(--background)}.conclusion-section{background-color:#f0ebff;background-color:var(--primary-light);border-radius:8px;margin-top:30px;padding:25px}.code-example{background-color:#fafafa;border:1px solid #e0e0e0;border-left:4px solid #a891f0;border:1px solid var(--border-light);border-left:4px solid var(--primary-medium);border-radius:6px;box-shadow:0 1px 4px #0000000f;color:#333;color:var(--text-dark);font-family:Courier New,monospace;font-size:14px;line-height:1.6;margin:20px 0;padding:18px 20px;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.article-container{padding:20px}.article-title{font-size:26px}.section-title{font-size:22px}.data-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;position:relative}.data-table:after{bottom:8px;color:#666;content:"Scroll ->";font-size:14px;opacity:.6;pointer-events:none;position:absolute;right:8px}.data-table td,.data-table th{white-space:nowrap}}.geometry-calculator{background:linear-gradient(135deg,#0a0119,#1a0333);min-height:100vh;padding:2rem 0}.geometry-container{margin:0 auto;max-width:1400px;padding:0 2rem}.geometry-header{margin-bottom:3rem;position:relative;text-align:center}.geometry-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8665e4,#a891f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.geometry-header p{color:#b8b8d0;font-size:1.2rem}.geometry-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,180px);justify-content:center;margin:3rem 0;padding:0 1rem}.geometry-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #4fc7a426;border-radius:16px;color:#b8b8d0;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:.5rem 1rem;position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.geometry-button:before{background:linear-gradient(90deg,#0000,#8665e41a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.geometry-button:hover{background:#8665e414;border-color:#8665e466;box-shadow:0 8px 25px #8665e426,0 2px 8px #0000001a;color:#fff;transform:translateY(-4px)}.geometry-button:hover:before{left:100%}.geometry-button.active{background:linear-gradient(135deg,#8665e433,#6a4fc726);border:1.5px solid #8665e4;box-shadow:0 8px 30px #8665e440,0 4px 15px #8665e426,inset 0 1px 0 #ffffff1a;color:#fff;transform:translateY(-2px)}.geometry-button.active:after{background:linear-gradient(90deg,#8665e4,#a891f0,#8665e4);border-radius:16px 16px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.geometry-button i{color:#8665e4;font-size:1.75rem;margin-bottom:.25rem;transition:all .3s ease}.geometry-button.active i,.geometry-button:hover i{color:#fff;transform:scale(1.1)}.geometry-button.active i{text-shadow:0 0 10px #8665e480}.geometry-label{align-items:center;display:flex;gap:6px}.geometry-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px}.geometry-left-column,.geometry-right-column{display:flex;flex-direction:column;gap:2rem}.geometry-right-column{position:-webkit-sticky;position:sticky;top:2rem}.geometry-history-section,.geometry-input-section,.geometry-result-section,.geometry-tips-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #8665e433;border-radius:16px;padding:2rem}.geometry-section-title h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.geometry-section-title p{color:#b8b8d0;margin:0}.geometry-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.geometry-section-header h2{color:#fff;font-size:1.5rem;margin:0}.circle-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.geometry-input-label{color:#b8b8d0;font-size:1rem;font-weight:500}.geometry-input-wrapper{align-items:center;display:flex;position:relative}.geometry-number-input{background:#ffffff0d;border:1px solid #8665e433;border-radius:12px;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:1.1rem;padding:1rem;text-align:center;transition:all .3s ease}.geometry-number-input:focus{border-color:#8665e4;box-shadow:0 0 0 3px #8665e440}.geometry-number-input::placeholder{color:#8a8aa3}.geometry-input-unit{color:#8665e4;font-size:.9rem;font-weight:600;position:absolute;right:1rem}.geometry-visualization{display:flex;justify-content:center;margin:15rem 0}.circle-visual{height:200px;position:relative;width:200px}.circle-shape,.circle-visual{align-items:center;display:flex;justify-content:center}.circle-shape{background:#8665e40d;border:3px solid #8665e4;border-radius:50%;height:150px;width:150px}.geometry-controls-section{display:flex;flex-direction:column;gap:1rem}.geometry-action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr}.geometry-calculate-button,.geometry-clear-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.geometry-clear-button{background:#ffffff0d;border:1px solid #ffffff1a;color:#b8b8d0}.geometry-clear-button:hover{background:#ffffff1a;color:#fff}.geometry-calculate-button{background:linear-gradient(45deg,#8665e4,#6a4fc7);border:1px solid #8665e4;color:#fff}.geometry-calculate-button:hover:not(:disabled){background:linear-gradient(45deg,#6a4fc7,#8665e4);box-shadow:0 4px 12px #8665e44d;transform:translateY(-2px)}.geometry-calculate-button:disabled{transform:none}.geometry-result-card{background:#ffffff05;border:1px solid #8665e4;border-radius:12px;padding:1.5rem}.circle-results-grid{display:flex;flex-direction:column;gap:1rem}.circle-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.circle-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.circle-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.circle-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.circle-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.circle-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.circle-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.circle-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem}.geometry-copy-button{align-items:center;background:#4fc7a41a;border:1px solid #4fc7a44d;border-radius:6px;color:#4fc7a4;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.geometry-copy-button:hover{background:#4fc7a433;border-color:#4fc7a4}.geometry-history-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.geometry-history-item{background:#ffffff05;border:1px solid #4fc7a41a;border-radius:8px;padding:1rem;transition:all .3s ease}.geometry-history-item:hover{background:#4fc7a40d;border-color:#4fc7a44d}.geometry-history-calculation{margin-bottom:.5rem}.geometry-history-numbers{color:#b8b8d0;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:.25rem}.geometry-history-result{color:#4fc7a4;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.geometry-history-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.geometry-history-detail{color:#8a8aa3;font-family:Courier New,monospace;font-size:.8rem}.geometry-history-footer{align-items:center;display:flex;justify-content:space-between}.geometry-history-timestamp{color:#8a8aa3;font-size:.75rem}.geometry-history-copy-button{background:#4fc7a41a;border:1px solid #4fc7a433;border-radius:4px;color:#4fc7a4;cursor:pointer;font-size:.7rem;padding:.25rem .5rem;transition:all .3s ease}.geometry-history-copy-button:hover{background:#4fc7a433;border-color:#4fc7a4}.geometry-empty-history{color:#b8b8d0;padding:2rem;text-align:center}.geometry-empty-history i{font-size:2rem;margin-bottom:1rem;opacity:.5}.geometry-empty-history h4{color:#fff;margin-bottom:.5rem}.geometry-empty-history p{font-size:.9rem;margin:0}.geometry-clear-history-button{align-items:center;background:#e553531a;border:1px solid #e553534d;border-radius:6px;color:#e55353;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.geometry-clear-history-button:hover{background:#e5535333;border-color:#e55353}.geometry-tips-section h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.geometry-tips-list{display:flex;flex-direction:column;gap:.75rem}.geometry-tip{align-items:flex-start;background:#ffffff05;border-left:3px solid #8665e4;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.geometry-tip i{color:#8665e4;flex-shrink:0;font-size:.9rem;margin-top:.1rem}.geometry-tip span{color:#b8b8d0;font-size:.85rem;line-height:1.4}.geometry-tip strong{color:#8665e4}.geometry-error-message{align-items:center;animation:geometryFadeInUp .3s ease;background:#e553531a;border:1px solid #e553534d;border-radius:8px;color:#e55353;display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem}.geometry-error-message i{font-size:1rem}.geometry-calculator{position:relative;z-index:1}.geometry-button .geometry-label{align-items:center;display:flex;gap:6px;pointer-events:none}.geometry-number-input:focus{border:1px solid #a588f6cf;outline:none;transform:translateY(-1px)}.geometry-calculate-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.geometry-button,.geometry-calculate-button,.geometry-clear-button,.geometry-copy-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.geometry-method-selection{margin-bottom:1.5rem}.geometry-method-buttons{grid-gap:1rem;display:grid;gap:1rem;margin-top:.5rem}.geometry-method-button{align-items:center;background:#ffffff08;border:1px solid #8665e433;border-radius:8px;color:#b8b8d0;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.geometry-method-button:hover{background:#8665e41a;border-color:#8665e466;color:#fff}.geometry-method-button.active{background:#8665e433;border-color:#8665e4;color:#fff}.geometry-method-button i{font-size:1rem}.geometry-input-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.geometry-input-row.three-columns{grid-template-columns:1fr 1fr}.geometry-input-column{display:flex;flex-direction:column;gap:.5rem}.triangle-visual{margin:2rem 0}.triangle-shape,.triangle-visual{display:flex;justify-content:center}.triangle-shape{align-items:center;height:150px}.triangle-base-height{height:80px;position:relative;width:120px}.triangle-base-height:before{height:2px;width:120px}.triangle-base-height:after,.triangle-base-height:before{background:#8665e4;bottom:0;content:"";left:0;position:absolute}.triangle-base-height:after{-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%);height:80px;width:2px}.base-line{bottom:-20px;height:1px;width:120px}.height-line{bottom:0;left:-20px;width:1px}.base-label,.height-label{font-size:.8rem}.height-label{left:-40px}.triangle-three-sides{border-bottom:2px solid #8665e4;border-left:2px solid #8665e4;border-right:2px solid #8665e4;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:100px;position:relative;width:120px}.side-a-label,.side-b-label,.side-c-label{font-size:.7rem}.side-a-label{bottom:-20px;left:10px}.side-b-label{bottom:-20px;right:10px}.side-c-label{left:50%;top:-20px;transform:translateX(-50%)}.triangle-results-grid{display:flex;flex-direction:column;gap:1rem}.triangle-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.triangle-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.triangle-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.triangle-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.triangle-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.triangle-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.triangle-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.triangle-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.square-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.square-visual{margin:2rem 0}.square-shape,.square-visual{display:flex;justify-content:center}.square-shape{align-items:center;background:#8665e40d;border:3px solid #8665e4;height:150px;position:relative;width:150px}.side-line.top{height:2px;left:0;top:-15px;width:100%}.side-line.top:after,.side-line.top:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #8665e4;content:"";height:0;position:absolute;top:-3px;width:0}.side-line.top:before{left:10px}.side-line.top:after{right:10px}.side-line.right{height:100%;right:-15px;top:0;width:2px}.side-line.right:after,.side-line.right:before{border-bottom:4px solid #0000;border-right:4px solid #8665e4;border-top:4px solid #0000;content:"";height:0;position:absolute;right:-3px;width:0}.side-line.right:before{top:10px}.side-line.right:after{bottom:10px}.side-line.bottom{bottom:-15px;height:2px;left:0;width:100%}.side-line.bottom:after,.side-line.bottom:before{border-bottom:4px solid #8665e4;border-left:4px solid #0000;border-right:4px solid #0000;bottom:-3px;content:"";height:0;position:absolute;width:0}.side-line.bottom:before{left:10px}.side-line.bottom:after{right:10px}.side-line.left{height:100%;left:-15px;top:0;width:2px}.side-line.left:after,.side-line.left:before{border-bottom:4px solid #0000;border-left:4px solid #8665e4;border-top:4px solid #0000;content:"";height:0;left:-3px;position:absolute;width:0}.side-line.left:before{top:10px}.side-line.left:after{bottom:10px}.diagonal-label{bottom:-30px}.square-results-grid{display:flex;flex-direction:column;gap:1rem}.square-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.square-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.square-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.square-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.square-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.square-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.square-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.square-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem}.rectangle-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.rectangle-visual{margin:2rem 0}.rectangle-shape,.rectangle-visual{display:flex;justify-content:center}.rectangle-shape{align-items:center;background:#8665e40d;border:3px solid #8665e4;height:120px;position:relative;width:180px}.length-line{height:100%;right:-15px;top:0;width:2px}.length-line:after,.length-line:before{border-bottom:4px solid #0000;border-right:4px solid #8665e4;border-top:4px solid #0000;right:-3px}.length-line:before{top:10px}.length-line:after{bottom:10px}.width-line{background:#8665e4;bottom:-15px;height:2px;left:0;width:100%}.width-line:after,.width-line:before{border-bottom:4px solid #8665e4;border-left:4px solid #0000;border-right:4px solid #0000;bottom:-3px}.width-line:before{left:10px}.width-line:after{right:10px}.diagonal-line{background:linear-gradient(45deg,#0000,#0000 45%,#4fc7a4 0,#4fc7a4 55%,#0000 0,#0000);height:100%;left:0;position:absolute;top:0;width:100%}.length-label{background:#1a0333cc;font-size:.9rem;right:-50px;top:50%;transform:translateY(-50%) rotate(-90deg)}.width-label{bottom:-30px;color:#8665e4}.diagonal-label,.width-label{background:#1a0333cc;font-size:.9rem;left:50%;transform:translateX(-50%)}.diagonal-label{border-radius:4px;color:#4fc7a4;font-weight:600;padding:2px 6px;position:absolute;top:-30px;white-space:nowrap}.rectangle-results-grid{display:flex;flex-direction:column;gap:1rem}.rectangle-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.rectangle-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.rectangle-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.rectangle-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.rectangle-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.rectangle-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.rectangle-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.rectangle-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem}.aspect-ratio{align-items:center;color:#b8b8d0;display:inline-flex;font-size:.8rem;gap:.25rem}.parallelogram-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.parallelogram-visual{display:flex;justify-content:center;margin:2rem 0}.parallelogram-shape{align-items:center;background:#8665e40d;border:3px solid #8665e4;-webkit-clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);display:flex;height:120px;justify-content:center;position:relative;width:160px}.base-line{background:#8665e4;bottom:-15px;height:2px;left:0;position:absolute;transform:translateX(-20px);width:100%}.base-line:after,.base-line:before{border-bottom:4px solid #8665e4;border-left:4px solid #0000;border-right:4px solid #0000;bottom:-3px;content:"";height:0;position:absolute;width:0}.base-line:before{left:20px}.base-line:after{right:20px}.height-line{transform:translateX(10px)}.side-line{background:#4fc7a4;height:100%;left:40px;transform:rotate(60deg);transform-origin:top left;width:2px}.side-line:after,.side-line:before{border-bottom:4px solid #0000;border-left:4px solid #4fc7a4;border-top:4px solid #0000;left:-3px}.side-line:before{top:10px}.angle-arc,.side-line:after{bottom:10px}.angle-arc{left:40px}.base-label{background:#1a0333cc;border-radius:4px;bottom:-30px;color:#8665e4;font-size:.9rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;transform:translateX(-50%);white-space:nowrap}.side-label{color:#4fc7a4;left:60px}.angle-label{bottom:15px;left:45px}.parallelogram-results-grid{display:flex;flex-direction:column;gap:1rem}.parallelogram-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.parallelogram-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.parallelogram-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.parallelogram-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.parallelogram-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.parallelogram-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.parallelogram-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.parallelogram-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.trapezium-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.trapezium-visual{margin:2rem 0}.trapezium-shape,.trapezium-visual{display:flex;justify-content:center}.trapezium-shape{align-items:center;background:#8665e40d;border:3px solid #8665e4;-webkit-clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);height:120px;position:relative;width:180px}.base1-line{background:#8665e4;height:2px;left:36px;position:absolute;top:-15px;width:108px}.base1-line:after,.base1-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #8665e4;content:"";height:0;position:absolute;top:-3px;width:0}.base1-line:before{left:10px}.base1-line:after{right:10px}.base2-line{background:#8665e4;bottom:-15px;height:2px;left:0;position:absolute;width:180px}.base2-line:after,.base2-line:before{border-bottom:4px solid #8665e4;border-left:4px solid #0000;border-right:4px solid #0000;bottom:-3px;content:"";height:0;position:absolute;width:0}.base2-line:before{left:10px}.base2-line:after{right:10px}.height-line{background:#8665e4;height:100%}.height-line:after,.height-line:before{border-right:4px solid #8665e4}.side1-line{background:#4fc7a4;height:100%;left:36px;position:absolute;top:0;transform:rotate(75deg);transform-origin:top left;width:2px}.side1-line:after,.side1-line:before{border-bottom:4px solid #0000;border-left:4px solid #4fc7a4;border-top:4px solid #0000;content:"";height:0;left:-3px;position:absolute;width:0}.side1-line:before{top:10px}.side1-line:after{bottom:10px}.side2-line{background:#4fc7a4;height:100%;position:absolute;right:36px;top:0;transform:rotate(-75deg);transform-origin:top right;width:2px}.side2-line:after,.side2-line:before{border-bottom:4px solid #0000;border-right:4px solid #4fc7a4;border-top:4px solid #0000;content:"";height:0;position:absolute;right:-3px;width:0}.side2-line:before{top:10px}.side2-line:after{bottom:10px}.base1-label{top:-30px}.base1-label,.base2-label{background:#1a0333cc;border-radius:4px;color:#8665e4;font-size:.9rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;transform:translateX(-50%);white-space:nowrap}.base2-label{bottom:-30px}.height-label{color:#8665e4}.side1-label{left:-40px;transform:rotate(-75deg)}.side1-label,.side2-label{background:#1a0333cc;border-radius:4px;color:#4fc7a4;font-size:.8rem;font-weight:600;padding:2px 6px;position:absolute;top:30px;white-space:nowrap}.side2-label{right:-40px;transform:rotate(75deg)}.trapezium-results-grid{display:flex;flex-direction:column;gap:1rem}.trapezium-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.trapezium-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.trapezium-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.trapezium-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.trapezium-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.trapezium-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.trapezium-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.trapezium-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.rhombus-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.rhombus-visual{margin:2rem 0}.rhombus-shape,.rhombus-visual{display:flex;justify-content:center}.rhombus-shape{align-items:center;background:#8665e40d;border:3px solid #8665e4;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:160px;position:relative;transform:rotate(45deg);width:160px}.diagonal1-line{background:#8665e4;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.diagonal1-line:after,.diagonal1-line:before{border-bottom:4px solid #0000;border-left:4px solid #8665e4;border-top:4px solid #0000;content:"";height:0;left:-3px;position:absolute;width:0}.diagonal1-line:before{top:10px}.diagonal1-line:after{bottom:10px}.diagonal2-line{background:#8665e4;height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.diagonal2-line:after,.diagonal2-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #8665e4;content:"";height:0;position:absolute;top:-3px;width:0}.diagonal2-line:before{left:10px}.diagonal2-line:after{right:10px}.side-line{left:50%;top:0;transform:translateX(-50%) rotate(-45deg);width:113px}.side-line:before{left:10px}.side-line:after{right:10px}.height-line{right:-15px;top:50%;transform:translateY(-50%) rotate(45deg)}.height-line:after,.height-line:before{border-right:4px solid #4fc7a4;right:-3px}.height-line:before{top:10px}.height-line:after{bottom:10px}.angle-arc{border:2px solid #8665e4;border-radius:0 0 0 30px;height:30px;left:20px;top:20px;transform:rotate(45deg);width:30px}.diagonal1-label{left:-50px;top:50%;transform:translateY(-50%) rotate(-45deg)}.diagonal1-label,.diagonal2-label{background:#1a0333cc;border-radius:4px;color:#8665e4;font-size:.9rem;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.diagonal2-label{left:50%;top:-30px;transform:translateX(-50%) rotate(-45deg)}.side-label{top:-40px;transform:translateX(-50%) rotate(-45deg)}.height-label,.side-label{background:#1a0333cc;font-size:.9rem}.height-label{right:-50px;transform:translateY(-50%) rotate(-45deg)}.angle-label{background:#1a0333cc;color:#8665e4;font-size:.8rem;left:15px;top:15px;transform:rotate(45deg);white-space:nowrap}.rhombus-results-grid{display:flex;flex-direction:column;gap:1rem}.rhombus-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.rhombus-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.rhombus-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.rhombus-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.rhombus-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.rhombus-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.rhombus-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.rhombus-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.ellipse-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.ellipse-visual{margin:2rem 0}.ellipse-shape,.ellipse-visual{display:flex;justify-content:center}.ellipse-shape{align-items:center;background:#8665e40d;border:3px solid #8665e4;border-radius:50%;height:140px;position:relative;width:200px}.major-axis-line{background:#8665e4;height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.major-axis-line:after,.major-axis-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #8665e4;content:"";height:0;position:absolute;top:-3px;width:0}.major-axis-line:before{left:10px}.major-axis-line:after{right:10px}.minor-axis-line{background:#8665e4;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.minor-axis-line:after,.minor-axis-line:before{border-bottom:4px solid #0000;border-left:4px solid #8665e4;border-top:4px solid #0000;content:"";height:0;left:-3px;position:absolute;width:0}.minor-axis-line:before{top:10px}.minor-axis-line:after{bottom:10px}.semi-major-line{background:#4fc7a4;height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.semi-major-line:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #4fc7a4;content:"";height:0;position:absolute;right:-3px;top:-3px;width:0}.semi-minor-line{background:#4fc7a4;height:70px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.semi-minor-line:after{border-bottom:4px solid #0000;border-left:4px solid #4fc7a4;border-top:4px solid #0000;bottom:-3px;content:"";height:0;left:-3px;position:absolute;width:0}.focus-point{background:#e55353;border-radius:50%;height:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.focus1{left:30%}.focus2{right:30%}.semi-major-label{left:75%;top:60%}.semi-major-label,.semi-minor-label{background:#1a0333cc;border-radius:4px;color:#4fc7a4;font-size:.9rem;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.semi-minor-label{left:55%;top:20%}.focus-label{background:#1a0333cc;border-radius:4px;color:#e55353;font-size:.8rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap}.ellipse-results-grid{display:flex;flex-direction:column;gap:1rem}.ellipse-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.ellipse-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.ellipse-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.ellipse-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.ellipse-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.ellipse-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.ellipse-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.ellipse-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.circle-perimeter-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.circle-perimeter-visual{display:flex;justify-content:center;margin:2rem 0}.circle-perimeter-visual .circle-shape{align-items:center;background:#8665e40d;border:3px solid #8665e4;border-radius:50%;display:flex;height:180px;justify-content:center;position:relative;width:180px}.radius-line{width:90px}.diameter-line{transform:translateX(-50%) translateY(-50%);width:180px}.circumference-line{animation:pulseCircumference 3s ease-in-out infinite;border:2px dashed #e55353;border-radius:50%;bottom:-5px;left:-5px;position:absolute;right:-5px;top:-5px}@keyframes pulseCircumference{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.radius-label{font-size:.9rem;left:60%}.diameter-label{background:#1a0333cc;font-size:.9rem;top:-25px}.circle-perimeter-results-grid{display:flex;flex-direction:column;gap:1rem}.circle-perimeter-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.circle-perimeter-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.circle-perimeter-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.circle-perimeter-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.circle-perimeter-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.circle-perimeter-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.circle-perimeter-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.circle-perimeter-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem}.triangle-perimeter-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.triangle-perimeter-visual{display:flex;justify-content:center;margin:2rem 0}.triangle-perimeter-visual .triangle-shape{align-items:center;background:#8665e40d;border:3px solid #8665e4;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);display:flex;height:150px;justify-content:center;position:relative;width:180px}.side-a-line{background:#8665e4;position:absolute}.side-a-line:after,.side-a-line:before{border-bottom:4px solid #8665e4;border-left:4px solid #0000;border-right:4px solid #0000;bottom:-3px;content:"";height:0;position:absolute;width:0}.side-a-line:before{left:25%}.side-a-line:after{right:25%}.side-b-line{background:#4fc7a4;position:absolute;width:90px}.side-b-line:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #4fc7a4;content:"";height:0;position:absolute;right:-3px;top:-3px;width:0}.side-c-line{background:#e55353;position:absolute;width:90px}.side-c-line:after{border-left:4px solid #0000;border-right:4px #0000;border-top:4px solid #e55353;content:"";height:0;left:-3px;position:absolute;top:-3px;width:0}.perimeter-path{animation:followPerimeter 4s linear infinite;border:2px dashed #8665e4;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes followPerimeter{0%{-webkit-clip-path:polygon(50% 0,50% 0,50% 0);clip-path:polygon(50% 0,50% 0,50% 0)}33%{-webkit-clip-path:polygon(50% 0,0 100%,50% 0);clip-path:polygon(50% 0,0 100%,50% 0)}66%{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}to{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}}.side-a-label{color:#8665e4}.side-a-label,.side-b-label{background:#1a0333cc;border-radius:4px;font-size:.9rem;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.side-b-label{color:#4fc7a4}.side-c-label{background:#1a0333cc;border-radius:4px;color:#e55353;font-size:.9rem;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.perimeter-label{top:-30px}.triangle-perimeter-results-grid{display:flex;flex-direction:column;gap:1rem}.triangle-perimeter-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.triangle-perimeter-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.triangle-perimeter-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.triangle-perimeter-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.triangle-perimeter-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.triangle-perimeter-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.triangle-perimeter-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.triangle-perimeter-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.triangle-type-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.triangle-type-badge.equilateral{background:#4fc7a433;border:1px solid #4fc7a4;color:#4fc7a4}.triangle-type-badge.isosceles{background:#8665e433;border:1px solid #8665e4;color:#8665e4}.triangle-type-badge.scalene{background:#e5535333;border:1px solid #e55353;color:#e55353}.triangle-type-badge.right{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.polygon-perimeter-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.polygon-perimeter-visual{display:flex;justify-content:center;margin:2rem 0}.polygon-shape{height:200px;width:200px}.polygon-shape,.polygon-sides{align-items:center;display:flex;justify-content:center;position:relative}.polygon-sides{background:#8665e40d;border:3px solid #8665e4;-webkit-clip-path:polygon();clip-path:polygon();height:150px;height:var(--size,150px);width:150px;width:var(--size,150px)}.polygon-sides[style*="--sides: 3"]{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.polygon-sides[style*="--sides: 4"]{-webkit-clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.polygon-sides[style*="--sides: 5"]{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.polygon-sides[style*="--sides: 6"]{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.polygon-sides[style*="--sides: 7"]{-webkit-clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%);clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%)}.polygon-sides[style*="--sides: 8"]{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.side-length-line{background:#8665e4;height:2px;left:50%;position:absolute;top:50%;transform-origin:left center;width:60px}.radius-line{background:#4fc7a4;width:75px}.radius-line:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #4fc7a4;content:"";height:0;position:absolute;right:-3px;top:-3px;width:0}.apothem-line{background:#e55353;height:2px;left:50%;position:absolute;top:50%;transform:rotate(90deg);transform-origin:left center;width:40px}.apothem-line:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #e55353;content:"";height:0;position:absolute;right:-3px;top:-3px;width:0}.side-length-label{border-radius:4px;bottom:-25px;color:#8665e4;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.radius-label,.side-length-label{background:#1a0333cc;font-size:.8rem;left:50%;transform:translateX(-50%)}.radius-label{color:#4fc7a4;top:-25px}.apothem-label{color:#e55353;right:-40px;top:50%;transform:translateY(-50%)}.apothem-label,.perimeter-label{background:#1a0333cc;border-radius:4px;font-size:.8rem;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.perimeter-label{color:#b8b8d0;left:50%;top:-45px;transform:translateX(-50%)}.polygon-perimeter-results-grid{display:flex;flex-direction:column;gap:1rem}.polygon-perimeter-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.polygon-perimeter-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.polygon-perimeter-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.polygon-perimeter-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.polygon-perimeter-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.polygon-perimeter-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.polygon-perimeter-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.polygon-perimeter-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.coordinate-distance-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.geometry-coordinate-inputs{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.coordinate-distance-visual{display:flex;justify-content:center;margin:2rem 0}.distance-line{background:#8665e4;height:2px;left:50%;position:absolute;top:50%;transform-origin:left center;width:100px;z-index:5}.distance-line:before{background:linear-gradient(90deg,#0000,#8665e44d 20%,#8665e499 50%,#8665e44d 80%,#0000);border-radius:4px;content:"";height:8px;left:0;position:absolute;right:0;top:-3px}.area-fill{border-bottom:86.6px solid #8665e433;border-left:50px solid #0000;border-right:50px solid #0000;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0;z-index:2}.coordinate-distance-results-grid{display:flex;flex-direction:column;gap:1rem}.coordinate-distance-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.coordinate-distance-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.coordinate-distance-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.coordinate-distance-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.coordinate-distance-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.coordinate-distance-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.coordinate-distance-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.coordinate-distance-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.geometry-method-buttons{grid-template-columns:1fr 1fr 1fr}.midpoint-calculator-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.midpoint-calculator-visual{display:flex;justify-content:center;margin:2rem 0}.result-point{animation:pulsePoint 2s ease-in-out infinite}.result-point,.result-point:after{background:#8665e4}@keyframes pulsePoint{0%,to{box-shadow:0 0 0 0 #8665e4b3;transform:translate(-50%,50%) scale(1)}50%{box-shadow:0 0 0 10px #8665e400;transform:translate(-50%,50%) scale(1.1)}}.result-point .point-label{background:#8665e4e6;border-color:#8665e4}.ratio-line{background:#4fc7a4;height:2px;left:50%;position:absolute;top:50%;transform-origin:left center;z-index:4}.ratio-line.part-a{background:#e55353}.ratio-line.part-b{background:#4fc7a4}.ratio-label{background:#1a0333e6;border-radius:3px;color:#fff;font-size:.6rem;font-weight:600;padding:1px 4px;position:absolute;z-index:6}.ratio-label-a{border:1px solid #e55353;color:#e55353}.ratio-label-b{border:1px solid #4fc7a4;color:#4fc7a4}.midpoint-calculator-results-grid{display:flex;flex-direction:column;gap:1rem}.midpoint-calculator-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.midpoint-calculator-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.midpoint-calculator-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.midpoint-calculator-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.midpoint-calculator-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.midpoint-calculator-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.midpoint-calculator-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.midpoint-calculator-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.slope-calculator-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.geometry-input-hint{color:#8a8aa3;font-size:.8rem;font-style:italic;margin-top:.25rem}.slope-calculator-visual{display:flex;justify-content:center;margin:2rem 0}.slope-triangle{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4}.rise-line{transform-origin:bottom center;width:2px}.rise-line,.rise-line:before{background:#e55353;position:absolute}.rise-line:before{border-radius:50%;content:"";height:8px;left:-3px;top:-3px;width:8px}.run-line{height:2px;transform-origin:left center}.run-line,.run-line:before{background:#4fc7a4;position:absolute}.run-line:before{border-radius:50%;content:"";height:8px;right:-3px;top:-3px;width:8px}.rise-label{border:1px solid #e55353;border-radius:3px;color:#e55353}.rise-label,.run-label{background:#1a0333e6;font-size:.6rem;font-weight:600;padding:1px 4px;position:absolute}.run-label{border:1px solid #4fc7a4;border-radius:3px;color:#4fc7a4}.angle-visualization{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:6}.angle-line{background:#8665e4;height:2px;position:absolute;transform-origin:left center;width:80px}.angle-arc{border:2px solid #4fc7a4}.angle-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;color:#4fc7a4;font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute}.result-line{animation:extendLine 1s ease-out;background:#8665e499;height:2px;left:50%;position:absolute;top:50%;transform-origin:center center;width:200px;z-index:3}@keyframes extendLine{0%{opacity:0;width:0}to{opacity:.6;width:200px}}.slope-calculator-results-grid{display:flex;flex-direction:column;gap:1rem}.slope-calculator-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.slope-calculator-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.slope-calculator-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.slope-calculator-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.slope-calculator-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.slope-calculator-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.slope-calculator-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.slope-calculator-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.slope-calculator-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.slope-positive{color:#4fc7a4}.slope-negative{color:#e55353}.slope-zero{color:#8665e4}.slope-undefined{color:#ffc107}.angle-calculator-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.angle-calculator-visual{display:flex;justify-content:center;margin:2rem 0}.coordinate-plane{background:#ffffff05;border:2px solid #8665e4;border-radius:8px;height:300px;overflow:hidden;position:relative;width:300px}.coordinate-grid{height:100%;position:relative;width:100%}.grid-lines{background-image:linear-gradient(90deg,#8665e41a 1px,#0000 0),linear-gradient(180deg,#8665e41a 1px,#0000 0);background-position:50%;background-size:20px 20px;bottom:0;left:0;position:absolute;right:0;top:0}.grid-lines:after,.grid-lines:before{background:#8665e4;content:"";position:absolute}.grid-lines:before{height:2px;left:0;right:0;top:50%;transform:translateY(-50%)}.grid-lines:after{bottom:0;left:50%;top:0;transform:translateX(-50%);width:2px}.coordinate-point{border:2px solid #fff;height:12px;transform:translate(-50%,50%);width:12px;z-index:10}.coordinate-point,.coordinate-point:after{background:#e55353;border-radius:50%;position:absolute}.coordinate-point:after{content:"";height:8px;left:50%;top:50%;transform:translate(-50%,-50%);width:8px}.point-a,.point-a:after{background:#e55353}.point-b,.point-b:after{background:#4fc7a4}.point-c,.point-c:after{background:#8665e4}.point-label{border:1px solid;color:#fff;font-size:.7rem;left:50%;position:absolute;top:-25px;transform:translateX(-50%)}.point-a .point-label{border-color:#e55353}.point-b .point-label{border-color:#4fc7a4}.point-c .point-label{border-color:#8665e4}.line-segment{background:#8665e4;height:2px;left:50%;position:absolute;top:50%;transform-origin:left center;width:100px;z-index:5}.line-segment:before{background:linear-gradient(90deg,#8665e4cc,#8665e466 50%,#8665e4cc);border-radius:3px;content:"";height:6px;left:0;position:absolute;right:0;top:-2px}.segment-ab{background:#e55353}.segment-bc{background:#4fc7a4}.segment-ca{background:#8665e4}.angle-arc{animation:pulseAngle 2s ease-in-out infinite;border:2px solid #ffc107;border-radius:0 0 0 40px;border-right:none;border-top:none;height:40px;left:50%;position:absolute;top:50%;transform-origin:bottom left;width:40px;z-index:6}@keyframes pulseAngle{0%,to{border-color:#ffc107;transform:scale(1)}50%{border-color:#ffd54f;transform:scale(1.1)}}.slope-line{background:#8665e4;height:2px;left:50%;position:absolute;top:50%;transform-origin:center center;width:120px;z-index:5}.slope-line:before{background:linear-gradient(90deg,#8665e4cc,#8665e466 50%,#8665e4cc);border-radius:3px;content:"";height:6px;left:0;position:absolute;right:0;top:-2px}.line-1{background:#e55353}.line-2{background:#4fc7a4}.angle-arc-slopes{animation:pulseAngle 2s ease-in-out infinite;border:2px solid #ffc107;border-radius:0 0 0 50px;border-right:none;border-top:none;height:50px;left:50%;position:absolute;top:50%;transform-origin:bottom left;width:50px;z-index:6}.angle-calculator-results-grid{display:flex;flex-direction:column;gap:1rem}.angle-calculator-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.angle-calculator-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.angle-calculator-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.angle-calculator-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.angle-calculator-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.angle-calculator-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.angle-calculator-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.angle-calculator-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.angle-calculator-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.angle-acute{color:#4fc7a4}.angle-right{color:#ffc107}.angle-obtuse{color:#e55353}.angle-straight{color:#8665e4}.triangle-side-solver-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.triangle-side-solver-visual{display:flex;justify-content:center;margin:2rem 0}.angle-a-label,.angle-b-label,.angle-c-label{background:#1a0333e6;border-radius:4px;color:#ffc107;font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.angle-a-label{left:50%;top:10px;transform:translateX(-50%)}.angle-b-label{bottom:60px;left:40px}.angle-c-label{bottom:60px;right:40px}.angle-a-arc,.angle-b-arc,.angle-c-arc{border:2px solid #ffc107;border-radius:0 0 0 30px;border-right:none;border-top:none;position:absolute}.angle-a-arc{height:25px;left:50%;top:20px;transform:translateX(-50%) rotate(180deg);width:25px}.angle-b-arc{left:45px;transform:rotate(210deg)}.angle-b-arc,.angle-c-arc{bottom:80px;height:20px;width:20px}.angle-c-arc{right:45px;transform:rotate(300deg)}.triangle-side-solver-results-grid{display:flex;flex-direction:column;gap:1rem}.triangle-side-solver-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.triangle-side-solver-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.triangle-side-solver-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.triangle-side-solver-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.triangle-side-solver-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.triangle-side-solver-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.triangle-side-solver-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.triangle-side-solver-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.triangle-side-solver-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.triangle-type-scalene{color:#e55353}.triangle-type-right{color:#ffc107}.triangle-type-obtuse{color:#ff6b6b}.herons-formula-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.herons-formula-visual{display:flex;justify-content:center;margin:2rem 0}.area-formula-label,.semi-perimeter-label{background:#1a0333e6;border-radius:4px;color:#ffc107;font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute;text-align:center}.semi-perimeter-label{top:-30px}.area-formula-label,.semi-perimeter-label{left:50%;transform:translateX(-50%);white-space:nowrap}.area-formula-label{bottom:-45px;font-family:Courier New,monospace}.heron-highlight{animation:pulseHighlight 3s ease-in-out infinite;background:#ffc10733;border:1px dashed #ffc107;border-radius:4px;position:absolute}@keyframes pulseHighlight{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.highlight-a{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:30%;left:25%;top:20%;width:50%}.highlight-b{-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%);left:10%}.highlight-b,.highlight-c{height:40%;top:50%;width:40%}.highlight-c{-webkit-clip-path:polygon(0 0,0 100%,100% 100%);clip-path:polygon(0 0,0 100%,100% 100%);right:10%}.herons-formula-results-grid{display:flex;flex-direction:column;gap:1rem}.herons-formula-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.herons-formula-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.herons-formula-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.herons-formula-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.herons-formula-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.herons-formula-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.herons-formula-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.herons-formula-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.herons-formula-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.herons-formula-steps{background:#ffffff05;border:1px solid #8665e44d;border-radius:8px;grid-column:1/-1;margin-top:1rem;padding:1.5rem}.herons-formula-steps h4{border-bottom:1px solid #8665e480;color:#fff;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.steps-list{display:flex;flex-direction:column;gap:1rem}.step-item{align-items:flex-start;background:#ffffff08;border-left:3px solid #4fc7a4;border-radius:6px;display:flex;gap:1rem;padding:.75rem}.geometry-section-actions,.geometry-toggle-button{align-items:center;display:flex;gap:.5rem}.geometry-toggle-button{background:#ffffff0d;border:1px solid #8665e44d;border-radius:6px;color:#b8b8d0;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .3s ease}.geometry-toggle-button:hover{background:#8665e41a;border-color:#8665e480;color:#fff}.geometry-toggle-button.active{background:#8665e433;border-color:#8665e4;color:#fff}.triangle-equilateral{color:#4fc7a4}.triangle-isosceles{color:#8665e4}.triangle-scalene{color:#e55353}.triangle-right{color:#ffc107}.triangle-height-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.geometry-input-row.two-columns{grid-template-columns:1fr 1fr}.triangle-height-visual{display:flex;justify-content:center;margin:2rem 0}.triangle-diagram{align-items:center;display:flex;height:250px;justify-content:center;position:relative;width:300px}.triangle-shape{height:180px;position:relative;width:200px}.triangle-sides{background:#8665e40d;border:2px solid #8665e4;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:100%;position:relative;width:100%}.side-a-line,.side-b-line,.side-c-line{background:#8665e4;position:absolute}.side-a-line{width:100%}.side-a-line,.side-b-line{bottom:0;height:2px;left:0}.side-b-line{background:#e55353;transform:rotate(30deg);transform-origin:left bottom;width:100px}.side-c-line{background:#4fc7a4;bottom:0;height:2px;right:0;transform:rotate(-30deg);transform-origin:right bottom;width:100px}.height-a-line,.height-b-line,.height-c-line{animation:pulseHeight 2s ease-in-out infinite;background:#ffc107;border:1px dashed #ffc107;position:absolute}@keyframes pulseHeight{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.05)}}.height-a-line{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.height-b-line{height:86.6px;left:0;top:0;transform:rotate(60deg);transform-origin:left bottom;width:2px}.height-c-line{height:86.6px;right:0;top:0;transform:rotate(-60deg);transform-origin:right bottom;width:2px}.side-a-label,.side-b-label,.side-c-label{background:#1a0333e6;border-radius:4px;color:#8665e4;font-size:.8rem;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.side-a-label{bottom:-25px;left:50%;transform:translateX(-50%)}.side-b-label{bottom:30px;color:#e55353;left:25px;transform:rotate(-30deg)}.side-c-label{bottom:30px;color:#4fc7a4;right:25px;transform:rotate(30deg)}.height-a-label,.height-b-label,.height-c-label{background:#1a0333e6;border:1px solid #ffc107;border-radius:4px;color:#ffc107;font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.height-a-label{left:60%;top:50%;transform:translateY(-50%)}.height-b-label{left:60px;top:30%;transform:rotate(30deg)}.height-c-label{right:30px;top:30%;transform:rotate(-30deg)}.base-highlight{animation:pulseBase 2s ease-in-out infinite;background:#8665e44d;border-radius:4px;bottom:-5px;height:8px;left:0;position:absolute;width:100%}@keyframes pulseBase{0%,to{background:#8665e44d}50%{background:#8665e499}}.height-formula-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;bottom:-60px;color:#4fc7a4;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.triangle-height-results-grid{display:flex;flex-direction:column;gap:1rem}.triangle-height-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.triangle-height-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.triangle-height-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.triangle-height-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.triangle-height-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.triangle-height-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.triangle-height-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.triangle-height-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.triangle-height-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.geometry-method-buttons{grid-template-columns:1fr 1fr}.height-primary{color:#ffc107}.height-secondary{color:#4fc7a4}.height-tertiary{color:#e55353}.circle-sector-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.circle-sector-visual{display:flex;justify-content:center;margin:2rem 0}.sector-diagram{align-items:center;display:flex;height:300px;justify-content:center;position:relative;width:300px}.circle-shape{height:200px;position:relative;width:200px}.sector-area{height:100%;position:relative;width:100%}.sector-fill{animation:pulseSector 3s ease-in-out infinite;background:conic-gradient(from 0deg,#4fc7a44d 0deg,#4fc7a44d 60deg,#0000 60deg,#0000 1turn);background:conic-gradient(from 0deg,#4fc7a44d 0deg,#4fc7a44d calc(var(--angle, 60)*1deg),#0000 calc(var(--angle, 60)*1deg),#0000 1turn);border-radius:50%;-webkit-clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0,50% 0);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0,50% 0);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes pulseSector{0%,to{opacity:.7}50%{opacity:.9}}.radius-line{transform:rotate(30deg);transform:rotate(calc(var(--angle, 60)*.5deg));width:100px;z-index:5}.arc-line{border:2px dashed #4fc7a4}.angle-label,.arc-label,.radius-label{background:#1a0333e6;border:1px solid;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.radius-label{top:60%;transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(calc(var(--angle, 60)*.5deg))}.angle-label{top:30%}.arc-label{border-color:#4fc7a4;top:20%}.arc-label,.sector-formula-label{color:#4fc7a4;left:50%;transform:translateX(-50%)}.sector-formula-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;bottom:-40px;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;white-space:nowrap}.circle-sector-results-grid{display:flex;flex-direction:column;gap:1rem}.circle-sector-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.circle-sector-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.circle-sector-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.circle-sector-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.circle-sector-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.circle-sector-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.circle-sector-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.circle-sector-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.circle-sector-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.sector-small{color:#4fc7a4}.sector-medium{color:#8665e4}.sector-large{color:#e55353}.sector-full{color:#ffc107}.arc-length-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.arc-length-visual{margin:2rem 0}.arc-diagram,.arc-length-visual{display:flex;justify-content:center}.arc-diagram{align-items:center;height:300px;position:relative;width:300px}.circle-segment{height:200px;position:relative;width:200px}.arc-components{height:100%;position:relative;width:100%}.circle-outline{background:#8665e40d;border:3px solid #8665e4;border-radius:50%}.arc-line,.circle-outline{height:100%;left:0;position:absolute;top:0;width:100%}.arc-line{animation:pulseArc 2s ease-in-out infinite;border:3px solid #4fc7a4;border-radius:50%;-webkit-clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0,50% 0);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0,50% 0);-webkit-clip-path:path("M 100,100 L 100,0 A 100,100 0 0,1 calc(100 + 100 * sin(var(--angle, 60) * 3.14159 / 180)),calc(100 - 100 * cos(var(--angle, 60) * 3.14159 / 180)) Z");clip-path:path("M 100,100 L 100,0 A 100,100 0 0,1 calc(100 + 100 * sin(var(--angle, 60) * 3.14159 / 180)),calc(100 - 100 * cos(var(--angle, 60) * 3.14159 / 180)) Z")}@keyframes pulseArc{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.chord-line{background:#e55353;height:2px;left:calc(50% - 100px*sin(calc(60 * 3.14159 / 360)));left:calc(50% - 100px * sin(calc(var(--angle, 60) * 3.14159 / 360)));position:absolute;top:calc(100% - 100px*(1 - cos(calc(60 * 3.14159 / 360))));top:calc(100% - 100px * (1 - cos(calc(var(--angle, 60) * 3.14159 / 360))));transform-origin:left center;width:calc(200px*sin(calc(60 * 3.14159 / 360)));width:calc(200px * sin(calc(var(--angle, 60) * 3.14159 / 360)));z-index:5}.chord-line:before{left:-3px}.chord-line:after,.chord-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #e55353;content:"";height:0;position:absolute;top:-3px;width:0}.chord-line:after{right:-3px}.sagitta-line{animation:pulseSagitta 3s ease-in-out infinite;background:#ffc107;border:1px dashed #ffc107;height:calc(100px*(1 - cos(calc(60 * 3.14159 / 360))));height:calc(100px * (1 - cos(calc(var(--angle, 60) * 3.14159 / 360))));left:50%;position:absolute;top:50%;transform:translateX(-50%) rotate(30deg);transform:translateX(-50%) rotate(calc(var(--angle, 60)*.5deg));transform-origin:bottom center;width:2px;z-index:4}@keyframes pulseSagitta{0%,to{opacity:.7}50%{opacity:1}}.radius-line-1,.radius-line-2{background:#8665e4;height:2px;left:50%;position:absolute;top:50%;transform-origin:left center;width:100px;z-index:3}.radius-line-1{transform:rotate(30deg);transform:rotate(calc(var(--angle, 60)*.5deg))}.radius-line-2{transform:rotate(-30deg);transform:rotate(calc(var(--angle, 60)*-.5deg))}.radius-line-1:before,.radius-line-2:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #8665e4;content:"";height:0;position:absolute;right:-3px;top:-3px;width:0}.center-point{background:#8665e4;border:2px solid #fff;height:8px;width:8px;z-index:10}.angle-label,.arc-length-label,.chord-label,.radius-label,.sagitta-label{background:#1a0333e6;border:1px solid;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute;white-space:nowrap}.radius-label{border-color:#8665e4;top:30%}.angle-label{border-color:#ffc107;color:#ffc107;left:60%;top:10%}.arc-length-label{border-color:#4fc7a4;color:#4fc7a4;left:20%;top:25%}.chord-label{border-color:#e55353;bottom:40%;color:#e55353;left:50%;transform:translateX(-50%)}.sagitta-label{border-color:#ffc107;color:#ffc107;left:55%;top:60%;transform:rotate(30deg);transform:rotate(calc(var(--angle, 60)*.5deg))}.arc-formula-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;bottom:-40px;color:#4fc7a4;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.arc-length-results-grid{display:flex;flex-direction:column;gap:1rem}.arc-length-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.arc-length-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.arc-length-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.arc-length-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.arc-length-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.arc-length-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.arc-length-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.arc-length-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.arc-length-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.geometry-method-buttons.three-methods{grid-template-columns:1fr 1fr}.arc-minor{color:#4fc7a4}.arc-semicircle{color:#8665e4}.arc-major{color:#e55353}@media (max-width:1024px){.geometry-layout{gap:1.5rem;grid-template-columns:1fr}.geometry-right-column{position:static}.geometry-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.geometry-method-buttons.four-methods,.geometry-method-buttons.three-methods{grid-template-columns:1fr 1fr}}@media (max-width:768px){.geometry-container{padding:0 1rem}.geometry-header h1{font-size:2.5rem}.geometry-history-section,.geometry-input-section,.geometry-result-section,.geometry-tips-section{padding:1.5rem}.geometry-action-buttons{grid-template-columns:1fr}.geometry-history-list{max-height:300px}.circle-visual{height:150px;width:150px}.circle-shape{height:120px;width:120px}.radius-line{width:60px}.geometry-layout{display:flex;flex-direction:column}.geometry-left-column,.geometry-right-column{width:100%}.geometry-right-column{margin-bottom:2rem;order:2}.geometry-calculator{opacity:1;transition:opacity .3s ease}.geometry-calculator.loading{opacity:0}.geometry-input-row{grid-template-columns:1fr}.square-visual,.triangle-visual{transform:scale(.8)}.diagonal-label,.side-label{font-size:.8rem}.rectangle-visual{transform:scale(.8)}.diagonal-label,.length-label,.width-label{font-size:.8rem}.length-label{right:-40px}.parallelogram-visual{transform:scale(.8)}.angle-label,.base-label,.height-label,.side-label{font-size:.8rem}.trapezium-visual{transform:scale(.8)}.base1-label,.base2-label,.height-label,.side1-label,.side2-label{font-size:.8rem}.height-label{right:-35px}.side1-label{left:-35px}.side2-label{right:-35px}.rhombus-visual{transform:scale(.8)}.angle-label,.diagonal1-label,.diagonal2-label,.height-label,.side-label{font-size:.8rem}.diagonal1-label{left:-45px}.height-label{right:-45px}.ellipse-visual{transform:scale(.8)}.focus-label,.semi-major-label,.semi-minor-label{font-size:.8rem}.circle-perimeter-visual{transform:scale(.8)}.diameter-label,.radius-label{font-size:.8rem}.triangle-perimeter-visual{transform:scale(.8)}.perimeter-label,.side-a-label,.side-b-label,.side-c-label{font-size:.8rem}.geometry-input-row.three-columns{grid-template-columns:1fr}.polygon-perimeter-visual{transform:scale(.8)}.apothem-label,.perimeter-label,.radius-label,.side-length-label{font-size:.7rem}.coordinate-distance-visual,.midpoint-calculator-visual,.slope-calculator-visual{transform:scale(.8)}.angle-label,.rise-label,.run-label{font-size:.5rem}.angle-calculator-visual{transform:scale(.8)}.coordinate-plane{height:250px;width:250px}.geometry-coordinate-inputs{grid-template-columns:1fr}.point-label{font-size:.6rem}.angle-arc{height:30px;width:30px}.angle-arc-slopes{height:40px;width:40px}.geometry-method-buttons.four-methods{grid-template-columns:1fr}.triangle-side-solver-visual{transform:scale(.8)}.angle-a-label,.angle-b-label,.angle-c-label{font-size:.6rem}.herons-formula-visual{transform:scale(.8)}.side-b-label,.side-c-label{font-size:.7rem}.area-formula-label,.semi-perimeter-label{font-size:.6rem}.geometry-section-actions{flex-direction:column;gap:.25rem}.geometry-method-buttons{grid-template-columns:1fr}.triangle-height-visual{transform:scale(.8)}.triangle-diagram{height:200px;width:250px}.triangle-shape{height:150px;width:180px}.height-a-label,.height-b-label,.height-c-label,.side-b-label,.side-c-label{font-size:.6rem}.height-formula-label{bottom:-50px;font-size:.65rem}.circle-sector-visual{transform:scale(.8)}.sector-diagram{height:250px;width:250px}.circle-shape{height:180px;width:180px}.angle-label,.arc-label,.radius-label{font-size:.7rem}.sector-formula-label{bottom:-35px;font-size:.65rem}.geometry-method-buttons.three-methods{grid-template-columns:1fr}.arc-length-visual{transform:scale(.8)}.arc-diagram{height:250px;width:250px}.circle-segment{height:180px;width:180px}.angle-label,.arc-length-label,.chord-label,.radius-label,.sagitta-label{font-size:.6rem}.arc-formula-label{bottom:-35px;font-size:.65rem}.geometry-input-row.two-columns{grid-template-columns:1fr}}@media (max-width:640px){.geometry-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.geometry-header h1{font-size:2rem}.geometry-header p{font-size:1rem}.geometry-grid{gap:.75rem;grid-template-columns:1fr}.geometry-button{flex-direction:row;font-size:.9rem;gap:1rem;justify-content:flex-start;padding:.5rem 1rem}.geometry-button i{font-size:1.2rem;margin-bottom:0}.circle-result-item{gap:.75rem;text-align:center}.circle-result-item,.geometry-history-details{flex-direction:column}.rectangle-shape{height:100px;width:150px}.length-label{right:-35px}.parallelogram-shape{height:100px;width:140px}.height-label{right:-30px}.trapezium-shape{height:100px;width:150px}.geometry-input-row.three-columns{grid-template-columns:1fr}.rhombus-shape{height:140px;width:140px}.diagonal1-label{left:-40px}.height-label{right:-40px}.ellipse-shape{height:120px;width:180px}.semi-major-line{width:90px}.semi-minor-line{height:60px}.focus1{left:25%}.focus2{right:25%}.circle-perimeter-visual .circle-shape{height:150px;width:150px}.diameter-line{width:150px}.triangle-perimeter-visual .triangle-shape{height:120px;width:150px}.midpoint-calculator-result-item{flex-direction:column;gap:.75rem;text-align:center}.midpoint-calculator-result-icon{font-size:1rem;height:35px;width:35px}.slope-calculator-result-item{flex-direction:column;gap:.75rem;text-align:center}.slope-calculator-result-icon{font-size:1rem;height:35px;width:35px}.result-line{width:150px}.coordinate-plane{height:200px;width:200px}.grid-lines{background-size:15px 15px}.angle-calculator-result-item{flex-direction:column;gap:.75rem;text-align:center}.angle-calculator-result-icon{font-size:1rem;height:35px;width:35px}.line-segment{width:80px}.slope-line{width:100px}.triangle-side-solver-result-item{flex-direction:column;gap:.75rem;text-align:center}.triangle-side-solver-result-icon{font-size:1rem;height:35px;width:35px}.angle-b-arc,.angle-c-arc{height:15px;width:15px}.herons-formula-result-item{flex-direction:column;gap:.75rem;text-align:center}.herons-formula-result-icon{font-size:1rem;height:35px;width:35px}.step-item{flex-direction:column;gap:.5rem;text-align:center}.step-number{align-self:center}.heron-highlight{display:none}.triangle-diagram{height:160px;width:200px}.triangle-shape{height:120px;width:150px}.triangle-height-result-item{flex-direction:column;gap:.75rem;text-align:center}.triangle-height-result-icon{font-size:1rem;height:35px;width:35px}.side-b-line,.side-c-line{width:75px}.height-b-line,.height-c-line{height:65px}.side-b-label{bottom:25px;left:20px}.side-c-label{bottom:25px;right:20px}.height-b-label{left:25px;top:25px}.height-c-label{right:25px;top:25px}.sector-diagram{height:200px;width:200px}.circle-shape{height:150px;width:150px}.circle-sector-result-item{flex-direction:column;gap:.75rem;text-align:center}.circle-sector-result-icon{font-size:1rem;height:35px;width:35px}.radius-line{width:75px}.sector-fill{animation:none}.arc-diagram{height:200px;width:200px}.circle-segment{height:150px;width:150px}.arc-length-result-item{flex-direction:column;gap:.75rem;text-align:center}.arc-length-result-icon{font-size:1rem;height:35px;width:35px}.radius-line-1,.radius-line-2{width:75px}.radius-label{left:65%}.angle-label{left:55%}.sagitta-line{animation:none}}.geometry-history-list::-webkit-scrollbar{width:6px}.geometry-history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.geometry-history-list::-webkit-scrollbar-thumb{background:#4fc7a44d;border-radius:3px}.geometry-history-list::-webkit-scrollbar-thumb:hover{background:#4fc7a480}@keyframes geometryFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.geometry-history-item,.geometry-result-section{animation:geometryFadeInUp .6s ease}.circumference-demo{height:120px;margin:0 auto;position:relative;width:120px}.circumference-roll{animation:rollCircumference 4s linear infinite;background:#e55353;border-radius:50%;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}@keyframes rollCircumference{0%{transform:translateY(-50%) rotate(0deg) translateX(60px) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn) translateX(60px) rotate(-1turn)}}.cube-volume-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.cube-volume-visual{margin:2rem 0}.cube-diagram,.cube-volume-visual{display:flex;justify-content:center}.cube-diagram{align-items:center;height:300px;perspective:1000px;position:relative;width:300px}.cube-container{animation:rotateCube 20s linear infinite;height:200px;position:relative;transform-style:preserve-3d;width:200px}@keyframes rotateCube{0%{transform:rotateX(-20deg) rotateY(-20deg)}to{transform:rotateX(-20deg) rotateY(340deg)}}.cube-3d{position:relative;transform-style:preserve-3d}.cube-3d,.cube-face{height:100%;width:100%}.cube-face{align-items:center;background:#8665e41a;border:2px solid #8665e4;display:flex;justify-content:center;position:absolute}.cube-face.front{background:#8665e433;transform:translateZ(100px)}.cube-face.back{transform:translateZ(-100px) rotateY(180deg)}.cube-face.right{background:#8665e426;transform:translateX(100px) rotateY(90deg)}.cube-face.left{background:#8665e426;transform:translateX(-100px) rotateY(-90deg)}.cube-face.top{background:#4fc7a41a;transform:translateY(-100px) rotateX(90deg)}.cube-face.bottom{background:#4fc7a41a;transform:translateY(100px) rotateX(-90deg)}.side-length-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.side-line{background:#8665e4;height:2px;left:-100px;position:absolute;top:-100px;transform-origin:left center;width:200px}.side-line:after,.side-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #8665e4;content:"";height:0;position:absolute;top:-3px;width:0}.side-line:before{left:0}.side-line:after{right:0}.side-label{background:#1a0333e6;border-radius:4px;color:#8665e4;font-size:.8rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap}.face-diagonal-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:9}.face-diagonal-line{background:#4fc7a4;height:2px;left:-100px;position:absolute;top:-100px;transform:rotate(45deg);transform-origin:left center;width:283px}.face-diagonal-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #4fc7a4;content:"";height:0;position:absolute;right:-3px;top:-3px;width:0}.face-diagonal-label{background:#1a0333e6;border-radius:4px;color:#4fc7a4;font-size:.7rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;top:-60px;transform:translateX(-50%);white-space:nowrap}.space-diagonal-indicator{z-index:8}.space-diagonal-line{animation:pulseDiagonal 3s ease-in-out infinite;background:#ffc107;left:-100px;top:-100px;transform:rotateX(45deg) rotateY(45deg);width:346px}@keyframes pulseDiagonal{0%,to{opacity:.7}50%{opacity:1}}.space-diagonal-line:before{border-top:4px solid #ffc107}.space-diagonal-label{color:#ffc107;top:-90px}.cube-volume-results-grid{display:flex;flex-direction:column;gap:1rem}.cube-volume-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.cube-volume-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.cube-volume-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.cube-volume-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.cube-volume-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.cube-volume-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.cube-volume-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.cube-volume-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.cube-volume-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.cuboid-volume-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.cuboid-volume-visual{display:flex;justify-content:center;margin:2rem 0}.cuboid-diagram{align-items:center;display:flex;height:300px;justify-content:center;perspective:1000px;position:relative;width:300px}.cuboid-container{animation:rotateCuboid 25s linear infinite;height:200px;position:relative;transform-style:preserve-3d;width:200px}@keyframes rotateCuboid{0%{transform:rotateX(-15deg) rotateY(-15deg)}to{transform:rotateX(-15deg) rotateY(345deg)}}.cuboid-3d{height:100%;position:relative;transform-style:preserve-3d;width:100%}.cuboid-face{align-items:center;border:2px solid #8665e4;display:flex;justify-content:center;position:absolute}.cuboid-face.front{background:#8665e433;height:120px;transform:translateZ(80px);width:160px}.cuboid-face.back{background:#8665e41a;height:120px;transform:translateZ(-80px) rotateY(180deg);width:160px}.cuboid-face.right{transform:translateX(80px) rotateY(90deg)}.cuboid-face.left,.cuboid-face.right{background:#8665e426;height:120px;width:160px}.cuboid-face.left{transform:translateX(-80px) rotateY(-90deg)}.cuboid-face.top{transform:translateY(-60px) rotateX(90deg)}.cuboid-face.bottom,.cuboid-face.top{background:#4fc7a41a;height:160px;width:160px}.cuboid-face.bottom{transform:translateY(60px) rotateX(-90deg)}.length-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.length-line{background:#8665e4;height:2px;left:-80px;position:absolute;top:-60px;transform-origin:left center;width:160px}.length-line:after,.length-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #8665e4;content:"";height:0;position:absolute;top:-3px;width:0}.length-line:before{left:0}.length-line:after{right:0}.length-label{background:#1a0333e6;border-radius:4px;color:#8665e4;font-size:.7rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap}.width-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:9}.width-line{background:#4fc7a4;height:120px;left:-80px;position:absolute;top:-60px;transform-origin:top center;width:2px}.width-line:after,.width-line:before{border-bottom:4px solid #0000;border-left:4px solid #4fc7a4;border-top:4px solid #0000;content:"";height:0;left:-3px;position:absolute;width:0}.width-line:before{top:0}.width-line:after{bottom:0}.width-label{background:#1a0333e6;border-radius:4px;color:#4fc7a4;font-size:.7rem;font-weight:600;left:-40px;padding:2px 6px;position:absolute;top:50%;transform:translateY(-50%) rotate(-90deg);white-space:nowrap}.height-line{height:120px;top:-60px;transform:translateX(80px);transform-origin:top center}.height-label{right:-40px}.space-diagonal-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:7}.space-diagonal-line{animation:pulseCuboidDiagonal 4s ease-in-out infinite;background:#e55353;height:2px;left:-80px;position:absolute;top:-60px;transform:rotateX(35deg) rotateY(45deg);transform-origin:left center;width:226px}@keyframes pulseCuboidDiagonal{0%,to{opacity:.6}50%{opacity:1}}.space-diagonal-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #e55353;content:"";height:0;position:absolute;right:-3px;top:-3px;width:0}.space-diagonal-label{background:#1a0333e6;border-radius:4px;color:#e55353;font-size:.7rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;top:-80px;transform:translateX(-50%);white-space:nowrap}.cuboid-volume-results-grid{display:flex;flex-direction:column;gap:1rem}.cuboid-volume-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.cuboid-volume-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.cuboid-volume-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.cuboid-volume-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.cuboid-volume-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.cuboid-volume-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.cuboid-volume-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.cuboid-volume-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.cuboid-volume-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.sphere-volume-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.sphere-volume-visual{display:flex;justify-content:center;margin:2rem 0}.sphere-diagram{align-items:center;display:flex;height:300px;justify-content:center;perspective:1000px;position:relative;width:300px}.sphere-container{animation:rotateSphere 20s linear infinite;height:200px;position:relative;transform-style:preserve-3d;width:200px}@keyframes rotateSphere{0%{transform:rotateX(-15deg) rotateY(0deg)}to{transform:rotateX(-15deg) rotateY(1turn)}}.sphere-3d{height:100%;position:relative;transform-style:preserve-3d;width:100%}.sphere-shape{animation:pulseSphere 4s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#8665e4,#6a4fc7,#4a36a3);border-radius:50%;box-shadow:0 0 30px #8665e466,inset -10px -10px 20px #0000004d,inset 10px 10px 20px #ffffff1a;height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:160px}@keyframes pulseSphere{0%,to{box-shadow:0 0 30px #8665e466,inset -10px -10px 20px #0000004d,inset 10px 10px 20px #ffffff1a;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 40px #8665e499,inset -10px -10px 20px #0006,inset 10px 10px 20px #fff3;transform:translate(-50%,-50%) scale(1.05)}}.radius-line{width:80px}.diameter-indicator{z-index:9}.diameter-line{background:#4fc7a4;top:50%;width:160px}.diameter-line:after,.diameter-line:before{border-top:4px solid #4fc7a4}.diameter-label{border:1px solid #4fc7a4;color:#4fc7a4;top:30%}.circumference-indicator{z-index:8}.circumference-circle,.circumference-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.circumference-circle{animation:rotateCircumference 10s linear infinite;border:2px dashed #ffc107;border-radius:50%;height:160px;width:160px}@keyframes rotateCircumference{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.circumference-label{background:#1a0333e6;border:1px solid #ffc107;border-radius:4px;bottom:-30px;color:#ffc107;font-size:.7rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;transform:translateX(-50%);white-space:nowrap}.great-circle{animation:rotateGreatCircle 15s linear infinite reverse;border:1px solid #ffffff4d;border-radius:50%;height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotateX(90deg);width:160px}@keyframes rotateGreatCircle{0%{transform:translate(-50%,-50%) rotateX(90deg) rotateY(0deg)}to{transform:translate(-50%,-50%) rotateX(90deg) rotateY(1turn)}}.center-point{animation:pulseCenter 2s ease-in-out infinite;background:#fff;border:2px solid #8665e4;border-radius:50%;height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;z-index:15}@keyframes pulseCenter{0%,to{box-shadow:0 0 0 0 #fff6;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 0 4px #fff0;transform:translate(-50%,-50%) scale(1.2)}}.sphere-volume-results-grid{display:flex;flex-direction:column;gap:1rem}.sphere-volume-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.sphere-volume-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.sphere-volume-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.sphere-volume-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.sphere-volume-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.sphere-volume-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.sphere-volume-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.sphere-volume-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.sphere-volume-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.geometry-method-buttons.five-methods{grid-template-columns:1fr 1fr 1fr}.cylinder-volume-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.cylinder-volume-visual{display:flex;justify-content:center;margin:2rem 0}.cylinder-diagram{align-items:center;display:flex;height:300px;justify-content:center;perspective:1000px;position:relative;width:300px}.cylinder-container{animation:rotateCylinder 20s linear infinite;height:200px;position:relative;transform-style:preserve-3d;width:200px}@keyframes rotateCylinder{0%{transform:rotateX(-10deg) rotateY(0deg)}to{transform:rotateX(-10deg) rotateY(1turn)}}.cylinder-3d{height:100%;position:relative;transform-style:preserve-3d;width:100%}.cylinder-body{background:linear-gradient(90deg,#8665e4cc,#6a4fc799);border-radius:60px;box-shadow:inset 0 0 20px #0000004d,0 5px 15px #0003;height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.cylinder-top{background:#8665e4e6;box-shadow:0 0 10px #8665e480,inset 0 0 10px #fff3;top:20px}.cylinder-bottom,.cylinder-top{border-radius:50%;height:120px;left:50%;position:absolute;transform:translateX(-50%) rotateX(90deg);width:120px}.cylinder-bottom{background:#6a4fc7e6;bottom:20px;box-shadow:0 0 10px #6a4fc780,inset 0 0 10px #0000004d}.radius-line{top:50%;transform:translateY(-50%)}.radius-label{top:40%}.height-line{top:20px}.diameter-indicator{top:50%;z-index:8}.diameter-indicator,.diameter-line{left:50%;position:absolute;transform:translate(-50%,-50%)}.diameter-line{background:#ffc107;height:2px;top:100px;width:120px}.diameter-line:after,.diameter-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #ffc107;content:"";height:0;position:absolute;top:-3px;width:0}.diameter-line:before{left:10px}.diameter-line:after{right:10px}.diameter-label{background:#1a0333e6;border:1px solid #ffc107;border-radius:4px;color:#ffc107;font-size:.7rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;top:80px;transform:translateX(-50%);white-space:nowrap}.lateral-surface{animation:pulseLateral 3s ease-in-out infinite;border:2px dashed #4fc7a499;border-radius:60px;height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}@keyframes pulseLateral{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.02)}}.cylinder-volume-results-grid{display:flex;flex-direction:column;gap:1rem}.cylinder-volume-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.cylinder-volume-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.cylinder-volume-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.cylinder-volume-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.cylinder-volume-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.cylinder-volume-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.cylinder-volume-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.cylinder-volume-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.cylinder-volume-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.pi-value{align-items:center;color:#b8b8d0;display:inline-flex;font-family:Courier New,monospace;font-size:.8rem;gap:.25rem}.cone-volume-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.cone-volume-visual{margin:2rem 0}.cone-diagram,.cone-volume-visual{display:flex;justify-content:center}.cone-diagram{align-items:center;height:300px;perspective:1000px;position:relative;width:300px}.cone-container{animation:rotateCone 20s linear infinite;height:200px;position:relative;transform-style:preserve-3d;width:200px}@keyframes rotateCone{0%{transform:rotateX(-15deg) rotateY(0deg)}to{transform:rotateX(-15deg) rotateY(1turn)}}.cone-3d{height:100%;position:relative;transform-style:preserve-3d;width:100%}.cone-body{animation:pulseCone 4s ease-in-out infinite;background:conic-gradient(from 180deg at 50% 100%,#8665e4e6 0deg,#6a4fc7b3 90deg,#8665e4e6 180deg,#6a4fc7b3 270deg);box-shadow:inset 0 0 20px #0000004d,0 5px 15px #0003;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:160px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:120px}@keyframes pulseCone{0%,to{filter:brightness(1);transform:translateX(-50%) scale(1)}50%{filter:brightness(1.1);transform:translateX(-50%) scale(1.02)}}.cone-base{background:#4fc7a4cc;border-radius:50%;bottom:0;box-shadow:0 0 10px #4fc7a480,inset 0 0 10px #0000004d;height:120px;left:50%;position:absolute;transform:translateX(-50%) rotateX(90deg);width:120px}.radius-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.radius-line{background:#8665e4;bottom:60px;height:2px;left:50%;position:absolute;transform:translateY(30px);transform-origin:left center;width:60px}.radius-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #8665e4;content:"";height:0;position:absolute;right:-3px;top:-3px;width:0}.radius-label{background:#1a0333e6;border:1px solid #8665e4;border-radius:4px;bottom:70px;color:#8665e4;font-size:.7rem;font-weight:600;left:70%;padding:2px 6px;position:absolute;transform:translate(-50%,-50%);white-space:nowrap}.height-indicator{z-index:9}.height-line{background:#4fc7a4}.height-line:after,.height-line:before{border-left:4px solid #4fc7a4}.height-label{border:1px solid #4fc7a4;color:#4fc7a4}.slant-height-indicator{z-index:8}.slant-height-line{background:#ffc107}.slant-height-line:before{border-bottom:4px solid #ffc107}.slant-height-label{border:1px solid #ffc107;color:#ffc107}.cone-volume-results-grid{display:flex;flex-direction:column;gap:1rem}.cone-volume-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.cone-volume-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.cone-volume-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.cone-volume-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.cone-volume-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.cone-volume-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.cone-volume-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.cone-volume-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.cone-volume-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.pyramid-volume-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.pyramid-volume-visual{display:flex;justify-content:center;margin:2rem 0}.pyramid-diagram{align-items:center;display:flex;height:300px;justify-content:center;perspective:1000px;position:relative;width:300px}.pyramid-container{animation:rotatePyramid 25s linear infinite;height:200px;position:relative;transform-style:preserve-3d;width:200px}@keyframes rotatePyramid{0%{transform:rotateX(-15deg) rotateY(0deg)}to{transform:rotateX(-15deg) rotateY(1turn)}}.pyramid-3d{height:100%;position:relative;transform-style:preserve-3d;width:100%}.pyramid-base{background:#4fc7a4cc;bottom:0;box-shadow:0 0 10px #4fc7a480,inset 0 0 10px #0000004d;left:50%;position:absolute;transform:translateX(-50%) rotateX(90deg)}.pyramid-base.square{height:120px;width:120px}.pyramid-base.rectangular{height:100px;width:140px}.pyramid-faces{bottom:0;height:120px;left:50%;position:absolute;transform:translateX(-50%);transform-style:preserve-3d;width:120px}.pyramid-faces .face-back,.pyramid-faces .face-front,.pyramid-faces:after,.pyramid-faces:before{animation:pulsePyramid 4s ease-in-out infinite;border-bottom:160px solid #8665e4b3;border-left:60px solid #0000;border-right:60px solid #0000;bottom:0;content:"";height:0;position:absolute;transform-origin:bottom center;width:0}@keyframes pulsePyramid{0%,to{filter:brightness(1);opacity:.8}50%{filter:brightness(1.1);opacity:.9}}.pyramid-faces:before{border-bottom-color:#8665e4cc;transform:rotateY(0deg)}.pyramid-faces:after{border-bottom-color:#6a4fc7b3;transform:rotateY(90deg)}.pyramid-faces .face-front{border-bottom-color:#8665e499;transform:rotateY(180deg)}.pyramid-faces .face-back{border-bottom-color:#6a4fc799;transform:rotateY(270deg)}.pyramid-base.rectangular+.pyramid-faces{height:100px;width:140px}.pyramid-base.rectangular+.pyramid-faces:after,.pyramid-base.rectangular+.pyramid-faces:before{border-bottom:160px solid #8665e4b3;border-left:70px solid #0000;border-right:70px solid #0000}.base-length-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.base-length-line{background:#8665e4;bottom:60px;height:2px;left:50%;position:absolute;transform:translate(-50%,30px);width:120px}.base-length-line:after,.base-length-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #8665e4;content:"";height:0;position:absolute;top:-3px;width:0}.base-length-line:before{left:10px}.base-length-line:after{right:10px}.base-length-label{background:#1a0333e6;border:1px solid #8665e4;border-radius:4px;bottom:70px;color:#8665e4;font-size:.7rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;transform:translateX(-50%);white-space:nowrap}.base-width-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:9}.base-width-line{background:#4fc7a4;bottom:60px;height:100px;left:50%;position:absolute;transform:translate(-70px,50px) rotate(90deg);width:2px}.base-width-line:after,.base-width-line:before{border-bottom:4px solid #0000;border-left:4px solid #4fc7a4;border-top:4px solid #0000;content:"";height:0;left:-3px;position:absolute;width:0}.base-width-line:before{top:0}.base-width-line:after{bottom:0}.base-width-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;bottom:110px;color:#4fc7a4;font-size:.7rem;font-weight:600;left:25%;padding:2px 6px;position:absolute;transform:translateX(-50%) rotate(-90deg);white-space:nowrap}.height-line{height:160px;top:0}.slant-height-line{height:144px;top:0;transform:translateX(-60px) rotate(20deg)}.slant-height-label{left:20%;top:40%;transform:translate(-50%,-50%) rotate(-20deg)}.apex-point{animation:pulseApex 2s ease-in-out infinite;background:#fff;border:2px solid #8665e4;border-radius:50%;height:8px;left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:8px;z-index:15}@keyframes pulseApex{0%,to{box-shadow:0 0 0 0 #fff6;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 0 4px #fff0;transform:translate(-50%,-50%) scale(1.3)}}.pyramid-volume-results-grid{display:flex;flex-direction:column;gap:1rem}.pyramid-volume-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.pyramid-volume-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.pyramid-volume-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.pyramid-volume-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.pyramid-volume-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.pyramid-volume-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.pyramid-volume-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.pyramid-volume-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.pyramid-volume-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.frustum-volume-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.frustum-volume-visual{display:flex;justify-content:center;margin:2rem 0}.frustum-diagram{align-items:center;display:flex;height:300px;justify-content:center;perspective:1000px;position:relative;width:300px}.frustum-container{animation:rotateFrustum 20s linear infinite;height:200px;position:relative;transform-style:preserve-3d;width:200px}@keyframes rotateFrustum{0%{transform:rotateX(-10deg) rotateY(0deg)}to{transform:rotateX(-10deg) rotateY(1turn)}}.frustum-3d{height:100%;position:relative;transform-style:preserve-3d;width:100%}.frustum-body{animation:pulseFrustum 4s ease-in-out infinite;background:conic-gradient(from 180deg at 50% 50%,#8665e4cc 0deg,#6a4fc799 90deg,#8665e4cc 180deg,#6a4fc799 270deg);border-radius:50%;box-shadow:inset 0 0 20px #0000004d,0 5px 15px #0003;height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scaleY(1.33);width:120px}@keyframes pulseFrustum{0%,to{filter:brightness(1);transform:translate(-50%,-50%) scaleY(1.33) scale(1)}50%{filter:brightness(1.1);transform:translate(-50%,-50%) scaleY(1.33) scale(1.02)}}.frustum-top{background:#4fc7a4cc;box-shadow:0 0 10px #4fc7a480,inset 0 0 10px #fff3;height:80px;top:40px;width:80px}.frustum-bottom,.frustum-top{border-radius:50%;left:50%;position:absolute;transform:translateX(-50%) rotateX(90deg)}.frustum-bottom{background:#4fc7a4e6;bottom:40px;box-shadow:0 0 10px #4fc7a480,inset 0 0 10px #0000004d;height:120px;width:120px}.radius1-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.radius1-line{background:#8665e4;bottom:60px;height:2px;left:50%;position:absolute;transform:translateY(30px);transform-origin:left center;width:60px}.radius1-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #8665e4;content:"";height:0;position:absolute;right:-3px;top:-3px;width:0}.radius1-label{background:#1a0333e6;border:1px solid #8665e4;border-radius:4px;bottom:70px;color:#8665e4;font-size:.7rem;font-weight:600;left:70%;padding:2px 6px;white-space:nowrap}.radius1-label,.radius2-indicator{position:absolute;transform:translate(-50%,-50%)}.radius2-indicator{left:50%;top:50%;z-index:9}.radius2-line{background:#4fc7a4;height:2px;left:50%;position:absolute;top:40px;transform:translateY(-20px);transform-origin:left center;width:40px}.radius2-line:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #4fc7a4;content:"";height:0;position:absolute;right:-3px;top:-3px;width:0}.radius2-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;color:#4fc7a4;font-size:.7rem;font-weight:600;left:60%;padding:2px 6px;top:30px;white-space:nowrap}.height-indicator,.radius2-label{position:absolute;transform:translate(-50%,-50%)}.height-indicator{left:50%;top:50%;z-index:8}.height-line{background:#ffc107;height:80px;left:80px;position:absolute;top:40px;transform:translateX(60px);width:2px}.height-line:after,.height-line:before{border-bottom:4px solid #0000;border-left:4px solid #ffc107;border-top:4px solid #0000;content:"";height:0;left:-3px;position:absolute;width:0}.height-line:before{top:0}.height-line:after{bottom:0}.height-label{background:#1a0333e6;border:1px solid #ffc107;border-radius:4px;color:#ffc107;font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute;right:-35px;top:50%;transform:translateY(-50%) rotate(-90deg);white-space:nowrap}.slant-height-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:7}.slant-height-line{animation:pulseSlant 3s ease-in-out infinite;background:#e55353;height:89px;left:50%;position:absolute;top:40px;transform:translateX(-40px) rotate(26.5deg);transform-origin:top center;width:2px}@keyframes pulseSlant{0%,to{opacity:.7}50%{opacity:1}}.slant-height-line:before{border-bottom:4px solid #e55353;border-left:4px solid #0000;border-right:4px solid #0000;bottom:-3px;content:"";height:0;left:-3px;position:absolute;width:0}.slant-height-label{background:#1a0333e6;border:1px solid #e55353;border-radius:4px;color:#e55353;font-size:.7rem;font-weight:600;left:25%;padding:2px 6px;position:absolute;top:65%;transform:translate(-50%,-50%) rotate(-26.5deg);white-space:nowrap}.frustum-volume-results-grid{display:flex;flex-direction:column;gap:1rem}.frustum-volume-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.frustum-volume-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.frustum-volume-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.frustum-volume-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.frustum-volume-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.frustum-volume-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.frustum-volume-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.frustum-volume-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.frustum-volume-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.geometry-method-buttons.four-methods{grid-template-columns:1fr 1fr 1fr 1fr}.triangle-side{background:#8665e4;height:2px;position:absolute}.triangle-side.side-ab{left:40px;top:40px;transform:rotate(30deg);transform-origin:left center;width:96px}.triangle-side.side-bc{left:40px;top:40px;transform:rotate(150deg);transform-origin:left center;width:80px}.triangle-side.side-ca{left:136px;top:118px;transform:rotate(210deg);transform-origin:left center;width:112px}.center-point.point-a{background:#ffc107;border-color:#8665e4;left:40px;top:40px}.center-point.point-b{background:#4fc7a4;border-color:#8665e4;left:40px;top:40px}.center-point.point-c{background:#e55353;border-color:#8665e4;left:136px;top:118px}.radius-indicator.bisector-line{left:40px;top:40px;z-index:20}.radius-indicator.bisector-line .radius-line{animation:pulseBisector 2s ease-in-out infinite;background:#4fc7a4;background:repeating-linear-gradient(90deg,#4fc7a4,#4fc7a4 4px,#0000 0,#0000 8px);transform:rotate(90deg);width:64px}@keyframes pulseBisector{0%,to{opacity:.8}50%{opacity:1}}.radius-indicator.bisector-line .radius-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;color:#4fc7a4;left:50%;padding:2px 6px;top:-25px;transform:translateX(-50%)}.circumference-indicator.angle-arc{animation:none;border:2px solid #ffc107;border-radius:50%;border-right:none;border-top:none;height:24px;left:40px;top:40px;transform:translate(-50%,-50%) rotate(30deg);width:24px}.circumference-indicator.angle-arc .circumference-circle{display:none}.circumference-indicator.angle-arc .circumference-label{background:#1a0333e6;border:1px solid #ffc107;border-radius:4px;color:#ffc107;left:30px;padding:2px 6px;top:-15px}.triangle-shape{height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:160px}.triangle-shape .triangle-side{background:#8665e4;height:2px;position:absolute}.triangle-shape .side-a{left:20px;top:120px;transform:rotate(0deg);width:120px}.triangle-shape .side-b{left:20px;top:120px;transform:rotate(135deg);transform-origin:left bottom;width:100px}.triangle-shape .side-c{left:140px;top:20px;transform:rotate(225deg);transform-origin:left bottom;width:140px}.triangle-shape .center-point{animation:pulseCenter 2s ease-in-out infinite;background:#fff;border:2px solid #8665e4;border-radius:50%;height:6px;width:6px}.triangle-shape .point-a{left:20px;top:120px}.triangle-shape .point-b{left:140px;top:120px}.triangle-shape .point-c{left:20px;top:20px}.triangle-shape .side-a-label{left:80px;top:130px}.triangle-shape .side-a-label .radius-line{background:#8665e4;transform:rotate(0deg);width:60px}.triangle-shape .side-a-label .radius-label{background:#1a0333e6;border:1px solid #8665e4;border-radius:4px;color:#8665e4;left:50%;padding:2px 6px;top:-20px;transform:translateX(-50%)}.triangle-shape .side-b-label{left:80px;top:70px}.triangle-shape .side-b-label .radius-line{background:#4fc7a4;transform:rotate(135deg);width:50px}.triangle-shape .side-b-label .radius-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;color:#4fc7a4;left:50%;padding:2px 6px;top:-35px;transform:translateX(-50%) rotate(-135deg)}.triangle-shape .side-c-label{left:80px;top:70px}.triangle-shape .side-c-label .diameter-line{background:#ffc107;transform:rotate(225deg);width:70px}.triangle-shape .side-c-label .diameter-label{background:#1a0333e6;border:1px solid #ffc107;border-radius:4px;color:#ffc107;left:50%;padding:2px 6px;top:25px;transform:translateX(-50%) rotate(-225deg)}.triangle-shape .angle-a{animation:none;border:1px solid #e55353;border-radius:50%;border-right:none;border-top:none;height:20px;left:40px;top:100px;transform:translate(-50%,-50%) rotate(-45deg);width:20px}.triangle-shape .angle-a .circumference-label{background:#1a0333e6;border:1px solid #e55353;border-radius:4px;color:#e55353;left:25px;padding:2px 6px;top:-15px}.triangle-shape .angle-b{animation:none;border:1px solid #4fc7a4;border-bottom:none;border-left:none;border-radius:50%;height:20px;left:120px;top:100px;transform:translate(-50%,-50%) rotate(45deg);width:20px}.triangle-shape .angle-b .circumference-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;color:#4fc7a4;left:-10px;padding:2px 6px;top:25px}.triangle-shape .angle-c{animation:none;border:1px solid #8665e4;border-bottom:none;border-radius:50%;border-right:none;height:20px;left:40px;top:40px;transform:translate(-50%,-50%) rotate(135deg);width:20px}.triangle-shape .angle-c .circumference-label{background:#1a0333e6;border:1px solid #8665e4;border-radius:4px;color:#8665e4;left:-10px;padding:2px 6px;top:-15px}.right-triangle-shape{height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:160px}.right-triangle-shape .triangle-side{background:#8665e4;height:2px;position:absolute}.right-triangle-shape .leg-a{left:40px;top:80px;transform:rotate(0deg);width:80px}.right-triangle-shape .leg-b{left:40px;top:80px;transform:rotate(90deg);transform-origin:left bottom;width:60px}.right-triangle-shape .hypotenuse-c{background:#4fc7a4;left:40px;top:20px;transform:rotate(36.87deg);width:100px}.right-angle-indicator{animation:pulseRightAngle 2s ease-in-out infinite;background:#ffc107;border-radius:2px;box-shadow:0 0 0 2px #ffc1074d;height:10px;left:40px;position:absolute;top:70px;width:10px}@keyframes pulseRightAngle{0%,to{background:#ffc107;box-shadow:0 0 0 2px #ffc1074d}50%{background:#ffd54f;box-shadow:0 0 0 4px #ffc10780}}.right-triangle-shape .center-point{animation:pulseCenter 2s ease-in-out infinite;background:#fff;border:2px solid #8665e4;border-radius:50%;height:6px;width:6px}.right-triangle-shape .point-a{left:40px;top:80px}.right-triangle-shape .point-b{left:120px;top:80px}.right-triangle-shape .point-c{left:40px;top:20px}.right-triangle-shape .side-a-label{left:80px;top:90px}.right-triangle-shape .side-a-label .radius-line{background:#8665e4;transform:rotate(0deg);width:40px}.right-triangle-shape .side-a-label .radius-label{background:#1a0333e6;border:1px solid #8665e4;border-radius:4px;color:#8665e4;left:50%;padding:2px 6px;top:-20px;transform:translateX(-50%)}.right-triangle-shape .side-b-label{left:50px;top:50px}.right-triangle-shape .side-b-label .radius-line{background:#8665e4;transform:rotate(90deg);width:30px}.right-triangle-shape .side-b-label .radius-label{background:#1a0333e6;border:1px solid #8665e4;border-radius:4px;color:#8665e4;left:50%;padding:2px 6px;top:-35px;transform:translateX(-50%) rotate(-90deg)}.right-triangle-shape .side-c-label{left:90px;top:50px}.right-triangle-shape .side-c-label .diameter-line{background:#4fc7a4;transform:rotate(36.87deg);width:50px}.right-triangle-shape .side-c-label .diameter-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;color:#4fc7a4;left:50%;padding:2px 6px;top:-25px;transform:translateX(-50%) rotate(-36.87deg)}.right-triangle-shape .angle-a{animation:none;border:1px solid #ffc107;border-radius:50%;border-right:none;border-top:none;height:20px;left:55px;top:65px;transform:translate(-50%,-50%) rotate(-45deg);width:20px}.right-triangle-shape .angle-a .circumference-label{background:#1a0333e6;border:1px solid #ffc107;border-radius:4px;color:#ffc107;left:15px;padding:2px 6px;top:-15px}.right-triangle-shape .angle-b{animation:none;border:1px solid #e55353;border-bottom:none;border-left:none;border-radius:50%;height:20px;left:105px;top:65px;transform:translate(-50%,-50%) rotate(45deg);width:20px}.right-triangle-shape .angle-b .circumference-label{background:#1a0333e6;border:1px solid #e55353;border-radius:4px;color:#e55353;left:15px;padding:2px 6px;top:25px}.right-triangle-shape .angle-c{animation:none;border:2px solid #8665e4;border-radius:2px;height:15px;left:45px;top:45px;width:15px}.right-triangle-shape .angle-c .circumference-label{background:#1a0333e6;border:1px solid #8665e4;border-radius:4px;color:#8665e4;font-weight:700;left:20px;padding:2px 6px;top:-20px}.altitude-indicator{transform:translate(-50%,-50%);z-index:25}.altitude-indicator,.altitude-line{left:120px;position:absolute;top:20px}.altitude-line{background:#e55353;background:repeating-linear-gradient(180deg,#e55353,#e55353 2px,#0000 0,#0000 4px);height:60px;transform:rotate(90deg);transform-origin:top center;width:2px}.altitude-label{background:#1a0333e6;border:1px solid #e55353;border-radius:4px;color:#e55353;font-size:.7rem;font-weight:600;left:125px;padding:2px 6px;position:absolute;top:50px;white-space:nowrap}.quadrilateral-shape{height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:160px}.quadrilateral-outline{background:#8665e41a;border:2px solid #8665e4;height:100%;left:0;position:absolute;top:0;width:100%}.quadrilateral-shape.parallelogram .quadrilateral-outline{transform:skewX(-20deg)}.quadrilateral-shape.trapezoid .quadrilateral-outline{-webkit-clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.quadrilateral-shape.rhombus .quadrilateral-outline{height:120px;left:20px;top:20px;transform:rotate(45deg);width:120px}.quadrilateral-shape.general .quadrilateral-outline{-webkit-clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.length-indicator{left:80px;top:-20px}.length-indicator .radius-line{background:#8665e4;transform:rotate(0deg);width:160px}.length-indicator .radius-label{background:#1a0333e6;border:1px solid #8665e4;border-radius:4px;color:#8665e4;left:50%;padding:2px 6px;top:-25px;transform:translateX(-50%)}.width-indicator{left:-20px;top:80px}.width-indicator .radius-line{background:#4fc7a4;transform:rotate(90deg)}.width-indicator .radius-label{border:1px solid #4fc7a4;color:#4fc7a4;left:-25px;top:50%;transform:translateY(-50%) rotate(-90deg)}.base2-indicator{left:80px;top:170px}.base2-indicator .diameter-line{background:#ffc107;transform:rotate(0deg);width:80px}.base2-indicator .diameter-label{background:#1a0333e6;border:1px solid #ffc107;border-radius:4px;color:#ffc107;left:50%;padding:2px 6px;top:10px;transform:translateX(-50%)}.diagonal1-indicator{left:80px;top:80px}.diagonal1-indicator .circumference-circle{animation:none;background:#e55353;border:none;height:2px;transform:rotate(45deg);width:120px}.diagonal1-indicator .circumference-label{background:#1a0333e6;border:1px solid #e55353;border-radius:4px;color:#e55353;left:50%;padding:2px 6px;top:-20px;transform:translateX(-50%) rotate(-45deg)}.diagonal2-indicator{left:80px;top:80px}.diagonal2-indicator .circumference-circle{animation:none;background:#4fc7a4;border:none;height:2px;transform:rotate(-45deg);width:120px}.diagonal2-indicator .circumference-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;color:#4fc7a4;left:50%;padding:2px 6px;top:20px;transform:translateX(-50%) rotate(45deg)}.right-angle-corner{background:#ffc107;border-radius:2px;height:10px;position:absolute;width:10px}.right-angle-corner.top-left{left:5px;top:5px}.right-angle-corner.top-right{right:5px;top:5px}.right-angle-corner.bottom-left{bottom:5px;left:5px}.right-angle-corner.bottom-right{bottom:5px;right:5px}.property-item{color:#b8b8d0;font-size:.8rem;margin:.25rem 0}.geometry-method-buttons.six-methods{grid-template-columns:repeat(3,1fr)}.geometry-input-row.four-columns{grid-template-columns:repeat(2,1fr)}.common-triangles-section{margin:1.5rem 0}.common-triangles-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-top:.5rem}.common-triangle-button{background:#8665e41a;border:1px solid #8665e44d;border-radius:6px;color:#b8b8d0;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem;text-align:center;transition:all .3s ease}.common-triangle-button:hover{background:#8665e433;border-color:#8665e4;color:#fff}.composite-shapes-section{display:flex;flex-direction:column;gap:1.5rem}.shape-input-group{background:#8665e40d;border:1px solid #8665e433;border-radius:8px;padding:1rem}.shape-header{justify-content:space-between;margin-bottom:1rem}.shape-controls,.shape-header{align-items:center;display:flex}.shape-controls{gap:.5rem}.shape-type-select{background:#1a0333cc;border:1px solid #8665e4;border-radius:6px;color:#fff;font-size:.8rem;padding:.5rem}.remove-shape-button{background:#e553531a;border:1px solid #e553534d;border-radius:6px;color:#e55353;cursor:pointer;padding:.5rem;transition:all .3s ease}.remove-shape-button:hover{background:#e5535333;border-color:#e55353}.add-shape-button{margin-top:1rem;padding:.75rem;width:100%}.centroid-shape{height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:160px}.shape-outline{background:#8665e41a;border:2px solid #8665e4;height:100%;left:0;position:absolute;top:0;width:100%}.centroid-shape.triangle .shape-outline{-webkit-clip-path:polygon(50% 20%,20% 80%,80% 80%);clip-path:polygon(50% 20%,20% 80%,80% 80%)}.centroid-shape.composite .shape-outline{display:none}.centroid-point{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}.centroid-dot{animation:pulseCentroid 2s ease-in-out infinite;background:#ffc107;border:3px solid #8665e4;border-radius:50%;height:12px;width:12px}@keyframes pulseCentroid{0%,to{box-shadow:0 0 0 0 #ffc10766;transform:scale(1)}50%{box-shadow:0 0 0 6px #ffc10700;transform:scale(1.2)}}.centroid-label{background:#1a0333e6;border:1px solid #ffc107;border-radius:4px;color:#ffc107;font-size:.7rem;font-weight:600;left:50%;padding:2px 6px;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap}.shape-point{align-items:center;display:flex;flex-direction:column;position:absolute}.point-dot{background:#4fc7a4;border:2px solid #8665e4;border-radius:50%;height:8px;width:8px}.point-label{background:#1a0333e6;border-radius:4px;color:#4fc7a4;font-size:.6rem;font-weight:600;margin-top:4px;padding:2px 6px;white-space:nowrap}.centroid-shape.triangle .point-0{left:50%;top:20px;transform:translateX(-50%)}.centroid-shape.triangle .point-1{left:20px;top:80px}.centroid-shape.triangle .point-2{left:80px;top:80px}.width-indicator{left:80px;top:-20px}.width-indicator .radius-line{background:#8665e4;transform:rotate(0deg);width:160px}.width-indicator .radius-label{background:#1a0333e6;border:1px solid #8665e4;border-radius:4px;color:#8665e4;left:50%;padding:2px 6px;top:-25px;transform:translateX(-50%)}.height-indicator{left:-20px;top:80px}.height-indicator .radius-line{background:#4fc7a4;transform:rotate(90deg);width:160px}.height-indicator .radius-label{background:#1a0333e6;border:1px solid #4fc7a4;border-radius:4px;color:#4fc7a4;left:-25px;padding:2px 6px;top:50%;transform:translateY(-50%) rotate(-90deg)}.composite-shape{height:60px;position:absolute;width:60px}.composite-shape.shape-0{left:20px;top:20px}.composite-shape.shape-1{left:60px;top:60px}.composite-outline{background:#8665e41a;border:2px solid #8665e4;height:100%;width:100%}.composite-shape.shape-1 .composite-outline{-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.shape-centroid{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.shape-centroid-dot{background:#e55353;border:2px solid #8665e4;border-radius:50%;height:6px;width:6px}.geometry-method-buttons.three-methods{grid-template-columns:1fr 1fr 1fr}.incenter-input-group{margin:1.5rem 0}.incenter-input-group,.incenter-results-grid{display:flex;flex-direction:column;gap:1rem}.incenter-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.incenter-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.incenter-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.incenter-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.incenter-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.incenter-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.incenter-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.incenter-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.incenter-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.circumcenter-input-group{margin:1.5rem 0}.circumcenter-input-group,.circumcenter-results-grid{display:flex;flex-direction:column;gap:1rem}.circumcenter-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.circumcenter-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.circumcenter-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.circumcenter-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.circumcenter-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.circumcenter-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.circumcenter-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.circumcenter-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.circumcenter-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.triangle-type-equilateral{color:#4fc7a4}.triangle-type-isosceles{color:#8665e4}.location-on-side,.triangle-type-scalene{color:#ffc107}.orthocenter-input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.triangle-canvas{background:#1a0333cc;border:2px solid #8665e44d;border-radius:12px;height:auto;max-width:100%}.orthocenter-results-grid{display:flex;flex-direction:column;gap:1rem}.orthocenter-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.orthocenter-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.orthocenter-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.orthocenter-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.orthocenter-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.orthocenter-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.orthocenter-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.orthocenter-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1.3}.orthocenter-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.geometry-method-buttons.two-methods{grid-template-columns:1fr 1fr}.altitude-high{color:#ff6b6b}.altitude-medium{color:#ffc107}.altitude-low,.location-inside{color:#4fc7a4}.location-vertex{color:#ffc107}.location-outside{color:#ff6b6b}@keyframes pulseEuler{0%,to{stroke-dashoffset:0;opacity:.7}50%{stroke-dashoffset:10;opacity:1}}.euler-line{animation:pulseEuler 3s ease-in-out infinite}@media (max-width:1024px){.geometry-method-buttons.five-methods{grid-template-columns:1fr 1fr 1fr}.geometry-method-buttons.four-methods{grid-template-columns:1fr 1fr}.geometry-method-buttons.six-methods{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cube-container{animation:rotateCube 30s linear infinite;height:150px;width:150px}.cube-face.front{transform:translateZ(75px)}.cube-face.back{transform:translateZ(-75px) rotateY(180deg)}.cube-face.right{transform:translateX(75px) rotateY(90deg)}.cube-face.left{transform:translateX(-75px) rotateY(-90deg)}.cube-face.top{transform:translateY(-75px) rotateX(90deg)}.cube-face.bottom{transform:translateY(75px) rotateX(-90deg)}.side-line{left:-75px;top:-75px;width:150px}.face-diagonal-line{left:-75px;top:-75px;width:212px}.space-diagonal-line{left:-75px;top:-75px;width:260px}.cuboid-container{animation:rotateCuboid 30s linear infinite;height:150px;width:150px}.cuboid-face.back,.cuboid-face.front,.cuboid-face.left,.cuboid-face.right{height:90px;width:120px}.cuboid-face.front{transform:translateZ(60px)}.cuboid-face.back{transform:translateZ(-60px) rotateY(180deg)}.cuboid-face.right{transform:translateX(60px) rotateY(90deg)}.cuboid-face.left{transform:translateX(-60px) rotateY(-90deg)}.cuboid-face.bottom,.cuboid-face.top{height:120px;width:120px}.cuboid-face.top{transform:translateY(-45px) rotateX(90deg)}.cuboid-face.bottom{transform:translateY(45px) rotateX(-90deg)}.length-line{left:-60px;top:-45px;width:120px}.width-line{height:90px;left:-60px;top:-45px}.height-line{height:90px;top:-45px;transform:translateX(60px)}.space-diagonal-line{left:-60px;top:-45px;width:170px}.sphere-container{animation:rotateSphere 25s linear infinite;height:150px;width:150px}.sphere-shape{height:120px;width:120px}.radius-line{width:60px}.diameter-line{width:120px}.circumference-circle,.great-circle{height:120px;width:120px}.geometry-method-buttons.five-methods{grid-template-columns:1fr 1fr}.circumference-label,.diameter-label,.radius-label{font-size:.6rem}.cylinder-container{animation:rotateCylinder 25s linear infinite;height:150px;width:150px}.cylinder-body{border-radius:45px;height:120px;width:90px}.cylinder-bottom,.cylinder-top{height:90px;width:90px}.cylinder-top{top:15px}.cylinder-bottom{bottom:15px}.height-line{top:15px}.diameter-line{top:75px;width:90px}.lateral-surface{border-radius:45px;height:120px;width:90px}.diameter-label,.height-label,.radius-label{font-size:.6rem}.cone-container{animation:rotateCone 25s linear infinite;height:150px;width:150px}.cone-body{height:120px;width:90px}.cone-base{height:90px;width:90px}.radius-line{bottom:45px;transform:translateY(22.5px);width:45px}.geometry-input-row.two-columns{grid-template-columns:1fr}.height-label,.radius-label,.slant-height-label{font-size:.6rem}.pyramid-container{animation:rotatePyramid 30s linear infinite;height:150px;width:150px}.pyramid-base.square{height:90px;width:90px}.pyramid-base.rectangular{height:75px;width:105px}.pyramid-faces{height:90px;width:90px}.pyramid-faces:after,.pyramid-faces:before{border-bottom:120px solid #8665e4b3;border-left:45px solid #0000;border-right:45px solid #0000}.pyramid-base.rectangular+.pyramid-faces{height:75px;width:105px}.pyramid-base.rectangular+.pyramid-faces:after,.pyramid-base.rectangular+.pyramid-faces:before{border-bottom:120px solid #8665e4b3;border-left:52.5px solid #0000;border-right:52.5px solid #0000}.base-length-line{bottom:45px;transform:translate(-50%,22.5px);width:90px}.base-width-line{bottom:45px;height:75px;transform:translate(-52.5px,37.5px) rotate(90deg)}.height-line{height:120px;top:0}.slant-height-line{height:108px;transform:translateX(-45px) rotate(20deg)}.base-length-label,.base-width-label,.height-label,.slant-height-label{font-size:.6rem}.frustum-container{animation:rotateFrustum 25s linear infinite;height:150px;width:150px}.frustum-body{height:90px;width:90px}.frustum-top{height:60px;top:30px;width:60px}.frustum-bottom{bottom:30px;height:90px;width:90px}.radius1-line{bottom:45px;transform:translateY(22.5px);width:45px}.radius2-line{top:30px;transform:translateY(-15px);width:30px}.height-line{height:60px;left:60px;top:30px;transform:translateX(45px)}.slant-height-line{height:67px;top:30px;transform:translateX(-30px) rotate(26.5deg)}.geometry-method-buttons.four-methods{grid-template-columns:1fr 1fr}.height-label,.radius1-label,.radius2-label,.slant-height-label{font-size:.6rem}.triangle-side.side-ab{left:30px;top:30px;width:72px}.triangle-side.side-bc{left:30px;top:30px;width:60px}.triangle-side.side-ca{left:102px;top:88px;width:84px}.center-point.point-c{left:102px;top:88px}.radius-indicator.bisector-line .radius-line{width:48px}.circumference-indicator.angle-arc{height:18px;left:30px;top:30px;width:18px}.circumference-indicator.angle-arc .circumference-label{font-size:.6rem;left:22px;top:-12px}.triangle-shape{height:120px;width:120px}.triangle-shape .side-a{left:15px;top:90px;width:90px}.triangle-shape .side-b{left:15px;top:90px;transform:rotate(135deg);width:75px}.triangle-shape .side-c{left:105px;top:15px;transform:rotate(225deg);width:105px}.triangle-shape .point-b{left:105px;top:90px}.triangle-shape .point-c{left:15px;top:15px}.triangle-shape .side-a-label{left:60px;top:97px}.triangle-shape .side-a-label .radius-line{width:45px}.triangle-shape .side-b-label{left:60px;top:52px}.triangle-shape .side-b-label .radius-line{width:37px}.triangle-shape .side-c-label{left:60px;top:52px}.triangle-shape .side-c-label .diameter-line{width:52px}.triangle-shape .angle-a{height:15px;left:30px;top:75px;width:15px}.triangle-shape .angle-b{height:15px;left:90px;top:75px;width:15px}.triangle-shape .angle-c{height:15px;left:30px;top:30px;width:15px}.right-triangle-shape{height:120px;width:120px}.right-triangle-shape .leg-a{left:30px;top:60px;width:60px}.right-triangle-shape .leg-b{left:30px;top:60px;width:45px}.right-triangle-shape .hypotenuse-c{left:30px;top:15px;width:75px}.right-angle-indicator{left:30px;top:52px}.right-triangle-shape .point-b{left:90px;top:60px}.right-triangle-shape .point-c{left:30px;top:15px}.right-triangle-shape .side-a-label{left:60px;top:67px}.right-triangle-shape .side-a-label .radius-line{width:30px}.right-triangle-shape .side-b-label{left:37px;top:37px}.right-triangle-shape .side-b-label .radius-line{width:22px}.right-triangle-shape .side-c-label{left:67px;top:37px}.right-triangle-shape .side-c-label .diameter-line{width:37px}.right-triangle-shape .angle-a{height:15px;left:41px;top:48px;width:15px}.right-triangle-shape .angle-b{height:15px;left:78px;top:48px;width:15px}.right-triangle-shape .angle-c{height:12px;left:33px;top:33px;width:12px}.altitude-line{height:45px;left:90px;top:15px}.altitude-label{font-size:.6rem;left:94px;top:37px}.geometry-input-row.four-columns,.geometry-input-row.three-columns,.geometry-method-buttons.six-methods{grid-template-columns:1fr}.quadrilateral-shape{height:120px;width:120px}.length-indicator{left:60px;top:-15px}.length-indicator .radius-line{width:120px}.width-indicator{left:-15px;top:60px}.base2-indicator{left:60px;top:125px}.base2-indicator .diameter-line{width:60px}.quadrilateral-shape.rhombus .quadrilateral-outline{height:90px;left:15px;top:15px;width:90px}.diagonal1-indicator .circumference-circle,.diagonal2-indicator .circumference-circle{width:90px}.right-angle-corner{height:8px;width:8px}.common-triangles-grid,.geometry-method-buttons.three-methods{grid-template-columns:1fr}.shape-header{align-items:flex-start;flex-direction:column;gap:.5rem}.centroid-shape{height:120px;width:120px}.width-indicator{left:60px;top:-15px}.width-indicator .radius-line{width:120px}.height-indicator{left:-15px;top:60px}.height-indicator .radius-line{width:120px}.centroid-shape.triangle .point-0{top:15px}.centroid-shape.triangle .point-1{left:15px;top:60px}.centroid-shape.triangle .point-2{left:60px;top:60px}.composite-shape{height:45px;width:45px}.composite-shape.shape-0{left:15px;top:15px}.composite-shape.shape-1{left:45px;top:45px}.triangle-canvas{height:250px;width:100%}.geometry-input-row.three-columns,.geometry-method-buttons.two-methods{grid-template-columns:1fr}}@media (max-width:480px){.cube-container{height:120px;width:120px}.cube-face.front{transform:translateZ(60px)}.cube-face.back{transform:translateZ(-60px) rotateY(180deg)}.cube-face.right{transform:translateX(60px) rotateY(90deg)}.cube-face.left{transform:translateX(-60px) rotateY(-90deg)}.cube-face.top{transform:translateY(-60px) rotateX(90deg)}.cube-face.bottom{transform:translateY(60px) rotateX(-90deg)}.side-line{left:-60px;top:-60px;width:120px}.face-diagonal-line{left:-60px;top:-60px;width:170px}.space-diagonal-line{left:-60px;top:-60px;width:208px}.face-diagonal-label,.side-label,.space-diagonal-label{font-size:.6rem}.cuboid-container{height:120px;width:120px}.cuboid-face.back,.cuboid-face.front,.cuboid-face.left,.cuboid-face.right{height:70px;width:100px}.cuboid-face.front{transform:translateZ(50px)}.cuboid-face.back{transform:translateZ(-50px) rotateY(180deg)}.cuboid-face.right{transform:translateX(50px) rotateY(90deg)}.cuboid-face.left{transform:translateX(-50px) rotateY(-90deg)}.cuboid-face.bottom,.cuboid-face.top{height:100px;width:100px}.cuboid-face.top{transform:translateY(-35px) rotateX(90deg)}.cuboid-face.bottom{transform:translateY(35px) rotateX(-90deg)}.length-line{left:-50px;top:-35px;width:100px}.width-line{height:70px;left:-50px;top:-35px}.height-line{height:70px;top:-35px;transform:translateX(50px)}.space-diagonal-line{left:-50px;top:-35px;width:141px}.height-label,.length-label,.space-diagonal-label,.width-label{font-size:.6rem}.sphere-container{height:120px;width:120px}.sphere-shape{height:100px;width:100px}.radius-line{width:50px}.diameter-line{width:100px}.circumference-circle,.great-circle{height:100px;width:100px}.geometry-method-buttons.five-methods{grid-template-columns:1fr}.circumference-label,.diameter-label,.radius-label{font-size:.5rem;padding:1px 4px}.diameter-label{top:25%}.circumference-label{bottom:-25px}.cylinder-container{height:120px;width:120px}.cylinder-body{border-radius:35px;height:100px;width:70px}.cylinder-bottom,.cylinder-top{height:70px;width:70px}.cylinder-top{top:15px}.cylinder-bottom{bottom:15px}.height-line{top:10px}.diameter-line{top:60px;width:70px}.lateral-surface{border-radius:35px;height:100px;width:70px}.diameter-label,.height-label,.radius-label{font-size:.5rem;padding:1px 4px}.radius-label{top:35%}.diameter-label{top:65px}.cone-container{height:120px;width:120px}.cone-body{height:100px;width:70px}.cone-base{height:70px;width:70px}.radius-line{bottom:35px;transform:translateY(17.5px);width:35px}.geometry-input-row.two-columns{grid-template-columns:1fr}.height-label,.radius-label,.slant-height-label{font-size:.5rem;padding:1px 4px}.radius-label{bottom:55px;left:65%}.pyramid-container{height:120px;width:120px}.pyramid-base.square{height:70px;width:70px}.pyramid-base.rectangular{height:60px;width:80px}.pyramid-faces{height:70px;width:70px}.pyramid-faces:after,.pyramid-faces:before{border-bottom:100px solid #8665e4b3;border-left:35px solid #0000;border-right:35px solid #0000}.pyramid-base.rectangular+.pyramid-faces{height:60px;width:80px}.pyramid-base.rectangular+.pyramid-faces:after,.pyramid-base.rectangular+.pyramid-faces:before{border-bottom:100px solid #8665e4b3;border-left:40px solid #0000;border-right:40px solid #0000}.base-length-line{bottom:35px;transform:translate(-50%,17.5px);width:70px}.base-width-line{bottom:35px;height:60px;transform:translate(-40px,30px) rotate(90deg)}.height-line{height:100px;top:0}.slant-height-line{height:90px;transform:translateX(-35px) rotate(20deg)}.base-length-label,.base-width-label,.height-label,.slant-height-label{font-size:.5rem;padding:1px 4px}.base-length-label{bottom:55px}.base-width-label{bottom:95px;left:20%}.slant-height-label{left:25%;top:35%}.frustum-container{height:120px;width:120px}.frustum-body{height:70px;width:70px}.frustum-top{height:50px;top:25px;width:50px}.frustum-bottom{bottom:25px;height:70px;width:70px}.radius1-line{bottom:35px;transform:translateY(17.5px);width:35px}.radius2-line{top:25px;transform:translateY(-12.5px);width:25px}.height-line{height:50px;left:50px;top:25px;transform:translateX(35px)}.slant-height-line{height:56px;top:25px;transform:translateX(-25px) rotate(26.5deg)}.geometry-input-row.three-columns,.geometry-method-buttons.four-methods{grid-template-columns:1fr}.height-label,.radius1-label,.radius2-label,.slant-height-label{font-size:.5rem;padding:1px 4px}.radius1-label{bottom:55px;left:65%}.radius2-label{left:55%;top:20px}.height-label{right:-30px}.slant-height-label{left:30%;top:60%}.triangle-side.side-ab{left:25px;top:25px;width:60px}.triangle-side.side-bc{left:25px;top:25px;width:50px}.triangle-side.side-ca{left:85px;top:73px;width:70px}.center-point.point-c{left:85px;top:73px}.radius-indicator.bisector-line .radius-line{width:40px}.radius-indicator.bisector-line .radius-label{font-size:.6rem;padding:1px 4px}.circumference-indicator.angle-arc{height:15px;left:25px;top:25px;width:15px}.circumference-indicator.angle-arc .circumference-label{font-size:.5rem;left:18px;padding:1px 4px;top:-10px}.triangle-shape{height:100px;width:100px}.triangle-shape .side-a{left:12px;top:75px;width:75px}.triangle-shape .side-b{left:12px;top:75px;width:62px}.triangle-shape .side-c{left:87px;top:12px;width:87px}.triangle-shape .point-b{left:87px;top:75px}.triangle-shape .point-c{left:12px;top:12px}.triangle-shape .side-a-label{left:50px;top:81px}.triangle-shape .side-a-label .radius-line{width:37px}.triangle-shape .side-a-label .radius-label{font-size:.6rem;padding:1px 4px}.triangle-shape .side-b-label{left:50px;top:43px}.triangle-shape .side-b-label .radius-line{width:31px}.triangle-shape .side-b-label .radius-label{font-size:.6rem;padding:1px 4px}.triangle-shape .side-c-label{left:50px;top:43px}.triangle-shape .side-c-label .diameter-line{width:43px}.triangle-shape .side-c-label .diameter-label{font-size:.6rem;padding:1px 4px}.triangle-shape .angle-a{height:12px;left:25px;top:62px;width:12px}.triangle-shape .angle-a .circumference-label{font-size:.6rem;left:20px;padding:1px 4px;top:-12px}.triangle-shape .angle-b{height:12px;left:75px;top:62px;width:12px}.triangle-shape .angle-b .circumference-label{font-size:.6rem;left:-8px;padding:1px 4px;top:20px}.triangle-shape .angle-c{height:12px;left:25px;top:25px;width:12px}.triangle-shape .angle-c .circumference-label{font-size:.6rem;left:-8px;padding:1px 4px;top:-12px}.right-triangle-shape{height:100px;width:100px}.right-triangle-shape .leg-a{left:25px;top:50px;width:50px}.right-triangle-shape .leg-b{left:25px;top:50px;width:37px}.right-triangle-shape .hypotenuse-c{left:25px;top:12px;width:62px}.right-angle-indicator{height:8px;left:25px;top:43px;width:8px}.right-triangle-shape .point-b{left:75px;top:50px}.right-triangle-shape .point-c{left:25px;top:12px}.right-triangle-shape .side-a-label{left:50px;top:56px}.right-triangle-shape .side-a-label .radius-line{width:25px}.right-triangle-shape .side-a-label .radius-label{font-size:.6rem;padding:1px 4px}.right-triangle-shape .side-b-label{left:31px;top:31px}.right-triangle-shape .side-b-label .radius-line{width:18px}.right-triangle-shape .side-b-label .radius-label{font-size:.6rem;padding:1px 4px}.right-triangle-shape .side-c-label{left:56px;top:31px}.right-triangle-shape .side-c-label .diameter-line{width:31px}.right-triangle-shape .side-c-label .diameter-label{font-size:.6rem;padding:1px 4px}.right-triangle-shape .angle-a{height:12px;left:34px;top:40px;width:12px}.right-triangle-shape .angle-a .circumference-label{font-size:.6rem;left:12px;padding:1px 4px;top:-12px}.right-triangle-shape .angle-b{height:12px;left:65px;top:40px;width:12px}.right-triangle-shape .angle-b .circumference-label{font-size:.6rem;left:12px;padding:1px 4px;top:20px}.right-triangle-shape .angle-c{height:10px;left:27px;top:27px;width:10px}.right-triangle-shape .angle-c .circumference-label{font-size:.6rem;left:15px;padding:1px 4px;top:-16px}.altitude-line{height:37px;left:75px;top:12px}.altitude-label{font-size:.5rem;left:78px;padding:1px 4px;top:31px}.quadrilateral-shape{height:100px;width:100px}.length-indicator{left:50px;top:-12px}.length-indicator .radius-line{width:100px}.length-indicator .radius-label{font-size:.6rem;padding:1px 4px}.width-indicator{left:-12px;top:50px}.base2-indicator{left:50px;top:105px}.base2-indicator .diameter-line{width:50px}.base2-indicator .diameter-label{font-size:.6rem;padding:1px 4px}.quadrilateral-shape.rhombus .quadrilateral-outline{height:75px;left:12px;top:12px;width:75px}.diagonal1-indicator .circumference-circle,.diagonal2-indicator .circumference-circle{width:75px}.diagonal1-indicator .circumference-label,.diagonal2-indicator .circumference-label{font-size:.6rem;padding:1px 4px}.right-angle-corner{height:6px;width:6px}.property-item{font-size:.7rem}.centroid-shape{height:100px;width:100px}.width-indicator{left:50px;top:-12px}.width-indicator .radius-line{width:100px}.width-indicator .radius-label{font-size:.6rem;padding:1px 4px}.height-indicator{left:-12px;top:50px}.height-indicator .radius-line{width:100px}.height-indicator .radius-label{font-size:.6rem;padding:1px 4px}.centroid-dot{height:10px;width:10px}.centroid-label{font-size:.6rem;padding:1px 4px;top:-20px}.point-dot{height:6px;width:6px}.point-label{font-size:.5rem;padding:1px 4px}.centroid-shape.triangle .point-0{top:12px}.centroid-shape.triangle .point-1{left:12px;top:50px}.centroid-shape.triangle .point-2{left:50px;top:50px}.composite-shape{height:35px;width:35px}.composite-shape.shape-0{left:12px;top:12px}.composite-shape.shape-1{left:35px;top:35px}.shape-centroid-dot{height:4px;width:4px}.incenter-result-item{align-items:flex-start;flex-direction:column;gap:.75rem}.incenter-result-icon{align-self:flex-start}.circumcenter-result-item{align-items:flex-start;flex-direction:column;gap:.75rem}.circumcenter-result-icon{align-self:flex-start}.triangle-canvas{height:200px}.orthocenter-result-item{align-items:flex-start;flex-direction:column;gap:.75rem}.orthocenter-result-icon{align-self:flex-start}.orthocenter-result-value{font-size:1rem}}.algebra-calculator{background:linear-gradient(135deg,#0a0119,#1a0333);min-height:100vh;padding:2rem 0}.algebra-container{margin:0 auto;max-width:1400px;padding:0 2rem}.algebra-header{margin-bottom:3rem;position:relative;text-align:center}.algebra-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8665e4,#a891f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.algebra-header p{color:#b8b8d0;font-size:1.2rem}.algebra-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,180px);justify-content:center;margin:3rem 0;padding:0 1rem}.algebra-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #4fc7a426;border-radius:16px;color:#b8b8d0;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:.5rem 1rem;position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.algebra-button:before{background:linear-gradient(90deg,#0000,#8665e41a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.algebra-button:hover{background:#8665e414;border-color:#8665e466;box-shadow:0 8px 25px #8665e426,0 2px 8px #0000001a;color:#fff;transform:translateY(-4px)}.algebra-button:hover:before{left:100%}.algebra-button.active{background:linear-gradient(135deg,#8665e433,#6a4fc726);border:1.5px solid #8665e4;box-shadow:0 8px 30px #8665e440,0 4px 15px #8665e426,inset 0 1px 0 #ffffff1a;color:#fff;transform:translateY(-2px)}.algebra-button.active:after{background:linear-gradient(90deg,#8665e4,#a891f0,#8665e4);border-radius:16px 16px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.algebra-button i{color:#8665e4;font-size:1.75rem;margin-bottom:.25rem;transition:all .3s ease}.algebra-button.active i,.algebra-button:hover i{color:#fff;transform:scale(1.1)}.algebra-button.active i{text-shadow:0 0 10px #8665e480}.algebra-label{align-items:center;display:flex;gap:6px}.algebra-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px}.algebra-left-column,.algebra-right-column{display:flex;flex-direction:column;gap:2rem}.algebra-right-column{position:-webkit-sticky;position:sticky;top:2rem}.algebra-history-section,.algebra-input-section,.algebra-result-section,.algebra-tips-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #8665e433;border-radius:16px;padding:2rem}.algebra-section-title h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.algebra-section-title p{color:#b8b8d0;margin:0}.algebra-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.algebra-section-header h2{color:#fff;font-size:1.5rem;margin:0}.algebra-method-selection{margin-bottom:1.5rem}.algebra-method-buttons{grid-gap:1rem;gap:1rem}.algebra-method-button{align-items:center;background:#ffffff08;border:1px solid #8665e433;border-radius:8px;color:#b8b8d0;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.algebra-method-button:hover{background:#8665e41a;border-color:#8665e466;color:#fff}.algebra-method-button.active{background:#8665e433;border-color:#8665e4;color:#fff}.algebra-method-button i{font-size:1rem}.algebra-equation-inputs{margin:1.5rem 0}.algebra-equation-group{display:flex;flex-direction:column;gap:1.5rem}.algebra-equation{background:#ffffff05;border:1px solid #8665e41a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.algebra-equation:hover{border-color:#8665e44d}.algebra-equation-header{border-bottom:1px solid #8665e433;margin-bottom:1rem;padding-bottom:.5rem}.algebra-equation-header span{color:#fff;font-size:1.1rem;font-weight:600}.algebra-input-wrapper{align-items:center;display:flex;gap:.5rem}.algebra-number-input{background:#ffffff0d;border:1px solid #8665e433;border-radius:8px;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:1rem;padding:.75rem;text-align:center;transition:all .3s ease}.algebra-number-input:focus{border-color:#8665e4;box-shadow:0 0 0 3px #8665e440}.algebra-number-input::placeholder{color:#8a8aa3}.algebra-input-label{color:#8665e4;font-size:.9rem;font-weight:600;white-space:nowrap}.algebra-equation-preview{background:#4fc7a40d;border:1px solid #4fc7a433;border-radius:6px;color:#4fc7a4;font-family:Courier New,monospace;font-size:.9rem;margin-top:1rem;padding:.75rem;text-align:center}.algebra-controls-section{display:flex;flex-direction:column;gap:1rem}.algebra-action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr}.algebra-calculate-button,.algebra-clear-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.algebra-clear-button{background:#ffffff0d;border:1px solid #ffffff1a;color:#b8b8d0}.algebra-clear-button:hover{background:#ffffff1a;color:#fff}.algebra-calculate-button{background:linear-gradient(45deg,#8665e4,#6a4fc7);border:1px solid #8665e4;color:#fff}.algebra-calculate-button:hover:not(:disabled){background:linear-gradient(45deg,#6a4fc7,#8665e4);box-shadow:0 4px 12px #8665e44d;transform:translateY(-2px)}.algebra-calculate-button:disabled{transform:none}.algebra-result-card{background:#ffffff05;border:1px solid #8665e4;border-radius:12px;padding:1.5rem}.algebra-results-grid{display:flex;flex-direction:column;gap:1rem}.algebra-result-item{align-items:center;background:#ffffff08;border:1px solid #4fc7a41a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.algebra-result-item:hover{background:#8665e40d;border:1px solid #8665e4}.algebra-result-item.highlight{background:#4fc7a41a;border-color:#8665e4}.algebra-result-icon{align-items:center;background:#8665e40d;border-radius:8px;color:#8665e4;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.algebra-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.algebra-result-label{color:#b8b8d0;font-size:.9rem;font-weight:500}.algebra-result-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.algebra-result-formula{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem}.algebra-result-description{color:#8a8aa3;font-size:.75rem;font-style:italic;margin-top:.25rem}.algebra-copy-button{align-items:center;background:#4fc7a41a;border:1px solid #4fc7a44d;border-radius:6px;color:#4fc7a4;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.algebra-copy-button:hover{background:#4fc7a433;border-color:#4fc7a4}.algebra-steps-section{background:#ffffff05;border:1px solid #8665e44d;border-radius:8px;grid-column:1/-1;margin-top:1rem;padding:1.5rem}.algebra-steps-section h4{border-bottom:1px solid #8665e480;color:#fff;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.algebra-steps-list{display:flex;flex-direction:column;gap:1rem}.algebra-step{align-items:flex-start;background:#ffffff08;border-left:3px solid #4fc7a4;border-radius:6px;display:flex;gap:1rem;padding:.75rem}.step-number{align-items:center;background:#4fc7a4;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.step-text{color:#b8b8d0;flex:1 1;font-size:.9rem;line-height:1.4}.algebra-section-actions,.algebra-toggle-button{align-items:center;display:flex;gap:.5rem}.algebra-toggle-button{background:#ffffff0d;border:1px solid #8665e44d;border-radius:6px;color:#b8b8d0;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .3s ease}.algebra-toggle-button:hover{background:#8665e41a;border-color:#8665e480;color:#fff}.algebra-toggle-button.active{background:#8665e433;border-color:#8665e4;color:#fff}.algebra-history-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.algebra-history-item{background:#ffffff05;border:1px solid #4fc7a41a;border-radius:8px;padding:1rem;transition:all .3s ease}.algebra-history-item:hover{background:#4fc7a40d;border-color:#4fc7a44d}.algebra-history-calculation{margin-bottom:.5rem}.algebra-history-method{color:#8665e4;font-size:.8rem;font-weight:600;margin-bottom:.25rem}.algebra-history-result{color:#4fc7a4;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.algebra-history-footer{align-items:center;display:flex;justify-content:space-between}.algebra-history-timestamp{color:#8a8aa3;font-size:.75rem}.algebra-history-copy-button{background:#4fc7a41a;border:1px solid #4fc7a433;border-radius:4px;color:#4fc7a4;cursor:pointer;font-size:.7rem;padding:.25rem .5rem;transition:all .3s ease}.algebra-history-copy-button:hover{background:#4fc7a433;border-color:#4fc7a4}.algebra-empty-history{color:#b8b8d0;padding:2rem;text-align:center}.algebra-empty-history i{font-size:2rem;margin-bottom:1rem;opacity:.5}.algebra-empty-history h4{color:#fff;margin-bottom:.5rem}.algebra-empty-history p{font-size:.9rem;margin:0}.algebra-clear-history-button{align-items:center;background:#e553531a;border:1px solid #e553534d;border-radius:6px;color:#e55353;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.algebra-clear-history-button:hover{background:#e5535333;border-color:#e55353}.algebra-tips-section h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.algebra-tips-list{display:flex;flex-direction:column;gap:.75rem}.algebra-tip{align-items:flex-start;background:#ffffff05;border-left:3px solid #8665e4;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.algebra-tip i{color:#8665e4;flex-shrink:0;font-size:.9rem;margin-top:.1rem}.algebra-tip span{color:#b8b8d0;font-size:.85rem;line-height:1.4}.algebra-tip strong{color:#8665e4}.algebra-error-message{align-items:center;animation:algebraFadeInUp .3s ease;background:#e553531a;border:1px solid #e553534d;border-radius:8px;color:#e55353;display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem}.algebra-error-message i{font-size:1rem}.algebra-calculator{position:relative;z-index:1}.algebra-button .algebra-label{align-items:center;display:flex;gap:6px;pointer-events:none}.algebra-number-input:focus{border:1px solid #a588f6cf;outline:none;transform:translateY(-1px)}.algebra-calculate-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.algebra-button,.algebra-calculate-button,.algebra-clear-button,.algebra-copy-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.fa-spin{animation:fa-spin 1s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.algebra-matrix{background:#ffffff0d;border:1px solid #8665e44d;border-radius:6px;margin:.5rem 0;padding:.5rem}.algebra-matrix-title{color:#8665e4;font-size:.8rem;font-weight:600;margin-bottom:.5rem;text-align:center}.algebra-matrix-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.algebra-matrix-row{display:flex;gap:.75rem;justify-content:center}.algebra-matrix-cell{background:#ffffff1a;border-radius:4px;color:#4fc7a4;font-family:Courier New,monospace;font-size:.9rem;min-width:60px;padding:.25rem .5rem;text-align:center}.algebra-matrix-preview,.algebra-step-matrix{margin-top:.5rem}.algebra-quick-expressions{margin:1.5rem 0}.algebra-quick-buttons{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.algebra-quick-button{background:#ffffff08;border:1px solid #8665e433;border-radius:6px;color:#b8b8d0;cursor:pointer;font-family:Courier New,monospace;font-size:.8rem;padding:.5rem;text-align:center;transition:all .3s ease}.algebra-quick-button:hover{background:#8665e41a;border-color:#8665e466;color:#fff}.algebra-remove-button{background:#e553531a;border:1px solid #e553534d;border-radius:4px;color:#e55353;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .3s ease}.algebra-remove-button:hover{background:#e5535333;border-color:#e55353}.algebra-add-button{align-items:center;background:#4fc7a41a;border:1px solid #4fc7a44d;border-radius:8px;color:#4fc7a4;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.algebra-add-button:hover{background:#4fc7a433;border-color:#4fc7a4}.synthetic-table{background:#ffffff0d;border:1px solid #8665e44d;border-radius:8px;margin:1rem 0;padding:1rem}.synthetic-table-header{align-items:center;border-bottom:1px solid #8665e480;display:flex;margin-bottom:1rem;padding-bottom:.5rem}.synthetic-root{background:#4fc7a433;border-radius:6px;color:#4fc7a4;font-weight:700;margin-right:1rem;padding:.5rem 1rem}.synthetic-coefficients{display:flex;gap:1rem}.synthetic-coeff{background:#ffffff1a;border-radius:4px;font-family:Courier New,monospace;min-width:40px;padding:.5rem;text-align:center}.synthetic-steps{display:flex;flex-direction:column;gap:.5rem}.synthetic-step{background:#ffffff08;border-left:3px solid #8665e4;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:.5rem}.synthetic-steps-container{margin-top:.5rem}.complex-plane{background:#ffffff0d;border:1px solid #8665e44d;border-radius:8px;margin:1rem 0;padding:1rem;text-align:center}.complex-plane-title{color:#8665e4;font-weight:700;margin-bottom:.5rem}.complex-plane-grid{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1;margin:.5rem 0}.complex-plane-labels{color:#b8b8d0;display:flex;font-size:.8rem;justify-content:space-between;margin-top:.5rem}.parabola-graph{background:#ffffff0d;border:1px solid #8665e44d;border-radius:8px;margin:1rem 0;padding:1rem;text-align:center}.parabola-graph-title{color:#8665e4;font-weight:700;margin-bottom:.5rem}.parabola-graph-grid{color:#4fc7a4;font-family:Courier New,monospace;font-size:.8rem;line-height:1;margin:.5rem 0}.parabola-graph-legend{color:#b8b8d0;display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem;justify-content:center;margin-top:.5rem}.algebra-history-properties{color:#4fc7a4;font-size:.8rem;margin-top:.25rem}.matrix-input-container{justify-content:center}.matrix-display{background:#ffffff08;border:1px solid #8665e433;border-radius:6px;margin:.5rem 0;padding:.5rem}.matrix-title{color:#8665e4;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-align:center}.matrix-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.matrix-row{display:flex;gap:.75rem;justify-content:center}.matrix-cell{background:#ffffff1a;border-radius:4px;color:#4fc7a4;font-family:Courier New,monospace;font-size:.9rem;min-width:60px;padding:.25rem .5rem;text-align:center}.step-matrix{margin-top:.5rem}.fa-determinant:before{content:"det";font-style:italic;font-weight:700}.matrix-input-container{align-items:center;display:flex;flex-direction:column;margin:1rem 0}.matrix-input-title{color:#8665e4;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.matrix-input{background:#ffffff08;border:2px solid #8665e44d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.matrix-input-row{display:flex;gap:.5rem;justify-content:center}.matrix-input-cell{background:#ffffff0d;border:1px solid #8665e433;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:1rem;height:40px;text-align:center;width:60px}.matrix-input-cell:focus{border-color:#8665e4;box-shadow:0 0 0 2px #8665e440;outline:none}.matrix-inputs-display{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.scalar-display{align-items:center;display:flex;justify-content:center;padding:1rem}.scalar-value{background:#4fc7a41a;border:1px solid #4fc7a44d;border-radius:6px;color:#4fc7a4;font-weight:600;padding:.5rem 1rem}.step-matrices{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.element-steps{background:#ffffff08;border-left:3px solid #8665e4;border-radius:4px;margin-top:.5rem;padding:.5rem}.element-step{color:#b8b8d0;font-family:Courier New,monospace;font-size:.8rem;margin-bottom:.25rem}.element-step-more{color:#8665e4;font-size:.8rem;font-style:italic;margin-top:.25rem}.algebra-size-controls-container{margin-bottom:1.5rem}.dimension-validation{background:#ffffff08;border-radius:8px;margin-top:1rem;padding:.75rem}.validation-message{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.validation-message.valid{color:#4fc7a4}.validation-message.invalid{color:#e55353}.row-steps{background:#ffffff08;border-left:3px solid #8665e4;border-radius:4px;margin-top:.5rem;padding:.5rem}.row-step{margin-bottom:.75rem}.row-step-header{color:#8665e4;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.column-step{color:#b8b8d0;font-family:Courier New,monospace;font-size:.8rem;margin-bottom:.25rem;padding-left:1rem}.step-more{color:#8665e4;font-size:.8rem;font-style:italic;margin-top:.25rem}.size-span{color:#fff}.algebra-iteration-params{margin-bottom:1.5rem}.algebra-param-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:.5rem}.eigenvalues-list,.eigenvectors-list{display:flex;flex-direction:column;gap:.5rem}.eigenvalue-item,.eigenvector-item{background:#ffffff08;border:1px solid #8665e433;border-radius:6px;padding:.75rem}.eigenvalue-header,.eigenvector-header{align-items:center;display:flex;gap:1rem;margin-bottom:.25rem}.eigenvalue-label,.eigenvector-label{color:#8665e4;font-weight:600;min-width:40px}.eigenvalue-value{color:#4fc7a4;font-family:Courier New,monospace;font-weight:600}.eigenvector-value{display:flex;flex-wrap:wrap;gap:.5rem}.vector-component{background:#4fc7a41a;border-radius:4px;color:#4fc7a4;font-family:Courier New,monospace;padding:.25rem .5rem}.eigenvector-equation{color:#b8b8d0;margin-top:.25rem}.eigenvector-equation,.vector-display{font-family:Courier New,monospace;font-size:.8rem}.vector-display{background:#ffffff0d;border-radius:4px;color:#4fc7a4;margin-top:.5rem;padding:.5rem}.fa-lambda:before{content:"λ";font-style:italic;font-weight:700}.fa-vector-square:before{content:"v";font-style:italic;font-weight:700}.algebra-method-buttons{grid-template-columns:1fr 1fr}.algebra-checkbox{align-items:center;color:#b8b8d0;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.algebra-checkbox input{accent-color:#8665e4}.rank-display{margin:.5rem 0}.rank-value{align-items:baseline;display:flex;gap:.25rem;margin-bottom:.5rem}.rank-number{color:#4fc7a4;font-size:2rem;font-weight:700;line-height:1}.rank-out-of{color:#b8b8d0;font-size:1rem}.rank-bar{background:#ffffff1a;border-radius:4px;height:8px;margin:.5rem 0;overflow:hidden}.rank-fill{background:linear-gradient(90deg,#8665e4,#4fc7a4);border-radius:4px;height:100%;transition:width .5s ease}.rank-percentage{color:#8a8aa3;font-size:.8rem;text-align:center}.step-submatrix{margin-top:.5rem}.submatrix-label{color:#8665e4;font-size:.8rem;font-weight:600;margin-bottom:.25rem}.rank-result{background:#4fc7a41a;border-radius:4px;color:#4fc7a4;margin-top:.5rem;padding:.5rem}.fa-filter-circle-dollar:before{content:"\f674"}.fa-list-ol:before{content:"\f0cb"}.algebra-quick-buttons{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.transformation-visual{background:#ffffff08;border:1px solid #8665e44d;border-radius:12px;grid-column:1/-1;margin:1.5rem 0;padding:1.5rem}.visual-grid{gap:2rem;margin-bottom:1.5rem}.original-matrix,.transposed-matrix{flex:1 1;min-width:200px}.visual-title{color:#8665e4;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.visual-matrix{background:#ffffff05;border:1px solid #8665e433;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.visual-row{gap:.5rem}.visual-cell,.visual-row{display:flex;justify-content:center}.visual-cell{align-items:center;border:2px solid #0000;border-radius:6px;font-family:Courier New,monospace;font-weight:600;height:50px;transition:all .3s ease;width:50px}.visual-cell.original{background:#8665e41a;border-color:#8665e44d;color:#8665e4}.visual-cell.transposed{background:#4fc7a41a;border-color:#4fc7a44d;color:#4fc7a4}.visual-cell:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.transformation-arrow{align-items:center;color:#8665e4;display:flex;flex-direction:column;gap:.5rem}.transformation-arrow i{animation:pulse 2s infinite;font-size:2rem}.arrow-label{color:#4fc7a4;font-size:.9rem;font-weight:600}.visual-explanation{border-top:1px solid #8665e433;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding-top:1rem}.explanation-item{align-items:center;color:#b8b8d0;display:flex;font-size:.9rem;gap:.5rem}.color-box{border-radius:4px;height:20px;width:20px}.color-box.original{background:#8665e44d;border:2px solid #8665e4}.color-box.transposed{background:#4fc7a44d;border:2px solid #4fc7a4}.trace-value{font-size:1.1rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.diagonal-input{background:#8665e426!important;border-color:#8665e4!important;box-shadow:0 0 5px #8665e44d}.diagonal-cell{background:#8665e433!important;border:2px solid #8665e4;box-shadow:0 0 8px #8665e466;color:#8665e4!important;font-weight:700}.matrix-hint{color:#8665e4;font-size:.8rem;font-weight:500;margin-left:1rem}.diagonal-elements{margin:.5rem 0}.diagonal-title{color:#8665e4;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.diagonal-list{display:flex;flex-wrap:wrap;gap:.75rem}.diagonal-element{align-items:center;background:#8665e41a;border:1px solid #8665e44d;border-radius:6px;display:flex;flex-direction:column;min-width:80px;padding:.5rem .75rem}.element-position{color:#b8b8d0;font-size:.8rem;margin-bottom:.25rem}.element-position,.element-value{font-family:Courier New,monospace}.element-value{color:#4fc7a4;font-size:1.1rem;font-weight:700}.trace-visual{background:#ffffff08;border:1px solid #8665e433;border-radius:8px;margin:.5rem 0;padding:1rem}.trace-formula{color:#b8b8d0;font-family:Courier New,monospace;font-size:1.1rem;margin-bottom:.5rem;text-align:center}.plus-sign{color:#4fc7a4;margin:0 .25rem}.diagonal-term{background:#8665e41a;border:1px solid #8665e44d;border-radius:4px;padding:.25rem .5rem}.term-value{color:#8665e4}.trace-result{color:#fff;font-size:1.3rem;margin-top:.5rem;text-align:center}.trace-value{font-size:1.5rem;font-weight:800}.trace-result-value{color:#4fc7a4!important;font-size:2rem!important;font-weight:800!important}.diagonal-step{background:#8665e40d;border-left:3px solid #8665e4;border-radius:6px;margin-top:.5rem;padding:.75rem}.diagonal-elements-list{display:flex;flex-wrap:wrap;gap:.5rem}.diagonal-element-step{background:#8665e41a;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:.5rem}.diagonal-position{color:#8665e4;font-weight:600}.diagonal-value{color:#4fc7a4}.trace-calc-steps{margin-top:.5rem}.trace-calc-step{background:#ffffff08;border-left:3px solid #4fc7a4;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:.25rem;padding:.5rem}.calc-step-desc{color:#b8b8d0}.calc-step-result{color:#4fc7a4;font-weight:600}.trace-final{background:#4fc7a41a;border-radius:6px;color:#4fc7a4;font-size:1.1rem;margin-top:.75rem;padding:.75rem;text-align:center}.algebra-quick-buttons{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.fa-slash:before{content:"tr";font-size:.9em;font-style:italic;font-weight:700}.fa-caret-down:before,.fa-caret-up:before{font-size:.9em}.fa-zero:before{content:"0";font-weight:700}.full-width{grid-column:1/-1}.transformation-steps{margin:1rem 0}.step-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.step-matrix{flex:1 1;min-width:150px}.step-arrow{align-items:center;color:#8665e4;display:flex;flex-direction:column;min-width:80px}.step-arrow i{font-size:1.5rem;margin-bottom:.25rem}.step-arrow div{font-size:.8rem;font-weight:600}.matrix-equation{background:#ffffff08;border:1px solid #8665e44d;border-radius:8px;margin-top:.5rem;padding:1rem}.equation-title{color:#8665e4;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.equation-content{color:#4fc7a4;font-size:1.1rem;margin-bottom:.5rem}.equation-content,.equation-values{font-family:Courier New,monospace;text-align:center}.equation-values{color:#b8b8d0;font-size:1rem}.minor-step{background:#ffffff08;border-left:3px solid #8665e4;border-radius:6px;margin-bottom:.5rem;padding:.75rem}.minor-position{color:#8665e4;font-weight:600;margin-bottom:.25rem}.minor-calculation{color:#4fc7a4;font-family:Courier New,monospace;margin-bottom:.5rem}.minor-submatrix{color:#b8b8d0;font-size:.85rem}.division-steps,.minor-steps,.transpose-steps{margin-top:.5rem}.division-step,.transpose-step{background:#ffffff05;border-radius:4px;color:#b8b8d0;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:.25rem;padding:.5rem}.verification-matrix{background:#4fc7a40d;border:1px solid #4fc7a433;border-radius:6px;margin-top:.5rem;padding:.75rem}.trace-comparison{display:flex;flex-wrap:wrap;gap:1.5rem;margin:.5rem 0}.trace-item{align-items:center;display:flex;gap:.5rem}.trace-label{color:#b8b8d0;font-weight:600}.trace-value{color:#4fc7a4;font-family:Courier New,monospace;font-weight:600}.fa-arrows-turn-right:before{content:"\f176"}.fa-superscript:before{content:"^";font-weight:700}.algebra-exponent-input{margin-top:.5rem}.exponent-input-wrapper{align-items:baseline;display:flex;gap:0;position:relative}.exponent-label{color:#8665e4;font-size:1.2rem;font-weight:600}.exponent-superscript-input{left:-.2em;position:relative;top:-.5em}.exponent-input{background:#ffffff0d;border:1px solid #8665e433;border-radius:4px;color:#fff;font-size:.9rem;padding:.25rem .5rem;text-align:center;width:60px}.exponent-input:focus{border-color:#8665e4;outline:none}.exponent-hint{color:#8a8aa3;font-size:.8rem;margin-top:.25rem}.power-visual{background:#ffffff08;border:1px solid #8665e44d;border-radius:12px;margin:1rem 0;padding:1.5rem}.visual-grid{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.visual-matrix{flex:1 1;min-width:150px}.exponent-display{align-items:center;color:#8665e4;display:flex;flex-direction:column;justify-content:center;min-width:80px}.exponent-superscript{color:#4fc7a4;font-size:2rem;font-weight:800;line-height:1}.exponent-superscript sup{font-size:1.5rem;position:relative;top:-.8em}.exponent-label{color:#b8b8d0;font-size:.8rem;margin-top:.25rem}.visual-arrow{color:#8665e4;font-size:1.5rem}.method-info{background:#ffffff08;border:1px solid #8665e433;border-radius:8px;margin:1rem 0;padding:1rem}.method-name{color:#8665e4;font-size:1rem;font-weight:600;margin-bottom:.5rem}.method-details{display:flex;flex-direction:column;gap:.5rem}.method-detail{align-items:flex-start;display:flex;font-size:.9rem;gap:.5rem}.detail-label{color:#b8b8d0;font-weight:500;min-width:80px}.detail-value{color:#4fc7a4;flex:1 1}.method-display{display:flex;flex-direction:column;gap:.25rem}.method-name-display{color:#8665e4;font-size:1.1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.method-complexity{color:#4fc7a4;font-family:Courier New,monospace;font-size:.9rem}.determinant-power{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.det-original,.det-power{color:#b8b8d0;font-family:Courier New,monospace;font-size:.9rem}.det-power{color:#4fc7a4;font-weight:600}.step-powers,.step-values{background:#ffffff08;border-left:3px solid #8665e4;border-radius:4px;margin-top:.5rem;padding:.5rem}.step-power,.step-value{color:#b8b8d0;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:.25rem}.calculation-steps{margin-top:.5rem}.calculation-step{background:#ffffff05;border-left:3px solid #4fc7a4;border-radius:4px;color:#b8b8d0;font-family:Courier New,monospace;font-size:.85rem;margin-bottom:.25rem;padding:.5rem}.fa-binary:before{content:"0101";font-family:Courier New,monospace;font-size:.8em;font-weight:700;letter-spacing:1px}.algebra-quick-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:.5rem}.sequence-display{background:#ffffff08;border:1px solid #8665e433;border-radius:8px;margin:1rem 0;padding:1rem}.sequence-title{color:#8665e4;font-size:.9rem;font-weight:600;margin-bottom:1rem}.sequence-terms{display:flex;flex-wrap:wrap;gap:.75rem}.sequence-term{align-items:center;background:#ffffff0d;border:1px solid #8665e41a;border-radius:6px;display:flex;flex-direction:column;min-width:70px;padding:.5rem .75rem;transition:all .3s ease}.sequence-term.highlighted{background:#8665e433;border-color:#8665e4;box-shadow:0 4px 12px #8665e433;transform:scale(1.05)}.term-position{color:#b8b8d0;font-size:.8rem;margin-bottom:.25rem}.term-position,.term-value{font-family:Courier New,monospace}.term-value{color:#4fc7a4;font-size:1.1rem;font-weight:700}.formula-display{background:#ffffff08;border:1px solid #8665e44d;border-radius:8px;padding:1rem}.formula-title{color:#8665e4;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.formula-content{background:#4fc7a41a;border-radius:4px;color:#4fc7a4;font-size:1.3rem;margin-bottom:.5rem;padding:.5rem}.formula-content,.formula-substitution{font-family:Courier New,monospace;text-align:center}.formula-substitution{color:#b8b8d0;font-size:1rem}.formula-compact{font-family:Courier New,monospace;font-size:.9rem!important;line-height:1.4}.sequence-result-value{color:#4fc7a4!important;font-size:1.8rem!important;font-weight:800!important}.common-examples{margin:1.5rem 0}.examples-title{color:#8665e4;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.examples-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.example-button{background:#ffffff08;border:1px solid #8665e433;border-radius:6px;color:#b8b8d0;cursor:pointer;padding:.75rem;text-align:left;transition:all .3s ease}.example-button:hover{background:#8665e41a;border-color:#8665e466;color:#fff}.example-formula{color:#8665e4;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.example-sequence{font-size:.8rem}.example-sequence,.step-formula{color:#4fc7a4;font-family:Courier New,monospace}.step-formula{background:#ffffff05;border-radius:4px;font-size:.9rem;margin-top:.5rem;padding:.5rem}.step-position,.step-term{color:#b8b8d0;font-family:Courier New,monospace;font-size:.9rem;margin-top:.25rem}.algebra-options{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.algebra-coefficient-inputs{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.pascals-triangle{background:#ffffff08;border:1px solid #8665e433;border-radius:8px;margin:1rem 0;padding:1rem}.pascals-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.pascals-coeff{background:#8665e41a;border:1px solid #8665e44d;border-radius:6px;color:#8665e4;font-family:Courier New,monospace;font-weight:700;min-width:40px;padding:.5rem .75rem;text-align:center}.expansion-display{background:#ffffff05;border:1px solid #4fc7a433;border-radius:6px;color:#4fc7a4;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;overflow-x:auto;padding:1rem;white-space:pre-wrap}.term-coefficient{color:#8665e4;font-size:.7rem}.step-calculation,.step-result,.term-coefficient{font-family:Courier New,monospace;margin-top:.25rem}.step-calculation,.step-result{background:#ffffff05;border-radius:4px;font-size:.85rem;padding:.25rem .5rem}.step-calculation{color:#b8b8d0}.step-result{color:#4fc7a4;font-weight:600}.step-note{color:#8a8aa3;font-size:.8rem;font-style:italic;margin-top:.25rem}.algebra-method-buttons{grid-template-columns:1fr 1fr 1fr 1fr}.properties-display{background:#ffffff08;border:1px solid #8665e433;border-radius:8px;margin:1rem 0;padding:1rem}.properties-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.5rem}.property-item{background:#ffffff05;border:1px solid #4fc7a41a;border-radius:6px;padding:.75rem;transition:all .3s ease}.property-item:hover{background:#4fc7a40d;border-color:#4fc7a44d}.property-name{color:#8665e4;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.property-value{color:#4fc7a4;font-family:Courier New,monospace;font-size:1rem;font-weight:600;margin-bottom:.25rem}.property-description{color:#b8b8d0;font-size:.8rem;line-height:1.3}.graph-display{background:#ffffff08;border:1px solid #8665e433;border-radius:8px;margin:1rem 0;padding:1rem}.graph-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.graph-ascii{background:#ffffff05;font-size:.9rem;line-height:1.2;text-align:center}.graph-info{display:flex;flex-direction:column;gap:.5rem;width:100%}.graph-base,.graph-characteristics,.graph-point{background:#ffffff05;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.graph-label{color:#8665e4;font-size:.9rem;font-weight:600}.graph-value{color:#b8b8d0;font-family:Courier New,monospace;font-size:.9rem}.laws-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.law-item{background:#ffffff05;border:1px solid #8665e41a;border-radius:4px;color:#b8b8d0;font-family:Courier New,monospace;font-size:.9rem;padding:.5rem}.step-applications,.step-laws,.step-properties{background:#ffffff05;border-radius:4px;margin-top:.5rem;padding:.5rem}.step-application,.step-law,.step-property{color:#b8b8d0;font-size:.85rem;margin-bottom:.25rem;padding-left:.5rem}.step-law{font-family:Courier New,monospace}.coordinates-display{background:#ffffff08;border:1px solid #8665e433;border-radius:8px;margin:1rem 0;padding:1rem}.coordinates-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:.5rem}.coordinate-point{background:#ffffff05;border:1px solid #4fc7a41a;border-radius:6px;padding:.75rem;transition:all .3s ease}.coordinate-point:hover{background:#4fc7a40d;border-color:#4fc7a44d}.point-label{color:#8665e4;font-size:1rem;font-weight:700;margin-bottom:.5rem;text-align:center}.point-coordinates{color:#4fc7a4;font-family:Courier New,monospace;font-size:.95rem;line-height:1.4;text-align:center}.input-group-header{background:#8665e41a;border-radius:4px;color:#8665e4;font-size:.9rem;font-weight:600;margin-bottom:.5rem;padding:.5rem;text-align:center}.equations-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.equation-item{align-items:center;background:#ffffff05;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.equation-type{color:#8665e4;font-size:.85rem;font-weight:600;min-width:120px}.equation-value{color:#4fc7a4;flex:1 1;font-family:Courier New,monospace;font-size:.9rem;text-align:right}.step-equations,.step-intercepts{background:#ffffff05;border-radius:4px;margin-top:.5rem;padding:.5rem}.step-equation,.step-intercept{color:#b8b8d0;font-size:.85rem;margin-bottom:.25rem;padding-left:.5rem}.graph-ascii,.step-equation{font-family:Courier New,monospace}.graph-ascii{background:#0003;border:1px solid #4fc7a41a;border-radius:6px;color:#4fc7a4;font-size:.85rem;line-height:1.3;overflow-x:auto;padding:1rem;white-space:pre-wrap}.graph-points{display:flex;flex-direction:column;gap:.5rem;width:100%}.graph-point-info{background:#ffffff05;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.graph-point-label{color:#8665e4;font-size:.9rem;font-weight:600}.graph-point-coords{color:#b8b8d0;font-family:Courier New,monospace;font-size:.9rem}.algebra-method-buttons{grid-template-columns:1fr 1fr 1fr 1fr 1fr}@media (max-width:1024px){.algebra-layout{gap:1.5rem;grid-template-columns:1fr}.algebra-coefficient-inputs{gap:.75rem;grid-template-columns:1fr}.algebra-right-column{position:static}.algebra-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.algebra-method-buttons{grid-template-columns:1fr 1fr;grid-template-columns:1fr 1fr 1fr}.coordinates-grid{grid-template-columns:1fr}}@media (max-width:768px){.algebra-container{padding:0 1rem}.algebra-header h1{font-size:2.5rem}.algebra-history-section,.algebra-input-section,.algebra-result-section,.algebra-tips-section{padding:1.5rem}.algebra-action-buttons{grid-template-columns:1fr}.algebra-history-list{max-height:300px}.algebra-coefficient-inputs{gap:.75rem}.algebra-input-wrapper{justify-content:space-between}.algebra-section-actions{flex-direction:column;gap:.25rem}.algebra-param-inputs{grid-template-columns:1fr}.eigenvector-value{flex-direction:column;gap:.25rem}.algebra-size-controls{align-items:flex-start;flex-direction:column;gap:.75rem}.size-input-group{justify-content:space-between;width:100%}.rank-number{font-size:1.5rem}.visual-grid{gap:1rem}.transformation-arrow{flex-direction:row;gap:1rem}.transformation-arrow i{transform:rotate(90deg)}.visual-explanation{align-items:center;flex-direction:column;gap:.75rem}.diagonal-list{justify-content:center}.trace-formula{font-size:1rem}.trace-result{font-size:1.1rem}.trace-value{font-size:1.3rem}.step-row{align-items:stretch;flex-direction:column}.step-arrow{flex-direction:row;justify-content:center;margin:.5rem 0;min-width:auto}.step-arrow i{margin-bottom:0;margin-right:.5rem}.trace-comparison{gap:.5rem}.trace-comparison,.visual-grid{flex-direction:column}.exponent-display{flex-direction:row;gap:.5rem;margin:.5rem 0}.exponent-superscript{font-size:1.5rem}.method-detail{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}.algebra-quick-buttons{grid-template-columns:repeat(2,1fr)}.examples-grid{grid-template-columns:1fr 1fr}.algebra-coefficient-inputs{grid-template-columns:1fr}.sequence-terms{justify-content:center}.formula-content{font-size:1.1rem}.sequence-result-value{font-size:1.5rem!important}.algebra-method-buttons{grid-template-columns:1fr}.pascals-coeff{min-width:35px;padding:.4rem .5rem}.properties-grid{grid-template-columns:1fr}.graph-ascii{font-size:.8rem}.algebra-method-buttons{grid-template-columns:1fr 1fr}.graph-ascii{font-size:.75rem;padding:.75rem}.equation-item{align-items:flex-start;flex-direction:column;gap:.25rem}.equation-type{min-width:auto}.equation-value{text-align:left;width:100%}}@media (max-width:640px){.algebra-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.algebra-header h1{font-size:2rem}.algebra-header p{font-size:1rem}.algebra-grid{gap:.75rem;grid-template-columns:1fr}.algebra-button{flex-direction:row;font-size:.9rem;gap:1rem;justify-content:flex-start;padding:.5rem 1rem}.algebra-button i{font-size:1.2rem;margin-bottom:0}.algebra-result-item{gap:.75rem}.algebra-result-item,.algebra-step{flex-direction:column;text-align:center}.algebra-step{gap:.5rem}.step-number{align-self:center}.visual-cell{font-size:.9rem;height:40px;width:40px}.matrix-hint{display:block;margin-left:0;margin-top:.5rem}.diagonal-element{min-width:70px;padding:.4rem .5rem}.trace-formula{font-size:.9rem}.trace-result-value{font-size:1.5rem!important}.step-arrow{min-width:60px}.step-arrow i{font-size:1.2rem}.algebra-quick-buttons{grid-template-columns:1fr}.exponent-input{font-size:.8rem;width:50px}.exponent-superscript{font-size:1.2rem}.examples-grid{grid-template-columns:1fr}.sequence-term{min-width:60px;padding:.4rem .5rem}.formula-content{font-size:1rem}.formula-substitution{font-size:.9rem}.graph-base,.graph-characteristics,.graph-point{flex-direction:column;gap:.25rem}.algebra-method-buttons{grid-template-columns:1fr}.graph-point-info{flex-direction:column;gap:.25rem}.coordinates-grid{grid-template-columns:1fr}}.algebra-history-list::-webkit-scrollbar{width:6px}.algebra-history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.algebra-history-list::-webkit-scrollbar-thumb{background:#4fc7a44d;border-radius:3px}.algebra-history-list::-webkit-scrollbar-thumb:hover{background:#4fc7a480}@keyframes algebraFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.algebra-history-item,.algebra-result-section{animation:algebraFadeInUp .6s ease}.algebra-size-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.size-input-group{align-items:center;display:flex;gap:.5rem}.size-separator{color:#8665e4;font-size:1.1rem;font-weight:700}.algebra-size-select{background:#ffffff0d;border:1px solid #8665e433;border-radius:6px;color:#fff;font-size:.9rem;min-width:60px;padding:.5rem}.algebra-size-select:focus{border-color:#8665e4;outline:none}.algebra-method-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr;margin-top:.5rem}.fa-square-root-variable:before{content:"√x";font-style:italic;font-weight:700}.fa-n:before{content:"n"}.fa-1:before,.fa-n:before{font-style:italic;font-weight:700}.fa-1:before{content:"a₁"}
/*# sourceMappingURL=main.1e55a19f.css.map*/