@import url(https://fonts.googleapis.com/css2?family=Share+Tech+Mono:wght@400&family=Oswald:wght@300;400;500;600;700&family=Roboto+Condensed:wght@300;400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;background-image:repeating-linear-gradient(0deg,#0000,#0000 1px,#64646408 0,#64646408 2px);color:#c8c8c8;font-family:Roboto Condensed,Arial Narrow,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}code{font-family:Share Tech Mono,Courier New,monospace}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.4'/%3E%3C/svg%3E");opacity:.15}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}body:after{background:linear-gradient(90deg,#0000,#32323205 50%,#0000),linear-gradient(0deg,#0000,#1e1e1e08 50%,#0000)}.App{background:#0a0a0a;min-height:100vh;position:relative}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f0ff2;border-bottom:1px solid #5050504d;box-shadow:0 2px 8px #000c;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1400px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#d4af37;font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:600;gap:.75rem;letter-spacing:.15em;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.navbar-logo:hover{color:#e5c158}.navbar-logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));height:40px;opacity:.9;transition:all .2s ease;width:auto}.navbar-logo:hover .navbar-logo-image{filter:drop-shadow(0 2px 6px rgba(212,175,55,.4));opacity:1}.navbar-menu{gap:2.5rem}.navbar-currency,.navbar-menu{align-items:center;display:flex}.navbar-currency{background:#d4af371a;border:1px solid #d4af374d;border-radius:4px;color:#d4af37;font-family:Share Tech Mono,monospace;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.navbar-currency:hover{background:#d4af3726;border-color:#d4af3780;transform:translateY(-1px)}.atom-icon{animation:atomRotate 4s linear infinite;color:#d4af37;filter:drop-shadow(0 0 2px rgba(212,175,55,.5))}@keyframes atomRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.currency-amount{font-weight:600;letter-spacing:.05em}.navbar-link{border-bottom:1px solid #0000;color:#c8c8c8;font-family:Roboto Condensed,sans-serif;font-size:.875rem;font-weight:400;letter-spacing:.1em;padding:.5rem 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.navbar-link:after{background:#d4af37;bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-link:hover{border-bottom-color:#d4af3780;color:#fff}.navbar-link:hover:after{width:100%}.navbar-signout{background:#0000;border:none;cursor:pointer;font-family:inherit;font-size:inherit;letter-spacing:inherit;padding:.5rem 0;text-transform:inherit}.navbar-signout:after{display:none}.particles-container-dust{height:100%;isolation:isolate;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transform:translateZ(0);width:100%;will-change:contents;z-index:8}.particle-dust{animation:dustMove 10s linear 0s infinite;animation:dustMove var(--duration,10s) var(--delay,0s) linear infinite;animation-fill-mode:both;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#a8a8a899;border-radius:50%;box-shadow:0 0 2px #d4af374d,0 0 4px #d4af3733;height:2px;height:var(--size,2px);left:-50px;opacity:.5;opacity:var(--opacity,.5);position:absolute;top:50%;top:var(--start-y,50%);transform:translateZ(0);width:2px;width:var(--size,2px);will-change:transform,opacity}@keyframes dustMove{0%{opacity:.5;opacity:var(--opacity,.5);transform:translateZ(0) rotate(0deg)}50%{opacity:.6;opacity:calc(var(--opacity, .5)*1.2)}to{opacity:.15;opacity:calc(var(--opacity, .5)*.3);transform:translate3d(100vw,-200px,0) rotate(1turn);transform:translate3d(var(--x,100vw),var(--y,-200px),0) rotate(1turn)}}.particle-dust:before{animation:dustGlow 10s linear 0s infinite;animation:dustGlow var(--duration,10s) var(--delay,0s) linear infinite;animation-fill-mode:both;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(circle,#a8a8a866 0,#0000 70%);border-radius:50%;content:"";height:4px;height:calc(var(--size, 2px)*2);left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:4px;width:calc(var(--size, 2px)*2);will-change:transform,opacity}@keyframes dustGlow{0%{opacity:.6;transform:translate3d(-50%,-50%,0) scale(1)}50%{opacity:.8;transform:translate3d(-50%,-50%,0) scale(1.2)}to{opacity:.2;transform:translate3d(-50%,-50%,0) scale(1.5)}}.home-landing{align-items:center;display:flex;gap:2rem;height:100vh;justify-content:center;overflow:hidden;padding:2rem;position:relative;width:100%}.landing-background{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.landing-background:after{background:#0a0a0a4d;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.landing-left-section{flex-direction:column;gap:3rem;max-width:500px;position:relative;transform:translateX(50%);z-index:10}.landing-left-section,.landing-logo-left{align-items:center;display:flex;justify-content:center}.logo-image-left{filter:drop-shadow(0 8px 16px rgba(0,0,0,.9));height:auto;max-width:100%;opacity:.95}.return-to-game-button{background:grey;border:2px solid #a0a0a0;box-shadow:0 4px 12px #0009;color:#0a0a0a;cursor:pointer;font-family:Oswald,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.15em;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.return-to-game-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.return-to-game-button:hover{background:#a0a0a0;border-color:silver;box-shadow:0 6px 20px #000c;color:#0a0a0a;transform:translateY(-2px)}.return-to-game-button:hover:before{left:100%}.return-to-game-button:active{box-shadow:0 2px 8px #0009;transform:translateY(0)}.landing-right-section{align-items:center;display:flex;height:100%;justify-content:center;max-width:600px;position:relative;transform:translateX(-40%);z-index:10}.character-image-right{filter:drop-shadow(0 8px 24px rgba(0,0,0,.9));height:auto;max-height:90vh;max-width:100%;object-fit:contain;opacity:.95;will-change:transform}.landing-bottom-overlay{background:linear-gradient(0deg,#0a0a0af2 0,#0a0a0ab3 50%,#0000);bottom:0;height:150px;left:0;pointer-events:none;position:fixed;width:100%;z-index:1000}@media (max-width:1024px){.home-landing{flex-direction:column;gap:2rem;justify-content:center;padding:1rem}.landing-left-section{align-items:center;max-width:100%;text-align:center}.landing-right-section{justify-content:center;max-width:100%}.character-image-right{max-height:50vh}}@media (max-width:768px){.logo-image-left{max-width:250px}.return-to-game-button{font-size:.95rem;padding:1rem 2rem}}.subject-page{background:#0a0a0a;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;max-width:1400px;min-height:100vh;padding:4rem 2rem;position:relative}.subject-page:before{background:#0a0a0ae6;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.subject-page>*{position:relative;z-index:1}.subject-header{color:#e8e8e8;margin-bottom:4rem;text-align:center}.back-link{margin-bottom:1.5rem}.subject-header h1{color:#d4af37;font-family:Oswald,sans-serif;font-size:3rem;font-weight:700;letter-spacing:.15em;margin-bottom:1rem;text-shadow:2px 2px 4px #000c;text-transform:uppercase}.subject-description{color:#a0a0a0;font-family:Roboto Condensed,sans-serif;font-size:1.1rem;font-weight:300}.grades-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.grade-card{align-items:center;background:#141414d9;border:1px solid #50505066;border-radius:2px;box-shadow:0 4px 12px #0009;color:#c8c8c8;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.grade-card:before{background:linear-gradient(90deg,#0000,#d4af3799,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.grade-card:hover{background:#191919e6;border-color:#d4af3799;box-shadow:0 6px 20px #000c;transform:translateY(-2px)}.grade-card:hover:before{opacity:1}.grade-number{color:#d4af37;font-family:Oswald,sans-serif;font-size:4rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #000c}.grade-label{color:#a0a0a0;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:300;margin-bottom:.5rem}.grade-access,.grade-label{letter-spacing:.1em;text-transform:uppercase}.grade-access{border-top:1px solid #5050504d;color:#a0a0a099;font-family:Share Tech Mono,monospace;font-size:.7rem;margin-top:1rem;padding-top:1rem}.error-message{margin-bottom:2rem;padding:1rem 1.5rem}.map-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;height:100%;padding:2rem;z-index:10000}.map-modal{background:#0f0f0ffa;border:1px solid #50505080;border-radius:2px;box-shadow:0 8px 32px #000000e6;max-height:90vh;max-width:90vw;overflow:hidden}.map-modal-header{align-items:center;background:#141414cc;border-bottom:1px solid #50505066;display:flex;justify-content:space-between;padding:1.5rem 2rem}.map-modal-header h2{color:#d4af37;font-family:Oswald,sans-serif;font-size:1.5rem;letter-spacing:.1em;margin:0;text-transform:uppercase}.map-modal-close{align-items:center;background:#0000;border:1px solid #50505066;color:#a0a0a0;cursor:pointer;display:flex;font-family:Roboto Condensed,sans-serif;font-size:1.5rem;height:36px;justify-content:center;line-height:1;transition:all .3s ease;width:36px}.map-modal-close:hover{background:#1e1e1ecc;border-color:#d4af3799;color:#fff}.map-modal-content{flex:1 1;overflow:auto;padding:2rem}.map-image-container{border:1px solid #5050504d;border-radius:2px;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.map-image{filter:brightness(.85) contrast(1.1);width:100%}.map-grade-info{background:#0a0a0ae6;border:1px solid #d4af3780;border-radius:2px;left:1rem;padding:.75rem 1.5rem;position:absolute;top:1rem}.map-grade-label{color:#d4af37;font-family:Share Tech Mono,monospace;font-size:.9rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.map-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.map-button{background:#0000;border:1px solid;border-radius:2px;font-family:Roboto Condensed,sans-serif;font-size:.875rem;font-weight:400;padding:.75rem 2rem}.map-button.cancel{border-color:#50505066;color:#a0a0a0}.map-button.cancel:hover{background:#1e1e1e80;border-color:#64646499;color:#fff}.map-button.confirm{background:#2823144d;border-color:#d4af3780;color:#d4af37}.map-button.confirm:hover{background:#322d1980;border-color:#d4af37b3;color:#e5c158}@media (max-width:768px){.subject-header h1{font-size:2.25rem}.grades-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.map-modal{max-width:95vw}.map-modal-header h2{font-size:1.2rem}.map-modal-actions{flex-direction:column}.map-button{width:100%}}.level-branch-container{background:#fafafa;border-radius:16px;margin:0 auto 3rem;max-width:1200px;overflow-x:hidden;overflow-y:visible;padding:2rem;width:100%}.level-branch-header{margin-bottom:2rem;text-align:center}.level-branch-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.level-branch-header p{color:#666;font-size:1.1rem}.level-branch-map{background:#fff;border:2px solid #8b00001a;border-radius:12px;box-shadow:inset 0 2px 8px #0000000d;height:80vh;margin:2rem 0;max-height:900px;min-height:600px;overflow:visible;position:relative;width:100%}.level-branch-map:after{content:"";display:block;height:200px;width:100%}.level-branch-svg{height:100%;overflow:visible;width:100%}.level-legend{border-top:1px solid #e0e0e0;display:flex;gap:2rem;justify-content:center;margin-top:2rem;padding-top:2rem}.legend-item{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.legend-icon{border-radius:50%;height:24px;width:24px}.legend-icon.unlocked{background:linear-gradient(135deg,#667eea,#764ba2)}.legend-icon.completed{background:linear-gradient(135deg,#11998e,#38ef7d)}.legend-icon.locked{background:linear-gradient(135deg,#ccc,#999)}@media (max-width:768px){.level-branch-container{padding:1rem}.level-branch-map{min-height:400px;padding:1rem 0}.level-node{min-height:100px;width:80px}.level-penguin{height:50px;width:50px}.level-penguin svg{height:38px;width:38px}.level-icon{height:50px;width:50px}.level-number{font-size:.8rem;padding:.2rem .4rem}.level-title{font-size:.65rem;max-width:80px}.level-tooltip{font-size:.85rem;max-width:200px;min-width:150px}}.grade-page{background:#0a0a0a;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;max-width:1400px;min-height:100vh;padding:3rem 2rem;position:relative}.grade-page:before{background:#0a0a0ae6;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.grade-page>*{position:relative;z-index:1}.grade-header{color:#e8e8e8;margin-bottom:3rem;text-align:center}.back-link{border:1px solid #5050504d;border-radius:2px;color:#a0a0a0;font-family:Roboto Condensed,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:.1em;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.back-link:hover{background:#1e1e1e80;border-color:#d4af3780;color:#fff}.grade-header h1{color:#d4af37;font-family:Oswald,sans-serif;font-size:3rem;font-weight:700;letter-spacing:.15em;margin-bottom:.5rem;text-shadow:2px 2px 4px #000c;text-transform:uppercase}.grade-description{color:#a0a0a0;font-family:Roboto Condensed,sans-serif;font-size:1.1rem;font-weight:300}.topics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.topic-card{background:#141414d9;border:1px solid #50505066;border-radius:2px;box-shadow:0 4px 12px #0009;color:#c8c8c8;display:block;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .3s ease}.topic-card:before{background:linear-gradient(90deg,#0000,#d4af3799,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.topic-card:hover{background:#191919e6;border-color:#d4af3799;box-shadow:0 6px 20px #000c;transform:translateY(-2px)}.topic-card:hover:before{opacity:1}.topic-icon{align-items:center;color:#d4af37;display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.topic-card h3{color:#e8e8e8;font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.topic-card p{color:#a0a0a0;font-family:Roboto Condensed,sans-serif;font-weight:300;line-height:1.6;margin-bottom:1rem}.topic-stats{border-top:1px solid #5050504d;color:#888;display:flex;font-family:Share Tech Mono,monospace;font-size:.85rem;gap:1rem;margin-top:1rem;padding-top:1rem;text-transform:uppercase}.empty-state{color:#a0a0a0;font-family:Roboto Condensed,sans-serif;padding:4rem}.topics-section{margin-bottom:4rem}.preparation-section{border-top:1px solid #5050504d;margin-top:4rem;padding-top:3rem}.section-title{color:#d4af37;font-family:Oswald,sans-serif;font-size:2rem;font-weight:600;letter-spacing:.1em;margin-bottom:2rem;text-transform:uppercase}.preparation-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.preparation-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141414d9;border:1px solid #50505066;border-radius:2px;box-shadow:0 4px 12px #0009;color:#c8c8c8;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.preparation-card:before{background:linear-gradient(90deg,#0000,#d4af3799,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.preparation-card:hover{background:#191919e6;border-color:#d4af3799;box-shadow:0 6px 20px #000c;transform:translateY(-2px)}.preparation-card:hover:before{opacity:1}.preparation-icon{align-items:center;background:#1e1e1e99;border:1px solid #5050504d;border-radius:2px;color:#d4af37;display:inline-flex;height:56px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:56px}.preparation-card:hover .preparation-icon{background:#282828cc;border-color:#d4af3766}.preparation-card h3{color:#e8e8e8;font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.preparation-card p{color:#a0a0a0;font-family:Roboto Condensed,sans-serif;font-weight:300;line-height:1.6;margin-bottom:1rem}.preparation-stats{border-top:1px solid #5050504d;color:#888;display:flex;font-family:Share Tech Mono,monospace;font-size:.85rem;gap:1rem;margin-top:1rem;padding-top:1rem;text-transform:uppercase}.map-modal-overlay{align-items:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;left:0;padding:73px 0 0;position:fixed;top:0;width:100%;z-index:99}.map-modal-overlay:after{background:#000000b3;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.map-modal{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:calc(100vh - 73px);justify-content:center;padding:0;position:relative;width:100%;z-index:2}.map-buttons-top{display:flex;gap:1.5rem;position:absolute;right:2rem;top:calc(73px + 2rem);z-index:10}.map-container{align-items:center;display:flex;gap:2rem;height:100%;justify-content:center;padding:1rem 2rem 2rem;position:relative;width:100%}.map-wrapper{cursor:pointer;display:inline-block;position:relative}.map-image{border:1px solid #5050504d;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.8));height:auto;max-height:90%;max-width:80%;object-fit:contain;width:auto}.map-hotspot{align-items:flex-end;background:#0000;border:none;border-radius:2px;cursor:pointer;display:flex;justify-content:center;padding-bottom:.25rem;position:absolute;transition:all .3s ease}.map-hotspot:hover{background:#0000;transform:scale(1.05)}.map-hotspot:hover .hotspot-label{opacity:0}.map-hotspot-vector{background:#0000;border:none}.map-hotspot-vector:hover{background:#0000}.map-hotspot-vector .hotspot-label,.map-hotspot-vector:hover .hotspot-label{opacity:0}.map-hotspot-sanitary{background:#0000;border:none}.map-hotspot-sanitary:hover{background:#0000}.map-hotspot-sanitary .hotspot-label,.map-hotspot-sanitary:hover .hotspot-label{opacity:0}.map-hotspot-bunker{background:#0000;border:none}.map-hotspot-bunker:hover{background:#0000}.map-hotspot-bunker .hotspot-label,.map-hotspot-bunker:hover .hotspot-label{opacity:0}.map-hotspot-dormitory{background:#0000;border:none}.map-hotspot-dormitory:hover{background:#0000}.map-hotspot-dormitory .hotspot-label,.map-hotspot-dormitory:hover .hotspot-label{opacity:0}.hotspot-label{color:#d4af37;font-family:Oswald,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.1em;opacity:0;pointer-events:none;text-shadow:0 0 8px #d4af3799;text-transform:uppercase;transition:all .3s ease}.map-description-panel{background:#0f0f0ff2;border:1px solid #50505080;border-radius:4px;box-shadow:0 8px 32px #000c;flex-shrink:0;max-height:80vh;overflow-y:auto;padding:2rem;position:relative;width:400px}.description-close{align-items:center;background:#0000;border:1px solid #50505080;border-radius:50%;color:#e8e8e8;cursor:pointer;display:flex;font-family:Roboto Condensed,sans-serif;font-size:1.5rem;height:32px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.description-close:hover{background:#d4af3733;border-color:#d4af3780;color:#d4af37}.description-title{color:#d4af37;font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.1em;margin-bottom:1.5rem;padding-right:2rem;text-transform:uppercase}.description-text{color:#c8c8c8;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:300;line-height:1.8;text-align:justify}.map-button{border:2px solid;box-shadow:0 4px 12px #0009;cursor:pointer;font-family:Oswald,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;overflow:hidden;padding:1.2rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease}.map-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.map-button:hover:before{left:100%}.map-button-continue{background:#8b0000;border-color:#b22222;color:#fff}.map-button-continue:hover{background:brown;border-color:#cd5c5c;box-shadow:0 6px 20px #8b000099;transform:translateY(-2px)}.map-button-search{background:#006400;border-color:#228b22;color:#fff}.map-button-search:hover{background:#228b22;border-color:#32cd32;box-shadow:0 6px 20px #00640099;transform:translateY(-2px)}.map-button:active{box-shadow:0 2px 8px #0009;transform:translateY(0)}.map-button-disabled{color:grey!important;cursor:not-allowed;opacity:.5}.map-button-disabled,.map-button-disabled:hover{background:#404040!important;border-color:#606060!important}.map-button-disabled:hover{box-shadow:0 4px 12px #0009!important;transform:none!important}.map-button-disabled:before{display:none}@media (max-width:1024px){.map-modal-overlay{padding-top:73px}.map-buttons-top{gap:1rem;right:1.5rem;top:calc(73px + 1.5rem)}.map-container{flex-direction:column}.map-image{max-height:70%;max-width:95%}.map-description-panel{max-height:40vh;max-width:600px;width:90%}}@media (max-width:768px){.map-modal-overlay{padding-top:73px}.map-buttons-top{flex-direction:column;gap:1rem;left:1rem;right:1rem;top:calc(73px + 1rem)}.map-container{gap:1rem;padding:1rem}.map-image{max-height:60%;max-width:100%}.map-description-panel{max-height:35vh;padding:1.5rem;width:95%}.description-title{font-size:1.25rem;margin-bottom:1rem}.description-text{font-size:.9rem;line-height:1.6}.map-button{min-width:auto;width:100%}.grade-header h1{font-size:2.25rem}.preparation-grid,.topics-grid{grid-template-columns:1fr}}.interactive-lesson{padding:2rem 0}.lesson-step{padding:2rem}.step-title{color:#667eea;font-size:2rem;margin-bottom:2rem;text-align:center}.text-content{color:#333;font-size:1.2rem;line-height:1.8}.animation-content,.text-content{text-align:center}.animation-visualization{display:flex;justify-content:center;margin:2rem 0}.graph-animation{background:#f8f9fa;border-radius:15px;padding:2rem}.animation-description{color:#666;font-size:1.1rem;margin-top:1rem}.interactive-content{text-align:center}.interactive-question{color:#333;font-size:1.3rem;font-weight:500;margin-bottom:2rem}.answer-options{margin:0 auto 2rem}.answer-option:hover:not(:disabled){background:#f0f4ff;border-color:#667eea}.answer-option.incorrect{background:#f44336;border-color:#f44336;color:#fff}.answer-option:disabled{cursor:not-allowed}.feedback-correct{color:#4caf50;font-size:1.2rem;font-weight:700}.feedback-incorrect{color:#f44336;font-size:1.1rem}.nav-button.primary{background:#667eea}.nav-button.primary:hover:not(:disabled){background:#5568d3}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.27"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.quadratic-lesson{background:#fff;margin:0 auto;max-width:1000px;padding:2rem}.story-header{background:linear-gradient(135deg,#1a237e,#283593);border:2px solid #3949ab;color:#fff}.story-header h2{color:#fff}.story-text{color:#ffffffe6}.skipper-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem 0}.skipper-svg-container{filter:drop-shadow(3px 3px 6px rgba(0,0,0,.3))}.skipper-quote{align-items:center;background:#f5f5f5;border-left:4px solid #1a237e;border-radius:8px;display:flex;gap:1rem;margin-top:2rem;padding:1.5rem}.skipper-quote p{color:#333;font-size:1.1rem;font-weight:500;margin:0}.formula-display-large{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;margin:3rem 0;padding:2rem;text-align:center}.formula-display-large .katex{font-size:2.5rem}.command-step{text-align:center}.start-button{background:#1a237e;box-shadow:0 4px 8px #1a237e4d}.start-button:hover{background:#283593;box-shadow:0 6px 12px #1a237e66}.mission-door{filter:drop-shadow(4px 4px 8px rgba(0,0,0,.3))}.treasure{animation:bounce 1s infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:4rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.maze-visual{background:linear-gradient(135deg,#263238,#37474f);border:2px solid #546e7a}.parabola-intro{margin-bottom:2rem}.training-step{text-align:center}.training-step h2{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.catch-roots-step{text-align:center}.catch-roots-step h2{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.bridge-step{text-align:center}.bridge-step h2{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.mission-step{text-align:center}.mission-step h2{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.formula-display{background:#f8f9fa}.coefficients{color:#666;font-size:1.2rem;margin-top:1rem}.sliders-container{display:flex;flex-direction:column;gap:1.5rem;margin:2rem auto;max-width:500px}.slider-group{align-items:center;gap:1rem}.slider-group label{color:#1a1a1a;min-width:80px}.slider{flex:1 1}.parabola-canvas{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px}.instruction{margin-top:1.5rem}.discriminant-step{text-align:center}.discriminant-step h3{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.discriminant-display{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1.5rem}.discriminant-formula{font-family:Times New Roman,serif;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.discriminant-status{border-radius:6px;display:inline-block;font-size:1.1rem;font-weight:600;padding:.5rem 1rem}.discriminant-status.two-roots{background:#e8f5e9;color:#2e7d32}.discriminant-status.one-root{background:#fff3e0;color:#e65100}.discriminant-status.no-roots{background:#ffebee;color:#c62828}.discriminant-scale{margin-top:1.5rem}.scale-bar{background:#e0e0e0;border-radius:15px;height:30px;overflow:hidden;position:relative;width:100%}.scale-fill{border-radius:15px;transition:width .3s,background .3s}.scale-fill.red{background:#f44336}.scale-fill.yellow{background:#ffc107}.scale-fill.green{background:#4caf50}.scale-labels{color:#666;display:flex;font-size:.85rem;justify-content:space-between;margin-top:.5rem}.roots-display{background:#e8f5e9;border-radius:8px;color:#2e7d32;font-size:1.2rem;font-weight:600;margin-top:1.5rem;padding:1rem}.goal{color:#666;font-size:1.2rem;font-weight:500;margin-bottom:2rem}.methods-step h3{color:#1a1a1a;font-size:2rem;margin-bottom:2rem;text-align:center}.methods-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.method-tab{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .2s}.method-tab.active,.method-tab:hover{border-color:#1a1a1a}.method-tab.active{background:#1a1a1a;color:#fff}.method-content{background:#f8f9fa;border-radius:8px;min-height:300px;padding:2rem}.factoring-method h4,.formula-method h4,.graphical-method h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.formula-display{border-radius:6px;margin:1.5rem 0;padding:1.5rem}.formula-display .katex{font-size:1.5rem}.example{background:#fff;border-radius:6px;font-family:Times New Roman,serif;margin-top:1.5rem;padding:1rem}.example p{margin:.5rem 0}.factoring-puzzle{background:#fff;border-radius:6px;font-family:Times New Roman,serif;font-size:1.2rem;padding:1.5rem}.hint{font-size:.9rem}.metaphor-step{text-align:center}.metaphor-step h3{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.metaphor-text{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.bridge-visualization{margin:2rem 0}.quiz-step h3{color:#1a1a1a;font-size:2rem;margin-bottom:2rem;text-align:center}.quiz-tasks{display:flex;flex-direction:column;gap:3rem}.quiz-task{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:2rem}.task-question{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.success-message{border-radius:6px}.answer-input input{border:1px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:1rem;padding:.75rem}.answer-input button{background:#1a1a1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:background .2s}.answer-input button:hover{background:#2a2a2a}.tasks-list{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem}.tasks-list h3{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.task-item{border:1px solid #e0e0e0;margin:.5rem 0;padding:.75rem;transition:all .2s}.task-item.completed{background:#e8f5e9;border-color:#4caf50;color:#2e7d32;font-weight:600}.challenge-equation{background:#fff;border-radius:6px;margin:1rem 0;padding:1rem}.answer-options{grid-gap:1rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:1rem}.answer-option{background:#fff;border-radius:8px;font-size:1rem;padding:1rem;transition:all .2s}.answer-option:hover{border-color:#1a1a1a}.answer-option.selected{background:#1a1a1a;border-color:#1a1a1a}.answer-option.correct{background:#4caf50;border-color:#4caf50;color:#fff}.interactive-challenge{margin-top:1rem}.ordinary-fractions-lesson{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.lesson-step h3{margin-bottom:2rem}.speech-bubble{margin:2rem auto}.speech-bubble p{font-size:1.1rem}.repeat-step .pizza-scene{align-items:center;display:flex;justify-content:center;margin:2rem 0;min-height:250px}.whole-pizza{cursor:pointer}.pizza-pieces{display:flex;gap:1rem;justify-content:center}.divide-buttons{margin:2rem auto;max-width:300px}.divide-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.divide-btn:hover{box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.divide-btn.wrong{animation:shake .5s;background:linear-gradient(135deg,#ff4757,#c44569)}.divide-btn.correct{background:linear-gradient(135deg,#11998e,#38ef7d)}.terms-explanation{background:#667eea0d;border-radius:16px;margin:2rem auto;max-width:700px;padding:2rem}.explanation-content h4{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.explanation-visual{display:flex;justify-content:center;margin:2rem 0}.fraction-example{align-items:center;display:flex;flex-direction:column;gap:.5rem}.fraction-top{color:#1a1a1a;font-size:2.5rem;font-weight:700}.fraction-line-horizontal{background:#1a1a1a;height:3px;width:80px}.fraction-bottom{color:#1a1a1a;font-size:2.5rem;font-weight:700}.explanation-text{margin-top:1.5rem;text-align:left}.explanation-text p{color:#1a1a1a;font-size:1.2rem;line-height:1.6;margin:1rem 0}.understand-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:2rem;padding:1rem 2.5rem;transition:all .3s ease}.understand-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.task-instruction{background:#667eea1a;border-left:4px solid #667eea;margin:1.5rem auto;max-width:500px}.terms-step .fraction-diagram{margin:3rem 0}.fraction-visual{gap:.5rem;margin-bottom:2rem}.fraction-piece{height:150px;width:150px}.fraction-line{width:100px}.fraction-number{color:#1a1a1a;font-size:3rem;font-weight:700}.labels-container{display:flex;flex-direction:column;gap:1rem;margin:2rem auto;max-width:300px}.label-slot{align-items:center;background:#667eea1a;border:2px dashed #667eea;border-radius:8px;color:#666;display:flex;font-size:1.1rem;justify-content:center;min-height:60px;padding:1.5rem;transition:all .3s ease}.label-slot.empty{border-style:dashed}.label-slot.empty:hover{background:#667eea33;border-color:#764ba2}.placeholder{color:#999;font-style:italic}.label-slot.filled{background:#11998e1a;border-color:#11998e;border-style:solid;color:#1a1a1a;font-weight:600}.draggable-labels{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.draggable-label{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;cursor:grab;font-size:1.1rem;font-weight:600;padding:1rem 2rem;-webkit-user-select:none;user-select:none}.draggable-label:active{cursor:grabbing;opacity:.7}.explanation{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px}.explanation p{color:#1a1a1a;font-size:1.1rem;margin:1rem 0}.fraksi-comment{margin-top:1.5rem}.fraksi-comment p{color:#666}.create-step .instructor-task{background:#667eea1a;border-radius:8px;margin-bottom:2rem;padding:1rem}.instructor-task p{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin:0}.pizza-creator{margin:3rem 0}.pizza-circle-wrapper{align-items:center;display:flex;flex-direction:column;gap:2rem}.pizza-svg{border:3px solid #ff8c00;border-radius:50%;height:300px;width:300px}.pizza-slice-svg{transition:all .3s ease}.pizza-slice-svg.clickable:hover{fill:orange;filter:brightness(1.1)}.pizza-slice-svg.colored{filter:brightness(.9)}.pizza-slice{background:#ffb84d;border:2px solid #0000;cursor:pointer;height:100%;position:absolute;transition:all .3s ease;width:100%}.pizza-slice.clickable{border:2px solid #667eea4d}.pizza-slice.clickable:hover{background:orange;border-color:#667eea;transform:scale(1.05)}.pizza-slice.colored{background:#ff8c00;border-color:#ff6b6b}.pizza-slice.selected{border-color:#11998e;box-shadow:0 0 10px #11998e80}.fraction-display{margin:0}.fraction-result{align-items:center;color:#667eea;display:flex;font-family:Courier New,monospace;font-size:3rem;gap:.5rem;justify-content:center}.fraction-den,.fraction-num{min-width:60px;text-align:center}.fraction-divider{color:#1a1a1a;font-size:2.5rem}.instructions-box{background:#667eea1a;border-left:4px solid #667eea;border-radius:12px;margin:2rem auto;max-width:600px;padding:1.5rem;text-align:left}.instructions-box p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.controls{margin:2rem auto;max-width:500px}.slider-label{display:flex;flex-direction:column;gap:1rem}.label-text{color:#1a1a1a;font-size:1.1rem;font-weight:600;text-align:center}.slider-container{align-items:center;display:flex;gap:1rem}.slider-value{color:#667eea;font-size:1.5rem;font-weight:700;min-width:40px;text-align:center}.controls input[type=range]{background:#e0e0e0;border-radius:4px;cursor:pointer;flex:1 1;height:8px;outline:none}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:20px;width:20px}.controls input[type=range]::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.hint-message{background:#ff98001a;border-left:4px solid #ff9800;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.hint-message p{color:#1a1a1a;font-size:1rem;margin:0}.visualize-step .task-text{color:#667eea;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.hint-text{margin-bottom:2rem}.clickable-shape{border:3px solid #0000;border-radius:12px;cursor:pointer;padding:1rem;transition:transform .3s ease}.clickable-shape:hover{background:#667eea0d;border-color:#667eea;transform:scale(1.1)}.shape-card:hover{transform:scale(1.05)}.shape-label{color:#667eea;font-size:1.3rem;text-align:center}.shapes-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin:3rem 0}.shape-item{transition:transform .3s ease}.shape-item:hover{transform:scale(1.1)}.shape-card{cursor:pointer;height:220px;margin:0 auto;perspective:1000px;width:220px}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.shape-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;height:100%;justify-content:center;padding:1rem;position:absolute;width:100%}.card-back{background:linear-gradient(135deg,#667eea,#764ba2);transform:rotateY(180deg)}.fraction-display-large{color:#fff;font-size:4rem;text-align:center}.conclusion{margin:2rem auto}.find-error-step .task-text{color:#667eea;font-size:1.3rem;font-weight:600;margin-bottom:2rem}.error-shapes{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin:3rem 0}.error-shape{background:#fff;border:3px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.error-shape.clickable-error{border:3px dashed #ff6b6b;cursor:pointer}.error-shape.clickable-error:hover{background:#ff6b6b0d;border-color:#ff6b6b;border-style:solid;box-shadow:0 8px 24px #ff6b6b4d;transform:translateY(-5px)}.error-shape.correct-shape{background:#11998e0d;border:3px solid #11998e;cursor:default}.click-hint{color:#ff6b6b;margin-top:.5rem;text-align:center}.error-shape.highlighted{background:#ff6b6b1a;border-color:#ff6b6b}.shape-preview{margin-bottom:1rem}.shape-label{font-size:1.5rem;font-weight:700;margin-top:1rem}.error-explanation{background:#ff6b6b1a;border-radius:8px;margin-top:1rem;padding:1rem}.error-explanation p{color:#1a1a1a;font-size:1rem;margin:0}.division-step .task-text{color:#667eea;font-size:1.3rem;font-weight:600;margin-bottom:2rem}.cookie-scene{margin:3rem 0;min-height:300px;position:relative}.whole-cookie{margin:0 auto;width:150px}.clickable-cookie,.whole-cookie{position:relative}.click-hint-cookie{bottom:-30px;color:#667eea;font-size:.9rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.cookie-pieces{height:300px;margin:0 auto;position:relative;width:100%}.cookie-piece{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.friends-silhouettes{display:flex;justify-content:space-around;max-width:400px}.formula-display,.friends-silhouettes{margin-left:auto;margin-right:auto;margin-top:2rem}.formula-display{background:#11998e1a;border-left:4px solid #11998e;border-radius:12px;max-width:600px;padding:2rem}.formula{color:#11998e;font-family:Courier New,monospace;font-size:3rem;font-weight:700;margin-bottom:1rem}.formula-display p{color:#1a1a1a;font-size:1.1rem;margin:0}.puzzle-step .task-text{color:#667eea;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.puzzle-container h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:left}.puzzle-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:3rem 0}.fractions-list,.images-list{display:flex;flex-direction:column;gap:1.5rem}.fraction-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:2rem;padding:1.5rem;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.fraction-card.draggable{border:3px solid #0000;cursor:grab}.fraction-card.draggable:hover{border-color:#764ba2;box-shadow:0 8px 24px #667eea66;transform:translateY(-5px)}.fraction-card.draggable:active{cursor:grabbing;opacity:.7}.fraction-card.matched{background:linear-gradient(135deg,#11998e,#38ef7d);border:3px solid #11998e;cursor:default}.image-card{align-items:center;background:#fff;border:3px solid #e0e0e0;border-radius:12px;display:flex;justify-content:center;min-height:150px;padding:1rem;transition:all .3s ease}.image-card.drop-zone{border-style:dashed}.image-card.drop-zone:hover{background:#667eea0d;border-color:#667eea}.image-card.matched{background:#11998e1a;border-color:#11998e;border-style:solid}.puzzle-success{margin-top:3rem;text-align:center}.puzzle-success p{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin-top:1rem}.summary-step .summary-board{background:#667eea0d;border-radius:16px;margin:2rem 0;padding:3rem}.summary-points{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:700px}.point-icon,.summary-point{align-items:center}.point-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;width:40px}@media (max-width:768px){.ordinary-fractions-lesson{padding:1rem}.lesson-content{padding:2rem 1.5rem}.puzzle-container{grid-template-columns:1fr}.error-shapes,.shapes-container{align-items:center;flex-direction:column}}.division-fractions-lesson{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.lesson-step{text-align:center}.crystal-scene{align-items:center;display:flex;justify-content:center;margin:3rem 0;min-height:250px}.whole-crystal{cursor:pointer;position:relative}.click-hint{bottom:-30px;color:#667eea;font-size:.9rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.divided-crystal{display:flex;flex-wrap:wrap;gap:1rem;height:300px;justify-content:center;position:relative;width:100%}.division-formula{margin-top:3rem}.formula-display{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.formula-item{color:#1a1a1a;font-size:2rem;font-weight:700}.fraction-input{display:inline-flex;flex-direction:column;gap:.3rem}.fraction-numerator{align-items:center;background:#667eea1a;border:2px dashed #667eea;border-radius:8px;display:flex;justify-content:center;min-height:40px;min-width:60px;padding:.5rem}.fraction-numerator.filled{background:#11998e1a;border-color:#11998e;border-style:solid}.fraction-line{background:#1a1a1a;height:3px;width:60px}.fraction-denominator{align-items:center;border:2px solid #1a1a1a;border-radius:8px;display:flex;justify-content:center;min-height:40px;min-width:60px;padding:.5rem}.draggable-number{display:inline-block;font-size:1.5rem}.draggable-number:active{opacity:.7}.conclusion{border-left:4px solid #11998e;margin-left:auto;margin-right:auto;max-width:700px}.conclusion p{color:#1a1a1a;font-size:1.2rem;margin:0}.reverse-container{margin:3rem 0}.fraction-display-large{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:2rem 0}.fraction-den,.fraction-num{color:#1a1a1a;font-size:4rem;font-weight:700}.fraction-line-large{background:#1a1a1a;height:4px;width:120px}.division-formula-reverse{margin:3rem 0}.formula-slot{font-weight:700;gap:1rem}.formula-slot,.slot{align-items:center;display:flex;font-size:2rem;justify-content:center}.slot{background:#667eea1a;border:2px dashed #667eea;border-radius:8px;color:#666;min-height:60px;min-width:80px;padding:1rem}.slot.filled{background:#11998e1a;border-color:#11998e;border-style:solid;color:#1a1a1a}.number-pool{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.visual-result{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem}.visual-result p{color:#1a1a1a;font-size:1.2rem;text-align:center}.multiply-container{margin:3rem 0}.fraction-visual{align-items:center;display:flex;flex-direction:column;gap:2rem}.rectangle-base,.rectangle-result{margin:1rem 0}.multiplier-control{margin:2rem 0}.multiplier-control label{align-items:center;color:#1a1a1a;display:flex;font-size:1.2rem;font-weight:600;gap:1rem}.multiplier-control input[type=range]{background:#e0e0e0;border-radius:4px;height:8px;outline:none;width:300px}.multiplier-value{color:#667eea;font-size:1.5rem;font-weight:700;min-width:40px;text-align:center}.equality{color:#11998e;font-size:2rem;font-weight:700;margin-top:1rem}.clone-container{margin:3rem 0}.base-fraction{margin-bottom:3rem}.base-fraction h4{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.fraction-visual-small{align-items:center;display:flex;flex-direction:column;gap:1rem}.fraction-text{color:#667eea;font-size:1.5rem;font-weight:700}.clone-slots{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:500px}.clone-slot{background:#667eea0d;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem}.clone-slot label{color:#1a1a1a;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.clone-slot input{border:2px solid #667eea;border-radius:8px;font-size:1.2rem;font-weight:600;padding:.8rem;text-align:center}.clone-result{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.reduce-container{margin:3rem 0}.fraction-current{margin:2rem 0}.reduction-tool{margin:3rem 0}.reduction-tool h4{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.reduction-buttons{display:flex;gap:1rem;justify-content:center}.reduction-buttons button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;padding:1.5rem 3rem;transition:all .3s ease}.reduction-buttons button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.reduction-buttons button:disabled{cursor:not-allowed;opacity:.5}.simplify-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:3rem 0}.fractions-to-simplify,.target-display{display:flex;flex-direction:column;gap:1.5rem}.fractions-to-simplify h4,.target-display h4{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.simplify-fraction{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:2rem;font-weight:700;padding:1.5rem;text-align:center;transition:all .3s ease}.simplify-fraction.draggable{border:3px solid #0000;cursor:grab}.simplify-fraction.draggable:hover{border-color:#764ba2;box-shadow:0 8px 24px #667eea66;transform:translateY(-5px)}.simplify-fraction.draggable:active{cursor:grabbing;opacity:.7}.simplify-fraction.matched{background:linear-gradient(135deg,#11998e,#38ef7d);cursor:default}.target-slot{align-items:center;background:#fff;border:3px dashed #e0e0e0;border-radius:12px;color:#1a1a1a;display:flex;font-size:2rem;font-weight:700;justify-content:center;min-height:80px;padding:1.5rem;transition:all .3s ease}.target-slot.drop-zone:hover{background:#667eea0d;border-color:#667eea}.target-slot.matched{background:#11998e1a;border-color:#11998e;border-style:solid}.common-den-container{margin:3rem 0}.fraction-pair{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:3rem 0}.fraction-item{flex-direction:column;gap:1.5rem}.fraction-visual-compare{align-items:center;display:flex;flex-direction:column;gap:1rem}.fraction-visual-compare span{color:#667eea;font-size:1.5rem;font-weight:700}.multiplier-input{margin:1rem 0}.multiplier-input label{align-items:center;color:#1a1a1a;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:.5rem}.multiplier-input input{border:2px solid #667eea;border-radius:8px;font-size:1.2rem;font-weight:600;min-width:80px;padding:.8rem;text-align:center}.fraction-result{color:#11998e;font-size:1.5rem;font-weight:700}.comparison-result{background:#11998e1a;border-left:4px solid #11998e;border-radius:12px;margin-top:3rem;padding:2rem}.comparison-visual{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.comparison-text{color:#11998e;font-size:1.5rem;font-weight:700}.comparison-result p{color:#1a1a1a;font-size:1.2rem;margin:0;text-align:center}.true-false-container{display:flex;flex-direction:column;gap:2rem;margin:3rem auto;max-width:700px}.true-false-item{background:#667eea0d;border-left:4px solid #667eea;border-radius:12px;padding:2rem}.statement{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.answer-buttons{display:flex;gap:1rem;justify-content:center}.answer-btn{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#1a1a1a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.answer-btn:hover{border-color:#667eea;color:#667eea}.answer-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.correction-input{align-items:center;display:flex;gap:1rem;justify-content:center}.correction-input input{border:2px solid #667eea;border-radius:8px;font-size:1.2rem;font-weight:600;min-width:150px;padding:.8rem 1rem;text-align:center}.summary-visual{flex-direction:column;margin:3rem 0}.crystal-pair,.summary-visual{align-items:center;display:flex;gap:2rem}.summary-points{display:flex;flex-direction:column;margin:3rem auto;max-width:800px;text-align:left}.summary-point{align-items:flex-start;background:#fff;border-left:4px solid #667eea;display:flex;gap:1.5rem}.point-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;width:40px}.summary-point p{color:#1a1a1a;font-size:1.2rem;margin:0}.fraksi-final{margin:3rem 0}.speech-bubble{max-width:700px;text-align:left}.final-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 24px #667eea66;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin-top:2rem;padding:1.5rem 4rem;text-transform:uppercase}.final-button:hover{box-shadow:0 12px 32px #667eea99}@media (max-width:768px){.division-fractions-lesson{padding:1rem}.lesson-content{padding:2rem 1.5rem}.simplify-container{grid-template-columns:1fr}.crystal-pair,.fraction-pair{flex-direction:column}}.proper-improper-fractions-lesson{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem}.lesson-step{min-height:400px}.scale-container{flex-direction:column;margin:2rem 0}.scale,.scale-container{align-items:center;display:flex;gap:2rem}.scale{position:relative}.scale-pan{align-items:center;background:#f9f9f9;border:3px solid #ddd;border-radius:50%;display:flex;height:120px;justify-content:center;transition:all .3s;width:120px}.scale-pan.lighter{border-color:#4caf50;transform:translateY(-20px)}.scale-pan.heavier{border-color:#f44336;transform:translateY(20px)}.scale-center{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;box-shadow:0 4px 12px #4a90e266;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.fractions-to-drag{gap:2rem}.draggable-fraction{align-items:center;border:2px solid #667eea;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.fraction-visual{height:80px;width:80px}.empty-pan{color:#999;font-size:.9rem}.fraction-display{color:#1a1a1a}.drop-zones{display:flex;gap:2rem;height:100%;pointer-events:none;position:absolute;width:100%}.drop-zone{flex:1 1;pointer-events:all}.mixed-input-container{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.example-display{color:#1a1a1a;font-size:1.5rem;font-weight:700}.mixed-input{align-items:center;display:flex;gap:1rem}.mixed-input-field{border:2px solid #667eea;border-radius:8px;font-size:1.3rem;padding:.75rem 1rem;text-align:center;width:100px}.mixed-input-field:focus{border-color:#764ba2;outline:none}.result-display{font-size:1.2rem}.summary-points{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0;width:100%}.summary-point{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.summary-point h4{color:#667eea;font-size:1.3rem;margin-bottom:.5rem}.summary-point p{color:#666;line-height:1.6}@media (max-width:768px){.proper-improper-fractions-lesson{padding:1rem}.scale{flex-direction:column;gap:1rem}.converter-columns,.summary-points{grid-template-columns:1fr}}.comparing-fractions-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.fractions-visual{gap:3rem}.fraction-circle{text-align:center}.fraction-label{color:#1a1a1a;font-size:1.5rem;margin-top:1rem}.comparison-question{margin:2rem 0;text-align:center}.comparison-question p{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.comparison-btn{border:3px solid #ddd;border-radius:12px;font-size:1.3rem;font-weight:700;padding:1rem 2rem}.comparison-btn:hover{transform:scale(1.05)}.number-line-axis{display:flex;justify-content:space-between;margin-top:50px;position:relative}.number-line-tick{flex:1 1;position:relative;text-align:center}.number-line-drops{height:100%;left:0;position:absolute;right:0;top:0}.fraction-marker{top:20px}.drop-zone{height:100%;left:0;position:absolute;right:0;top:0;z-index:10}.draggable-fraction.dragged{cursor:not-allowed}.result-sequence{background:#e8f5e9;border-radius:8px;font-size:1.2rem;font-weight:700;margin:1rem 0;padding:1rem;text-align:center}.bars-comparison{display:flex;gap:3rem;justify-content:center;margin:2rem 0}.bar-container{text-align:center}.bar-wrapper{align-items:center;display:flex;flex-direction:column}.bar{border:2px solid #333;border-radius:4px;margin-bottom:1rem}.bar-segment{vertical-align:top}.bar-label{font-size:1.3rem;font-weight:700;margin-top:.5rem}.overlay-demo{background:#e3f2fd;border-radius:8px;font-size:1.2rem;font-weight:700;margin:1rem 0;padding:1rem;text-align:center}.demo-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:1rem auto;padding:.75rem 1.5rem;transition:background .3s}.demo-button:hover{background:#357abd}.comparison-explanation{background:#f0f7ff;border-radius:8px;font-size:1.1rem;margin:1.5rem 0;padding:1rem;text-align:center}.rectangles-comparison{display:flex;gap:3rem;justify-content:center;margin:2rem 0}.rectangle-container{text-align:center}.rectangle-label{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.converted-fraction{color:#4caf50;font-size:1.3rem;font-weight:700;margin-top:1rem}.common-denominator-control{margin:2rem 0;text-align:center}.denominator-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s}.denominator-btn:hover{background:#764ba2}.denominator-btn.selected{background:#4caf50}.calc-container{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.calc-fraction{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.calc-fraction p{font-size:1.1rem;margin:.5rem 0}.calc-input{border:2px solid #667eea;font-size:1.2rem;margin:0 .5rem;padding:.5rem 1rem;width:80px}.calc-result{color:#4caf50;font-size:1.3rem;font-weight:700;margin-top:.5rem}.half-comparison-section,.unit-comparison-section{background:#f9f9f9;border-radius:12px;margin:2rem 0;padding:1.5rem}.half-comparison-section h4,.unit-comparison-section h4{color:#1a1a1a;margin-bottom:1rem;text-align:center}.half-visual{margin:1.5rem 0;text-align:center}.half-label{font-size:1.5rem;font-weight:700;margin-top:1rem}.fractions-to-compare{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.5rem 0}.fraction-compare-btn{background:#fff;border:2px solid #ddd;border-radius:12px;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;transition:all .3s}.fraction-compare-btn:hover{background:#f0f0f0}.fraction-compare-btn.correct{background:#e8f5e9;border-color:#4caf50}.fraction-compare-btn.incorrect{background:#ffebee;border-color:#f44336;opacity:.5}.hint-text{font-size:.9rem;margin-top:.5rem;text-align:center}.unit-categories{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1.5rem 0}.unit-category{background:#fff;border:2px solid #ddd;border-radius:8px;padding:1rem}.unit-category h5{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem;text-align:center}.category-zone{align-items:flex-start;border:2px dashed #ddd;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;min-height:100px;padding:.5rem}.category-item{background:#4a90e2;border-radius:6px;color:#fff;font-weight:700;padding:.5rem 1rem}.unit-fractions-to-drag{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.draggable-unit-fraction{background:#fff;border:2px solid #4a90e2;border-radius:12px;cursor:grab;font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;transition:all .3s}.draggable-unit-fraction:active{cursor:grabbing}.final-questions{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.final-question{background:#f9f9f9;border-radius:12px;padding:1.5rem}.question-text{font-weight:700;margin-bottom:1rem}.rules-cards{max-width:800px}.rule-card h4{font-size:1.2rem;margin-bottom:.5rem}.rule-card p{margin:0}@media (max-width:768px){.comparing-fractions-lesson{padding:1rem}.bars-comparison,.fractions-visual,.rectangles-comparison{flex-direction:column;gap:2rem}.rules-cards,.unit-categories{grid-template-columns:1fr}}.adding-subtracting-fractions-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.fractions-visual{display:flex;gap:2rem;justify-content:center;margin:2rem 0;position:relative}.fraction-rectangle{cursor:grab;text-align:center}.fraction-rectangle:active{cursor:grabbing}.fraction-label{font-size:1.3rem;font-weight:700;margin-top:.5rem}.result-visual{margin:2rem auto;text-align:center}.pizza-visual svg{cursor:pointer}.removed{fill:#ccc!important;opacity:.3}.simplify-button{background:#4a90e2}.simplify-button:hover{background:#357abd}.glasses-visual{display:flex;gap:3rem;justify-content:center;margin:2rem 0}.glass-container{text-align:center}.glass-label{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.try-add-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;margin:1rem auto;padding:1rem 2rem;transition:all .3s}.try-add-button:hover{background:#764ba2;transform:scale(1.05)}.error-message{border:2px solid #f44336;color:#f44336;font-size:1.2rem;font-weight:700;margin:1rem 0;text-align:center}.solution-hint{margin:1.5rem 0;text-align:center}.solution-hint p{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.common-den-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s}.common-den-button:hover{background:#45a049;transform:scale(1.05)}.converted-glasses{display:flex;gap:3rem;justify-content:center;margin:2rem 0}.sum-result{color:#4caf50;font-size:1.5rem;font-weight:700;margin-top:1rem;text-align:center}.algorithm-step{background:#f9f9f9;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem}.algorithm-step h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:.5rem}.algorithm-step p{font-size:1.1rem;margin:.5rem 0}.algorithm-input{border:2px solid #667eea;border-radius:8px;font-size:1.2rem;margin:0 .5rem;padding:.5rem 1rem;text-align:center;width:80px}.subtract-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.subtract-step{background:#f9f9f9;border-radius:12px;padding:1.5rem}.subtract-step p{font-size:1.1rem;margin:.5rem 0}.sorting-containers{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.sort-container{border:3px dashed #ddd;border-radius:12px;flex:1 1;max-width:400px;min-height:200px;min-width:250px;padding:1.5rem}.sort-container.same-den{background:#e8f5e9;border-color:#4caf50}.sort-container.different-den{background:#fff3e0;border-color:#ff9800}.sort-container h4{font-size:1.2rem;margin-bottom:1rem;text-align:center}.sorted-examples{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.example-item{background:#fff;font-size:1.1rem;font-weight:700;padding:.75rem 1rem}.examples-to-sort{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.draggable-example{border:2px solid #4a90e2}.complement-visual{margin:2rem 0;text-align:center}.fraction-display{display:inline-block;margin:1rem}.complement-result{color:#4caf50;font-size:1.5rem;font-weight:700;margin-top:1rem}.complement-task p{margin-bottom:1rem}.complement-input{border:2px solid #667eea;border-radius:8px;font-size:1.2rem;margin:0 .5rem;padding:.5rem 1rem;text-align:center}.chain-step{background:#f9f9f9;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.chain-step h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.chain-step p{font-size:1.1rem;margin:.5rem 0}.next-chain-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background .3s}.next-chain-button:hover{background:#357abd}.chain-success{background:#e8f5e9;border-radius:8px;color:#4caf50;font-size:1.3rem;font-weight:700;margin-top:1rem;padding:1rem;text-align:center}.rule-card ol{margin:1rem 0;padding-left:1.5rem;text-align:left}.rule-card li{font-size:1rem;margin:.5rem 0}@media (max-width:768px){.adding-subtracting-fractions-lesson{padding:1rem}.fractions-visual{flex-direction:column;gap:1rem}.converted-glasses,.glasses-visual{flex-direction:column;gap:2rem}.sorting-containers{flex-direction:column}.rules-cards{grid-template-columns:1fr}}.adding-subtracting-mixed-numbers-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.connection-visual{align-items:center;display:flex;gap:3rem;justify-content:center;margin:3rem 0}.fraction-part,.whole-number{text-align:center}.number-display{color:#4a90e2;font-size:4rem;margin-bottom:.5rem}.fraction-display{color:#ff6b6b;font-size:3rem;margin-bottom:.5rem}.label{color:#666;font-size:1.2rem;margin-top:.5rem}.merged-result{background:#e8f5e9;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:center}.result-equation{font-size:2rem;margin-bottom:1rem}.rule-text{font-style:italic}.addition-visual{align-items:center;display:flex;gap:2rem;justify-content:center;margin:2rem 0}.mixed-number-group{align-items:center;display:flex;flex-direction:column;gap:1rem}.whole-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 10px #0003;font-size:2.5rem;font-weight:700;height:100px}.fraction-box,.whole-box{align-items:center;color:#fff;display:flex;justify-content:center;width:100px}.fraction-box{background:#ff6b6b;border-radius:8px;box-shadow:0 2px 8px #0003;font-size:1.5rem;height:60px}.minus-sign,.plus-sign{color:#1a1a1a;font-size:3rem;font-weight:700}.addition-steps,.subtraction-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.result-display{border-radius:8px;margin-top:1rem;padding:1rem}.overflow-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.problem-display{background:#ffebee;border:2px solid #f44336;border-radius:12px;margin:1rem 0;padding:1.5rem;text-align:center}.problem-text{color:#f44336}.convert-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s}.convert-button:hover{background:#45a049;transform:scale(1.05)}.conversion-result{background:#e8f5e9;border-radius:12px;margin:1rem 0;padding:1.5rem;text-align:center}.conversion-result p{font-size:1.2rem;margin:.5rem 0}.subtraction-visual{align-items:center;display:flex;gap:2rem;justify-content:center;margin:2rem 0}.borrow-visual{margin:2rem 0;text-align:center}.subtraction-algorithm-step .algorithm-steps{margin:2rem auto;max-width:600px}.trainer-problems{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.trainer-problem{background:#f9f9f9;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem}.strategy-selection{margin:1rem 0;text-align:center}.strategy-select{min-width:250px}@media (max-width:768px){.adding-subtracting-mixed-numbers-lesson{padding:1rem}.connection-visual{flex-direction:column;gap:2rem}.addition-visual,.subtraction-visual{flex-direction:column;gap:1rem}.rules-cards{grid-template-columns:1fr}}.multiplying-fractions-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.segments-visual{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.segment{text-align:center}.segment-label{font-size:1.2rem;font-weight:700;margin-top:.5rem}.combine-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;margin:1rem auto;padding:1rem 2rem;transition:all .3s}.combine-button:hover{background:#357abd;transform:scale(1.05)}.combined-result{margin:2rem 0;text-align:center}.combined-segment{display:inline-block}.result-equation{font-size:1.5rem;margin-top:1rem}.chocolate-visual{margin:2rem 0;text-align:center}.chocolate-labels{margin-top:1rem;text-align:center}.chocolate-labels p{font-size:1.2rem;font-weight:600;margin:.5rem 0}.discovery-result{background:#e8f5e9;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:center}.fractions-display{align-items:center}.multiply-sign{color:#1a1a1a;font-size:2.5rem;font-weight:700}.drag-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.drag-area{gap:1rem;margin:1rem 0}.drag-area,.number-item{align-items:center;display:flex;justify-content:center}.number-item{background:#4a90e2;border-radius:8px;color:#fff;cursor:pointer;font-size:2rem;font-weight:700;height:60px;transition:all .3s;width:60px}.number-item:hover{background:#357abd;transform:scale(1.1)}.multiply-sign-small{font-size:1.5rem;font-weight:700}.equals{font-weight:700;margin-left:1rem}.result-fraction{color:#4caf50;font-size:2rem;font-weight:700;margin:1rem 0;text-align:center}.show-area-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:1rem auto;padding:.75rem 1.5rem;transition:background .3s}.show-area-button:hover{background:#45a049}.area-visual{background:#f9f9f9;border-radius:12px;padding:1.5rem}.area-visual p{font-size:1.1rem;margin-top:1rem}.simplify-button{background:#ff9800}.simplify-button:hover{background:#f57c00}.cross-cancel-visual{margin:2rem 0;text-align:center}.fraction-bottom,.fraction-top{align-items:center;display:flex;gap:.5rem}.cancel-result{background:#e8f5e9;border-radius:8px;margin:1rem 0;padding:1rem}.final-result{background:#e8f5e9;border-radius:12px;color:#4caf50;font-size:1.8rem;font-weight:700;margin-top:1.5rem;padding:1.5rem}.strategy-problems{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.strategy-problem{background:#f9f9f9;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem}.problem-text{text-align:center}.strategy-select{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;display:block;font-size:1.1rem;margin:0 auto;max-width:400px;padding:.75rem 1.5rem;width:100%}.answer-input{margin-top:1rem}.whole-multiply-methods{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.method{background:#f9f9f9;padding:1.5rem}.method h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.method p{font-size:1.2rem;margin:.5rem 0}.important-note{background:#fff9c4;border-left:4px solid #fbc02d;border-radius:8px;margin:1rem 0;padding:1rem;text-align:center}.important-note p{font-size:1.1rem;margin:0}.quick-question p{font-size:1.3rem}.quick-option.correct{background:#e8f5e9;border-color:#4caf50}.quick-option.incorrect{background:#ffebee;border-color:#f44336}@media (max-width:768px){.multiplying-fractions-lesson{padding:1rem}.fractions-display,.segments-visual{flex-direction:column;gap:1rem}.rules-cards{grid-template-columns:1fr}}.dividing-fractions-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.division-result,.pizza-visual{margin:2rem 0;text-align:center}.division-result{background:#e8f5e9;border-radius:12px;padding:1.5rem}.result-equation{color:#4caf50;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.rule-text{color:#1a1a1a;font-size:1.2rem}.rule-box p{font-size:1.1rem}.container-visual{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:2rem 0}.big-container,.small-container{text-align:center}.big-container p,.small-container p{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.pour-button{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;margin:1rem auto;padding:1rem 2rem;transition:all .3s}.pour-button:hover{background:#f57c00;transform:scale(1.05)}.pouring-result{background:#e8f5e9;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:center}.explanation{color:#1a1a1a;margin-top:.5rem}.transformation-visual{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.flip-step,.sign-change-step{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.final-calculation h4,.flip-step h4,.sign-change-step h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.coincidence{color:#666;font-size:1.2rem;font-style:italic;margin-top:1rem}.algorithm-steps{display:flex;flex-direction:column;gap:1.5rem}.final-answer{font-size:1.8rem;text-align:center}.whole-mixed-examples{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.example-a,.example-b{background:#f9f9f9;border-radius:12px;padding:1.5rem}.example-a h4,.example-b h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.cancel-actions{gap:1rem}.cancel-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.cancel-btn:hover{background:#f0f0f0}.cancel-btn.active{background:#e8f5e9;border-color:#4caf50}.speed-problem{gap:1.5rem}.verification{font-weight:700}.test-problems{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.test-problem{background:#f9f9f9;border-radius:12px;padding:1.5rem}.answer-selection,.step-selection{margin:1rem 0}.answer-selection p,.step-selection p{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.transformation-poster{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;max-width:500px;padding:2rem;text-align:center}.poster-title{font-size:1.3rem;margin-bottom:1rem}.poster-formula{font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}@media (max-width:768px){.dividing-fractions-lesson{padding:1rem}.container-visual{flex-direction:column;gap:2rem}.rules-cards{grid-template-columns:1fr}}.fraction-problems-quest-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.doors-visual{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.door{background:#f9f9f9;border:3px solid #667eea;border-radius:12px;padding:1.5rem;text-align:center}.door-question{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.sign-selection{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.sign-btn{min-width:60px;padding:1rem 1.5rem}.door-open{color:#4caf50;font-size:1.2rem;font-weight:700;margin-top:1rem}.chests-visual{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.chest{background:#f9f9f9;border:3px solid gold;border-radius:12px;padding:1.5rem;text-align:center}.chest-label{color:#1a1a1a;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.answer-input{padding:.75rem 1.5rem}.chest-open{color:#4caf50;font-size:1.3rem;font-weight:700;margin-top:1rem}.bridge-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.step-input{width:150px}.comparison-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.comparison-btn.selected{background:#e3f2fd;border-color:#4a90e2}.comparison-btn.correct{background:#e8f5e9;border-color:#4caf50}.comparison-btn.incorrect{background:#ffebee;border-color:#f44336}.speed-problem{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.question{border-radius:12px;padding:1.5rem}.question h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.question span{font-size:1.1rem;margin-left:.5rem}.work-problem{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.portals-visual{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.portal{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:16px;box-shadow:0 4px 15px #0003;color:#fff;padding:2rem;text-align:center}.portal-label{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.portal-expression{font-family:Courier New,monospace;font-size:1.8rem;font-weight:700}.portal-choice{margin:2rem 0;text-align:center}.portal-choice p{font-size:1.2rem;margin-bottom:1rem}.portal-buttons{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.portal-btn{background:#fff;border:3px solid #667eea;border-radius:12px;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2rem;transition:all .3s}.portal-btn:hover{background:#f0f0f0;transform:scale(1.05)}.portal-btn.selected{background:#e3f2fd;border-color:#4a90e2}.portal-btn.correct{background:#e8f5e9;border-color:#4caf50}.portal-btn.incorrect{background:#ffebee;border-color:#f44336}.verification-result{margin-top:2rem}.flour-problem{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.exit-step{text-align:center}.map-visual{background:#f9f9f9;border-radius:12px;max-width:600px;padding:2rem;width:100%}.map-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.stages{display:flex;flex-direction:column;gap:1rem}.stage{background:#e8f5e9;border-radius:8px;color:#4caf50;font-size:1.1rem;font-weight:600;padding:.75rem}.cheat-sheet{background:#fff9c4;border-left:4px solid #fbc02d;border-radius:12px;max-width:800px;padding:2rem;width:100%}.cheat-sheet h4{color:#1a1a1a;font-size:1.5rem;margin-bottom:1.5rem}.rules-list{display:flex;flex-direction:column;gap:1rem;text-align:left}.rule-item{background:#fff;font-size:1.1rem;line-height:1.6}.rule-item strong{color:#667eea}@media (max-width:768px){.fraction-problems-quest-lesson{padding:1rem}.chests-visual,.doors-visual,.portals-visual{grid-template-columns:1fr}}.parallel-perpendicular-lines-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.chaos-visual{margin:2rem 0;text-align:center}.align-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;margin:1rem auto;padding:1rem 2rem;transition:all .3s}.align-button:hover{background:#357abd;transform:scale(1.05)}.alignment-result{background:#e8f5e9;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:center}.alignment-result p{font-size:1.2rem;margin:.5rem 0}.parallel-tool-visual{margin:2rem 0;text-align:center}.draw-button,.measure-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin:1rem .5rem;padding:1rem 2rem;transition:all .3s}.draw-button:hover,.measure-button:hover{background:#357abd;transform:scale(1.05)}.measure-button{background:#4caf50}.measure-button:hover{background:#45a049}.definition-box p{margin:0}.objects-visual{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.object-item.found{background:#e8f5e9;border-color:#4caf50}.object-item.not-parallel.found{background:#ffebee;border-color:#f44336}.object-label{font-size:1.1rem;font-weight:600;margin:.5rem 0}.found-badge{color:#4caf50;font-size:1.2rem;font-weight:700;margin-top:1rem}.object-item.not-parallel .found-badge{color:#f44336}.angle-builder{margin:2rem 0;text-align:center}.angle-controls{margin:2rem 0}.angle-controls p{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.angle-slider{margin:1rem 0}.check-angle-button{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:1rem 0;padding:.75rem 1.5rem;transition:background .3s}.check-angle-button:hover{background:#f57c00}.angle-success{background:#e8f5e9;color:#4caf50}.angle-fail,.angle-success{border-radius:8px;font-size:1.2rem;font-weight:700;margin-top:1rem;padding:1rem}.angle-fail{background:#ffebee;color:#f44336}.perpendicular-tool-visual{margin:2rem 0;text-align:center}.square-tool{cursor:pointer}.success-message{text-align:center}.line-pairs{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.line-pair{background:#f9f9f9;border:3px solid #ddd;border-radius:12px;padding:1rem;text-align:center}.line-pair.sorted-parallel{background:#e3f2fd;border-color:#4a90e2}.line-pair.sorted-perpendicular{background:#ffebee;border-color:#ff6b6b}.line-pair.sorted-neither{background:#f5f5f5;border-color:#999}.pair-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.field-canvas{margin:2rem 0;text-align:center}.field-tools{margin:2rem 0}.tool-group{background:#f9f9f9;border-radius:12px;padding:1.5rem}.tool-group h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.tool-btn{border:2px solid #667eea;border-radius:8px;display:block;font-size:1rem;margin:.5rem 0;padding:.75rem 1rem;transition:all .3s;width:100%}.tool-btn:hover:not(:disabled){background:#f0f0f0}.tool-btn:disabled{cursor:not-allowed;opacity:.5}.tool-btn.used{background:#e8f5e9;border-color:#4caf50}.field-success{background:#e8f5e9;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.field-success p{color:#4caf50;font-size:1.2rem;font-weight:600;margin:.5rem 0}@media (max-width:768px){.parallel-perpendicular-lines-lesson{padding:1rem}.line-pairs,.objects-visual,.rules-cards{grid-template-columns:1fr}}.broken-line-polygon-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.points-visual{margin:2rem 0;text-align:center}.closed-open-visual{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.path-example{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.path-example h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.path-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:1rem 0;padding:.75rem 1.5rem;transition:all .3s}.path-button:hover{background:#357abd;transform:scale(1.05)}.polygon-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.polygon-example{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.polygon-example h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.polygon-builder{grid-template-columns:repeat(3,1fr)}.builder-item{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.builder-item h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.build-button{margin:1rem 0}.build-button:hover:not(:disabled){background:#357abd;transform:scale(1.05)}.build-button:disabled{background:#4caf50;cursor:not-allowed}.perimeter-measurement{margin:2rem 0;text-align:center}.perimeter-formula{background:#f9f9f9;border-radius:8px;margin-top:1.5rem;padding:1rem}.perimeter-formula p{font-size:1.2rem;margin:.5rem 0}.regular-shapes{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.shape-example{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.shape-example h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.perimeter-calculation{margin-top:1rem}.perimeter-calculation p{font-size:1.1rem;margin:.5rem 0}.multiply-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem 0;padding:.5rem 1rem;transition:background .3s}.multiply-button:hover{background:#45a049}.pentagon-designer{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:2rem 0}.sides-input{background:#f9f9f9;border-radius:12px;padding:1.5rem}.sides-input h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.side-input-group{align-items:center;display:flex;gap:.5rem;margin:1rem 0}.side-input-group label{font-size:1.1rem;font-weight:600;min-width:100px}.perimeter-counter{background:#e8f5e9;border-radius:8px;margin-top:1.5rem;padding:1rem}.perimeter-counter p{color:#1a1a1a;font-size:1.3rem;font-weight:600}.success-text{font-size:1.2rem;font-weight:700;margin-top:.5rem}.pentagon-visual{text-align:center}@media (max-width:768px){.broken-line-polygon-lesson{padding:1rem}.closed-open-visual,.pentagon-designer,.polygon-builder,.polygon-comparison,.regular-shapes,.rules-cards{grid-template-columns:1fr}}.area-measurement-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.carpet-visual,.floors{margin:2rem 0}.floors{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.floor-item{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.floor-item h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.place-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s}.place-button:hover{background:#357abd;transform:scale(1.05)}.tiles-visual{margin:2rem 0;text-align:center}.quick-fill-button,.tile-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem;padding:.75rem 1.5rem;transition:all .3s}.quick-fill-button:hover,.tile-button:hover:not(:disabled){background:#45a049;transform:scale(1.05)}.unit-input{width:100px}.half-button{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:1rem 0;padding:.75rem 1.5rem;transition:background .3s}.half-button:hover{background:#f57c00}.input-group label{margin-right:1rem}.room-calculations{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.calculation-item{background:#f9f9f9;border-radius:12px;padding:1.5rem}.calculation-item h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.calculation-item p{font-size:1.2rem;margin:.5rem 0}.next-step{background:#fff;border-radius:8px;margin-top:1rem;padding:1rem}@media (max-width:768px){.area-measurement-lesson{padding:1rem}.floors,.rules-cards,.units-visual{grid-template-columns:1fr}}.triangle-area-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.rectangle-cut-visual{margin:2rem 0;text-align:center}.cut-controls{margin:2rem 0}.cut-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s}.cut-button:hover{background:#357abd;transform:scale(1.05)}.triangle-question{background:#f9f9f9;border-radius:12px;margin:2rem 0;padding:1.5rem}.triangle-question p{font-size:1.2rem;font-weight:600;margin:.5rem 0}.area-input{border:2px solid #667eea;margin:.5rem}.triangles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.triangle-item{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.triangle-item h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.leg-selection{flex-direction:column;gap:.5rem;margin:1rem 0}.leg-btn{padding:.75rem 1rem}.area-calculation p{font-size:1.1rem}.input-group{margin:1rem 0}.result-text{margin-top:.5rem}.triangle-extension-visual{margin:2rem 0;text-align:center}.extension-controls{margin:2rem 0}.extend-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s}.extend-button:hover{background:#357abd;transform:scale(1.05)}.explanation-box{background:#f9f9f9}.rect-item p{font-size:1.2rem;font-weight:600;margin-top:.5rem}.cutout-visual{margin:2rem 0;text-align:center}.cutout-calculation{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.calculation-step h4{font-size:1.2rem}@media (max-width:768px){.triangle-area-lesson{padding:1rem}.design-workspace,.rules-cards,.triangles-grid{grid-template-columns:1fr}}.average-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.fish-redistribution{margin:2rem 0}.penguins-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.penguin-item{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.fish-count{margin:1rem 0}.fish-number{color:#4a90e2;font-size:2rem;font-weight:700;margin:.5rem 0}.fish-visual{margin-top:1rem;min-height:60px}.fish-icon{font-size:2rem;margin:.2rem}.redistribute-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin:2rem 0;padding:1rem 2rem;transition:all .3s}.redistribute-button:hover{background:#357abd;transform:scale(1.05)}.algorithm-steps{margin:2rem 0}.step-item{background:#f9f9f9;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.step-item h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.step-item p{display:inline;font-size:1.2rem;margin:.5rem 0}.step-input{font-size:1.3rem;width:100px}.balance-visual{margin:2rem 0;text-align:center}.balance-controls{background:#f9f9f9;border-radius:12px;margin:2rem 0;padding:1.5rem}.balance-controls p{font-size:1.2rem;margin:.5rem 0}.balance-button,.hint-text{font-size:1.1rem}.balance-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:1rem;padding:1rem 2rem;transition:all .3s}.balance-button:hover{background:#357abd;transform:scale(1.05)}.practice-examples{margin:2rem 0}.example-item h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.calculation-steps{align-items:center;flex-wrap:wrap;gap:.5rem;justify-content:center}.calculation-steps p{font-size:1.2rem;margin:0}.observation-text{background:#e3f2fd;color:#1976d2}.situations-grid{margin:2rem 0}.situations-column{display:flex;flex-direction:column;gap:1.5rem}.situation-card{background:#f9f9f9;border-radius:12px;padding:1.5rem}.situation-card p{font-size:1.2rem;line-height:1.6;margin-bottom:1rem}.concept-buttons{display:flex;flex-wrap:wrap;gap:1rem}.concept-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.concept-btn:hover{background:#f0f0f0}.concept-btn.selected{background:#e3f2fd;border-color:#4a90e2}.concept-btn.correct{background:#e8f5e9;border-color:#4caf50}.concept-btn.incorrect{background:#ffebee;border-color:#f44336}.comparison-calculation,.zero-calculation{margin:2rem 0}.comparison-step{background:#f9f9f9;border-radius:12px;margin-top:2rem;padding:1.5rem}.comparison-step p{font-size:1.2rem;margin:.5rem 0}.comparison-options{flex-wrap:wrap}.comparison-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.comparison-btn:hover{background:#f0f0f0}.comparison-btn.selected{background:#e8f5e9;border-color:#4caf50}.rules-cards{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.average-lesson{padding:1rem}.penguins-container,.rules-cards{grid-template-columns:1fr}.calculation-steps{align-items:flex-start;flex-direction:column}}.parallelepiped-cube-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.objects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:2rem 0}.object-item{background:#f9f9f9;border:3px solid #ddd;border-radius:12px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s}.object-item:hover{border-color:#4a90e2;transform:scale(1.05)}.object-item.selected{background:#e3f2fd;border-color:#4a90e2}.object-item.correct{background:#e8f5e9;border-color:#4caf50}.object-item.incorrect{background:#ffebee;border-color:#f44336}.object-icon{margin:1rem 0}.object-icon,.shape-box,.shape-cone,.shape-cube,.shape-cylinder,.shape-sphere{font-size:4rem}.object-item p{font-size:1.1rem;font-weight:600;margin:.5rem 0}.feedback-text{color:#4caf50;font-size:1rem;font-weight:700;margin-top:.5rem}.model-exploration{margin:2rem 0;text-align:center}.counters{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.counter-item{background:#f9f9f9;border-radius:12px;padding:1.5rem}.counter-item h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.counter-number{color:#4a90e2;font-size:2rem;font-weight:700;margin:1rem 0}.counter-btn{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.counter-btn:hover:not(:disabled){background:#357abd;transform:scale(1.05)}.counter-btn:disabled{cursor:not-allowed;opacity:.5}.summary-box{background:#e8f5e9;border-left:4px solid #4caf50;padding:1.5rem}.summary-box p{font-weight:600}.unfolding-visual{margin:2rem 0;text-align:center}.unfolding-controls{margin:2rem 0}.assemble-button,.unfold-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin:.5rem;padding:1rem 2rem;transition:all .3s}.assemble-button:hover,.unfold-button:hover{background:#357abd;transform:scale(1.05)}.success-message{margin:1rem 0}.measurements{margin-top:1rem}.measurements p{font-size:1.2rem;margin:.5rem 0}.edge-input{border:2px solid #667eea;border-radius:6px;font-size:1.2rem;margin:.25rem;padding:.5rem 1rem;text-align:center;width:60px}.hint{font-size:1rem}.comparison-questions{background:#f9f9f9;border-radius:12px;margin-top:2rem;padding:1.5rem}.comparison-questions p{font-size:1.2rem;margin:.5rem 0}.answer-box{background:#e3f2fd;border-radius:8px;margin:1rem 0;padding:1rem}.answer-box p{color:#1976d2;font-size:1.1rem;margin:0}.definition-box{margin:1.5rem 0}.complete-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:1rem 2rem;transition:all .3s}.complete-button:hover{background:#45a049;transform:scale(1.05)}.constructor-workspace{margin:2rem 0}.construction-area{background:#f9f9f9;padding:1.5rem}.task-item{background:#fff;border-radius:12px;margin:1rem 0;padding:1.5rem}.task-item h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.task-item p{font-size:1.1rem;margin:.5rem 0}.build-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem;padding:.75rem 1.5rem;transition:all .3s}.build-button:hover{background:#357abd;transform:scale(1.05)}.check-icon{color:#4caf50;font-size:1.5rem;font-weight:700;margin-left:.5rem}.add-faces-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:1rem 2rem;transition:all .3s}.add-faces-button:hover{background:#45a049;transform:scale(1.05)}.sorting-game{margin:2rem 0}.conveyor{background:#f9f9f9;border-radius:12px;margin-bottom:2rem;min-height:150px;padding:2rem}.shape-on-conveyor{display:inline-block;margin:1rem;text-align:center}.shape-icon{font-size:4rem;margin-bottom:.5rem}.bins{flex-wrap:wrap;gap:1rem}.bin-btn{border:3px solid #ddd;border-radius:12px;cursor:pointer;font-size:1.2rem;font-weight:700;min-width:200px;padding:1.5rem 2rem;transition:all .3s}.parallelepiped-bin{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.parallelepiped-bin:hover{background:#bbdefb;transform:scale(1.05)}.cube-bin{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.cube-bin:hover{background:#c8e6c9;transform:scale(1.05)}.other-bin{background:#fff9c4;border-color:#fbc02d;color:#f57f17}.other-bin:hover{background:#fff59d;transform:scale(1.05)}.sorting-stats{background:#f9f9f9;border-radius:8px;margin-top:2rem;padding:1rem;text-align:center}.sorting-stats p{font-size:1.3rem;font-weight:600;margin:0}.nets-column{display:flex;flex-direction:column;gap:2rem}.nets-column h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.net-item{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.net-item p{font-size:1.2rem;font-weight:600;margin:1rem 0}.match-select{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;min-width:200px;padding:.75rem 1.5rem}.match-select:hover{border-color:#4a90e2}.comparison-table{border-radius:12px;max-width:900px}.table-row{grid-gap:1px;background:#ddd;display:grid;gap:1px;grid-template-columns:1fr 1fr 1fr}.table-row.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.table-cell{background:#fff;font-size:1.1rem;padding:1rem}.table-row.header .table-cell{background:#0000;font-size:1.2rem;font-weight:700}@media (max-width:768px){.parallelepiped-cube-lesson{padding:1rem}.objects-grid{grid-template-columns:repeat(2,1fr)}.shape-comparison{grid-template-columns:1fr}.bins{flex-direction:column}.bin-btn{width:100%}.table-row{grid-template-columns:1fr}.table-row.header{display:none}.table-cell{border-bottom:1px solid #ddd}.table-cell:before{content:attr(data-label);display:block;font-weight:700;margin-bottom:.5rem}}.volume-lesson{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.lesson-header h2{color:#1a1a1a;font-size:2rem;margin-bottom:.5rem}.lesson-header p{color:#666;font-size:1.1rem}.lesson-content{background:#fffffff2;box-shadow:0 4px 20px #0000001a;padding:2rem}.lesson-step{min-height:500px}.lesson-step h3{font-size:1.8rem;margin-bottom:1rem}.containers-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.container-item{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.container-item h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.rotation-controls{text-align:center}.rotate-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s}.rotate-button:hover{background:#357abd;transform:scale(1.05)}.definition-box{background:#fff9c4;border-left:4px solid #fbc02d;border-radius:12px;margin:2rem 0;padding:1.5rem}.definition-box p{font-size:1.1rem;line-height:1.6;margin:.5rem 0}.cube-filling{margin:2rem 0;text-align:center}.cube-controls{margin:2rem 0}.cube-controls p{font-size:1.2rem;font-weight:600;margin:1rem 0}.cube-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem;padding:.75rem 1.5rem;transition:all .3s}.cube-button:hover:not(:disabled){background:#45a049;transform:scale(1.05)}.cube-button:disabled{cursor:not-allowed;opacity:.5}.quick-fill-button{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem;padding:.75rem 1.5rem;transition:all .3s}.quick-fill-button:hover{background:#f57c00;transform:scale(1.05)}.units-visual{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.unit-comparison{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.unit-comparison h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.unit-comparison p{font-size:1.1rem;margin:1rem 0}.unit-input{border:2px solid #667eea;border-radius:6px;font-size:1.3rem;margin:.5rem;padding:.5rem 1rem;text-align:center;width:120px}.unit-matching{margin:2rem 0}.objects-column{display:flex;flex-direction:column;gap:1rem}.object-card{background:#f9f9f9;border:3px solid #ddd;border-radius:12px;padding:1.5rem}.object-card.matched{background:#e8f5e9;border-color:#4caf50}.object-card p{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.unit-buttons{display:flex;gap:1rem;justify-content:center}.unit-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.unit-btn:hover{background:#f0f0f0}.unit-btn.selected{background:#e3f2fd;border-color:#4a90e2}.unit-btn.correct{background:#e8f5e9;border-color:#4caf50}.unit-btn.incorrect{background:#ffebee;border-color:#f44336}.formula-visual{margin:2rem 0;text-align:center}.formula-inputs{margin:2rem 0}.formula-result{border-radius:12px;margin-top:2rem;padding:1.5rem}.formula-result p{font-size:1.3rem;margin:.5rem 0}.volume-input{border:2px solid #4caf50;border-radius:6px;font-size:1.3rem;font-weight:700;margin:0 .5rem;padding:.5rem 1rem;text-align:center;width:120px}.formula-box{background:#e8f5e9;border-left:4px solid #4caf50;margin-top:2rem;padding:1.5rem}.formula-box h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.formula-text{font-size:1.2rem;line-height:1.6}.pool-calculation{margin:2rem 0}.pool-visual{margin-bottom:2rem;text-align:center}.calculation-steps{display:flex;flex-direction:column;gap:1.5rem}.shape-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.shape-item h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.shape-item p{font-size:1.2rem;font-weight:600;margin:.5rem 0}.choice-buttons{flex-wrap:wrap}.verify-button{font-size:1.1rem;margin-top:1rem;padding:1rem 2rem;transition:all .3s}.verify-button:hover{transform:scale(1.05)}.verification-result p{font-size:1.2rem}.rules-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);max-width:1000px;width:100%}.rule-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:1.5rem;text-align:center}.rule-card h4{font-size:1.3rem;margin-bottom:1rem}.rule-card p{font-size:1rem;line-height:1.6;margin:.5rem 0}.next-topic-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2rem;transition:all .3s}.next-topic-button:hover{background:#357abd;transform:scale(1.05)}.lesson-navigation{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}@media (max-width:768px){.volume-lesson{padding:1rem}.containers-comparison,.rules-cards,.shape-comparison,.units-visual{grid-template-columns:1fr}}.decimal-fractions-lesson{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.task-instruction{background:#ffc1071a;border-left:4px solid #ffc107;margin:2rem 0}.task-instruction p{font-size:1.2rem;margin:0}.examples-grid{grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.example-card{border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;text-align:center}.example-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33}.example-icon{font-size:2.5rem;margin-bottom:.5rem}.example-card p{color:#1a1a1a;font-size:1rem;margin:.5rem 0}.meter-visualization{margin:2rem 0}.meter-container{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:2rem}.meter-label{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.meter-bar{background:#f0f0f0;border-radius:8px;display:flex;height:60px;margin-bottom:1rem;overflow:hidden;width:100%}.meter-bar.divided{border:2px solid #667eea}.meter-part{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-right:1px solid #ffffff4d;display:flex;height:100%;justify-content:center;position:relative}.part-label{color:#fff}.meter-actions{display:flex;gap:1rem;justify-content:center}.action-button{border:2px solid #667eea;color:#667eea;font-size:1rem;padding:.75rem 1.5rem}.action-button.active,.action-button:hover{background:#667eea;color:#fff}.explanation-box{background:#11998e1a;border-left:4px solid #11998e;border-radius:12px;margin-top:2rem;padding:1.5rem}.explanation-box p{line-height:1.6}.answer-highlight{color:#11998e;font-weight:600}.conversion-examples{margin:1rem 0;padding-left:1.5rem}.conversion-examples p{margin:.5rem 0}.conclusion{color:#667eea;font-size:1.2rem;font-weight:600;margin-top:1rem}.rule-box{background:#667eea1a;border:2px solid #667eea;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:center}.rule-box p{color:#1a1a1a;font-size:1.2rem;margin:0}.converter-examples{margin:2rem 0}.converter-item{align-items:center;background:#667eea0d;border-radius:12px;display:flex;gap:1rem;margin:1.5rem 0;padding:1.5rem}.fraction-display{flex-direction:column}.fraction-display:has(.fraction-whole-part){align-items:center;flex-direction:row;gap:.5rem}.fraction-fractional{align-items:center;display:flex;flex-direction:column;justify-content:center}.fraction-top{color:#667eea;font-size:1.5rem;font-weight:600;line-height:1}.fraction-line-horizontal{background:#667eea;flex-shrink:0;height:2px;margin:.2rem 0;width:50px}.fraction-bottom{line-height:1}.fraction-bottom,.fraction-whole-part{color:#667eea;font-size:1.5rem;font-weight:600}.fraction-whole-part{align-self:center;margin-right:.5rem}.fraction-display{flex-direction:row;gap:.5rem}.fraction-display>.fraction-fractional{align-items:center;display:flex;flex-direction:column;justify-content:center}.fraction-input{align-items:center;display:flex;font-size:1.5rem;gap:.5rem}.fraction-num,.fraction-whole{color:#667eea;font-weight:600}.fraction-line{border-top:2px solid #667eea;min-width:30px}.fraction-den{color:#667eea;font-weight:600}.task-fraction-display{align-items:center;display:flex;flex-direction:column;font-size:1.3rem;justify-content:center;min-width:70px}.task-fraction-display:has(.fraction-whole-part){align-items:center;flex-direction:row;gap:.5rem}.task-fraction-display>.fraction-fractional{justify-content:center}.task-fraction-display .fraction-fractional,.task-fraction-display>.fraction-fractional{align-items:center;display:flex;flex-direction:column}.task-fraction-display .fraction-top{color:#667eea;font-size:1.3rem;font-weight:600;line-height:1}.task-fraction-display .fraction-line-horizontal{background:#667eea;flex-shrink:0;height:2px;margin:.2rem 0;width:40px}.task-fraction-display .fraction-bottom{color:#667eea;font-size:1.3rem;font-weight:600;line-height:1}.task-fraction-display .fraction-whole-part{color:#667eea;font-size:1.3rem;font-weight:600;margin-right:.5rem}.arrow{color:#667eea}.arrow,.decimal-result{font-size:2rem;font-weight:700}.decimal-result{color:#11998e;min-width:100px}.explanation-small{color:#666;font-size:.9rem;font-style:italic;margin-left:auto}.interactive-task{padding:2rem}.interactive-task h4{color:#1a1a1a;margin-bottom:1rem}.fraction-tasks{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.fraction-task{background:#fff;border:2px solid #e0e0e0;border-radius:8px;gap:1.5rem;padding:1rem}.fraction-task,.task-fraction{align-items:center;display:flex}.task-fraction{font-size:1.3rem;gap:.5rem}.task-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.2rem;padding:.75rem 1rem;text-align:center;transition:all .3s ease;width:120px}.task-input:focus{border-color:#667eea;outline:none}.task-input.correct{background:#11998e1a;border-color:#11998e}.checkmark{color:#11998e}.success-message{padding:1.5rem}.success-message p{font-size:1.1rem}.visualization-box{margin:2rem 0}.number-building{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.building-row{display:flex;gap:.5rem;margin:.5rem 0}.building-cell{background:#667eea1a;border-radius:8px;color:#1a1a1a;flex:1 1;font-size:1.2rem;font-weight:600;min-width:80px;padding:1rem;text-align:center}.building-cell.header{background:#667eea;color:#fff;font-size:.9rem;font-weight:700}.building-cell.comma{background:#ff6b6b;color:#fff;font-size:1.5rem}.rules-list{margin:2rem 0}.rule-item{background:#667eea0d;border-radius:8px;gap:1rem;margin:1rem 0;padding:1rem}.rule-item,.rule-number{align-items:center;display:flex}.rule-number{background:#667eea;border-radius:50%;color:#fff;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.rule-item p{color:#1a1a1a;font-size:1.1rem;margin:0}.interactive-game{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:2rem}.interactive-game h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.digit-questions{margin:1.5rem 0}.digit-question{background:#fff;border-left:4px solid #11998e;border-radius:8px;margin:.5rem 0;padding:1rem}.digit-question p{color:#1a1a1a;font-size:1.1rem;margin:0}.challenge-question{background:#ffc1071a;border:2px solid #ffc107;border-radius:12px;margin-top:2rem;padding:1.5rem}.challenge-question p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.answer-options{margin:1rem 0}.option-btn{font-size:1rem}.option-btn.selected{background:#667eea1a;border-color:#667eea}.option-btn.correct{background:#11998e1a}.hint-box{background:#ffc1071a;border-radius:8px;margin-top:1rem;padding:1rem}.hint-box p{color:#1a1a1a;font-size:1rem;margin:.5rem 0}.answer-reveal{color:#11998e;font-weight:600;margin-top:.5rem}.answer-reveal.correct{color:#11998e}.answer-reveal.wrong{color:#ff6b6b}.test-feedback{align-items:center;background:#11998e1a;border-left:4px solid #11998e;border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.test-feedback .answer-reveal.wrong{background:#ff6b6b1a;border-left-color:#ff6b6b;border-radius:4px;padding:.5rem}.algorithm-box{background:#667eea1a;border-left:4px solid #667eea;padding:1.5rem}.algorithm-box h4{color:#1a1a1a;margin-bottom:1rem;margin-top:0}.algorithm-steps{margin:0;padding-left:1.5rem}.algorithm-steps li{color:#1a1a1a;font-size:1.1rem;line-height:1.6;margin:.75rem 0}.reading-examples{margin:2rem 0}.example-item{align-items:center;background:#667eea0d;display:flex;gap:1.5rem;margin:1.5rem 0}.number-display{color:#667eea;font-size:2rem;font-weight:700;min-width:150px;text-align:center}.reading-text{color:#1a1a1a;flex:1 1;font-size:1.2rem}.reading-trainer{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:2rem}.reading-trainer h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.reading-steps{margin:1.5rem 0}.reading-step-item{background:#fff;border-left:4px solid #11998e;border-radius:8px;margin:.5rem 0;padding:1rem}.reading-step-item p{color:#1a1a1a;font-size:1.1rem;margin:0}.reading-practice{margin-top:2rem}.reading-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1.1rem;margin:1rem 0;min-height:80px;padding:1rem;resize:vertical;width:100%}.reading-input:focus{border-color:#667eea;outline:none}.reading-input.checked{background:#11998e0d;border-color:#11998e}.reading-text-question{background:#667eea1a;border-left:4px solid #667eea;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.reading-text-display{color:#667eea;font-size:1.3rem;font-style:italic;font-weight:600;margin:0;text-align:center}.reading-input-number{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1.2rem;margin:1rem 0;padding:1rem;text-align:center;width:100%}.reading-input-number:focus{border-color:#667eea;outline:none}.reading-input-number.correct{background:#11998e1a;border-color:#11998e}.reading-input-number.wrong{background:#ff6b6b1a;border-color:#ff6b6b}.reading-hint{background:#ffc1071a;border-radius:8px;margin-top:1rem;padding:1rem}.reading-hint p{color:#1a1a1a;font-size:1rem;margin:.5rem 0}.correct-reading{color:#11998e;font-weight:600;margin-top:.5rem}.practice-tests,.test-item{margin:2rem 0}.test-item{background:#667eea0d;border-left:4px solid #667eea;border-radius:12px;padding:2rem}.test-item h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.test-item p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.solution-steps{background:#fff;margin:1.5rem 0;padding:1rem}.test-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;margin:0 .5rem;padding:.5rem 1rem;text-align:center;width:120px}.test-input:focus{border-color:#667eea;outline:none}.test-input.correct{background:#11998e1a;border-color:#11998e}.test-input.wrong{background:#ff6b6b1a;border-color:#ff6b6b}.check-button{margin-top:1rem}.summary-content{margin:2rem 0}.applications-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.application-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.application-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.app-icon{font-size:2.5rem;margin-bottom:.5rem}.application-card p{color:#1a1a1a;font-size:1rem;margin:.5rem 0}.final-challenge{background:#ffc1071a;border:2px solid #ffc107;border-radius:12px;margin:2rem 0;padding:2rem}.final-challenge h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.challenge-text{color:#667eea;font-size:1.2rem;font-weight:600;margin:1rem 0}.challenge-answer{background:#11998e1a;border-radius:8px;margin-top:1rem;padding:1rem}.challenge-answer p{color:#1a1a1a;font-size:1.1rem;margin:0}.next-lesson{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:2rem}.next-lesson h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.next-lesson ul{margin:1rem 0;padding-left:1.5rem}.next-lesson li{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}@media (max-width:768px){.decimal-fractions-lesson{padding:1rem}.lesson-content{padding:2rem 1.5rem}.converter-item,.example-item{flex-direction:column;text-align:center}.building-row{flex-wrap:wrap}.building-cell{font-size:.9rem;min-width:60px}.answer-options{flex-direction:column}}.coordinate-line-fractions-lesson{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.coordinate-line-clickable,.coordinate-line-comparison,.coordinate-line-double-zoom,.coordinate-line-final,.coordinate-line-simple{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;cursor:crosshair;height:120px;margin:2rem 0;position:relative;width:100%}.coordinate-line-clickable:hover,.coordinate-line-comparison:hover,.coordinate-line-final:hover{box-shadow:0 4px 12px #667eea66}.clicked-point,.comparison-point,.final-point{align-items:center;display:flex;flex-direction:column;position:absolute;top:50%;transform:translate(-50%,-50%)}.point-decimal{color:#fff;font-size:.8rem;margin-top:.25rem;opacity:.8}.microscope-container{margin:2rem 0}.coordinate-line-zoom{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;height:120px;margin:2rem 0;position:relative;width:100%}.zoom-mark{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;position:absolute;top:0}.zoom-mark.small{opacity:.7}.zoom-line{background:#fff;height:40%;margin-bottom:.25rem;opacity:.8;width:1px}.zoom-line.small{height:30%;opacity:.6}.zoom-value{background:#0003;border-radius:3px;font-size:.8rem;font-weight:600;padding:.15rem .3rem}.zoom-value.small{font-size:.7rem}.zoom-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin:1rem 0;padding:1rem 2rem;transition:all .3s ease}.zoom-button:hover:not(:disabled){box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.zoom-button:disabled{cursor:not-allowed;opacity:.5}.construction-container,.double-zoom-container{margin:2rem 0}.tools-panel{background:#667eea0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.tools-panel h5{color:#1a1a1a;margin:0 0 1rem;width:100%}.tool-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-width:120px;padding:1rem;transition:all .3s ease}.tool-btn:hover{background:#667eea0d;border-color:#667eea}.tool-btn.selected{background:#11998e1a;border-color:#11998e}.tool-icon{font-size:2rem}.tool-name{color:#1a1a1a;font-size:.9rem;font-weight:600}.construction-area{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:2rem}.segment-01{background:#fff;border:2px solid #e0e0e0;border-radius:12px;height:200px;margin:2rem 0;padding:2rem;position:relative;width:100%}.segment-point{align-items:center;background:#11998e;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px}.segment-point.left{left:10%}.segment-point.right{right:10%}.segment-line{background:#667eea;height:4px;right:10%;transform:translateY(-50%)}.construction-ray,.segment-line{left:10%;position:absolute;top:50%}.construction-ray{background:#ff6b6b;height:2px;transform:translateY(-50%) rotate(15deg);transform-origin:left center;width:60%}.construction-divisions{height:40%;left:10%;position:absolute;top:30%;width:60%}.division-point{align-items:center;display:flex;flex-direction:column;position:absolute;top:0}.division-dot{background:#ff6b6b;border:2px solid #fff;border-radius:50%;height:12px;margin-bottom:.25rem;width:12px}.division-label{color:#1a1a1a;font-size:.8rem;font-weight:600}.construction-parallels{height:50%;left:10%;position:absolute;right:10%;top:50%}.parallel-line{background:#11998e;height:2px;left:0;opacity:.6;position:absolute;right:0}.fraction-point{align-items:center;display:flex;flex-direction:column;left:46%;position:absolute;top:50%;transform:translate(-50%,-50%)}.construction-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.construction-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.construction-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.construction-btn:disabled{cursor:not-allowed;opacity:.5}.thales-visualization{background:#ffc1071a;border-radius:12px;margin:2rem 0;padding:2rem}.thales-diagram{background:#fff;border:2px solid #e0e0e0;border-radius:12px;height:300px;margin:1rem 0;position:relative;width:100%}.thales-angle{background:#667eea;height:2px;top:50%;transform:translateY(-50%) rotate(15deg);transform-origin:left center}.thales-angle,.thales-parallels{left:10%;position:absolute;width:60%}.thales-parallels{height:100%;top:0}.thales-line{background:#11998e;bottom:0;opacity:.6;position:absolute;top:0;width:2px}.translation-container{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.translation-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.translation-input{flex:1 1;padding:.75rem 1rem}.question-box{background:#ffc1071a;border-radius:12px;margin:2rem 0;padding:1.5rem}.question-box h4{color:#1a1a1a;margin-top:0}.question-box p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.mixed-container{margin:2rem 0}.mixed-controls{background:#667eea0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:#1a1a1a;font-size:1rem;font-weight:600}.mixed-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.2rem;padding:.75rem 1rem;text-align:center;width:100px}.mixed-input:focus{border-color:#667eea;outline:none}.fraction-constructor{align-items:center;display:flex;gap:.5rem}.fraction-input{border:2px solid #e0e0e0;padding:.75rem}.fraction-input:focus{border-color:#667eea}.coordinate-line-mixed{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;height:120px;margin:2rem 0;position:relative;width:100%}.mixed-point{align-items:center;display:flex;flex-direction:column;position:absolute;top:50%;transform:translate(-50%,-50%)}.number-selector{background:#667eea0d;border-radius:8px;margin:1.5rem 0;padding:1rem}.number-selector p{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.number-buttons{display:flex;gap:1rem;justify-content:center}.number-select-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.number-select-btn:hover{background:#667eea0d;border-color:#667eea}.number-select-btn.selected{background:#11998e1a;border-color:#11998e;color:#11998e}.comparison-order{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:1.5rem}.comparison-order p{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.numbers-to-order{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.order-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:grab;font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;-webkit-user-select:none;user-select:none}.order-number:active{cursor:grabbing}.order-number.placed{cursor:not-allowed;opacity:.5}.order-slots{display:flex;flex-wrap:wrap;gap:1rem}.order-slot{background:#fff;border:2px dashed #e0e0e0;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;min-width:150px;padding:1rem;text-align:center;transition:all .3s ease}.order-slot:hover{background:#667eea0d;border-color:#667eea}.order-slot.filled{background:#11998e1a;border-color:#11998e;color:#11998e}.method-selection{display:flex;flex-wrap:wrap;gap:1rem}.method-btn{border:2px solid #e0e0e0;border-radius:12px;color:#1a1a1a;flex:1 1;font-size:1.1rem;font-weight:600;min-width:250px;padding:1.5rem;transition:all .3s ease}.method-btn:hover{background:#667eea0d;border-color:#667eea}.method-btn.selected{background:#11998e1a;border-color:#11998e}.final-construction{margin:2rem 0}.future-challenge{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:12px;margin:2rem 0;padding:2rem}.future-challenge h4{color:#1a1a1a;margin-top:0}.future-challenge p{color:#1a1a1a;font-size:1.1rem;line-height:1.6;margin:.5rem 0}.summary-box ol{margin:1rem 0;padding-left:1.5rem}.summary-box li{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.interactive-task ol{margin:1rem 0;padding-left:1.5rem}.interactive-task li{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}@media (max-width:768px){.coordinate-line-fractions-lesson{padding:1rem}.lesson-content{padding:2rem 1.5rem}.method-selection,.mixed-controls{flex-direction:column}}.comparing-rational-numbers-lesson{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.answer-options{margin:2rem 0}.option-btn{border:2px solid #e0e0e0;color:#1a1a1a;font-size:1.1rem;font-weight:600;padding:1rem 1.5rem}.option-btn:hover{background:#667eea0d;border-color:#667eea}.option-btn.selected{background:#11998e1a;border-color:#11998e}.option-btn.correct{background:#11998e33;border-color:#11998e;color:#11998e}.option-btn.wrong{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}.line-container{margin:2rem 0}.numbers-to-drag{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.draggable-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:grab;font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;-webkit-user-select:none;user-select:none}.draggable-number:active{cursor:grabbing}.coordinate-line-judge,.coordinate-line-negative{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;cursor:crosshair;height:120px;margin:2rem 0;min-height:120px;position:relative;width:100%}.line-mark{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;position:absolute;top:0}.mark-line{background:#fff;height:60%;margin-bottom:.5rem;width:2px}.mark-value{background:#0000004d;border-radius:4px;color:#fff;font-size:1rem;font-weight:700;padding:.25rem .5rem}.placed-number{align-items:center;display:flex;flex-direction:column;position:absolute;top:50%;transform:translate(-50%,-50%)}.point-dot{background:#ff6b6b;border:3px solid #fff;border-radius:50%;height:20px;margin-bottom:.5rem;width:20px}.point-value{background:#00000080;border-radius:4px;color:#fff;font-size:1rem;font-weight:700;padding:.25rem .5rem}.fraction-conversion{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.conversion-item{align-items:center;background:#fff;border:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.fraction-display{color:#667eea;font-size:2rem;font-weight:700;min-width:80px;text-align:center}.equals-sign{color:#1a1a1a;font-size:1.5rem;font-weight:700}.conversion-input{border:2px solid #e0e0e0;padding:.75rem 1rem;transition:all .3s ease}.conversion-input.correct{background:#11998e1a;border-color:#11998e}.conversion-input.wrong{background:#ff6b6b1a;border-color:#ff6b6b}.fraction-line{color:#667eea}.pie-visualization{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.pie-item{align-items:center;display:flex;flex-direction:column;gap:1rem}.pie-chart{border:4px solid #e0e0e0;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:200px;overflow:hidden;width:200px}.pie-slice{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;text-shadow:0 2px 4px #0000004d}.pie-remainder{background:#f0f0f0;height:100%}.translation-box{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:1.5rem}.calculation-display{margin-bottom:1rem}.calculation-display p{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.translation-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.2rem;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.translation-input:focus{border-color:#667eea;outline:none}.translation-input.correct{background:#11998e1a;border-color:#11998e}.translation-input.wrong{background:#ff6b6b1a;border-color:#ff6b6b}.cross-calculation{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.cross-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.cross-item p{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:0}.cross-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.2rem;padding:.75rem 1rem;text-align:center;transition:all .3s ease;width:100px}.cross-input:focus{border-color:#667eea;outline:none}.cross-input.correct{background:#11998e1a;border-color:#11998e}.cross-input.wrong{background:#ff6b6b1a;border-color:#ff6b6b}.modulus-calculation{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.modulus-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.modulus-item p{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:0}.modulus-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.2rem;padding:.75rem 1rem;text-align:center;transition:all .3s ease;width:100px}.modulus-input:focus{border-color:#667eea;outline:none}.modulus-input.correct{background:#11998e1a;border-color:#11998e}.modulus-input.wrong{background:#ff6b6b1a;border-color:#ff6b6b}.numbers-pool-sorting{background:#667eea0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1.5rem}.sorting-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:grab;font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;-webkit-user-select:none;user-select:none}.sorting-number:active{cursor:grabbing}.sorting-number.placed{cursor:not-allowed;opacity:.5}.sorting-slots{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.sorting-slot{background:#fff;border:2px dashed #e0e0e0;border-radius:12px;color:#666;flex:1 1;font-size:1.2rem;font-weight:600;min-width:150px;padding:1.5rem;text-align:center;transition:all .3s ease}.sorting-slot:hover{background:#667eea0d;border-color:#667eea}.sorting-slot.filled{background:#11998e1a;border-color:#11998e;border-style:solid;color:#11998e}.answer-hint{width:100%}@media (max-width:768px){.comparing-rational-numbers-lesson{padding:1rem}.lesson-content{padding:2rem 1.5rem}.cross-calculation,.modulus-calculation,.pie-visualization,.sorting-slots{flex-direction:column}}.circle-magic-lesson{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.measurement-container{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.measurement-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.measurement-item h5{color:#667eea;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.measurement-inputs{display:flex;gap:1rem}.input-group,.measurement-inputs{flex-direction:column}.input-group label{color:#1a1a1a;font-size:1rem}.input-group input{font-size:1.1rem;padding:.75rem 1rem}.pi-calculation{background:#11998e1a;border-radius:8px;color:#11998e;font-size:1.3rem;font-weight:700;padding:.5rem;text-align:center}.wheel-container{margin:2rem 0}.wheel-track{background:#667eea1a;border-radius:12px;height:200px;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.rolling-wheel{cursor:pointer;left:50px;position:absolute;top:50px}.wheel-circle{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0003;height:100px;position:relative;width:100px}.wheel-center{background:#fff;border-radius:50%;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.wheel-path{background:#11998e80;border-radius:2px;left:50px;top:140px}.track-line,.wheel-path{height:4px;position:absolute}.track-line{background:#667eea;bottom:0;left:0;right:0}.wheel-info{background:#667eea0d;border-radius:8px;padding:1rem}.wheel-info p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.track-visualization{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:2rem}.track-diagram{flex-wrap:wrap;gap:1rem}.track-diagram,.track-straight{align-items:center;display:flex;justify-content:center}.track-straight{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-weight:700;height:60px;width:150px}.track-curve{border:4px solid #667eea;border-left:none;border-radius:0 100px 0 0;border-top:none;height:100px;position:relative;width:100px}.curve-label{bottom:-30px;color:#667eea;font-size:.9rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%)}.track-calculation{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin:2rem 0;padding:1.5rem}.sectors-container{margin:2rem 0}.sectors-controls{align-items:center;background:#667eea0d;border-radius:8px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.sectors-controls label{color:#1a1a1a;font-weight:600}.sectors-controls input[type=range]{flex:1 1}.sectors-controls span{color:#667eea;font-weight:700;min-width:50px;text-align:center}.circle-puzzle{align-items:center;background:#667eea0d;border-radius:12px;display:flex;justify-content:center;margin:2rem 0;min-height:400px;padding:2rem}.circle-sectors{height:300px;margin:0 auto;position:relative;width:300px}.precision-sector,.sector{background:linear-gradient(135deg,#667eea,#764ba2);height:150px;left:50%;opacity:.8;position:absolute;top:50%;transform-origin:0 0;width:150px}.circle-assembly{text-align:center}.circle-visualization{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:300px;justify-content:center;margin:2rem auto;position:relative;width:300px}.circle-radius{top:50%;transform:translate(-100%,-50%)}.circle-diameter,.circle-radius{background:#ffffff4d;border-radius:4px;font-size:1rem;left:50%;padding:.25rem .5rem;position:absolute}.circle-diameter{bottom:-30px;transform:translateX(-50%)}.precision-container{margin:2rem 0}.precision-controls{align-items:center;background:#667eea0d;border-radius:8px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.precision-controls label{color:#1a1a1a;font-weight:600}.precision-controls input[type=range]{flex:1 1}.precision-controls span{color:#667eea;font-weight:700;min-width:50px;text-align:center}.precision-visualization{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.precision-circle,.precision-circle-assembled{height:300px;position:relative;width:300px}.precision-circle-assembled{background:linear-gradient(135deg,#11998e,#0d7c73);border-radius:50%;box-shadow:0 4px 12px #0003}.circle-diameter-label,.circle-radius-label{background:#ffffff4d;border-radius:4px;color:#fff;font-weight:700;padding:.25rem .5rem;position:absolute}.circle-radius-label{left:50%;top:50%;transform:translate(-100%,-50%)}.circle-diameter-label{bottom:-30px;left:50%;transform:translateX(-50%)}.onion-visualization{align-items:center;background:#667eea0d;border-radius:12px;display:flex;justify-content:center;margin:2rem 0;padding:2rem}.concentric-circles{height:400px;margin:0 auto;position:relative;width:400px}.concentric-circle{border:2px solid #667eea;border-radius:50%;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%)}.scaling-container{margin:2rem 0}.scaling-controls{align-items:center;background:#667eea0d;border-radius:8px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.scaling-controls label{color:#1a1a1a;font-weight:600}.scaling-controls input[type=range]{flex:1 1}.scaling-controls span{color:#667eea;font-weight:700;min-width:50px;text-align:center}.scaling-circles{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.scale-circle{background:#667eea0d;border-radius:12px;min-width:250px;padding:2rem;text-align:center}.scale-circle.scaled{border:2px solid #11998e}.circle-label{color:#667eea;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.circle-metrics{color:#1a1a1a;display:flex;flex-direction:column;font-size:1rem;gap:.5rem}.scaling-comparison{background:#11998e1a;border-left:4px solid #11998e;border-radius:12px;margin:2rem 0;padding:1.5rem}.scaling-comparison p{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:.5rem 0}.archimedes-container{margin:2rem 0}.polygon-controls{background:#667eea0d;border-radius:8px;padding:1rem}.polygon-controls span{color:#667eea;min-width:50px}.polygon-visualization{background:#667eea0d;padding:2rem}.circle-with-polygons{background:#667eea1a;border:4px solid #667eea;border-radius:50%;height:400px;margin:0 auto;position:relative;width:400px}.inscribed-polygon{background:#11998e4d;border:2px solid #11998e;height:80%;left:10%;position:absolute;top:10%;width:80%}.circumscribed-polygon{background:#ff6b6b33;border:2px solid #ff6b6b;-webkit-clip-path:polygon(50% 0,100% 0,100% 50%,100% 100%,50% 100%,0 100%,0 50%,0 0);clip-path:polygon(50% 0,100% 0,100% 50%,100% 100%,50% 100%,0 100%,0 50%,0 0);height:100%;left:0;position:absolute;top:0;width:100%}.polygon-calculations{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-top:2rem;padding:1.5rem}.polygon-calculations p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.monte-carlo-container{margin:2rem 0}.monte-carlo-canvas{background:#667eea0d;border-radius:12px;display:flex;justify-content:center;margin:2rem 0;padding:2rem}.monte-carlo-info{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.monte-carlo-info p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.city-tasks{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.city-task-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.city-task-item h5{color:#667eea;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.city-task-item p{color:#1a1a1a;font-size:1rem;margin:.5rem 0}.city-task-item input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;margin-top:.5rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.city-task-item input:focus{border-color:#667eea;outline:none}.conclusion-text{font-size:1.2rem}@media (max-width:768px){.circle-magic-lesson{padding:1rem}.lesson-content{padding:2rem 1.5rem}.city-tasks,.measurement-container,.precision-visualization,.scaling-circles{flex-direction:column}}.square-root-lesson{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.warmup-pairs{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.warmup-pair{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;padding:1rem}.warmup-pair p{color:#1a1a1a;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.warmup-input{border:2px solid #e0e0e0;font-size:1.1rem;padding:.75rem 1rem;text-align:center;width:100px}.warmup-pair .correct{color:#11998e;font-size:1.5rem;font-weight:700}.warmup-pair .wrong{color:#ff6b6b;font-size:1.5rem;font-weight:700}.root-expressions{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.root-expression-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1rem}.root-expression-item label{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-size:1.1rem;gap:1rem}.root-expression-item input[type=checkbox]{cursor:pointer;height:24px;width:24px}.expression{color:#667eea}.value{color:#11998e;font-weight:600}.square-constructor{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.square-controls{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;max-width:500px;padding:1.5rem;width:100%}.square-controls label{color:#1a1a1a;font-weight:600;min-width:150px}.square-controls input[type=range]{flex:1 1}.square-controls span{color:#667eea;font-size:1.2rem;font-weight:700;min-width:60px;text-align:center}.square-visual{display:flex;justify-content:center}.square-formula{background:#11998e1a;border-radius:12px;max-width:500px;padding:1.5rem;text-align:center;width:100%}.square-formula p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.calculation{color:#11998e;font-size:1.3rem;font-weight:700}.perfect-squares-table{margin:2rem 0;overflow-x:auto}.perfect-squares-table table{background:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.perfect-squares-table td,.perfect-squares-table th{border:2px solid #e0e0e0;padding:1rem;text-align:center}.perfect-squares-table th{background:#667eea1a;color:#1a1a1a;font-weight:700}.table-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.5rem;width:80px}.table-input:focus{border-color:#667eea;outline:none}.table-input.correct{background:#11998e1a;border-color:#11998e}.table-input.wrong{background:#ff6b6b1a;border-color:#ff6b6b}.factorization-tool{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin:2rem 0;padding:1.5rem}.factor-inputs{align-items:center;display:flex;gap:1rem;margin:1rem 0}.factor-inputs label{color:#1a1a1a;font-weight:600}.factor-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;text-align:center;width:100px}.factor-check-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.factor-check-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.factorization-result{background:#11998e1a;border-radius:8px;margin-top:1rem;padding:1rem}.solution{color:#1a1a1a;line-height:1.6}.answer{color:#11998e;font-size:1.2rem;font-weight:700;margin-top:.5rem}.hint-text{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:8px;color:#1a1a1a;font-weight:600;margin:1rem 0;padding:1rem}.number-line{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin:2rem 0}.estimate-answers{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.estimate-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;padding:1rem}.estimate-item label{color:#1a1a1a;flex:1 1;font-weight:600}.estimate-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;text-align:center;width:150px}.graph-controls{align-items:center;background:#667eea0d;border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.graph-controls label{color:#1a1a1a;font-weight:600}.graph-controls input[type=range]{flex:1 1}.graph-controls span{color:#667eea;font-weight:700;min-width:60px;text-align:center}.calculation-methods{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.method{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;padding:1rem}.method p{color:#1a1a1a;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.calc-input{width:120px}.fraction-calculation{margin:2rem 0;text-align:center}.square-root-calc{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.calc-example{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;padding:1rem}.calc-example p{color:#667eea;flex:1 1;font-size:1.2rem;font-weight:700;margin:0}.factor-in-tool,.simplify-tool{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin:2rem 0;padding:1.5rem}.factor-in-steps,.simplify-steps{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.factor-in-input,.simplify-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.factor-in-solution,.simplify-solution{background:#11998e1a;border-radius:8px;margin-top:1rem;padding:1rem}.solution-text{color:#1a1a1a;font-size:1.1rem;line-height:1.6}.application-text,.visualization-text{color:#666;font-size:1rem;line-height:1.6;margin-top:.5rem}.diagonal-visual{display:flex;justify-content:center;margin:2rem 0}.pythagorean-calculation{background:#667eea0d;border-radius:12px;margin:1rem 0;padding:1.5rem}.pythagorean-calculation p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.fall-calculation{margin:2rem 0}.fall-inputs{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.fall-inputs label{color:#1a1a1a;font-weight:600}.fall-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;max-width:300px;padding:.75rem;width:100%}.fall-solution{background:#667eea0d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.fall-solution p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.quest-challenges{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.quest-challenge{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.quest-challenge h5{color:#667eea;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.quest-challenge p{color:#1a1a1a;font-size:1rem;margin:.5rem 0}.quest-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;margin-top:.5rem;padding:1rem;resize:vertical;width:100%}.answer-hint{font-size:1.2rem}.correct-answer ul{margin:1rem 0;padding-left:1.5rem}@media (max-width:768px){.square-root-lesson{padding:1rem}.lesson-content{padding:2rem 1.5rem}.calculation-methods,.estimate-answers,.quest-challenges,.square-root-calc,.warmup-pairs{flex-direction:column}.fall-inputs,.graph-controls,.square-controls{align-items:stretch;flex-direction:column}}.square-root-properties-lesson{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.lesson-step h3{color:#1a1a1a}.context-box{background:#667eea0d}.fraksi-comment{background:#11998e1a}.theory-box{background:#667eea0d;border-left:4px solid #667eea;border-radius:12px;margin:2rem 0;padding:2rem}.theory-box p{color:#1a1a1a;font-size:1.1rem;line-height:1.6;margin:.5rem 0}.interactive-task{background:#667eea0d}.interactive-task h4,.interactive-task h5{color:#1a1a1a;margin-top:0}.interactive-task p{color:#1a1a1a}.warmup-connections{margin:2rem 0}.warmup-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin:2rem 0}.warmup-column{display:flex;flex-direction:column;gap:1rem}.warmup-column h5{color:#667eea;font-size:1.2rem;font-weight:600;margin:0 0 1rem;text-align:center}.connection-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;justify-content:center;min-height:60px;padding:1rem}.expression{color:#1a1a1a;font-size:1.3rem;font-weight:700}.connection-select{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;text-align:center;width:100%}.geometric-tool{margin:2rem 0}.geometric-controls{background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:2rem;margin:2rem 0;padding:1.5rem}.control-item{align-items:center;display:flex;flex:1 1;gap:1rem}.control-item label{color:#1a1a1a;font-weight:600;min-width:50px}.control-item input[type=range]{flex:1 1}.control-item span{color:#667eea;font-size:1.2rem;font-weight:700;min-width:60px;text-align:center}.rectangles-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.rectangle-visual-item,.square-visual-item{text-align:center}.rectangle-visual-item h5,.square-visual-item h5{color:#667eea;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.property-observation{background:#11998e1a;border-radius:12px;margin:2rem 0;padding:1.5rem}.property-observation p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.observe-button{background:linear-gradient(135deg,#667eea,#764ba2);font-size:1rem;margin-top:1rem}.observe-button:hover{box-shadow:0 4px 12px #667eea66}.observation-result{background:#11998e1a;border-radius:8px;margin-top:1rem;padding:1rem}.proof-steps{gap:1rem;margin:1rem 0}.proof-step-item{border:2px solid #e0e0e0;padding:1rem}.proof-step-item p{color:#1a1a1a;font-weight:600;margin:0 0 .5rem}.proof-input,.simplify-tool{border:2px solid #e0e0e0}.simplify-tool{background:#fff;border-radius:12px;margin:2rem 0;padding:1.5rem}.divide-steps,.similar-steps,.simplify-steps{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.step-item{background:#667eea0d;padding:1rem}.step-item p{color:#1a1a1a;font-weight:600;margin:0 0 .5rem}.simplify-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.fraction-visualization{margin:2rem 0}.squares-comparison{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.square-item{text-align:center}.square-item h5{color:#667eea;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.ratio-calculation{background:#11998e1a;border-radius:12px;margin:2rem 0;padding:1.5rem}.ratio-calculation p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.fraction-methods{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.method-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;padding:1rem}.method-item p{color:#1a1a1a;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.machines-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.machine{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.machine h5{color:#667eea;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.machine p{color:#666;font-size:1rem;margin:.5rem 0 1rem}.machine-inputs{display:flex;flex-direction:column;gap:1rem}.machine-test{align-items:center;display:flex;gap:1rem}.machine-test span{color:#1a1a1a;flex:1 1;font-weight:600}.machine-result-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.5rem;text-align:center;width:100px}.machine-result-input:disabled{background:#f0f0f0;cursor:not-allowed}.machine-result-input.correct{background:#11998e1a;border-color:#11998e}.machine-result-input.wrong{background:#ff6b6b1a;border-color:#ff6b6b}.machine-test .correct{color:#11998e}.machine-test .correct,.machine-test .wrong{font-size:1.2rem;font-weight:700;margin-left:.5rem}.machine-test .wrong{color:#ff6b6b}.graph-container{border:2px solid #e0e0e0;border-radius:12px;margin:2rem 0;padding:1.5rem}.sum-comparison{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.sum-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1rem}.sum-item p{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:.5rem 0}.similar-roots-tool{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin:2rem 0;padding:1.5rem}.factor-bridge-tool{margin:2rem 0}.bridge-directions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.bridge-direction{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.bridge-direction h5{color:#667eea;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.bridge-direction p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.bridge-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.comparison-tool{margin:2rem 0}.comparison-item{background:#fff;border:2px solid #e0e0e0;margin:1rem 0;padding:1rem}.comparison-item p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.comparison-select{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.comparison-task{background:#ffc1071a;border-radius:12px;margin:1rem 0;padding:1rem}.comparison-task p{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:.5rem 0}.divide-tool,.multiply-tool{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin:2rem 0;padding:1.5rem}.multiply-methods{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.complex-expression{background:#667eea1a;border-radius:12px;color:#667eea;font-size:1.5rem;font-weight:700;margin:2rem 0;padding:1.5rem;text-align:center}.constructor-steps{display:flex;flex-direction:column;gap:1rem}.constructor-steps h5{color:#667eea;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.constructor-part{background:#667eea0d;border-radius:12px;padding:1rem}.constructor-part p{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.constructor-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.constructor-input.large{font-size:1.2rem;padding:1rem}.tricky-investigation{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.investigation-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.investigation-item p{color:#1a1a1a;font-size:1rem;margin:.5rem 0}.tricky-select{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.cube-3d,.cube-visualization{margin:2rem 0}.cube-3d{display:flex;justify-content:center}.cube-solution{margin:2rem 0}.solution-step{background:#667eea0d;border-radius:12px;margin:1rem 0;padding:1.5rem}.solution-step p{color:#1a1a1a;font-size:1.1rem;margin:.5rem 0}.summary-box{background:#667eea0d;border-left:4px solid #667eea;margin:2rem 0}.summary-box p{color:#1a1a1a;font-size:1.1rem;line-height:1.6;margin:.5rem 0}.answer-hint,.conclusion-text{color:#11998e}.answer-hint{font-weight:600;margin-top:.5rem}.practice-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:2rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.practice-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.check-button{background:linear-gradient(135deg,#667eea,#764ba2)}.check-button:hover{box-shadow:0 4px 12px #667eea66}.correct-answer{color:#1a1a1a;font-weight:500;line-height:1.6;margin:0}.correct-answer ol{margin:1rem 0;padding-left:1.5rem}.correct-answer li{margin:.5rem 0}.wrong-answer{color:#ff6b6b;font-weight:600;margin:0}@media (max-width:768px){.square-root-properties-lesson{padding:1rem}.lesson-content{padding:2rem 1.5rem}.bridge-directions,.machines-container,.rectangles-container,.squares-comparison,.warmup-columns{grid-template-columns:1fr}.geometric-controls{flex-direction:column}}.square-root-manipulations-lesson{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem;width:100%}.lesson-header{background:#fff;box-shadow:0 2px 8px #0000001a}.nav-btn{font-size:1rem;padding:.75rem 1.5rem}.nav-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d}.step-counter{color:#666;font-size:.9rem;font-weight:500}.lesson-content{box-shadow:0 4px 12px #0000001a}.lesson-screen h2{color:#1a1a1a;font-weight:700}.intro-text{font-size:1.2rem}.warmup-interactive{background:#667eea0d;border-radius:12px;padding:2rem}.expression-pairs{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.pair{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:1.2rem;gap:1rem;justify-content:center;padding:1rem}.click-zone{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:2rem 0}.source-pairs{display:flex;flex-direction:column;gap:1rem}.clickable-pair{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;text-align:center;transition:all .3s ease}.clickable-pair:hover{background:#667eea1a;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.clickable-pair.selected{background:#667eea;border-color:#764ba2;color:#fff}.target-zone{background:#667eea1a;border:2px solid #667eea;border-radius:12px;padding:1.5rem}.selected-pairs{border-radius:8px;display:flex;flex-direction:column;gap:.5rem;min-height:200px;padding:1rem}.selected-pair{background:#fff;border-radius:6px;font-weight:500;padding:.5rem 1rem}.empty-message{color:#999;font-style:italic}.check-btn,.feedback{margin-top:1rem}.feedback{line-height:1.6}.formula-box,.theory-content{margin:2rem 0}.formula-box{align-items:center;background:#667eea0d;border-radius:12px;display:flex;justify-content:center;min-width:0;overflow-x:auto;padding:2rem}.formula-box .katex,.formula-box>*{display:inline-block!important;white-space:nowrap!important}.formula-box .katex{font-size:1.3rem}.formula-box .katex-display{display:inline-block!important;margin:0!important}.formula-box .katex-display,.formula-box .katex-html{white-space:nowrap!important}.geometric-illustration{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:2rem}.square-visualization{margin:2rem 0}.square,.square-container{position:relative}.square{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;justify-content:center}.divider{background:#fff;bottom:0;cursor:col-resize;position:absolute;top:0;width:4px;z-index:10}.area-label{color:#fff;font-size:1.2rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.area-label.left{left:25%}.area-label.right{right:25%}.instruction{color:#333;line-height:1.6;text-align:center}.conclusion{background:#11998e1a;border-radius:12px;font-size:1.1rem;line-height:1.6;margin-top:2rem;padding:1.5rem}.algorithm-box{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:2rem}.algorithm-steps{font-size:1.1rem;line-height:2;list-style:decimal;padding-left:2rem}.algorithm-steps li{margin:.5rem 0}.factorization-constructor{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:2rem}.factors-source{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.factor-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;transition:all .3s ease}.factor-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.factors-target{background:#fff;border:2px solid #667eea;border-radius:8px;margin:2rem 0;min-height:100px;padding:1.5rem}.factors-display{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.factor-item{background:#667eea1a;border-radius:6px;font-size:1.2rem;font-weight:600;padding:.5rem 1rem}.clear-btn{background:#dc3545;border:none;margin-top:1rem}.step{background:#667eea0d}.step input,.step select{border:2px solid #667eea;border-radius:8px;font-size:1.1rem;margin-top:.5rem;padding:.75rem;width:100%}.simplify-trainer{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.simplify-item{align-items:center;background:#fff;border:2px solid #667eea;border-radius:12px;display:flex;font-size:1.2rem;gap:1rem;padding:1.5rem}.simplify-item input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:1.1rem;padding:.75rem}.practice-btn{box-shadow:0 4px 15px #667eea4d;font-size:1.3rem;padding:1.5rem 3rem}.practice-btn:hover{box-shadow:0 6px 25px #667eea66}.addition-steps,.diagonal-solution,.insertion-trainer{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.addition-steps .step,.insertion-item{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;display:flex;gap:1rem;padding:1rem}.addition-steps input,.insertion-item input{border:1px solid #ddd;border-radius:6px;flex:1 1;padding:.5rem}.comparison-pairs{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.comparison-item{background:#667eea0d;border-radius:12px;padding:1.5rem}.comparison-options{margin:1rem 0}.comp-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;flex:1 1;padding:1rem;transition:all .3s ease}.comp-btn:hover{background:#667eea1a}.comp-btn.selected{background:#667eea;color:#fff}.sorting-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.sorting-source{display:flex;flex-direction:column;gap:1rem}.sort-item{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem;transition:all .3s ease}.sort-item:hover:not(:disabled){background:#764ba2;transform:translateY(-2px)}.sort-item.used,.sort-item:disabled{cursor:not-allowed;opacity:.5}.sorted-list{background:#fff;border-radius:8px;margin:1rem 0;min-height:200px;padding:1rem}.sorted-item{background:#667eea1a;border-radius:6px;margin:.5rem 0;padding:.5rem}.area-methods,.multiplication-ways{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.method-box,.way-box{background:#667eea0d;border-radius:12px;padding:1.5rem}.action-btn,.method-btn,.station-btn,.way-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.action-btn:hover,.method-btn:hover,.station-btn:hover,.way-btn:hover{background:#764ba2;transform:translateY(-2px)}.action-btn.completed,.method-btn.completed,.station-btn.completed,.way-btn.completed{background:#28a745}.solution,.solution-text{background:#28a7451a;border-left:4px solid #28a745;border-radius:8px;margin-top:1rem;padding:1rem}.quest-stations{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.station{background:#667eea0d;border-left:4px solid #667eea;border-radius:12px;padding:2rem}.station input{border:2px solid #667eea;border-radius:8px;font-size:1rem;margin:1rem 0;padding:.75rem;width:100%}.constructor-tool{background:#667eea0d;border-radius:12px;margin:2rem 0;padding:2rem}.constructor-input{margin-bottom:2rem}.constructor-input input{border:2px solid #667eea;border-radius:8px;font-size:1.1rem;margin-left:1rem;padding:.75rem}.factor-select-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-weight:600;margin:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.factor-select-btn:hover{background:#667eea1a}.factor-select-btn.selected{background:#667eea;color:#fff}.extraction-result{background:#fff;border:2px solid #667eea;border-radius:8px;margin-top:2rem;padding:1.5rem}.extraction-step{background:#667eea0d;border-radius:8px;font-size:1.1rem;margin:1rem 0;padding:1rem}.option-buttons{display:flex;gap:1rem;margin:1rem 0}.option-btn{border:2px solid #667eea;border-radius:8px;flex:1 1;padding:1rem}.option-btn:hover{background:#667eea1a}.option-btn.selected{background:#667eea;color:#fff}.example-box,.practice-box,.solution-box,.summary-box{background:#667eea0d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.rule-text{background:#11998e1a;border-left:4px solid #11998e;border-radius:8px;margin:1rem 0;padding:1rem}.double-transform-box,.negative-example{margin:2rem 0}.transform-step{background:#667eea0d;border-radius:12px;padding:1.5rem}.result-text{background:#28a7451a;border-radius:8px;font-size:1.1rem;padding:1rem}.optimal-form-tasks{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.task-box{background:#667eea0d}.hint{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:8px;padding:1rem}@media (max-width:768px){.square-root-manipulations-lesson{padding:1rem}.lesson-content{padding:1.5rem}.lesson-header{flex-wrap:wrap}.drag-zone,.simplify-trainer{grid-template-columns:1fr}.factors-source{flex-wrap:wrap}}.square-root-transformations-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.lesson-header{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;gap:1rem}.step-counter{min-width:100px;text-align:center}.nav-btn{padding:.5rem 1.5rem}.nav-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.lesson-content{box-shadow:0 8px 30px #0000001f;padding:2.5rem}.lesson-screen{animation:fadeIn .5s ease}.lesson-screen h2{color:#667eea;font-size:2rem;margin-bottom:1.5rem;text-align:center}.lesson-screen h3{color:#764ba2;font-size:1.5rem;margin:1.5rem 0 1rem}.intro-text{color:#444;font-size:1.1rem;line-height:1.8}.instruction{font-size:1rem;margin:1rem 0}.warmup-interactive{margin:2rem 0}.warmup-expressions{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.warmup-item{align-items:center;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.warmup-item p{flex:1 1;font-size:1.2rem;margin:0}.warmup-item input{border:2px solid #667eea;border-radius:8px;font-size:1.1rem;padding:.75rem 1rem;width:150px}.properties-panel{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.property-item{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid #667eea;border-radius:12px;padding:1.5rem}.property-item h4{margin:0 0 1rem}.formula-box{background:#fff;border-radius:8px;margin-top:.5rem;padding:1rem}.formula-box .katex,.formula-box .katex-display,.formula-box .katex-html,.lesson-screen .katex,.lesson-screen .katex-display,.lesson-screen .katex-html{display:inline-block!important;white-space:nowrap!important}.lesson-screen p .katex,.lesson-screen span .katex{display:inline!important;white-space:nowrap!important}.matching-game{margin:2rem 0}.examples-source{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.example-card{background:#fff;border:2px dashed #667eea;border-radius:8px;cursor:move;padding:1rem;transition:all .3s ease}.example-card:hover{background:#f0f4ff;border-color:#764ba2;transform:translateY(-2px)}.property-label{color:#764ba2;display:block;font-size:.9rem;font-weight:600;margin-top:.5rem}.properties-target{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.property-slot{background:#f8f9fa;border:2px solid #ddd;border-radius:8px;min-height:120px;padding:1.5rem}.drop-zone{border:2px dashed #ccc;margin-top:1rem;min-height:80px}.drop-zone,.matched-example{border-radius:4px;padding:.5rem}.matched-example{background:#d4edda}.similar-roots-trainer{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.similar-item{align-items:center;background:#f8f9fa;border-left:4px solid #764ba2;border-radius:8px;display:flex;gap:.5rem;padding:1rem}.similar-item span{font-size:1.1rem}.similar-item input{border:2px solid #764ba2;border-radius:6px;padding:.5rem;text-align:center;width:60px}.addition-constructor{margin:2rem 0}.step{background:#f8f9fa;margin:1.5rem 0}.simplify-inputs{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.simplify-inputs>div{align-items:center;display:flex;gap:.5rem}.simplify-inputs input{border:2px solid #667eea;border-radius:6px;flex:1 1;max-width:200px;padding:.5rem}.action-btn{background:#667eea;border:none;color:#fff;font-weight:600;margin-top:1rem;transition:all .3s ease}.action-btn:hover{background:#764ba2;transform:translateY(-2px)}.action-btn.completed{background:#28a745}.similar-highlight{background:#fff3cd;border-radius:8px;font-size:1.2rem;margin-top:1rem;padding:1rem;text-align:center}.division-strategies,.fractional-strategies,.multiplication-strategies{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.strategy-box{background:#f8f9fa;border:2px solid #667eea;border-radius:12px;padding:1.5rem}.strategy-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.strategy-btn:hover{background:#764ba2;transform:translateY(-2px)}.strategy-btn.completed{background:#28a745}.solution{background:#d4edda;border-radius:8px;font-size:1.1rem;margin-top:1rem;padding:1rem}.combined-steps,.conjugate-rationalization,.difference-steps,.multiplication-steps,.square-sum-steps{margin:2rem 0}.combined-steps .step,.conjugate-rationalization .step,.difference-steps .step,.multiplication-steps .step,.square-sum-steps .step{background:#f8f9fa;border-radius:8px;margin:1rem 0;padding:1rem}.combined-steps input,.conjugate-rationalization input,.difference-steps input,.multiplication-steps input,.square-sum-steps input{border:2px solid #667eea;border-radius:6px;margin-top:.5rem;max-width:300px;padding:.5rem;width:100%}.rationalization-steps{margin:2rem 0}.formula-display{background:#fff;border-radius:8px;font-size:1.2rem;margin:1rem 0;padding:1rem;text-align:center}.practice-box{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f39c12;border-radius:12px;margin:2rem 0;padding:1.5rem}.practice-box .hint{color:#856404;font-size:.95rem;font-style:italic;margin-top:1rem}.feedback{border-radius:12px;line-height:1.8;margin-top:1.5rem;padding:1.5rem}.feedback.correct{border-left:4px solid #28a745}.feedback.incorrect{background:#f8d7da;border-left:4px solid #dc3545}.conclusion-text{color:#155724}.check-btn{border-radius:10px;display:block;font-size:1.1rem;margin:2rem auto;padding:1rem 2rem;transition:all .3s ease}.check-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-3px)}.quest-rooms{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.room{background:linear-gradient(135deg,#e0f2f1,#b2dfdb);border-left:5px solid #00796b;border-radius:12px;padding:2rem}.room h3{color:#00796b;margin-bottom:1rem}.room input{border:2px solid #00796b;border-radius:8px;font-size:1rem;margin-top:1rem;padding:.75rem;width:100%}.room .hint{color:#004d40;font-size:.9rem;font-style:italic;margin-top:.5rem}.geometric-tasks{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.task-box{background:#f8f9fa;border:2px solid #667eea;border-radius:12px;padding:1.5rem}.task-box input{border:2px solid #667eea;border-radius:8px;margin-top:1rem;padding:.75rem;width:100%}.summary-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:2rem;padding:2rem;text-align:center}.summary-box p{font-size:1.3rem;margin:0}.practice-button-container{margin-top:3rem;padding:2rem}.practice-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;box-shadow:0 4px 15px #f5576c66;font-size:1.2rem;font-weight:700;padding:1.2rem 3rem;transition:all .3s ease}.practice-btn:hover{box-shadow:0 6px 25px #f5576c99}@media (max-width:768px){.square-root-transformations-lesson{padding:1rem}.lesson-content{padding:1.5rem}.lesson-screen h2{font-size:1.5rem}.properties-panel{grid-template-columns:1fr}.warmup-item{align-items:flex-start;flex-direction:column}.warmup-item input{width:100%}}.root-transformations-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.warmup-section{margin:30px 0}.warmup-section h3{color:#667eea;font-size:22px;margin-bottom:15px}.warmup-expressions{grid-gap:20px;display:grid;gap:20px;margin:20px 0}.warmup-item .expression{margin-bottom:15px;text-align:center}.warmup-input{border:2px solid #ddd;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;padding:12px;width:100%}.warmup-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.properties-toolbar{grid-gap:20px;display:grid;gap:20px;margin:20px 0}.property-item{border-left:4px solid #667eea;border-radius:10px}.property-name{color:#667eea;font-size:16px;font-weight:600;margin-bottom:10px}.property-formula{background:#fff;border-radius:5px;margin:10px 0;padding:10px;text-align:center}.property-select{border:2px solid #ddd;border-radius:8px;font-size:14px;margin-top:10px;padding:10px;width:100%}.addition-section,.combined-fraction-section,.combined-section,.division-section,.formula-diff-section,.formula-square-section,.geometry-section,.multiplication-coeff-section,.multiplication-section,.rationalization-section,.rationalization-sum-section,.similar-roots-section{margin:30px 0}.roots-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.root-item{background:#f8f9fa;border-radius:8px;padding:15px;text-align:center}.root-expression{margin-bottom:10px}.root-input{border:2px solid #ddd;border-radius:5px;font-size:14px;padding:8px;text-align:center;width:100%}.steps-constructor{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px}.step{margin:15px 0}.step-input{border:2px solid #ddd;border-radius:5px;font-size:14px;padding:5px;width:60px}.solution-steps ol{margin:10px 0;padding-left:25px}.formula-steps{background:#f8f9fa;border-radius:8px;margin:15px 0;padding:15px}.formula-steps p{margin:10px 0}.rooms-section{grid-gap:25px;display:grid;gap:25px;margin:30px 0}.room{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:25px}.room h3{color:#667eea;font-size:20px;margin-bottom:15px}.room-solution{background:#fff;border-radius:5px;color:#666;font-style:italic;margin-top:10px;padding:10px}.geometry-tasks{grid-gap:20px;display:grid;gap:20px;margin:20px 0}.geometry-task{background:#f8f9fa;border-radius:8px;padding:20px}@media (max-width:768px){.root-transformations-lesson{padding:10px}.lesson-content{padding:20px}.roots-grid{grid-template-columns:1fr}.screen-navigation{flex-direction:column;gap:10px}}.discriminant-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.area-problem-section,.coefficients-section,.derivation-section,.discriminant-definition,.even-coefficient-section,.parabola-interactive-section,.parameter-section,.physics-problem-section,.quick-analysis-section,.scenario-section,.simplified-section,.vertex-section,.warmup-section{margin:30px 0}.equations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:20px 0}.equation-item{border-left:4px solid #667eea;border-radius:10px;text-align:center}.equation-text{margin-bottom:15px}.parabola-container{background:#fff;border-radius:8px;display:flex;justify-content:center;margin:15px 0;padding:10px}.parabola-container.large{margin:20px 0}.parabola-svg{background:#fff;border:1px solid #ddd;border-radius:5px}.intersection-info{font-size:14px;margin-top:10px}.derivation-steps{margin:20px 0}.derivation-step{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;display:flex;margin:15px 0;padding:20px;transition:all .3s}.derivation-step.active{background:#e8f4f8;border-left-color:#17a2b8}.derivation-step:not(.active){opacity:.3}.step-number{font-size:24px;margin-right:20px;min-width:40px}.step-math{background:#fff;border-radius:5px;margin-top:10px;padding:15px;text-align:center}.derivation-controls{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-top:20px;padding:15px}.step-indicator{color:#667eea;font-weight:600}.discriminant-examples{margin:20px 0}.discriminant-item{background:#f8f9fa;border-radius:8px;margin:15px 0;padding:15px}.calculation{color:#666;font-family:Courier New,monospace;margin:10px 0}.answer-input.small{width:80px}.explanation-box ol,.explanation-box ul{margin:10px 0;padding-left:25px}.explanation-box li{margin:5px 0}.scenario-solution{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px 0}.exercise{border-radius:10px}.coefficients-table{margin:20px 0;overflow-x:auto}.coefficients-table table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.coefficients-table td,.coefficients-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.coefficients-table th{background:#667eea;color:#fff;font-weight:600}.example-box{background:#f8f9fa;margin:15px 0;padding:15px}.quick-analysis-exercises{margin:20px 0}.quick-analysis-item{margin:15px 0}.parabola-controls,.quick-analysis-item{background:#f8f9fa;border-radius:8px;padding:15px}.parabola-controls{display:flex;gap:20px;margin:20px 0}.param-control{align-items:center;display:flex;gap:10px}.param-control label{color:#667eea;font-weight:600}.param-control input{border:2px solid #ddd;border-radius:5px;font-size:14px;padding:8px;width:80px}.parabola-tasks{margin-top:20px;padding:15px}.parabola-tasks,.problem-solution{background:#f8f9fa;border-radius:8px}.problem-solution{margin:20px 0;padding:20px}.problem-solution ol{margin:10px 0;padding-left:25px}.challenge h3{font-size:20px}.challenge-item{background:#fff;border-radius:8px;margin:15px 0;padding:15px}@media (max-width:768px){.discriminant-lesson{padding:10px}.lesson-content{padding:20px}.equations-grid,.scenario-solution{grid-template-columns:1fr}.parabola-controls,.screen-navigation{flex-direction:column}.screen-navigation{gap:10px}}.vieta-theorem-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.example-section,.exercise,.final-challenges,.practical-problems,.theorem-box,.warmup-section{margin:30px 0}.equation-solution{grid-gap:20px;background:#f8f9fa;border-radius:10px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px 0;padding:20px}.vieta-check{background:#fff;border-radius:8px;padding:15px}.theorem-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin:30px 0;padding:30px}.theorem-box h3{font-size:24px;margin:0 0 20px}.theorem-formulas{align-items:center;display:flex;flex-direction:column;gap:20px}.theorem-formulas .katex-display{margin:0}.solution-steps{background:#f8f9fa;border-radius:8px;padding:15px}.solution-steps p{font-family:Courier New,monospace;margin:8px 0}.guess-table{margin:20px 0;overflow-x:auto}.guess-table table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.guess-table td,.guess-table th{border-bottom:1px solid #ddd;padding:12px;text-align:center}.guess-table th{background:#667eea;color:#fff;font-weight:600}.guess-table .correct-row{background:#d4edda}.practical-problems{grid-gap:25px;display:grid;gap:25px}.problem{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:25px}.problem h3{color:#667eea;font-size:20px}.challenge h3,.problem h3{margin-bottom:15px}.solution-hint{background:#fff;border-radius:5px;color:#666;font-size:14px;font-style:italic;margin-top:10px;padding:10px}.final-message{margin-top:40px}.final-message ul{display:inline-block;margin:15px 0;text-align:left}.final-message li{margin:8px 0}.highlight{font-style:italic;margin-top:15px}@media (max-width:768px){.vieta-theorem-lesson{padding:10px}.lesson-content{padding:20px}.equation-solution{grid-template-columns:1fr}.screen-navigation{flex-direction:column;gap:10px}}.quadratic-trinomial-factoring-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.goal-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-bottom:30px;padding:20px}.goal-box h3{color:#856404;font-size:20px;margin:0 0 10px}.goal-box p{color:#856404;margin:0}.theorem-section{margin:30px 0}.theorem-box{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:25px;text-align:center}.theorem-box p{margin:10px 0}.main-formula{background:#fff;border:2px solid #667eea;border-radius:8px;margin:20px 0;padding:20px}.remarks-box{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:20px}.remarks-box h3{color:#17a2b8;margin:0 0 15px}.remarks-box ul{margin:10px 0;padding-left:25px}.remarks-box li{margin:8px 0}.step-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;display:flex;gap:20px;padding:25px}.step-number{color:#667eea;font-size:36px;font-weight:700;line-height:1;min-width:60px;text-align:center}.step-content{flex:1 1}.step-content h3{color:#667eea;font-size:20px;margin:0 0 15px}.example-section{border-radius:10px;margin:40px 0;padding:25px}.example-section h3{color:#667eea;font-size:22px;margin-bottom:15px}.solution-step{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin:15px 0;padding:15px}.solution-step p{font-family:Courier New,monospace;margin:8px 0}.exercise{background:#fff}.practice-section{background:#f8f9fa;border-radius:10px;margin:30px 0;padding:25px}.practice-section h3{color:#667eea;font-size:20px;margin-bottom:20px}.practice-item{background:#fff;border-radius:8px;margin:20px 0;padding:15px}.practice-item p{margin:10px 0}.conclusion-box{background:#d1ecf1;border-left:4px solid #0c5460;border-radius:8px;margin-top:40px;padding:30px}.conclusion-box h3{color:#0c5460;font-size:22px;margin:0 0 15px}.conclusion-box ul{margin:15px 0;padding-left:25px}.conclusion-box li{margin:8px 0}.intro-text{font-size:16px;margin-bottom:20px}@media (max-width:768px){.quadratic-trinomial-factoring-lesson{padding:10px}.lesson-content{padding:20px}.step-card{flex-direction:column}.step-number{min-width:auto}.screen-navigation{flex-direction:column;gap:10px}}.inverse-proportionality-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.comparison-section,.construction-section,.examples-grid,.final-tasks,.graph-section,.properties-section,.solution-box,.table-section{margin:30px 0}.data-table .highlight{background:#fff3cd;color:#856404;font-weight:600}.rule-box{background:#e8f4f8;border-left:4px solid #17a2b8;margin:20px 0;padding:20px}.rule-box h3{color:#17a2b8;margin:0 0 15px}.rule-box ul{margin:10px 0;padding-left:25px}.rule-box li{margin:8px 0}.example-section{padding:20px}.example-section,.points-list{background:#f8f9fa;border-radius:8px;margin:20px 0}.points-list{padding:15px}.points-list p{font-family:Courier New,monospace;margin:8px 0}.hyperbola-svg{background:#fff;border:1px solid #ddd;border-radius:5px}.properties-list{grid-gap:15px;display:grid;gap:15px;margin:20px 0}.property-item{padding:15px}.property-item h4{color:#667eea;margin:0 0 8px}.examples-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.example-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:20px}.example-card h3{color:#667eea;font-size:18px;margin:0 0 15px}.example-card ul{margin:10px 0;padding-left:20px}.example-card .formula{background:#fff;border-radius:5px;color:#667eea;font-weight:600;margin-top:15px;padding:10px;text-align:center}.comparison-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:25px}.comparison-card h3{color:#667eea;font-size:18px;margin:0 0 15px}.comparison-card ul{margin:10px 0;padding-left:25px}.solution-box{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:25px}.solution-box h3{color:#17a2b8;margin:0 0 15px}.solution-box .formula{background:#fff;border-radius:5px;font-weight:600;margin-top:15px;padding:10px}.final-tasks{grid-gap:25px;display:grid;gap:25px}.task-item{border-left:4px solid #667eea;border-radius:10px;padding:25px}.task-item h3{color:#667eea;font-size:18px;margin:0 0 15px}.future-applications{background:#f8f9fa;border-radius:8px;margin:30px 0;padding:25px}.future-applications ul{margin:15px 0;padding-left:25px}.future-applications li{font-size:16px;margin:10px 0}.final-message{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.final-message h3{font-size:24px}.epilogue{border-left:4px solid #17a2b8;border-radius:8px;padding:25px}.epilogue h3{color:#17a2b8;font-size:22px;margin:0 0 15px}.epilogue p{color:#333;font-size:16px;line-height:1.8;margin:0}@media (max-width:768px){.inverse-proportionality-lesson{padding:10px}.lesson-content{padding:20px}.comparison-section,.examples-grid{grid-template-columns:1fr}.screen-navigation{flex-direction:column;gap:10px}}.special-functions-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.applications-grid,.comparison-table-section,.equations-section,.final-challenges,.function-section,.transformations-section,.warmup-section{margin:30px 0}.warmup-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.warmup-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:20px;text-align:center}.combined-graph,.function-svg{background:#fff;border:1px solid #ddd;border-radius:5px}.properties-box{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:20px}.properties-box h3{color:#17a2b8;margin:0 0 15px}.properties-box ul{margin:10px 0;padding-left:25px}.properties-box li{margin:8px 0}.definition-box{background:#f8f9fa;text-align:center}.definition-box h3{color:#667eea;margin:0 0 15px}.comparison-table td,.comparison-table th{padding:12px}.check-item{background:#f8f9fa}.application-card{padding:20px}.application-card ul{padding-left:20px}.transformations-section{grid-gap:20px;display:grid;gap:20px;margin:30px 0}.transformation-item h3{color:#667eea;margin:0 0 10px}.equations-section{grid-gap:20px;display:grid;gap:20px}.equation-item{background:#f8f9fa;border-radius:8px;padding:20px}.characters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.character-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;padding:25px;text-align:center}.character-card h3{font-size:20px;margin:0 0 15px}.character-card p{font-size:16px;margin:0}.final-message{border-radius:15px;margin:40px 0;padding:30px}.final-message p{margin:10px 0}.epilogue-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-top:30px;padding:25px;text-align:center}.epilogue-box h3{font-size:24px;margin:0 0 15px}.epilogue-box p{font-size:16px;line-height:1.8;margin:0}@media (max-width:768px){.special-functions-lesson{padding:10px}.lesson-content{padding:20px}.applications-grid,.characters-grid,.warmup-grid{grid-template-columns:1fr}.screen-navigation{flex-direction:column;gap:10px}}.linear-function-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.equations-section,.final-challenges,.find-equation-section,.graph-section,.intercept-section,.practical-examples,.slope-section,.special-cases-section,.table-section{margin:30px 0}.data-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px 0;overflow:hidden;width:100%}.data-table td,.data-table th{border-bottom:1px solid #ddd;padding:12px;text-align:center}.data-table th{background:#667eea;color:#fff;font-weight:600}.data-table tr:hover{background:#f8f9fa}.table-input{border:2px solid #ddd;border-radius:5px;font-size:14px;padding:5px;text-align:center;width:60px}.table-feedback{font-size:12px;margin-top:5px}.table-feedback.correct{color:#28a745}.table-feedback.incorrect{color:#dc3545}.formula-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin:30px 0;padding:25px}.coefficients-explanation{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.coefficients-explanation ul{margin:10px 0;padding-left:25px}.examples-section{margin:30px 0}.examples-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.example-item{padding:15px}.graph-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;margin:20px 0;padding:15px}.graph-container.small{margin:10px 0}.linear-graph-svg{background:#fff;border:1px solid #ddd;border-radius:5px}.slope-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.slope-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:20px}.slope-card h3{color:#667eea;font-size:18px;margin:0 0 15px}.slope-card ul{margin:10px 0;padding-left:20px}.intercept-examples{grid-gap:20px;display:grid;gap:20px;margin:20px 0}.intercept-item{background:#f8f9fa;border-radius:8px;padding:15px}.special-case-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;margin:20px 0;padding:20px}.special-case-card h3{color:#667eea;font-size:18px;margin:0 0 15px}.find-equation-section{margin:30px 0}.find-equation-section ol{margin:15px 0;padding-left:25px}.example-box{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:20px}.practical-examples{grid-gap:20px;display:grid;gap:20px;margin:30px 0}.practical-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:20px}.practical-item h3{color:#667eea;margin:0 0 10px}.equations-section{margin:30px 0}.equation-example{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.equation-example h3{color:#667eea;margin:0 0 15px}.answer-input.small{width:100px}.answer-select{border:2px solid #ddd;border-radius:8px;font-size:16px;margin-top:10px;padding:10px;width:100%}.explanation-box{margin-top:20px}.highlight{color:#667eea;font-size:18px;font-weight:600}.check-item{background:#fff;border-radius:8px;margin:15px 0;padding:15px}.epilogue-list{background:#f8f9fa;border-radius:8px;margin:30px 0;padding:25px}.epilogue-list ul{margin:15px 0;padding-left:25px}.epilogue-list li{font-size:16px;margin:10px 0}@media (max-width:768px){.linear-function-lesson{padding:10px}.lesson-content{padding:20px}.examples-grid,.slope-cards{grid-template-columns:1fr}.screen-navigation{flex-direction:column;gap:10px}}.linear-inequalities-systems-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.problem-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:20px 0;padding:20px}.problem-info ol{margin:10px 0;padding-left:25px}.algorithm-steps,.applications-grid,.complex-example,.double-inequality-section,.examples-section,.graphical-method-section,.interactive-section,.special-cases-section,.three-inequalities-section{margin:30px 0}.system-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;margin:20px 0;padding:15px}.system-svg{background:#fff;border:1px solid #ddd;border-radius:5px}.example-item{margin:20px 0}.key-idea-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:20px 0;padding:20px}.key-idea-box p{color:#856404;font-weight:600;margin:0}.example-solution{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:30px 0;padding:25px}.transformation-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;margin:20px 0;padding:20px}.complex-example{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:30px 0;padding:25px}@media (max-width:768px){.linear-inequalities-systems-lesson{padding:10px}.lesson-content{padding:20px}.algorithm-steps,.applications-grid,.special-cases-section{grid-template-columns:1fr}.screen-navigation{flex-direction:column;gap:10px}}.inequalities-union-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.gates-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:20px 0;padding:20px}.gates-info ul{margin:10px 0;padding-left:25px}.algorithm-steps,.applications-grid,.comparison-section,.full-line-section,.graphical-method-section,.interactive-section,.mixed-example,.modulus-section,.notation-section,.three-conditions-section{margin:30px 0}.union-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;margin:20px 0;padding:15px}.union-svg{background:#fff;border:1px solid #ddd;border-radius:5px}.comparison-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.comparison-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:20px}.comparison-item h3{color:#667eea;font-size:18px;margin:0 0 15px}.notation-section ol{margin:15px 0;padding-left:25px}.reading-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:20px 0;padding:20px}.life-example{background:#d1ecf1;border-left:4px solid #17a2b8}.algorithm-steps{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.step-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:20px;text-align:center}.step-item h3{color:#667eea;font-size:18px;margin:0 0 10px}.example-solution,.mixed-example{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:30px 0;padding:25px}.solution-steps{margin-top:15px}.remark-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:20px 0;padding:20px}.full-line-section,.modulus-section,.three-conditions-section{grid-gap:20px;display:grid;gap:20px;margin:30px 0}@media (max-width:768px){.inequalities-union-lesson{padding:10px}.lesson-content{padding:20px}.algorithm-steps,.applications-grid,.comparison-section{grid-template-columns:1fr}.screen-navigation{flex-direction:column;gap:10px}}.double-inequalities-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.applications-grid,.compose-section,.graphical-method-section,.interactive-section,.modulus-section,.negative-section,.solution-section,.special-cases-section,.transformation-section,.types-section{margin:30px 0}.discovery-box{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:20px}.solution-steps{margin:15px 0}.solution-steps p{margin:10px 0}.verification-box{background:#d4edda;border-left:4px solid #28a745;padding:15px}.verification-box,.warning-box{border-radius:8px;margin:20px 0}.warning-box{background:#fff3cd;border-left:4px solid #ffc107;padding:20px}.warning-box p{color:#856404;font-weight:600;margin:0}.method-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.method-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:20px}.method-item h4{color:#667eea;font-size:16px;margin:0 0 15px}.method-item ol{margin:10px 0;padding-left:25px}.special-cases-section{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.special-case-item{border-left:3px solid #667eea;border-radius:8px;padding:20px}.compose-section,.modulus-section{grid-gap:20px;display:grid;gap:20px;margin:30px 0}.example-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:20px}.example-item h3{color:#667eea;font-size:18px;margin:0 0 15px}.reverse-box{background:#d1ecf1;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:20px}@media (max-width:768px){.double-inequalities-lesson{padding:10px}.lesson-content{padding:20px}.applications-grid,.method-comparison,.special-cases-section,.types-section{grid-template-columns:1fr}.screen-navigation{flex-direction:column;gap:10px}}.number-intervals-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.comparison-table-section,.final-challenges,.half-interval-section,.interactive-section,.interval-section,.operations-section,.rays-section,.special-cases-section{margin:30px 0}.number-line-container{border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;margin:20px 0;padding:15px}.number-line-svg{background:#fff;border:1px solid #ddd;border-radius:5px}.ascii-art{font-size:16px;text-align:center}.caption{color:#666;font-style:italic;margin-top:10px}.explanation-box{background:#e8f4f8;border-left:4px solid #17a2b8;margin:20px 0;padding:20px}.explanation-box ul{margin:10px 0;padding-left:25px}.half-interval-types{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.half-interval-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:20px}.half-interval-item h3{color:#667eea;font-size:16px;margin:0 0 15px}.examples-box{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.examples-box ul{margin:10px 0;padding-left:25px}.life-example{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:20px 0;padding:20px}.ray-types{grid-gap:20px;display:grid;gap:20px;margin:30px 0}.ray-item{background:#f8f9fa;border-left:3px solid #667eea}.important-box,.ray-item{border-radius:8px;padding:20px}.important-box{background:#f8d7da;border-left:4px solid #dc3545;margin:20px 0}.important-box p{color:#721c24;font-weight:600;margin:0}.ray-exercises{margin:20px 0}.ray-exercises p{margin:15px 0}.special-cases-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.special-case-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:25px;text-align:center}.special-case-item h3{color:#667eea;font-size:18px;margin:0 0 15px}.operations-section{margin:30px 0}.operation-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;margin:25px 0;padding:25px}.operation-item h3{color:#667eea;font-size:18px;margin:0 0 15px}.comparison-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px 0;overflow:hidden;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #ddd;padding:15px;text-align:left}.comparison-table th{background:#667eea;color:#fff;font-weight:600}.comparison-table tr:hover{background:#f8f9fa}.number-lines-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.number-lines-grid>div{background:#f8f9fa;border-radius:8px;padding:15px;text-align:center}.applications-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.number-intervals-lesson{padding:10px}.lesson-content{padding:20px}.applications-grid,.half-interval-types,.number-lines-grid,.special-cases-section{grid-template-columns:1fr}.screen-navigation{flex-direction:column;gap:10px}}.set-operations-intervals-lesson{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.lesson-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;color:#fff;padding:30px;text-align:center}.lesson-header h1{font-size:32px;font-weight:700;margin:0 0 10px}.lesson-subtitle{font-size:18px;margin:0;opacity:.9}.screen-navigation{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:15px 25px}.nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);padding:10px 25px}.nav-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea66}.screen-indicator{color:#667eea;font-size:16px;font-weight:600}.lesson-content{border-radius:15px;box-shadow:0 10px 30px #0003;padding:40px}.screen-title{border-bottom:3px solid #667eea;margin-bottom:30px;padding-bottom:15px}.screen-title h2{color:#667eea;font-size:28px;font-weight:700;margin:0}.screen-content{line-height:1.8}.intro-text{color:#333;font-size:18px;margin-bottom:30px;text-align:center}.patrol-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:20px 0;padding:20px}.patrol-info ul{margin:10px 0;padding-left:25px}.question-text{color:#667eea;font-size:18px;font-weight:600;margin:20px 0;text-align:center}.applications-grid,.graphical-method,.inequality-section,.interactive-section,.multiple-section,.properties-section,.solution-section,.types-section{margin:30px 0}.intervals-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;margin:20px 0;padding:15px}.intervals-container.small{padding:10px}.intervals-svg{background:#fff;border:1px solid #ddd;border-radius:5px}.visual-example{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.ascii-art{background:#fff;border-radius:5px;font-family:Courier New,monospace;font-size:14px;margin:15px 0;padding:15px;text-align:left}.definition-box{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:20px}.types-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.type-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:20px}.type-item h3{color:#667eea;font-size:18px;margin:0 0 15px}.special-case{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:20px 0;padding:20px}.inequality-example,.multiple-example{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;margin:20px 0;padding:20px}.graphical-example{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:20px}.applications-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.application-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:25px}.application-card h3{color:#667eea;font-size:18px;margin:0 0 15px}.application-card ul{margin:10px 0;padding-left:25px}.properties-section{grid-gap:20px;display:grid;gap:20px;margin:30px 0}.property-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:20px}.property-item h3{color:#667eea;font-size:18px;margin:0 0 15px}.verification-example{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:20px}.answer-input.small{display:inline-block;margin:0 5px;width:200px}.check-btn{margin-top:15px}.check-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea66}.check-btn.small{font-size:14px;padding:8px 20px}.feedback{margin-top:10px;padding:10px}.feedback-section{margin-top:15px}.exercise{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.final-challenges{grid-gap:25px;display:grid;gap:25px;margin:30px 0}.challenge{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:25px}.challenge h3{color:#667eea;font-size:18px;margin:0 0 15px}.summary-box{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:8px;margin:30px 0;padding:25px}.summary-box ul{margin:15px 0;padding-left:25px}.summary-box li{font-size:16px;margin:10px 0}.formula-tablet{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin:40px 0;padding:30px;text-align:center}.formula-tablet h3{font-size:22px;margin:0 0 20px}.tablet-content{background:#ffffff1a;border-radius:10px;padding:20px}.tablet-content p{font-size:16px;margin:10px 0}.final-message{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:8px;margin-top:30px;padding:25px;text-align:center}.final-message h3{color:#17a2b8;font-size:22px;margin:0 0 15px}.final-message p{color:#333;font-size:16px;line-height:1.8;margin:0}@media (max-width:768px){.set-operations-intervals-lesson{padding:10px}.lesson-content{padding:20px}.applications-grid,.types-section{grid-template-columns:1fr}.screen-navigation{flex-direction:column;gap:10px}}.sacred-root-properties-lesson{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Georgia,serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.lesson-header{background:#ffffffe6;border-radius:10px;box-shadow:0 2px 10px #0000001a;gap:15px;margin-bottom:30px;padding:15px}.nav-btn{background:#667eea;border-radius:5px;color:#fff;padding:10px 20px}.nav-btn:hover:not(:disabled){background:#5568d3}.progress-bar{flex:1 1}.progress-fill{transition:width .3s}.step-counter{color:#333;font-weight:600}.sacred-lesson-screen{background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #00000026;min-height:500px;padding:40px}.scene-header{border-bottom:3px solid #667eea;margin-bottom:30px;padding-bottom:20px;text-align:center}.scene-header h2{color:#2c3e50;font-size:28px;margin:0;text-shadow:2px 2px 4px #0000001a}.scene-content{line-height:1.8}.narrative-text{color:#34495e;font-size:18px;margin-bottom:25px;text-align:justify}.interactive-comparison,.interactive-division,.interactive-exposure,.interactive-investigation,.interactive-measurement,.interactive-purification,.interactive-simplification,.interactive-verification{background:#f8f9fa;border-left:5px solid #667eea;border-radius:10px;margin:20px 0;padding:25px}.interactive-comparison h3,.interactive-division h3,.interactive-exposure h3,.interactive-investigation h3,.interactive-measurement h3,.interactive-purification h3,.interactive-simplification h3,.interactive-verification h3{color:#667eea;font-size:22px;margin-top:0}.square-visualization{display:flex;justify-content:center;margin:20px 0}.square-svg{background:#fff;border:2px solid #ddd;border-radius:5px;height:200px;width:200px}.instruction{color:#7f8c8d;font-style:italic;margin:15px 0}.answer-input{border-radius:5px;margin:10px 0;max-width:300px;padding:12px}.check-btn{background:#667eea;border-radius:5px;margin:15px 0;padding:12px 30px}.check-btn:hover{background:#5568d3;box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.feedback{font-weight:500;margin:15px 0;padding:15px}.feedback.correct{background:#d4edda;border:1px solid #c3e6cb}.feedback.epic{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;padding:30px;text-align:center}.feedback.epic h3{font-size:28px;margin-bottom:10px}.conclusion-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:5px;margin:20px 0;padding:15px}.calculation-steps,.comparison-steps,.division-steps,.exposure-steps,.purification-steps,.simplification-steps,.verification-steps{display:flex;flex-direction:column;gap:15px;margin:20px 0}.step{border:1px solid #e0e0e0;border-radius:5px;padding:15px}.step p{margin:0 0 10px}.geometric-proof,.proof-box{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:5px;margin:20px 0;padding:20px}.formula-box{background:#f0f0f0;border:2px solid #667eea;border-radius:5px;margin:15px 0;padding:15px;text-align:center}.practice-box{background:#fff9e6;border-left:4px solid #ffc107;border-radius:5px;margin:20px 0;padding:20px}.hint{color:#7f8c8d;font-size:14px;margin-top:10px}.fraction-inputs{align-items:center;display:flex;gap:10px;margin:10px 0}.fraction-inputs span{color:#667eea;font-size:24px;font-weight:700}.conjugate-steps{margin-top:20px}.rules-tablet{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:3px solid #667eea;border-radius:10px;margin:20px 0;padding:30px}.sacred-rules{counter-reset:rule-counter;list-style:none;padding:0}.sacred-rules li{background:#fff;border-left:4px solid #667eea;border-radius:5px;counter-increment:rule-counter;margin:10px 0;padding:15px 15px 15px 60px;position:relative}.sacred-rules li:before{align-items:center;background:#667eea;border-radius:50%;color:#fff;content:counter(rule-counter);display:flex;font-size:18px;font-weight:700;height:35px;justify-content:center;left:15px;position:absolute;top:50%;transform:translateY(-50%);width:35px}.final-exam{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:30px}.final-exam h3{color:#667eea;font-size:24px;margin-bottom:20px;text-align:center}.exam-tasks{display:flex;flex-direction:column;gap:25px}.task{background:#fff;border-left:4px solid #667eea;border-radius:5px;padding:20px}.comparison-inputs{display:flex;flex-direction:column;gap:10px;margin:15px 0}.epilogue{background:#e8f4f8;border-radius:5px;color:#2c3e50;font-style:italic}.epilogue,.practice-button-container{margin-top:30px;padding:20px;text-align:center}.practice-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 5px 15px #667eea66;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s}.practice-btn:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-3px)}@media (max-width:768px){.sacred-lesson-screen{padding:20px}.scene-header h2{font-size:22px}.narrative-text{font-size:16px}.fraction-inputs{flex-direction:column}.fraction-inputs span{transform:rotate(90deg)}}.continuum-lesson{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.progress-fill{background:linear-gradient(90deg,#8b6f47,#3498db)}.story-box.geometric{background:#3498db1a;border-left:4px solid #3498db}.story-box.synthesis{background:#2ecc711a;border-left:4px solid #2ecc71}.story-box.properties{background:#f1c40f1a;border-left:4px solid #f1c40f}.story-box.danger{background:#e74c3c1a;border-left:4px solid #e74c3c}.story-box.legacy{background:#8e44ad1a;border-left:4px solid #8e44ad}.interactive-task.number-line{background:#f4e4bc4d;border:2px dashed #8b6f47}.interactive-task.diagonal-proof{background:#9b59b61a;border:2px dashed #9b59b6}.interactive-task.polygon{background:#3498db1a;border:2px dashed #3498db}.interactive-task.rope{background:#2ecc711a;border:2px dashed #2ecc71}.interactive-task.completeness{background:#f1c40f1a;border:2px dashed #f1c40f}.interactive-task.density{background:#e67e221a;border:2px dashed #e67e22}.interactive-task.final-stones{background:#8e44ad1a;border:2px dashed #8e44ad}.number-line-tool{margin:2rem 0}.number-line-container{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1.5rem 0;padding:2rem}.number-line-svg{background:linear-gradient(180deg,#f4e4bc1a 0,#f4e4bc0d);border-radius:8px;cursor:crosshair;display:block;height:auto;margin:0 auto;max-width:700px;width:100%}.number-line-svg:hover{background:linear-gradient(180deg,#f4e4bc26 0,#f4e4bc14)}.instruction-text{background:#f4e4bc33;border-radius:8px;font-size:1rem;font-style:italic;margin-bottom:1rem;margin-top:1.5rem;padding:.75rem;text-align:center}.observation-text{margin-top:1rem}.proof-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.proof-step-item{background:#fff;border:2px solid #9b59b6;border-radius:12px;padding:1.5rem}.proof-step-item p{color:#2c3e50;font-size:1.1rem;line-height:1.6;margin:.5rem 0}.proof-note{color:#666;font-size:1rem;font-style:italic;margin-top:.5rem}.proof-step-item ul{margin:.5rem 0;padding-left:2rem}.proof-step-item li{color:#2c3e50;font-size:1rem;margin:.5rem 0}.diagonal-table{margin:1.5rem 0;overflow-x:auto}.diagonal-table table{background:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.diagonal-table td,.diagonal-table th{border:2px solid #e0e0e0;padding:1rem;text-align:center}.diagonal-table th{background:#9b59b61a;color:#1a1a1a;font-weight:700}.diagonal-table tr.new-number{background:#f1c40f1a}.diagonal-input{border:2px solid #9b59b6;border-radius:8px;font-size:1rem;padding:.5rem;text-align:center;width:60px}.realization-box{background:#9b59b626;border-left:4px solid #9b59b6;margin-top:1.5rem}.realization-text{color:#7b3a95}.polygon-tool{margin:2rem 0}.polygon-controls{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.polygon-controls label{color:#1a1a1a;font-weight:600;min-width:250px}.polygon-controls input[type=range]{flex:1 1}.polygon-controls span{color:#3498db;font-size:1.2rem;font-weight:700;min-width:60px;text-align:center}.polygon-visualization{background:#3498db0d;border-radius:12px;display:flex;justify-content:center;margin:2rem 0;padding:1rem}.observe-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:1rem auto;padding:.75rem 1.5rem;transition:all .3s ease}.observe-button:hover{box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.observation-result{background:#3498db1a;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.conclusion-text{color:#2980b9;font-size:1.1rem;line-height:1.6}.number-types-list{color:#2c3e50;font-size:1.1rem;line-height:1.8;margin:1rem 0;padding-left:2rem}.number-types-list li{margin:.5rem 0}.rope-tool{margin:2rem 0}.rope-visualization{background:#fff;border-radius:12px;margin:2rem 0;padding:1.5rem}.place-rope-button{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1.2rem;font-weight:600;margin:1rem auto;padding:1rem 2rem;transition:all .3s ease}.place-rope-button:hover{box-shadow:0 4px 12px #2ecc7166;transform:translateY(-2px)}.rope-question{background:#2ecc711a;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.rope-question p{color:#2c3e50;font-size:1.1rem;margin:.5rem 0}.legacy-list,.properties-list{color:#2c3e50;font-size:1.1rem;line-height:1.8;margin:1rem 0;padding-left:2rem}.legacy-list li,.properties-list li{margin:.75rem 0}.completeness-input{border:2px solid #f1c40f;border-radius:8px;font-size:1.1rem;margin:1rem 0;padding:.75rem;width:100%}.density-tool{margin:2rem 0}.density-inputs{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;margin:1rem 0;padding:1.5rem}.density-inputs label{color:#1a1a1a;font-weight:600;min-width:50px}.density-input{border:2px solid #e67e22;border-radius:8px;font-size:1rem;padding:.75rem;text-align:center;width:150px}.density-result{background:#e67e221a;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.result-text{color:#e67e22;margin:.5rem 0}.math-symbol-continuum{background:#f4e4bc80;border:2px solid #8b6f47;border-radius:12px;margin:1rem 0;padding:1rem}.symbol-explanation{color:#2c3e50;font-size:1.1rem;font-style:italic;line-height:1.6;text-align:center}.stones-visualization{background:#fff;border-radius:12px;margin:2rem 0;padding:1.5rem}.stones-visualization svg{background:#f4e4bc33;border:2px solid #e0e0e0;border-radius:12px}.stones-visualization text{cursor:pointer;transition:all .3s ease}.stones-visualization text:hover{fill:#c0392b;font-size:16px}.final-message{background:#8e44ad1a;border-left:4px solid #8e44ad}.correct-answer{color:#27ae60;font-size:1.2rem;font-weight:600;margin:.5rem 0}.feedback-box{align-items:flex-start;background:#11998e1a;border-left:4px solid #11998e;border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.check-button.dramatic{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.check-button.dramatic:hover{box-shadow:0 4px 12px #9b59b666}@media (max-width:768px){.continuum-lesson{padding:1rem}.lesson-content{padding:2rem 1.5rem}.density-inputs{align-items:stretch;flex-direction:column}.diagonal-table{font-size:.9rem}.diagonal-input{width:50px}}.irrational-numbers-lesson{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.lesson-progress{margin-bottom:2rem}.progress-bar{background:#8b6f474d}.progress-fill{background:linear-gradient(90deg,#8b6f47,#c0392b)}.progress-text{color:#5a4a3a}.lesson-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:3rem}.lesson-content.historical{background:linear-gradient(135deg,#fff,#fefefe);border:2px solid #e8dcc0}.lesson-step h3{color:#8b6f47;font-family:Georgia,serif;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.context-box{background:#f4e4bc80;border-left:4px solid #8b6f47}.context-box.dramatic{background:#c0392b1a;border-left:4px solid #c0392b}.context-box p{margin:.5rem 0}.dramatic-text{color:#5a4a3a;font-size:1.2rem;font-style:italic;line-height:1.8}.fraksi-comment{background:#f4e4bc4d;margin:2rem 0;padding:1.5rem}.fraksi-comment.historical{background:#8b6f471a;border-left:4px solid #8b6f47}.fraksi-comment p{color:#5a4a3a;font-style:italic}.story-box{background:#f4e4bc4d;border-left:4px solid #8b6f47;border-radius:12px;margin:2rem 0;padding:2rem}.story-box.dramatic{background:#c0392b1a;border-left:4px solid #c0392b}.story-box.angry{animation:pulse 2s infinite;background:#c0392b26;border-left:4px solid #c0392b}.story-box.new-world{background:#3498db1a;border-left:4px solid #3498db}.story-box.reconciliation{background:#2ecc711a;border-left:4px solid #2ecc71}.story-box.proof{background:#9b59b61a;border-left:4px solid #9b59b6}.narrative-text{color:#2c3e50;font-family:Georgia,serif;font-size:1.15rem;line-height:1.8;margin:.5rem 0}.interactive-task{background:#f4e4bc33;border-radius:12px;margin:2rem 0;padding:1.5rem}.interactive-task.ancient{background:#f4e4bc4d;border:2px dashed #8b6f47}.interactive-task.discovery{background:#c0392b1a;border:2px dashed #c0392b}.interactive-task.proof{background:#9b59b61a;border:2px dashed #9b59b6}.interactive-task.hide{background:#7f8c8d1a;border:2px dashed #7f8c8d}.interactive-task.number-line-task{background:#3498db1a;border:2px dashed #3498db}.interactive-task.dedication{background:#2ecc711a;border:2px dashed #2ecc71}.interactive-task h4{color:#8b6f47;font-size:1.3rem;font-weight:600;margin-top:0}.interactive-task p{color:#2c3e50;font-size:1.1rem;line-height:1.6;margin:.5rem 0}.measurement-tool{margin:2rem 0}.square-tile{background:#f4e4bc4d;border-radius:12px;padding:1rem}.square-tile,.stones-tool{display:flex;justify-content:center;margin:2rem 0}.stones-tool{gap:2rem}.stone-item{background:#fff;border:2px solid #8b6f47;border-radius:12px;padding:1rem;text-align:center}.stone{align-items:center;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.stone.large{background:linear-gradient(135deg,#8b6f47,#5a4a3a)}.stone.small{background:linear-gradient(135deg,#a0926d,#8b6f47);font-size:1.2rem;height:50px;width:50px}.stone-item p{color:#5a4a3a;font-size:.9rem;font-weight:600;margin:0}.measurement-attempts{background:#fff;border-radius:12px;margin:2rem 0;padding:1.5rem}.attempt-controls{align-items:center;display:flex;gap:1rem;margin:1rem 0}.measurement-input{border:2px solid #8b6f47;border-radius:8px;flex:1 1;font-size:1.1rem;padding:.75rem 1rem}.attempt-button{background:linear-gradient(135deg,#8b6f47,#5a4a3a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.attempt-button:hover{box-shadow:0 4px 12px #8b6f4766;transform:translateY(-2px)}.attempt-feedback{background:#c0392b1a;border-radius:8px;margin-top:1rem;padding:1rem}.anxious-text{color:#2c3e50;font-size:1.1rem;font-style:italic;line-height:1.6}.feeling-text{color:#c0392b;font-size:1rem;font-style:italic;font-weight:600;margin-top:.5rem}.pythagorean-calculation{margin:2rem 0}.calculation-visual{background:#f4e4bc4d;border-radius:12px;display:flex;justify-content:center;margin:2rem 0;padding:1rem}.calculation-steps{background:#fff;border-radius:12px;margin:1rem 0;padding:1.5rem}.formula-text{color:#8b6f47;font-size:1.5rem;font-weight:700;margin:.5rem 0;text-align:center}.question-text{color:#2c3e50;font-size:1.2rem;font-style:italic;margin:1rem 0}.fraction-search{margin:2rem 0}.fraction-attempts{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.fraction-item{align-items:center;border:2px solid #e0e0e0;display:flex;gap:1rem;padding:1rem}.fraction-item p{color:#2c3e50;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.calc-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;text-align:center;width:150px}.fraction-item span.close{color:#f39c12;font-weight:600}.fraction-item span.wrong{color:#e74c3c;font-weight:600}.fraction-item span.exact{color:#2ecc71;font-size:1.1rem;font-weight:700}.check-button{background:linear-gradient(135deg,#8b6f47,#5a4a3a);font-size:1.1rem;font-weight:600;margin:.5rem;padding:.75rem 2rem;transition:all .3s ease}.check-button.dramatic{background:linear-gradient(135deg,#c0392b,#a93226)}.check-button:hover{box-shadow:0 4px 12px #8b6f4766;transform:translateY(-2px)}.check-button.dramatic:hover{box-shadow:0 4px 12px #c0392b66}.realization-box{align-items:flex-start;background:#c0392b26;border-left:4px solid #c0392b;border-radius:12px;display:flex;gap:1rem;margin-top:1rem;padding:1.5rem}.realization-text{color:#c0392b;font-size:1.2rem;font-weight:600;line-height:1.6;margin:0}.proof-tool{margin:2rem 0}.proof-step{background:#fff;border:2px solid #9b59b6;border-radius:12px;margin:1rem 0;padding:1.5rem}.proof-step p{color:#2c3e50;font-size:1.1rem;line-height:1.6;margin:.5rem 0}.proof-select{cursor:pointer}.proof-input,.proof-select,.proof-textarea{border:2px solid #9b59b6;border-radius:8px;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.proof-textarea{font-family:inherit;resize:vertical}.conclusion-text{color:#8b6f47;font-weight:600;margin-top:1rem}.proof-result{background:#f4e4bc80;border-radius:12px;margin-top:2rem;padding:1rem}.sand-inscription{background:#f4e4bcb3;border:3px solid #8b6f47;border-radius:12px;margin:1rem 0;padding:1rem}.inscription-text{color:#5a4a3a;font-style:italic;margin-top:1rem;text-align:center}.legend-box{background:#c0392b1a;border-left:4px solid #c0392b;border-radius:12px;margin:2rem 0;padding:1.5rem}.legend-text{color:#2c3e50;font-size:1.1rem;font-style:italic;line-height:1.6;margin:0}.sand-eraser{margin:2rem 0}.sand-container{background:#f4e4bc80;border:2px dashed #8b6f47;border-radius:12px;margin:2rem 0;padding:1rem;transition:all .5s ease}.sand-container.erased{background:#f4e4bc33;opacity:.3}.erase-button{background:linear-gradient(135deg,#7f8c8d,#5a6268);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1.2rem;font-weight:600;margin:1rem auto;padding:1rem 2rem;transition:all .3s ease}.erase-button.dramatic{background:linear-gradient(135deg,#c0392b,#a93226)}.erase-button:hover{box-shadow:0 4px 12px #7f8c8d66;transform:translateY(-2px)}.memory-text{background:#9b59b61a;border-radius:12px;color:#7b3a95;font-size:1.2rem;font-style:italic;font-weight:600;margin-top:2rem;padding:1.5rem;text-align:center}.irrational-list{color:#2c3e50;font-size:1.1rem;line-height:1.8;margin:1rem 0;padding-left:2rem}.number-line-visualization{background:#fff;border-radius:12px;margin:2rem 0;padding:1.5rem}.transfer-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:1rem auto;padding:.75rem 1.5rem;transition:all .3s ease}.transfer-button:hover{box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.observation-text{background:#3498db1a;border-radius:8px;color:#2c3e50;font-size:1.1rem;font-style:italic;line-height:1.6;margin-top:1.5rem;padding:1rem;text-align:center}.symbol-box{background:#f4e4bc4d;border-radius:12px;margin:2rem 0;padding:2rem}.math-symbol{background:#f4e4bc80;border:2px solid #8b6f47;border-radius:12px;margin:1rem 0;padding:1rem}.symbol-explanation{background:#fff;border-radius:12px;margin-top:1.5rem;padding:1rem}.symbol-explanation p{color:#2c3e50;font-size:1.1rem;line-height:1.6;margin:.5rem 0}.finalize-button{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1.2rem;font-weight:600;margin:2rem auto;padding:1rem 2rem;transition:all .3s ease}.finalize-button.dramatic{background:linear-gradient(135deg,#46cd78,#2ecc71)}.finalize-button:hover{box-shadow:0 4px 12px #2ecc7166;transform:translateY(-2px)}.final-message{align-items:center;background:#2ecc711a;border-left:4px solid #2ecc71;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding:2rem}.final-text{color:#2c3e50;font-family:Georgia,serif;font-size:1.2rem;line-height:1.8;margin:0;text-align:center}.lesson-navigation{gap:1rem;margin-top:2rem}.nav-button{border:2px solid #8b6f47;color:#8b6f47}.nav-button:hover:not(:disabled){background:#f4e4bc4d;border-color:#5a4a3a;color:#5a4a3a}.nav-button.primary{background:linear-gradient(135deg,#8b6f47,#5a4a3a)}.nav-button.primary:hover:not(:disabled){box-shadow:0 4px 12px #8b6f4766}@media (max-width:768px){.irrational-numbers-lesson{padding:1rem}.lesson-content{padding:2rem 1.5rem}.stones-tool{align-items:center}.attempt-controls,.stones-tool{flex-direction:column}.measurement-input{width:100%}}.practice-fractions{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem;width:100%}.practice-header h2{font-size:2.5rem}.subtitle{font-size:1.2rem;font-style:italic}.practice-content{min-height:500px}.practice-step{text-align:center}.practice-step h3{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.context-box{background:#667eea1a;border-left:4px solid #667eea;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;padding:1.5rem;text-align:left}.context-box p{color:#1a1a1a;font-size:1.1rem;line-height:1.6;margin:0}.task-instruction{background:#ff98001a;border-left:4px solid #ff9800;border-radius:12px;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;padding:1.5rem}.task-instruction p{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:.5rem 0}.task-instruction .hint{color:#666;font-size:1rem;font-style:italic;font-weight:400;margin-top:.5rem}.match-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:3rem 0}.fractions-side,.images-side{display:flex;flex-direction:column;gap:1.5rem}.fractions-side h4,.images-side h4{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin-bottom:1rem;text-align:left}.match-image{align-items:center;background:#fff;border:3px dashed #e0e0e0;border-radius:12px;display:flex;justify-content:center;min-height:150px;padding:1rem;position:relative;transition:all .3s ease}.match-image:hover{background:#667eea0d;border-color:#667eea}.match-image.matched{background:#11998e1a;border-color:#11998e;border-style:solid}.match-success{align-items:center;background:#11998e;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.match-fraction{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:2rem;font-weight:700;padding:1.5rem;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.match-fraction.draggable{border:3px solid #0000;cursor:grab}.match-fraction.draggable:hover{border-color:#764ba2;box-shadow:0 8px 24px #667eea66;transform:translateY(-5px)}.match-fraction.draggable:active{cursor:grabbing;opacity:.7}.match-fraction.matched{background:linear-gradient(135deg,#11998e,#38ef7d);cursor:default}.robot-containers{display:flex;flex-direction:column;gap:2rem;margin:3rem 0}.robot-container{align-items:center;background:#667eea0d;border-radius:12px;display:flex;gap:2rem;padding:2rem}.container-visual{flex-shrink:0}.container-label{display:flex;flex:1 1;flex-direction:column;gap:1rem}.robot-label{color:#ff6b6b;font-size:1.2rem;font-weight:600}.input-group span{color:#1a1a1a;font-size:1.1rem;font-weight:600}.input-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.2rem;font-weight:600;min-width:100px;padding:.8rem 1rem;text-align:center;transition:all .3s ease}.input-group input:focus{border-color:#667eea;outline:none}.input-group input.correct{background:#11998e1a;border-color:#11998e}.check-mark{color:#11998e}.portion-container{margin:3rem 0}.bowl-visual{display:flex;justify-content:center;margin-bottom:2rem}.portion-scale{background:#e0e0e0;border-radius:8px;height:60px;margin:2rem auto;max-width:600px;overflow:hidden;position:relative;width:100%}.scale-markers{display:flex;height:100%;justify-content:space-between;left:0;position:absolute;right:0;top:0;z-index:1}.scale-marker{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;position:relative}.marker-line{background:#1a1a1a;height:20px;margin-bottom:5px;width:2px}.marker-label{color:#666;font-size:.8rem;font-weight:600}.scale-fill{background:linear-gradient(90deg,orange,#ff8c00);height:100%;left:0;position:absolute;top:0;transition:width .3s ease;z-index:0}.portion-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.portion-buttons button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.portion-buttons button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.portion-buttons button:disabled{cursor:not-allowed;opacity:.5}.portion-buttons .check-button{background:linear-gradient(135deg,#11998e,#38ef7d)}.crystals-pile{background:#667eea0d;border-radius:16px;height:400px;margin:3rem 0;overflow:visible;pointer-events:none;position:relative;width:100%;z-index:1}.crystals-pile>*{pointer-events:auto}.crystal-piece{cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.crystal-piece.selected{filter:brightness(1.5);transform:translate(-50%,-50%) scale(1.2)}.crystals-result{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.result-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.result-item span{color:#1a1a1a;font-size:1.1rem;font-weight:600}.result-item input{background:#667eea1a;border:2px solid #667eea;border-radius:8px;font-size:1.2rem;font-weight:700;min-width:100px;padding:.8rem 1rem;text-align:center}.pizza-simulator{margin:3rem 0}.pizza-step-content{align-items:center;display:flex;flex-direction:column;gap:2rem}.pizza-final,.pizza-remaining,.pizza-whole{display:flex;justify-content:center}.question{color:#667eea;font-size:1.3rem;font-weight:600;margin:1rem 0}.instruction-text{color:#666;font-size:1.1rem;margin:1rem 0}.answer-options{flex-wrap:wrap;justify-content:center}.option-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:1.2rem;font-weight:600;padding:1rem 2rem}.option-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.action-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:12px;color:#fff;font-size:1.2rem;font-weight:600;padding:1.2rem 3rem;transition:all .3s ease}.action-button:hover{box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.answer-input{gap:1rem}.answer-input input{border:2px solid #667eea;border-radius:8px;font-size:1.3rem;font-weight:600;min-width:150px;padding:1rem 1.5rem;text-align:center}.answer-input input:focus{border-color:#764ba2;outline:none}.submit-button{background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:8px;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.submit-button:hover{box-shadow:0 4px 12px #11998e66;transform:translateY(-2px)}.city-visual{background:linear-gradient(0deg,#1a1a1a 0,#2d2d2d);border-radius:12px;height:200px;margin:2rem 0;overflow:hidden;position:relative;width:100%}.city-lights{animation:twinkle 2s infinite;background-image:radial-gradient(circle at 20% 30%,gold 2px,#0000 0),radial-gradient(circle at 40% 50%,gold 2px,#0000 0),radial-gradient(circle at 60% 40%,gold 2px,#0000 0),radial-gradient(circle at 80% 60%,gold 2px,#0000 0);background-size:100px 100px;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}.summary-text{background:#667eea0d;border-radius:12px;margin:2rem auto;max-width:700px;padding:2rem;text-align:left}.summary-text p{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.summary-text ul{list-style:none;padding:0}.summary-text li{color:#1a1a1a;font-size:1.1rem;margin:.8rem 0;padding-left:2rem;position:relative}.summary-text li:before{color:#11998e;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.statistics{background:#11998e1a;border-left:4px solid #11998e;border-radius:12px;margin:2rem auto;max-width:400px;padding:1.5rem}.statistics p{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:.5rem 0}.summary-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.next-button,.review-button{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1.2rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.review-button{background:#667eea1a;border:2px solid #667eea;color:#667eea}.review-button:hover{background:#667eea;color:#fff}.next-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.next-button:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.success-message{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-left:auto;margin-right:auto;max-width:600px}.success-message p{color:#1a1a1a;font-size:1.2rem;text-align:center}@media (max-width:768px){.practice-fractions{padding:1rem}.practice-content{padding:2rem 1.5rem}.match-container{grid-template-columns:1fr}.crystals-result,.robot-container,.summary-buttons{flex-direction:column}}.practice-division-fractions{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem}.cubes-container{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.cubes-row{display:flex;gap:2rem;justify-content:center}.cube-wrapper{align-items:center;display:flex;flex-direction:column;gap:.5rem}.energy-cube{cursor:pointer;transition:all .3s}.energy-cube.divided{border:3px solid #4a90e2;border-radius:8px;padding:5px}.cube-label{color:#666;font-size:.9rem}.machines-row{display:flex;gap:1.5rem;justify-content:center}.machine-slot{align-items:center;background:#f0f0f0;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.machine-icon{height:60px;width:60px}.pieces-count{color:#4a90e2;font-weight:700}.answer-input{font-size:1.3rem;margin:2rem 0}.fraction-input{border:2px solid #ddd;border-radius:6px;font-size:1.2rem;margin:0 .5rem;padding:.5rem;width:60px}.fraction-input:focus{border-color:#4a90e2;outline:none}.check-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-left:1rem;padding:.5rem 1.5rem;transition:background .3s}.check-button:hover{background:#357abd}.equality-pairs{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.equality-pair{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.fraction-display{align-items:center;display:flex;font-size:1.5rem;gap:1rem;justify-content:center;margin-bottom:1rem}.fraction{color:#1a1a1a;font-size:2rem}.equals{color:#666;font-size:1.5rem}.equality-actions{display:flex;gap:1rem;justify-content:center}.action-btn{padding:.75rem 1.5rem}.action-btn.correct{background:#4caf50;color:#fff}.action-btn.incorrect{background:#f44336;color:#fff}.correction-input{margin-top:1rem;text-align:center}.correction-result{color:#4caf50;font-weight:700;margin-top:.5rem;text-align:center}.clone-container{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.base-fraction{color:#4a90e2;font-size:3rem;font-weight:700}.clone-tasks{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;width:100%}.clone-task{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;font-size:1.3rem;justify-content:space-between;padding:1rem}.simplify-tasks{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.simplify-task{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.fraction-large{color:#1a1a1a;display:block;font-size:2rem;font-weight:700;margin-bottom:1rem}.divisor-buttons{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.divisor-btn{background:#fff;border:2px solid #4a90e2;border-radius:8px;color:#4a90e2;cursor:pointer;font-size:1.1rem;padding:.75rem 1.5rem;transition:all .3s}.divisor-btn:hover{background:#f0f0f0}.divisor-btn.selected{background:#4a90e2;color:#fff}.simplify-result{color:#4caf50;font-size:1.5rem;font-weight:700;margin-top:1rem}.common-denominator-tasks{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.fraction-task{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.fraction-task p{font-size:1.2rem;margin:.5rem 0}.result{color:#4caf50;font-size:1.3rem;font-weight:700}.compare-container{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.compare-inputs{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.compare-inputs p{font-size:1.2rem;margin:1rem 0}.numerator-inputs{margin-top:1rem}.compare-choice{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.compare-choice p{font-size:1.2rem;margin-bottom:1rem}.choice-btn{border:2px solid #ddd;font-size:1.2rem;margin:0 .5rem;padding:1rem 2rem}.choice-btn.selected{background:#4a90e2;color:#fff}.choice-btn.correct{background:#4caf50;color:#fff}.chain-container{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.chain{background:#f9f9f9;border-radius:12px;padding:1.5rem}.chain p{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.chain-fractions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.chain-fraction{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:.75rem 1.5rem;transition:all .3s}.chain-fraction:hover{background:#f0f0f0}.chain-fraction.error{background:#ffebee;border-color:#f44336;color:#f44336}.chain-fraction.correct{background:#e8f5e9;border-color:#4caf50;color:#4caf50;cursor:default}.chain-correction,.chain-status{margin-top:1rem;text-align:center}.chain-status{color:#4caf50;font-size:1.2rem;font-weight:700}.combined-tasks{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.multiply-part,.simplify-part{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.multiply-part p,.simplify-part p{font-size:1.2rem;margin-bottom:1rem}.multiply-task{font-size:1.2rem;margin:1rem 0}.practice-proper-improper-fractions{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem}.practice-step{min-height:400px}.conveyor-container{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.fractions-conveyor{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.fraction-item{background:#fff;border:2px solid #ddd;border-radius:12px;cursor:pointer;font-size:1.3rem;font-weight:700;padding:1rem 1.5rem;transition:all .3s}.fraction-item.proper{background:#c8e6c9;border-color:#4caf50;transform:translateY(-50px)}.fraction-item.improper{background:#ffcdd2;border-color:#f44336;transform:translateY(50px)}.bins{display:flex;gap:2rem;justify-content:center}.bin{border-radius:12px;flex:1 1;max-width:300px;min-height:200px;padding:1.5rem}.proper-bin{background:#e8f5e9;border:2px solid #4caf50}.improper-bin{background:#ffebee;border:2px solid #f44336}.bin h4{margin-bottom:1rem;text-align:center}.bin-item{background:#fff;border-radius:8px;display:inline-block;font-weight:700;margin:.25rem;padding:.5rem 1rem}.pieces-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.piece{cursor:pointer;height:60px;opacity:.7;transition:all .3s;width:60px}.piece.selected{opacity:1;transform:scale(1.2)}.wholes-container{margin-top:2rem;text-align:center}.wholes-container p{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.whole-circle{display:inline-block;margin:.5rem}.remainder-display{font-size:1.2rem;font-weight:700}.remainder-display,.result-box{margin-top:1rem;text-align:center}.result-box{background:#e8f5e9;border-radius:8px;padding:1rem}.conversion-tasks{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.conversion-task{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.fraction-display-large{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:1rem}.conversion-inputs{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.conversion-input{border:2px solid #ddd;width:120px}.conversion-input:focus{border-color:#667eea;outline:none}.conversion-result{color:#4caf50;font-size:1.3rem;font-weight:700;margin-top:1rem}.reverse-conversion-container{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.mixed-display{text-align:center}.mixed-visual{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.whole-circle-small{display:inline-block}.fraction-pieces{display:flex;gap:.5rem}.fraction-piece{display:inline-block}.mixed-number-display{font-size:2rem;font-weight:700;margin-top:1rem}.conversion-formula{background:#f9f9f9;border-radius:12px;padding:1.5rem}.formula-steps{margin:1rem 0}.formula-steps p{font-size:1.1rem;margin:.5rem 0}.formula-input{border:2px solid #667eea;border-radius:6px;font-size:1.1rem;margin:0 .5rem;padding:.5rem;text-align:center;width:60px}.calculate-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background .3s}.calculate-button:hover{background:#764ba2}.formula-result{background:#e8f5e9;border-radius:8px;margin-top:1rem;padding:1rem}.converter-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:2rem 0}.converter-column{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.converter-column h4{color:#1a1a1a;margin-bottom:1rem}.drop-area{align-items:center;border:2px dashed #ddd;border-radius:8px;display:flex;justify-content:center;margin-top:1rem;min-height:200px}.dropped-example{color:#667eea;font-size:1.5rem;font-weight:700}.examples-to-drag{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.draggable-example{background:#fff;border:2px solid #667eea;border-radius:12px;cursor:grab;font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;transition:all .3s}.draggable-example:active{cursor:grabbing}.quick-questions{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.quick-question{background:#f9f9f9;border-radius:12px;padding:1.5rem}.quick-question p{font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.quick-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.quick-option{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1.1rem;padding:.75rem 1.5rem;transition:all .3s}.quick-option:hover{background:#f0f0f0}.quick-option.selected{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:768px){.practice-proper-improper-fractions{padding:1rem}.converter-columns{grid-template-columns:1fr}.bins{flex-direction:column}}.practice-comparing-fractions{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.shelf-container{margin:2rem 0;position:relative}.shelf{background:#8b4513;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem .5rem}.shelf-cell{border-right:1px solid #ffffff4d;flex:1 1;position:relative;text-align:center}.shelf-cell:last-child{border-right:none}.cell-label{color:#fff;font-size:.8rem;font-weight:700}.shelf-jars{height:100px;position:relative}.jar{bottom:0;position:absolute;text-align:center;transform:translateX(-50%)}.jar.placed{animation:jarPlace .3s ease}@keyframes jarPlace{0%{transform:translateX(-50%) scale(.8)}50%{transform:translateX(-50%) scale(1.1)}to{transform:translateX(-50%) scale(1)}}.jar-label{background:gold;border-radius:8px;box-shadow:0 2px 8px #0003;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;padding:.5rem 1rem}.jars-to-drag{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.draggable-jar{align-items:center;background:#fff;border:2px solid gold;border-radius:12px;cursor:grab;display:flex;flex-direction:column;padding:1rem;transition:all .3s}.draggable-jar:active{cursor:grabbing}.draggable-jar.dragged{opacity:.5}.jar-icon{font-size:2rem;margin-bottom:.5rem}.jar-fraction{font-size:1.2rem;font-weight:700}.shelf-drop-zone{height:150px;left:0;position:absolute;right:0;top:0;z-index:10}.result-feedback{background:#e8f5e9;border-radius:8px;font-size:1.2rem;font-weight:700;margin:1rem 0;padding:1rem;text-align:center}.pies-comparison{display:flex;gap:3rem;justify-content:center;margin:2rem 0}.pie-container{text-align:center}.pie-label{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.overlay-comparison{background:#e3f2fd;border-radius:8px;font-size:1.3rem;font-weight:700;margin:1rem 0;padding:1rem;text-align:center}.overlay-button{display:block;font-size:1rem;margin:1rem auto;padding:.75rem 1.5rem;transition:background .3s}.rule-box{background:#fff9c4;border-left:4px solid #fbc02d;border-radius:8px;margin:1.5rem 0;padding:1rem}.safe-container{margin:2rem 0}.fractions-display{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.fraction-box{padding:1.5rem 2rem}.conversion-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.conversion-step{background:#f9f9f9;border-radius:12px;padding:1.5rem}.conversion-step p{font-size:1.1rem;margin:.5rem 0}.conversion-input{border-radius:8px;margin:0 .5rem;width:80px}.safe-opened{background:#e8f5e9;border-radius:8px;font-size:1.5rem;font-weight:700;margin:1rem 0;padding:1rem;text-align:center}.baskets-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.basket{border:3px dashed #ddd;border-radius:12px;flex:1 1;max-width:300px;min-height:200px;min-width:200px;padding:1.5rem}.less-basket{background:#ffebee;border-color:#f44336}.equal-basket{background:#fff9c4;border-color:#fbc02d}.greater-basket{background:#e8f5e9;border-color:#4caf50}.basket h4{font-size:1.3rem;margin-bottom:1rem;text-align:center}.basket-items{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.basket-item{background:#fff;border-radius:8px;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.falling-fractions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.falling-fraction{background:#fff;border:2px solid #4a90e2;border-radius:12px;cursor:grab;font-size:1.3rem;font-weight:700;padding:1rem 1.5rem;transition:all .3s}.falling-fraction:active{cursor:grabbing}.number-line-container{margin:2rem 0}.number-line{background:#f9f9f9;border-radius:8px;height:150px;padding:1rem;position:relative;width:100%}.number-line-tick{position:absolute;top:0;transform:translateX(-50%)}.number-line-tick:first-child{left:0}.number-line-tick:nth-child(2){left:5%}.number-line-tick:nth-child(3){left:10%}.number-line-tick:nth-child(4){left:15%}.number-line-tick:nth-child(5){left:20%}.number-line-tick:nth-child(6){left:25%}.number-line-tick:nth-child(7){left:30%}.number-line-tick:nth-child(8){left:35%}.number-line-tick:nth-child(9){left:40%}.number-line-tick:nth-child(10){left:45%}.number-line-tick:nth-child(11){left:50%}.number-line-tick:nth-child(12){left:55%}.number-line-tick:nth-child(13){left:60%}.number-line-tick:nth-child(14){left:65%}.number-line-tick:nth-child(15){left:70%}.number-line-tick:nth-child(16){left:75%}.number-line-tick:nth-child(17){left:80%}.number-line-tick:nth-child(18){left:85%}.number-line-tick:nth-child(19){left:90%}.number-line-tick:nth-child(20){left:95%}.number-line-tick:nth-child(21){left:100%}.tick-mark{background:#333;height:20px;margin:0 auto;width:2px}.tick-label{display:block;font-size:.9rem;font-weight:500;margin-top:.5rem}.number-line-fractions{height:100px;left:0;position:absolute;right:0;top:30px}.fraction-marker{background:#4a90e2;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:700;padding:.5rem 1rem;position:absolute;top:0;transform:translateX(-50%)}.fraction-marker.placed{background:#4caf50}.fractions-to-drag{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.draggable-fraction{background:#fff;border:2px solid #4a90e2;border-radius:12px;cursor:grab;font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;transition:all .3s}.draggable-fraction:active{cursor:grabbing}.draggable-fraction.dragged{opacity:.5}.number-line-drop-zone{height:150px;left:0;position:absolute;right:0;top:0;z-index:10}.fractions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem auto;max-width:600px}.fraction-card{background:#fff;border:3px solid #ddd;border-radius:12px;cursor:pointer;font-size:1.8rem;font-weight:700;padding:2rem;transition:all .3s}.fraction-card:hover{background:#f0f0f0}.fraction-card.selected.max{background:#e8f5e9;border-color:#4caf50}.fraction-card.selected.min{background:#ffebee;border-color:#f44336}.selection-hint{color:#666;font-style:italic;margin:1rem 0;text-align:center}.comparison-table{margin:2rem 0}.table-row{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;padding:1rem}.table-row.incorrect{background:#ffebee;border-left:4px solid #f44336}.fraction{font-size:1.5rem;font-weight:700}.sign-select{border:2px solid #ddd;font-weight:700}.checkmark{font-size:1.5rem}.mixed-comparison-container{margin:2rem 0}.mixed-display{display:flex;gap:3rem;justify-content:center;margin:2rem 0}.mixed-box{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.mixed-label{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.mixed-number{color:#4a90e2;font-size:2rem;font-weight:700}.mixed-step{background:#f9f9f9;border-radius:12px;padding:1.5rem}.mixed-step p{font-size:1.1rem;margin:.5rem 0}.comparison-options{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.option-btn{border:3px solid #ddd;border-radius:12px;font-size:1.2rem;font-weight:700;padding:1rem 2rem;transition:all .3s}.option-btn:hover{background:#f0f0f0}.option-btn.selected{background:#e3f2fd;border-color:#4a90e2}.option-btn.correct{background:#e8f5e9;border-color:#4caf50}.challenge-rounds{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.challenge-round{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.challenge-round h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.challenge-question{font-size:1.8rem;font-weight:700;margin:1rem 0}.round-result{font-size:1.2rem;font-weight:700;margin-top:1rem}.round-result.correct{color:#4caf50}.round-result.incorrect{color:#f44336}.challenge-success{background:#e8f5e9;border-radius:12px;font-size:1.5rem;font-weight:700;margin:2rem 0;padding:1.5rem;text-align:center}@media (max-width:768px){.practice-comparing-fractions{padding:1rem}.pies-comparison{gap:2rem}.baskets-container,.pies-comparison{flex-direction:column}.fractions-grid{grid-template-columns:1fr}.mixed-display{flex-direction:column;gap:1.5rem}}.practice-adding-subtracting-fractions{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.add-examples{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.example-item{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.example-problem{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.answer-input{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.fraction-numerator-input{border:2px solid #667eea;border-radius:8px;font-size:1.5rem;padding:.5rem 1rem;text-align:center;width:80px}.fraction-denominator{color:#1a1a1a}.visual-feedback{margin-top:1rem;text-align:center}.subtract-examples{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.simplify-button{margin-top:1rem}.beakers-visual{display:flex;gap:3rem;justify-content:center;margin:2rem 0}.beaker{text-align:center}.beaker-label{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-by-step{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.error-display{font-size:1.5rem}.correct-answer{background:#e8f5e9;border-radius:8px;color:#4caf50;font-size:1.3rem;font-weight:700;margin-top:1rem;padding:1rem;text-align:center}.sign-problems{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.sign-problem{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.problem-text,.sign-select{font-size:1.5rem}.sign-select{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;margin:0 .5rem;padding:.5rem 1rem}.sign-select.correct{background:#e8f5e9;border-color:#4caf50}.sign-select.incorrect{background:#ffebee;border-color:#f44336}.path-visual{margin:2rem 0;text-align:center}.path-label{font-size:1.2rem;font-weight:700;margin-top:1rem}.complement-equation{font-size:1.3rem;font-weight:700;margin:1.5rem 0;text-align:center}.complement-task{background:#f9f9f9;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:center}.complement-task p{font-size:1.2rem;margin:.5rem 0}.chain-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.chain-step-item{background:#f9f9f9;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem}.chain-step-item h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.chain-step-item p{font-size:1.1rem;margin:.5rem 0}.word-problem-answer{background:#e8f5e9;border-radius:8px;color:#4caf50;font-size:1.3rem;font-weight:700;margin-top:1rem;padding:1rem;text-align:center}.final-problems{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.final-problem{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s}.final-problem.correct{background:#e8f5e9;border:2px solid #4caf50}@media (max-width:768px){.practice-adding-subtracting-fractions{padding:1rem}.beakers-visual{flex-direction:column;gap:2rem}.answer-input,.answer-inputs{flex-wrap:wrap}}.practice-adding-subtracting-mixed-numbers{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.warmup-problem{margin:2rem 0;text-align:center}.problem-text{font-size:2rem;margin-bottom:2rem}.answer-inputs{flex-direction:column;gap:1.5rem;margin:2rem 0}.input-group{gap:1rem}.input-group label{min-width:150px;text-align:right}.answer-input{font-size:1.5rem;padding:.75rem 1rem;width:100px}.fraction-denominator{font-size:1.5rem;font-weight:700;margin-left:.5rem}.result-display{background:#e8f5e9;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.final-answer{font-size:2rem}.subtract-inputs,.transform-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.subtract-inputs{align-items:center}.simplified-result{font-size:1.5rem;text-align:center}.board-visual{margin:2rem 0;text-align:center}.after-borrow,.before-borrow{margin:2rem 0}.after-borrow p,.before-borrow p{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:1rem}.board-segments{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.whole-segment{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #0003;font-size:1.5rem;height:80px;width:80px}.fraction-segment,.whole-segment{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center}.fraction-segment{background:#ff6b6b;border-radius:6px;box-shadow:0 2px 6px #0003;font-size:1rem;height:60px;width:60px}.fraction-segment-small{align-items:center;background:#ff6b6b;border-radius:4px;box-shadow:0 1px 4px #0003;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:40px;justify-content:center;width:40px}.explanation{font-size:1.1rem;margin-top:1rem}.borrow-button{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin:1rem 0;padding:1rem 2rem;transition:all .3s}.borrow-button:hover{background:#f57c00;transform:scale(1.05)}.borrow-calculation{align-items:center}.borrow-calculation,.combined-steps,.whole-subtract-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.final-inputs{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.robot-error{background:#ffebee;border:2px solid #f44336;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:center}.error-display{color:#f44336;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.error-note{color:#f44336;font-size:1.2rem;margin-bottom:1rem}.find-error-button{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .3s}.find-error-button:hover{background:#d32f2f}.correction-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}@media (max-width:768px){.practice-adding-subtracting-mixed-numbers{padding:1rem}.answer-inputs,.subtract-inputs{align-items:stretch}.input-group{align-items:flex-start;flex-direction:column}.input-group label{min-width:auto;text-align:left}.board-segments{justify-content:center}.sprint-problem{flex-direction:column}}.practice-multiplying-fractions{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.basic-problems{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.basic-problem{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.problem-text{font-size:1.8rem}.simplify-button-small{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:.5rem;padding:.5rem 1rem;transition:background .3s}.simplify-button-small:hover{background:#45a049}.cross-cancel-container{margin:2rem 0;text-align:center}.fractions-cross{flex-direction:column;gap:1rem;margin:2rem 0}.fraction-row,.fractions-cross{align-items:center;display:flex}.fraction-row{gap:.5rem}.number-cell{align-items:center;background:#4a90e2;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;transition:all .3s;width:60px}.number-cell:hover{background:#357abd;transform:scale(1.1)}.number-cell.cancelled{background:#4caf50;opacity:.7;text-decoration:line-through}.fraction-line{font-size:1.5rem;font-weight:700}.multiply-sign-large{font-size:2rem;font-weight:700}.cancel-step{background:#f9f9f9;border-radius:8px;margin:1rem 0;padding:1rem}.divisor-select{margin:.5rem}.final-multiply{background:#e8f5e9;border-radius:12px;margin-top:2rem;padding:1.5rem}.final-multiply p{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.natural-problems{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.natural-problem{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.hint-text{font-size:1rem;margin:.5rem 0}.step h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:.5rem}.area-container{margin:2rem 0}.sliders{gap:1.5rem;margin:2rem auto;max-width:400px}.slider-group,.sliders{display:flex;flex-direction:column}.slider-group{gap:.5rem}.slider-group label{font-size:1.2rem;font-weight:600}.slider{background:#ddd;border-radius:4px;height:8px}.slider::-webkit-slider-thumb{background:#4a90e2}.slider::-moz-range-thumb{background:#4a90e2}.area-visual{margin:2rem 0;text-align:center}.area-questions{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.question{background:#f9f9f9;border-radius:8px;padding:1rem}.question p{font-size:1.1rem;margin:.5rem 0}.final-equation{color:#4caf50;font-size:1.5rem;font-weight:700;margin-top:1rem;text-align:center}.word-problem-steps{gap:1.5rem}.sprint-problems,.word-problem-steps{display:flex;flex-direction:column;margin:2rem 0}.sprint-problems{gap:2rem}.sprint-problem{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1.5rem;text-align:center}.sprint-input{border:2px solid #667eea;border-radius:8px;font-size:1.5rem;min-width:150px;padding:.75rem 1.5rem;text-align:center}.checkmark{color:#4caf50;font-size:2rem}@media (max-width:768px){.practice-multiplying-fractions{padding:1rem}.answer-inputs{flex-wrap:wrap}.sprint-problem{flex-direction:column}}.practice-dividing-fractions{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.method-selection{margin:2rem 0;text-align:center}.method-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.method-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;transition:all .3s}.method-btn:hover{background:#f0f0f0}.method-btn.selected{background:#667eea;color:#fff}.solution-steps{text-align:center}.solution-steps p{font-size:1.3rem;margin:1rem 0}.answer-inputs{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.fraction-input{border:2px solid #667eea;border-radius:8px;font-size:1.3rem;padding:.5rem 1rem;text-align:center;width:80px}.fraction-separator{font-size:1.5rem;font-weight:700}.simplify-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:1rem auto;padding:.75rem 1.5rem;transition:background .3s}.simplify-button:hover{background:#45a049}.simplified-result{color:#4caf50;font-size:1.3rem;font-weight:700;margin-top:1rem}.containers-visual{margin:2rem 0;text-align:center}.whole-containers{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.container{text-align:center}.container p{font-size:1.1rem;font-weight:600;margin-top:.5rem}.divide-button{background:#4a90e2;border-radius:8px;display:block;margin:1rem auto;padding:1rem 2rem;transition:all .3s}.divide-button:hover{background:#357abd;transform:scale(1.05)}.answer-section{margin:2rem 0;text-align:center}.answer-section p{font-size:1.2rem;margin:1rem 0}.answer-input-large{border:2px solid #667eea;border-radius:8px;font-size:1.5rem;margin:1rem 0;min-width:150px;padding:.75rem 1.5rem;text-align:center}.verification{color:#4caf50;font-size:1.2rem;font-weight:600;margin-top:1rem}.flip-visual{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.original-problem{text-align:center}.problem-text{color:#1a1a1a;font-size:2.5rem;font-weight:700}.flip-action,.sign-change-action{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.fraction-flip{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.fraction-box{background:#f0f0f0;border:3px solid #4a90e2;border-radius:12px;font-size:2rem;font-weight:700;padding:1rem 1.5rem}.fraction-box.flipped{background:#e8f5e9;border-color:#4caf50}.flip-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.flip-button:hover{background:#357abd}.sign-change{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.divide-sign,.multiply-sign{color:#1a1a1a;font-size:3rem;font-weight:700}.change-sign-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem 1rem;transition:all .3s}.change-sign-button:hover{background:#45a049}.final-calculation{background:#e8f5e9;border-radius:12px;padding:1.5rem;text-align:center}.new-problem{color:#4caf50;font-size:1.8rem;font-weight:700;margin:1rem 0}.cancel-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.step{background:#f9f9f9;border-radius:12px;padding:1.5rem}.step p{font-size:1.1rem}.flipped-problem{color:#4caf50;font-size:1.8rem;font-weight:700;margin:1rem 0}.cancel-actions{display:flex;flex-direction:column;gap:1.5rem;margin:1rem 0}.cancel-action{background:#fff;border-radius:8px;padding:1rem}.cancel-action p{font-size:1.1rem;margin-bottom:.5rem}.divisor-select{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1.1rem;margin:.5rem 0;padding:.5rem 1rem}.cancel-result{color:#4caf50;font-size:1.2rem;font-weight:600;margin-top:.5rem}.mixed-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.mixed-result{color:#4caf50;font-size:1.5rem;font-weight:700;margin-top:.5rem}.action-selection{margin:2rem 0;text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.action-btn{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;transition:all .3s}.action-btn:hover{background:#f0f0f0}.action-btn.selected{background:#e3f2fd;border-color:#4a90e2}.action-btn.correct{background:#e8f5e9;border-color:#4caf50}.action-btn.incorrect{background:#ffebee;border-color:#f44336}.word-solution{background:#f9f9f9;border-radius:12px;margin:2rem 0;padding:1.5rem}.explanation{color:#666;font-size:1.2rem;font-style:italic;margin:1rem 0}.final-answer{font-size:1.5rem}.comparison-problems{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.comparison-problem{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.comparison-placeholder{color:#667eea;font-size:1.5rem;font-weight:700}.comparison-signs{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.sign-btn{background:#fff;border:3px solid #ddd;border-radius:12px;cursor:pointer;font-size:1.5rem;font-weight:700;min-width:80px;padding:1rem 2rem;transition:all .3s}.sign-btn:hover{background:#f0f0f0;transform:scale(1.05)}.sign-btn.selected{background:#e3f2fd;border-color:#4a90e2}.sign-btn.correct{background:#e8f5e9;border-color:#4caf50}.sign-btn.incorrect{background:#ffebee;border-color:#f44336}.chain-parts{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.part-a,.part-b{background:#f9f9f9;border-radius:12px;padding:1.5rem}.part-a h4,.part-b h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.final-chain{background:#e8f5e9;border-radius:12px;padding:1.5rem;text-align:center}.final-chain h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.step-input{border-radius:8px;padding:.5rem 1rem}@media (max-width:768px){.practice-dividing-fractions{padding:1rem}.action-buttons,.method-buttons,.whole-containers{flex-direction:column}}.practice-parallel-perpendicular-lines{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.schemes-container{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.scheme{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.scheme h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.result-text{color:#4caf50;font-size:1.2rem;margin-top:1rem}.rotation-visual{margin:2rem 0;text-align:center}.rotation-controls{margin:2rem 0}.control-group{margin:1.5rem 0}.control-group p{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.angle-slider{-webkit-appearance:none;background:#ddd;border-radius:4px;height:8px;outline:none;width:300px}.angle-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4a90e2;border-radius:50%;cursor:pointer;height:20px;width:20px}.angle-slider::-moz-range-thumb{background:#4a90e2;border-radius:50%;cursor:pointer;height:20px;width:20px}.perpendicular-construction{margin:2rem 0;text-align:center}.draw-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin:1rem 0;padding:1rem 2rem;transition:all .3s}.draw-button:hover{background:#357abd;transform:scale(1.05)}.parallel-construction{margin:2rem 0;text-align:center}.rails-tool{background:#f9f9f9;border-radius:12px;margin:2rem 0;padding:1.5rem}.rails-tool p{font-size:1.1rem;margin:.5rem 0}.distance-slider{-webkit-appearance:none;background:#ddd;border-radius:4px;height:8px;margin:1rem 0;outline:none;width:300px}.distance-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4a90e2;border-radius:50%;cursor:pointer;height:20px;width:20px}.distance-slider::-moz-range-thumb{background:#4a90e2;border-radius:50%;cursor:pointer;height:20px;width:20px}.parts-area,.sorting-container{margin:2rem 0}.parts-area{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.part-item{border:3px solid #ddd;padding:1rem;text-align:center}.part-item.sorted-parallel{background:#e3f2fd;border-color:#4a90e2}.part-item.sorted-perpendicular{background:#ffebee;border-color:#ff6b6b}.part-item.sorted-other{background:#f5f5f5;border-color:#999}.part-label{color:#1a1a1a;font-size:.9rem;font-weight:600;margin:.5rem 0}.part-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.sort-btn{background:#fff;border:2px solid #667eea;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.sort-btn:hover{background:#f0f0f0}.frame-visual{margin:2rem 0;text-align:center}.frame-progress{background:#f9f9f9;border-radius:8px;margin-top:1rem;padding:1rem}.frame-progress p{font-size:1.1rem;font-weight:600;margin:.5rem 0}.lock-visual{text-align:center}.lock-controls,.lock-visual{margin:2rem 0}.lock-open{background:#e8f5e9;border-radius:12px;color:#4caf50;font-size:2rem;font-weight:700;margin-top:2rem;padding:1.5rem}@media (max-width:768px){.practice-parallel-perpendicular-lines{padding:1rem}.schemes-container{flex-direction:column}.parts-area{grid-template-columns:1fr}}.practice-broken-line-polygon{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.shapes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.shape-item{background:#f9f9f9;border:3px solid #ddd;border-radius:12px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s}.shape-item:hover{border-color:#4a90e2;transform:scale(1.05)}.shape-item.correct{background:#e8f5e9;border-color:#4caf50}.shape-item.incorrect{background:#ffebee;border-color:#f44336}.shape-label{color:#1a1a1a;font-size:1rem;font-weight:600;margin-top:.5rem}.feedback{font-size:1.1rem;font-weight:700;margin-top:.5rem}.polygon-builder{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr;margin:2rem 0}.points-area{background:#f9f9f9;border-radius:12px;padding:1.5rem}.points-area h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.points-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.point-item{background:#4a90e2;border-radius:8px;color:#fff;cursor:move;font-weight:700;padding:1rem;text-align:center;transition:all .3s}.point-item:hover{background:#357abd;transform:scale(1.1)}.polygons-area{display:flex;flex-direction:column;gap:1.5rem}.polygon-container{background:#f9f9f9;border-radius:12px;padding:1.5rem}.polygon-container h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.drop-zone{border:3px dashed #ddd;border-radius:8px;min-height:200px;padding:1rem;text-align:center;transition:all .3s}.drop-zone:hover{background:#f0f7ff;border-color:#4a90e2}.drop-zone p{font-size:1.1rem;font-weight:600;margin-top:1rem}.close-visual{margin:2rem 0;text-align:center}.close-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin:1rem 0;padding:1rem 2rem;transition:all .3s}.close-button:hover:not(:disabled){background:#357abd;transform:scale(1.05)}.close-button:disabled{cursor:not-allowed;opacity:.5}.shape-question{background:#f9f9f9;border-radius:12px;margin-top:2rem;padding:1.5rem}.shape-question p{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.shape-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.shape-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.shape-btn:hover{background:#f0f0f0}.shape-btn.selected{background:#4caf50;border-color:#4caf50;color:#fff}.measurement-visual{margin:2rem 0;text-align:center}.measurement-table{display:inline-block;margin:2rem 0}.measurement-table table{border-collapse:collapse;margin:1rem 0}.measurement-table td,.measurement-table th{border:1px solid #ddd;padding:.75rem 1rem;text-align:center}.measurement-table th{background:#667eea;color:#fff;font-weight:600}.side-input{border:2px solid #667eea;border-radius:6px;font-size:1.1rem;padding:.5rem;text-align:center;width:80px}.perimeter-result{background:#e8f5e9;border-radius:8px;margin-top:1.5rem;padding:1rem}.perimeter-result p{font-size:1.2rem;margin:.5rem 0}.result-message{color:#4caf50;font-size:1.3rem;font-weight:700}.regular-tiles{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.tile-item{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.tile-item h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.tile-item p{font-size:1.1rem;margin:.5rem 0}.answer-input{border:2px solid #667eea;border-radius:6px;font-size:1.2rem;margin:0 .5rem;padding:.5rem;text-align:center;width:80px}.error-question{background:#f9f9f9;border-radius:12px;margin:2rem 0;padding:1.5rem}.error-question p{font-size:1.1rem;margin:.5rem 0}.find-button{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:1rem 0;padding:.75rem 1.5rem;transition:background .3s}.find-button:hover{background:#f57c00}.correct-calculation{border-radius:8px;margin-top:1.5rem;padding:1rem}.correct-calculation p{margin:.5rem 0}.perimeter-input{border:2px solid #4caf50;border-radius:6px;font-size:1.3rem;font-weight:700;margin:0 .5rem;padding:.5rem 1rem;text-align:center;width:100px}.missing-side-problem{margin:2rem 0;text-align:center}.solution-steps{background:#f9f9f9;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:left}.solution-steps p{font-size:1.1rem;margin:.5rem 0}.step{background:#fff;border-left:4px solid #667eea;border-radius:8px;margin:1rem 0;padding:1rem}.step p{margin:.5rem 0}.step-input{border:2px solid #667eea;border-radius:6px;font-size:1.2rem;margin:0 .5rem;padding:.5rem;text-align:center;width:80px}.final-answer{color:#4caf50;font-size:1.3rem;font-weight:700;margin-top:1rem}.comparison-visual{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.figure{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.figure h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.figure p{font-size:1.1rem;margin-top:.5rem}.comparison-choice{margin:2rem 0;text-align:center}.choice-buttons{align-items:center;flex-direction:column;margin:1rem 0}.choice-btn{min-width:200px}.choice-btn.correct{background:#e8f5e9;border-color:#4caf50}.choice-btn.incorrect{background:#ffebee;border-color:#f44336}.verify-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:1rem 0;padding:.75rem 1.5rem;transition:background .3s}.verify-button:hover{background:#45a049}.verification-result{background:#e8f5e9;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.verification-result p{font-size:1.1rem;margin:.5rem 0}.verification-answer{color:#4caf50;font-size:1.3rem;font-weight:700;margin-top:1rem}.custom-builder{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin:2rem 0}.grid-canvas{background:#fff;border:2px solid #ddd;border-radius:8px}.canvas-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.control-btn{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.control-btn:hover{background:#357abd;transform:scale(1.05)}.perimeter-counter{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.perimeter-counter h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.perimeter-value{color:#4a90e2;font-size:2rem;font-weight:700;margin:1rem 0}.success-message{margin-top:1rem}.summary-step{text-align:center}.summary-content{align-items:center;gap:2rem}.stats,.summary-content{display:flex;flex-direction:column}.stats{gap:1rem}.stat-item{color:#1a1a1a;font-size:1.3rem}.stat-item.reward{color:#4a90e2;font-size:1.5rem;font-weight:700}.summary-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.action-button{background:#fff;border:2px solid #4a90e2;border-radius:8px;color:#4a90e2;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s}.action-button:hover{background:#f0f0f0}.action-button.primary{background:#4a90e2;color:#fff}.action-button.primary:hover{background:#357abd}@media (max-width:768px){.practice-broken-line-polygon{padding:1rem}.regular-tiles,.shapes-grid{grid-template-columns:repeat(2,1fr)}.comparison-visual,.custom-builder,.polygon-builder{grid-template-columns:1fr}}.practice-area-measurement{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.tile-selection{margin:2rem 0}.floor-preview{margin-bottom:2rem;text-align:center}.tile-options{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.tile-option{background:#f9f9f9;border:3px solid #ddd;border-radius:12px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s}.tile-option:hover{border-color:#4a90e2;transform:scale(1.05)}.tile-option.selected{background:#e8f5e9;border-color:#4caf50}.tile-option p{font-size:1.1rem;font-weight:600;margin-top:1rem}.success-message{border-left:4px solid #4caf50;margin:1.5rem 0}.success-message p{color:#2e7d32;font-weight:600;margin:0}.error-message{background:#ffebee;border-left:4px solid #f44336;border-radius:8px;margin:1.5rem 0;padding:1rem}.error-message p{color:#c62828;font-weight:600;margin:0}.tiles-layout{margin:2rem 0;text-align:center}.tiles-controls{margin:2rem 0}.tiles-controls p{font-size:1.2rem;font-weight:600;margin:1rem 0}.tile-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem;padding:.75rem 1.5rem;transition:all .3s}.tile-button:hover:not(:disabled){background:#45a049;transform:scale(1.05)}.tile-button:disabled{cursor:not-allowed;opacity:.5}.hint-text{color:#666;font-style:italic;margin-top:1rem}.answer-input{background:#f9f9f9;margin-top:1.5rem;padding:1rem}.answer-input p{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.answer-field{border:2px solid #667eea;border-radius:6px;font-size:1.3rem;margin:0 .5rem;padding:.5rem 1rem;text-align:center;width:100px}.areas-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.area-item{background:#f9f9f9;border-radius:12px;padding:1.5rem;text-align:center}.area-item h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.area-count{margin-top:1rem}.area-count p{font-size:1.2rem;font-weight:600}.grid-controls{margin:2rem 0;text-align:center}.overlay-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s}.overlay-button:hover{background:#357abd;transform:scale(1.05)}.comparison-choice{background:#f9f9f9;border-radius:12px;margin-top:2rem;padding:1.5rem}.comparison-choice p{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.choice-buttons{display:flex;gap:1rem;justify-content:center}.choice-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.choice-btn:hover{background:#f0f0f0}.choice-btn.selected{background:#e3f2fd;border-color:#4a90e2}.success-text{color:#4caf50}.error-text,.success-text{font-weight:600;margin-top:1rem}.error-text{color:#f44336}.conversion-problems{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.conversion-item{background:#f9f9f9;border-radius:12px;padding:1.5rem}.problem-text{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.answer-input-group{align-items:center;display:flex;gap:.5rem}.conversion-input{border:2px solid #667eea;border-radius:6px;font-size:1.2rem;padding:.5rem 1rem;text-align:center;width:100px}.conversion-input.correct{background:#e8f5e9;border-color:#4caf50}.conversion-input.incorrect{background:#ffebee;border-color:#f44336}.check-mark{color:#4caf50}.check-mark,.cross-mark{font-size:1.5rem;font-weight:700}.cross-mark{color:#f44336}.wall-measurement{margin:2rem 0;text-align:center}.measurement-inputs{margin:2rem 0}.input-group{margin:1.5rem 0}.input-group label{font-size:1.2rem;font-weight:600}.dimension-input{font-size:1.3rem;width:100px}.formula-calculation{background:#e8f5e9;border-radius:12px;margin-top:2rem;padding:1.5rem}.formula-calculation p{font-size:1.3rem;margin:.5rem 0}.additional-question{background:#fff;border-radius:8px;margin-top:1.5rem;padding:1rem}.additional-question p{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.palette-visual{margin:2rem 0;text-align:center}.palette-controls{margin:2rem 0}.counting-area{background:#f9f9f9;border-radius:12px;margin:2rem 0;padding:1.5rem}.counting-area p{font-size:1.2rem;font-weight:600;margin:.5rem 0}.partial-buttons{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.partial-button{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .3s}.partial-button:hover{background:#f57c00}.area-calculation{background:#e8f5e9;border-radius:8px;margin-top:1rem;padding:1rem}.area-calculation p{margin:.5rem 0}.problem-text{background:#f9f9f9;border-radius:12px;font-size:1.2rem;line-height:1.6;margin:2rem 0;padding:1.5rem}.sentences-selection{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.sentence-card{background:#f9f9f9;border:3px solid #ddd;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s}.sentence-card:hover{border-color:#4a90e2}.sentence-card.selected{background:#e3f2fd;border-color:#4a90e2}.sentence-card.correct{background:#e8f5e9;border-color:#4caf50}.sentence-card.incorrect{background:#ffebee;border-color:#f44336}.sentence-card p{font-size:1.1rem;margin:0}.calculation-area{background:#f9f9f9;border-radius:12px;margin-top:2rem;padding:1.5rem}.calculation-area p{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.explanation-box{background:#fff9c4;border-left:4px solid #fbc02d;border-radius:8px;margin-top:1.5rem;padding:1rem}.explanation-box p{font-size:1.1rem;margin:.5rem 0}.room-calculation{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.calculation-step h4{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.calculation-step p{margin:.5rem 0}.calculation-input{border:2px solid #667eea;border-radius:6px;font-size:1.3rem;margin:0 .5rem;padding:.5rem 1rem;text-align:center;width:100px}@media (max-width:768px){.practice-area-measurement{padding:1rem}.areas-comparison,.results-stats,.tile-options{grid-template-columns:1fr}.results-buttons{flex-direction:column}}.practice-triangle-area{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.practice-header p{color:#666;font-size:1.1rem}.practice-content{background:#fffffff2;box-shadow:0 4px 20px #0000001a;padding:2rem}.practice-step{min-height:500px}.practice-step h3{color:#1a1a1a;font-size:1.8rem;margin-bottom:1rem;text-align:center}.context-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.context-box,.task-instruction{margin-bottom:1.5rem;padding:1rem;text-align:center}.task-instruction{background:#f5f5f5;border-radius:8px;font-size:1.1rem}.triangle-visual{margin:2rem 0;text-align:center}.leg-selection{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.leg-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.leg-btn:hover{background:#f0f0f0}.leg-btn.selected{background:#e8f5e9;border-color:#4caf50}.area-calculation{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem;padding:1.5rem}.area-calculation p{font-size:1.2rem;margin:0}.dimension-input{border:2px solid #667eea;border-radius:6px;font-size:1.2rem;width:80px}.area-input,.dimension-input{padding:.5rem 1rem;text-align:center}.area-input{border:2px solid #4caf50;border-radius:6px;font-size:1.3rem;font-weight:700;margin:0 .5rem;width:100px}.composite-visual{margin:2rem 0;text-align:center}.split-controls{margin:2rem 0}.split-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s}.split-button:hover{background:#357abd;transform:scale(1.05)}.rectangles-calculation{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.rect-item{background:#f9f9f9;border-radius:12px;padding:1.5rem}.rect-item h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.input-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.total-calculation{background:#e8f5e9;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.total-calculation p{font-size:1.2rem;margin:.5rem 0}.house-visual{margin:2rem 0;text-align:center}.house-calculation{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.calculation-step{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1.5rem}.calculation-step p{font-size:1.2rem;margin:0}.wall-door-visual{margin:2rem 0;text-align:center}.subtract-calculation{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.complex-visual{margin:2rem 0;text-align:center}.complex-controls{margin:2rem 0}.parts-calculation{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.part-item{background:#f9f9f9;border-radius:12px;padding:1.5rem}.part-item h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.part-item p{font-size:1.2rem;margin:.5rem 0}.error-visual{margin:2rem 0;text-align:center}.error-analysis{margin:2rem 0}.robot-calculation{background:#ffebee;border-left:4px solid #f44336;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.robot-calculation p{color:#c62828;font-size:1.2rem;font-weight:600;margin:0}.error-button{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin-bottom:1rem;padding:1rem 2rem;transition:all .3s}.error-button:hover{background:#d32f2f;transform:scale(1.05)}.correct-calculation{align-items:center;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1.5rem}.correct-calculation p{font-size:1.2rem;margin:0}.paint-calculation{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.paint-question{background:#fff;border-radius:8px;margin-top:1rem;padding:1rem}.paint-question p{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.paint-options{display:flex;gap:1rem;justify-content:center}.paint-btn{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.paint-btn:hover{background:#f0f0f0}.paint-btn.selected{background:#e3f2fd;border-color:#4a90e2}.paint-btn.correct{background:#e8f5e9;border-color:#4caf50}.paint-btn.incorrect{background:#ffebee;border-color:#f44336}.design-workspace{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin:2rem 0}.canvas-area{background:#f9f9f9;border-radius:12px;padding:1.5rem}.area-display{background:#fff;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.area-counter{font-size:1.3rem;font-weight:600;margin:.5rem 0}.success-message{color:#4caf50;font-weight:700;margin-top:.5rem}.shapes-palette{background:#f9f9f9;border-radius:12px;max-height:600px;overflow-y:auto;padding:1.5rem}.shapes-palette h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.palette-item{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;margin-bottom:1rem;padding:1rem;transition:all .3s}.palette-item:hover{border-color:#4a90e2;transform:scale(1.05)}.shape-preview{height:40px;margin:.5rem auto;width:60px}.shape-preview svg{height:100%;width:100%}.palette-item p{font-size:1rem;margin:.25rem 0;text-align:center}.shape-area{color:#4caf50;font-weight:600}.results-step{text-align:center}.results-content{align-items:center;display:flex;flex-direction:column;gap:2rem}.results-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);max-width:900px;width:100%}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:2rem;text-align:center}.stat-card h4{font-size:1.2rem;margin-bottom:1rem}.stat-number{font-size:2.5rem;font-weight:700;margin:0}.stat-text{font-size:1.3rem;font-weight:600;margin:0}.results-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.next-topic-button,.repeat-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s}.next-topic-button:hover,.repeat-button:hover{background:#357abd;transform:scale(1.05)}.repeat-button{background:#ff9800}.repeat-button:hover{background:#f57c00}.fraksi-comment{align-items:center;background:#f0f7ff;border-left:4px solid #4a90e2;border-radius:12px;display:flex;gap:1rem;margin-top:2rem;padding:1rem}.fraksi-comment p{color:#1a1a1a;font-size:1.1rem;margin:0}.practice-navigation{background:#fffffff2;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.nav-button{border:2px solid #ddd;padding:.75rem 1.5rem}.nav-button:hover:not(:disabled){background:#f0f0f0}.nav-button.primary{background:#4a90e2;border-color:#4a90e2}.nav-button.primary:hover{background:#357abd}.step-indicator{color:#666;font-size:1rem;font-weight:500}@media (max-width:768px){.practice-triangle-area{padding:1rem}.leg-selection{flex-direction:column}.design-workspace,.results-stats{grid-template-columns:1fr}.results-buttons{flex-direction:column}}.practice-rational-equations{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-rational-equations{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-nonlinear-systems{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.answer-section{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.practice-nonlinear-systems{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.answer-section{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-distance-circle-equation{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-distance-circle-equation{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-rational-inequalities{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-rational-inequalities{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-arithmetic-progression{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-arithmetic-progression{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-geometric-progression{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-geometric-progression{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-irrational-equations{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.progress-fill{background:linear-gradient(90deg,#e74c3c,#c0392b)}.option-btn:hover:not(.disabled){border-color:#e74c3c}.option-btn.selected:not(.disabled){background:#fdeaea;border-color:#e74c3c;box-shadow:0 2px 8px #e74c3c33}.finish-btn{background:linear-gradient(135deg,#e74c3c,#c0392b)}.finish-btn:hover{box-shadow:0 6px 20px #e74c3c66}.tips{border-left:5px solid #e74c3c}@media (max-width:768px){.practice-irrational-equations{padding:15px}.practice-header h2{font-size:22px}.problem-card{padding:20px}.problem-question{font-size:18px}.option-btn{font-size:15px;padding:14px 16px}.results-card{padding:30px 20px}.results-card h2{font-size:24px}.score-value{font-size:36px}.progress-info{align-items:flex-start;flex-direction:column}}.practice-irrational-inequalities{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.progress-fill{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.option-btn:hover:not(.disabled){border-color:#9b59b6}.option-btn.selected:not(.disabled){border-color:#9b59b6;box-shadow:0 2px 8px #9b59b633}.submit-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #9b59b666}.score-value{color:#9b59b6}.finish-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.finish-btn:hover{box-shadow:0 6px 20px #9b59b666}.tips{border-left:5px solid #9b59b6}.tips li:before{color:#9b59b6}@media (max-width:768px){.practice-irrational-inequalities{padding:15px}.practice-header h2{font-size:22px}.problem-card{padding:20px}.problem-question{font-size:18px}.option-btn{font-size:15px;padding:14px 16px}.results-card{padding:30px 20px}.results-card h2{font-size:24px}.score-value{font-size:36px}.progress-info{align-items:flex-start;flex-direction:column}}.practice-equations-with-module{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.progress-fill{background:linear-gradient(90deg,#f39c12,#e67e22)}.option-btn:hover:not(.disabled){border-color:#f39c12}.option-btn.selected:not(.disabled){background:#fef5e7;border-color:#f39c12;box-shadow:0 2px 8px #f39c1233}.submit-btn{background:linear-gradient(135deg,#f39c12,#e67e22)}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #f39c1266}.score-value{color:#f39c12}.finish-btn{background:linear-gradient(135deg,#f39c12,#e67e22)}.finish-btn:hover{box-shadow:0 6px 20px #f39c1266}.tips{border-left:5px solid #f39c12}.tips li:before{color:#f39c12}@media (max-width:768px){.practice-equations-with-module{padding:15px}.practice-header h2{font-size:22px}.problem-card{padding:20px}.problem-question{font-size:18px}.option-btn{font-size:15px;padding:14px 16px}.results-card{padding:30px 20px}.results-card h2{font-size:24px}.score-value{font-size:36px}.progress-info{align-items:flex-start;flex-direction:column}}.practice-progressions{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.progress-fill{background:linear-gradient(90deg,#16a085,#1abc9c)}.option-btn:hover:not(.disabled){border-color:#16a085}.option-btn.selected:not(.disabled){background:#d5f4e6;border-color:#16a085;box-shadow:0 2px 8px #16a08533}.submit-btn{background:linear-gradient(135deg,#16a085,#1abc9c)}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #16a08566}.score-value{color:#16a085}.finish-btn{background:linear-gradient(135deg,#16a085,#1abc9c)}.finish-btn:hover{box-shadow:0 6px 20px #16a08566}.tips{border-left:5px solid #16a085}.tips li:before{color:#16a085}@media (max-width:768px){.practice-progressions{padding:15px}.practice-header h2{font-size:22px}.problem-card{padding:20px}.problem-question{font-size:18px}.option-btn{font-size:15px;padding:14px 16px}.results-card{padding:30px 20px}.results-card h2{font-size:24px}.score-value{font-size:36px}.progress-info{align-items:flex-start;flex-direction:column}}.practice-trigonometric-transformations{margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem;width:100%}.practice-header{margin-bottom:2rem}.practice-header h2{color:#1a1a1a;font-size:2rem;margin-bottom:.5rem}.subtitle{color:#666;font-size:1.1rem;margin:0}.practice-progress{margin-bottom:2rem}.progress-bar{height:8px}.progress-bar,.progress-fill{border-radius:4px}.practice-content{border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;min-height:400px;padding:3rem}.question-container{text-align:center}.question-type{color:#667eea;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.question-expression{background:#667eea0d;border-left:4px solid #667eea;border-radius:12px;margin:2rem 0;padding:1.5rem}.question-expression .katex-display{font-size:1.5rem;margin:0}.answer-options{margin:2rem auto;max-width:600px}.option-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#1a1a1a;cursor:pointer;display:flex;font-size:1.1rem;gap:1rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease}.option-button:hover:not(:disabled){background:#667eea0d;border-color:#667eea;transform:translateX(5px)}.option-button:disabled{cursor:not-allowed}.option-button.correct{background:#11998e1a;border-color:#11998e;color:#11998e;font-weight:600}.option-button.incorrect{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}.option-button.correct-unselected{background:#11998e0d;border-color:#11998e;border-style:dashed}.option-number{color:#667eea;font-weight:700}.result-message{align-items:center;border-radius:12px;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1.5rem}.result-message.success{background:#11998e1a;border-left:4px solid #11998e}.result-message.error{background:#ff6b6b1a;border-left:4px solid #ff6b6b}.result-message p{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.practice-navigation{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.nav-button{background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:1.1rem;transition:all .3s ease}.nav-button:hover:not(:disabled){border-color:#667eea;color:#667eea}.nav-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.nav-button.primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.statistics{color:#667eea;font-size:1.1rem;font-weight:600}.summary-section{background:#667eea0d;border-radius:16px;margin-top:2rem;padding:3rem;text-align:center}.summary-section h3{color:#1a1a1a;font-size:2rem;font-weight:700;margin:1rem 0}.summary-section p{color:#666;font-size:1.2rem;margin:.5rem 0}@media (max-width:768px){.practice-trigonometric-transformations{padding:1rem}.practice-content{padding:2rem 1.5rem}.question-expression .katex-display{font-size:1.2rem}.answer-options{max-width:100%}}.practice-trigonometry-acute{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.answer-input textarea{min-height:80px}@media (max-width:768px){.practice-trigonometry-acute{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-right-triangle-solution{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-right-triangle-solution{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-trigonometric-formulas{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-trigonometric-formulas{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-trigonometry-obtuse{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-trigonometry-obtuse{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-triangle-parallelogram-area{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-triangle-parallelogram-area{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-geometric-mean{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-geometric-mean{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-triangle-circles{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-triangle-circles{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-right-triangle-circles{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-right-triangle-circles{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-quadrilaterals-circles{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-quadrilaterals-circles{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-sine-theorem{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-sine-theorem{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-cosine-theorem{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-cosine-theorem{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-heron-formula{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-heron-formula{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-regular-polygons{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-regular-polygons{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-polygon-circles{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-polygon-circles{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-regular-triangle-square-hexagon{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-regular-triangle-square-hexagon{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-circle-circumference-area{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-circle-circumference-area{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-rational-expressions{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-rational-expressions{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-even-odd-functions{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}@media (max-width:768px){.practice-even-odd-functions{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-function-graph-transformations{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.practice-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;color:#fff;padding:20px}.practice-header h2{font-weight:700;margin:0 0 10px}.practice-header .subtitle{font-size:16px;margin:0;opacity:.9}.practice-progress{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:15px}.progress-bar{margin-bottom:10px}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2)}.progress-text{color:#333;display:block;font-weight:600;text-align:center}.practice-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;margin-bottom:20px;padding:30px}.problem-header{border-bottom:3px solid #667eea;margin-bottom:25px;padding-bottom:15px}.problem-header h3{color:#667eea;font-size:24px;font-weight:700;margin:0}.problem-body{line-height:1.8}.problem-text{color:#333;font-size:16px;margin-bottom:30px}.problem-text p{margin:10px 0}.problem-text strong{color:#667eea;font-weight:600}.problem-math{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:20px 0;overflow-x:auto;padding:20px;text-align:center}.problem-math .katex-display{margin:0}.note{color:#666;font-size:14px;font-style:italic;margin-top:10px}.answer-section{margin:30px 0}.answer-input-group{margin-bottom:20px}.answer-input-group label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.answer-input{border:2px solid #ddd;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;padding:12px 15px;transition:all .3s}.answer-input:focus{box-shadow:0 0 0 3px #667eea1a}.answer-input.correct{background-color:#d4edda;border-color:#28a745}.answer-input.incorrect{background-color:#f8d7da;border-color:#dc3545}.answer-input textarea{min-height:100px;resize:vertical}.feedback{border-radius:5px;font-size:14px;font-weight:600;margin-top:8px;padding:8px 12px}.feedback.correct{background-color:#d4edda;color:#155724}.feedback.incorrect{background-color:#f8d7da;color:#721c24}.explanation{background:#e8f4f8;border-left:4px solid #17a2b8;margin-top:25px;padding:20px}.explanation strong{color:#17a2b8;display:block;font-size:18px;margin-bottom:10px}.explanation p{color:#333;line-height:1.6;margin:0}.problem-actions{margin-top:30px;text-align:center}.check-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 40px;transition:all .3s}.check-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.check-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.navigation-buttons{justify-content:space-between;margin-top:30px}.nav-btn{border:2px solid #667eea;color:#667eea;font-size:16px;padding:12px 30px;transition:all .3s}.nav-btn:hover:not(:disabled){background:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.practice-summary{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:25px}.summary-card{text-align:center}.summary-card h3{color:#667eea;font-size:22px;margin:0 0 15px}.summary-card p{color:#333;font-size:16px;margin:0 0 15px}.summary-progress{background:#e0e0e0;border-radius:10px;height:20px;margin-top:15px;overflow:hidden;width:100%}.summary-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .5s ease}@media (max-width:768px){.practice-function-graph-transformations{padding:10px}.practice-content{padding:20px}.problem-header h3{font-size:20px}.problem-text{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-exponential-equations{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.option-btn:hover:not(.disabled){border-color:#d35400}.option-btn.selected:not(.disabled){background:#fdebd0;border-color:#d35400;box-shadow:0 2px 8px #d3540033}.submit-btn{background:linear-gradient(135deg,#d35400,#e67e22)}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #d3540066}.score-value{color:#d35400}.finish-btn{background:linear-gradient(135deg,#d35400,#e67e22)}.finish-btn:hover{box-shadow:0 6px 20px #d3540066}.tips{border-left:5px solid #d35400}.tips li:before{color:#d35400}@media (max-width:768px){.practice-exponential-equations{padding:15px}.practice-header h2{font-size:22px}.problem-card{padding:20px}.problem-question{font-size:18px}.option-btn{font-size:15px;padding:14px 16px}.results-card{padding:30px 20px}.results-card h2{font-size:24px}.score-value{font-size:36px}.progress-info{align-items:flex-start;flex-direction:column}}.practice-logarithmic-equations{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.progress-fill{background:linear-gradient(90deg,#8e44ad,#9b59b6)}.problem-container{display:flex;flex-direction:column;gap:30px}.problem-card{background:#fff;border:2px solid #ecf0f1;border-radius:16px;box-shadow:0 6px 30px #0000001f;padding:35px;transition:all .3s ease}.problem-card:hover{box-shadow:0 8px 40px #00000026}.problem-question{font-size:20px;margin-bottom:30px}.options-section{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.option-btn{background:#f8f9fa;border:2px solid #dee2e6;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.option-btn:hover:not(.disabled){background:#e9ecef;border-color:#8e44ad;transform:translateX(5px)}.option-btn.selected:not(.disabled){background:#f4ecf7;border-color:#8e44ad;box-shadow:0 2px 8px #8e44ad33}.option-btn.correct{border-color:#28a745}.option-number{color:#495057;min-width:30px}.option-text{color:#2c3e50}.option-btn.correct .option-text,.option-btn.incorrect .option-text{font-weight:600}.checkmark{color:#28a745}.checkmark,.crossmark{font-size:20px;font-weight:700;margin-left:auto}.submit-btn{background:linear-gradient(135deg,#8e44ad,#9b59b6);border-radius:10px;margin-top:10px;padding:14px 32px;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #8e44ad66}.result{border-radius:12px;padding:25px}.result.correct{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745}.result.incorrect{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545}.result-text{font-size:22px;font-weight:700}.explanation{background:#ffffffb3;border-radius:8px;font-size:15px;padding:15px;text-align:left}.navigation-buttons{flex-wrap:wrap}.nav-btn{border:none;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.next-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}.next-btn:hover{box-shadow:0 4px 15px #27ae604d;transform:translateY(-2px)}.prev-btn{background:#95a5a6;color:#fff}.prev-btn:hover{background:#7f8c8d;transform:translateY(-2px)}.results-card{border-radius:20px;box-shadow:0 10px 50px #00000026;padding:50px}.results-card h2{font-size:32px}.final-score{margin:30px 0}.score-value{color:#8e44ad}.score-percentage{font-size:24px;font-weight:600}.score-message{font-size:18px;margin:30px 0}.finish-btn{background:linear-gradient(135deg,#8e44ad,#9b59b6);border-radius:10px;margin-top:20px;padding:14px 32px}.finish-btn:hover{box-shadow:0 6px 20px #8e44ad66}.tips{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #8e44ad;border-radius:16px;padding:25px}.tips h4{font-size:20px}.tips li{font-size:15px;line-height:1.6;margin-bottom:10px;padding-left:25px}.tips li:before{color:#8e44ad;content:"→";font-size:18px}@media (max-width:768px){.practice-logarithmic-equations{padding:15px}.practice-header h2{font-size:22px}.problem-card{padding:20px}.problem-question{font-size:18px}.option-btn{font-size:15px;padding:14px 16px}.results-card{padding:30px 20px}.results-card h2{font-size:24px}.score-value{font-size:36px}.progress-info{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.problem-question{font-size:16px}.option-btn{font-size:14px;padding:12px}.option-number{margin-right:8px;min-width:25px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}.practice-exponential-inequalities{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.practice-header{margin-bottom:30px;text-align:center}.practice-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:20px}.progress-bar{background-color:#ecf0f1;border-radius:5px;height:10px;margin-bottom:15px}.progress-fill{background:linear-gradient(90deg,#d35400,#e67e22);border-radius:5px;transition:width .3s ease}.progress-info{flex-wrap:wrap;gap:10px}.progress-text{color:#7f8c8d;font-size:14px}.score-text{color:#27ae60;font-size:14px;font-weight:600}.problem-container{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;margin-bottom:30px;overflow:hidden}.problem-card{display:flex;flex-direction:column;min-height:400px;padding:30px}.problem-question{color:#2c3e50;font-size:18px;font-weight:500;line-height:1.6;margin-bottom:25px;text-align:center}.equation-display{margin:15px 0;text-align:center}.question-note{color:#34495e;font-size:16px;font-weight:400}.options-section{grid-gap:15px;display:grid;flex:1 1;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:30px}.option-btn{align-items:center;background:#fff;border:2px solid #e74c3c;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:500;min-height:60px;padding:15px 20px;position:relative;transition:all .3s ease}.option-btn:hover{background:#fdf2f2;border-color:#c0392b;box-shadow:0 4px 15px #e74c3c33;transform:translateY(-2px)}.option-btn.selected{background:#ffeaea;border-color:#e74c3c;transform:scale(1.02)}.option-btn.correct{background:#d4edda;border-color:#27ae60;color:#155724}.option-btn.incorrect{background:#f8d7da;border-color:#dc3545;color:#721c24}.option-btn.disabled{cursor:not-allowed;opacity:.8}.option-number{color:#e74c3c;font-weight:600;margin-right:12px;min-width:20px}.option-text{flex:1 1;text-align:left}.checkmark,.crossmark{font-size:18px;font-weight:700;margin-left:10px}.checkmark{color:#27ae60}.crossmark{color:#dc3545}.submit-btn{align-self:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:150px;padding:15px 30px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.submit-btn:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.result{background:#f8f9fa;border:2px solid #dee2e6;border-radius:10px;margin-top:20px;padding:20px;text-align:center}.result.correct{background:#d4edda;border-color:#c3e6cb}.result.incorrect{background:#f8d7da;border-color:#f5c6cb}.result-text{font-size:18px;font-weight:600;margin-bottom:15px}.result.correct .result-text{color:#155724}.result.incorrect .result-text{color:#721c24}.explanation{color:#495057;font-size:16px;line-height:1.6;margin-bottom:20px}.navigation-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.nav-btn{background:#fff;border:2px solid #6c757d;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.nav-btn:hover{background:#6c757d;box-shadow:0 4px 15px #6c757d4d;color:#fff;transform:translateY(-2px)}.prev-btn{border-color:#6c757d}.next-btn{background:#28a745;border-color:#28a745;color:#fff}.next-btn:hover{background:#218838;border-color:#218838}.final-results{align-items:center;display:flex;justify-content:center;min-height:400px}.results-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.results-card h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:30px}.final-score{margin-bottom:25px}.score-value{color:#e74c3c;font-size:48px;margin-bottom:10px}.score-percentage{color:#7f8c8d;font-size:18px;font-weight:500}.score-message{color:#495057;font-size:16px;line-height:1.6;margin-bottom:30px;padding:0 20px}.finish-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.finish-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.tips{background:#f8f9fa;border-left:4px solid #e74c3c;border-radius:10px;margin-top:30px;padding:20px}.tips h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px}.tips ul{list-style:none;margin:0;padding:0}.tips li{color:#495057;font-size:14px;line-height:1.5;padding:8px 0 8px 20px;position:relative}.tips li:before{color:#e74c3c;content:"•";font-weight:700;left:0;position:absolute}@media (max-width:768px){.practice-exponential-inequalities{padding:15px}.problem-card{padding:20px}.options-section{gap:12px;grid-template-columns:1fr}.option-btn{font-size:15px;min-height:50px;padding:12px 15px}.submit-btn{font-size:15px;padding:12px 25px}.navigation-buttons{align-items:center;flex-direction:column}.nav-btn{width:150px}.results-card{padding:30px 20px}.score-value{font-size:36px}.problem-question{font-size:16px}}@media (max-width:480px){.practice-header h2{font-size:24px}.problem-card{min-height:350px;padding:15px}.option-btn{font-size:14px;padding:10px 12px}.results-card{padding:20px 15px}}.intro-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;width:100%}.intro-screen:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.intro-screen-content{max-width:900px;position:relative;width:100%;z-index:1}.start-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:4rem 3rem;text-align:center}.main-title{color:#1a1a1a;font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:3rem}.fraksi-with-numbers{display:inline-block;margin:2rem 0;position:relative}.floating-numbers{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-number{color:#667eea;font-size:3rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.problem-text{margin:3rem 0 2rem}.large-text{color:#1a1a1a;font-size:1.8rem;font-weight:600;line-height:1.4;margin:1rem 0}.large-text.highlight{color:#667eea}.help-text{color:#666;font-size:1.2rem;line-height:1.6;margin:2rem 0}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 24px #667eea66;font-size:1.3rem;font-weight:700;letter-spacing:1px;padding:1.5rem 4rem;text-transform:uppercase;transition:all .3s ease}.start-button:hover{box-shadow:0 12px 32px #667eea99}.how-it-works-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:3rem}.fraksi-with-glasses{display:flex;justify-content:center;margin-bottom:2rem;position:relative}.cool-glasses{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.fraksi-conclusion,.fraksi-speech{margin:2rem 0}.speech-bubble{background:#667eea1a;border-left:4px solid #667eea;margin:0 auto;max-width:600px;padding:1.5rem}.speech-bubble p{font-size:1.2rem;line-height:1.6}.speech-bubble strong{color:#667eea;font-weight:700}.instructions{display:flex;flex-direction:column;gap:1.5rem;margin:3rem 0}.instruction-item{background:#667eea0d;border-left:4px solid #667eea;gap:2rem;padding:1.5rem}.instruction-icon,.instruction-item{align-items:center;border-radius:12px;display:flex}.instruction-icon{background:#667eea1a;flex-shrink:0;font-size:3rem;height:80px;justify-content:center;width:80px}.instruction-text h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.instruction-text p{color:#666;font-size:1.1rem;margin:0}.continue-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 24px #667eea66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:1px;margin-top:2rem;padding:1.2rem 3rem;text-transform:uppercase}.pizza-task-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:3rem}.task-header{margin-bottom:2rem;text-align:center}.task-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0}.pizza-scene{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;min-height:400px;position:relative}.pizza-container{height:250px;margin-bottom:3rem;position:relative;width:250px}.pizza-pieces,.whole-pizza{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pizza-pieces{height:100%;width:100%}.pizza-piece{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.penguins-group{display:flex;justify-content:space-around;margin-top:2rem;max-width:500px;width:100%}.penguin-friend{opacity:.9}.task-question{text-align:center}.fraksi-question{margin-bottom:2rem}.divide-buttons{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:400px}.divide-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:12px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.2rem 2rem;transition:all .3s ease}.divide-button:hover{box-shadow:0 8px 24px #ff6b6b80}.divide-button.wrong{animation:shake .5s;background:linear-gradient(135deg,#ff4757,#c44569)}.divide-button.correct{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 8px 24px #11998e80}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.success-message{background:#11998e1a;border-left:4px solid #11998e;border-radius:12px;margin-top:2rem;padding:2rem}.success-text{margin-bottom:1.5rem}.large-success{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:1rem 0}.large-success strong{color:#11998e}.fraksi-reaction{margin-top:1.5rem}.fraksi-reaction .speech-bubble{background:#ff98001a;border-left-color:#ff9800}.fraksi-reaction .speech-bubble p{color:#1a1a1a}@media (max-width:768px){.intro-screen{padding:1rem}.how-it-works-screen,.pizza-task-screen,.start-screen{padding:2rem 1.5rem}.main-title{font-size:2rem}.large-text{font-size:1.4rem}.instruction-item{flex-direction:column;text-align:center}.penguins-group{flex-wrap:wrap;gap:1rem}.divide-buttons{width:100%}}.topic-page{background:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:3rem 2rem}.topic-header{color:#1a1a1a;margin-bottom:3rem;text-align:center}.topic-header h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.topic-header p{color:#666;font-size:1.2rem}.tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.tab{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:1.1rem;font-weight:500;padding:1rem 2rem;transition:all .2s}.tab.active,.tab:hover{border-color:#1a1a1a}.tab.active{background:#1a1a1a;color:#fff}.tab-content{background:#fff;border:1px solid #e0e0e0;border-radius:12px;min-height:400px;padding:2rem}.homeworks-list,.tests-list{display:flex;flex-direction:column;gap:1.5rem}.homework-card,.test-card{background:#f8f9fa;border-radius:15px;color:#333;display:block;padding:1.5rem;text-decoration:none;transition:transform .3s,box-shadow .3s}.homework-card:hover,.test-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateX(10px)}.homework-card h3,.test-card h3{color:#1a1a1a;font-weight:600;margin-bottom:.5rem}.homework-info,.test-info{color:#666;display:flex;font-size:.9rem;gap:2rem;margin-top:1rem}.empty-state{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.error{color:#fff;font-size:1.5rem;padding:4rem;text-align:center}.test-page{background:#fff;margin:0 auto;max-width:900px;min-height:100vh;padding:3rem 2rem}.test-intro{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:3rem;text-align:center}.test-intro h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.test-intro p{color:#666;font-size:1.2rem;margin-bottom:2rem}.test-info{background:#f8f9fa;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.test-info p{color:#333;margin:.5rem 0}.start-button{font-size:1.2rem;padding:1.2rem 3rem}.start-button:hover{transform:translateY(-2px)}.test-header{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.timer{color:#f44336;font-size:1.5rem;font-weight:700}.question-progress{color:#666;font-size:1.1rem}.test-content{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem}.question-card{min-height:400px}.question-text{color:#333;font-size:1.5rem;line-height:1.6;margin-bottom:2rem}.answer-options{display:flex;flex-direction:column;gap:1rem}.answer-option{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;font-size:1.1rem;padding:1.5rem;text-align:left;transition:all .3s}.answer-option:hover{background:#f0f4ff;border-color:#667eea}.answer-option.selected{background:#667eea;border-color:#667eea;color:#fff}.test-navigation{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:2rem;padding-top:2rem}.nav-button{background:#e0e0e0;border:none;border-radius:10px;color:#333;padding:1rem 2rem;transition:all .3s}.nav-button:hover:not(:disabled){background:#d0d0d0}.nav-button:disabled{opacity:.5}.question-dots{display:flex;gap:.5rem}.dot{background:#fff;border:2px solid #e0e0e0;border-radius:50%;cursor:pointer;height:12px;transition:all .3s;width:12px}.dot.active{background:#667eea;border-color:#667eea;transform:scale(1.3)}.dot.answered{background:#4caf50;border-color:#4caf50}.test-results{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:3rem;text-align:center}.test-results h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.score-circle{align-items:center;background:#1a1a1a;border-radius:50%;display:flex;height:200px;justify-content:center;margin:2rem auto;width:200px}.score-value{color:#fff;font-size:3rem;font-weight:700}.score-text{color:#666;font-size:1.2rem;margin-bottom:2rem}.back-button{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .2s}.back-button:hover{background:#2a2a2a}.error,.loading{color:#666}.homework-page{margin:0 auto;max-width:900px;min-height:100vh;padding:3rem 2rem}.homework-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:3rem}.homework-card h1{color:#667eea;font-size:2.5rem;margin-bottom:1rem}.homework-description{color:#666;font-size:1.2rem;margin-bottom:2rem}.homework-info{background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1.5rem}.info-label{color:#888;font-size:.9rem;text-transform:uppercase}.info-value{color:#333;font-size:1.2rem;font-weight:700}.homework-content{margin-top:2rem}.content-section{margin-bottom:2rem}.content-section h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.task-text{background:#f8f9fa;border-radius:10px;color:#444;font-size:1.1rem;line-height:1.8;padding:1.5rem}.answer-section{margin-top:2rem}.answer-section h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.answer-input{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:1rem;margin-bottom:1.5rem;padding:1.5rem;resize:vertical;transition:border-color .3s;width:100%}.answer-input:focus{border-color:#667eea;outline:none}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1.2rem 3rem;transition:transform .3s}.submit-button:hover{transform:scale(1.05)}.submitted-message{background:#e8f5e9;border:2px solid #4caf50;border-radius:10px;margin-top:2rem;padding:2rem;text-align:center}.submitted-message h2{color:#4caf50;margin-bottom:1rem}.submitted-message p{color:#666;font-size:1.1rem}.error,.loading{color:#fff;font-size:1.5rem;padding:4rem;text-align:center}.test-lesson-page{background:#fff;min-height:100vh;padding:2rem 0}.test-lesson-header{margin-bottom:2rem;padding:0 2rem;text-align:center}.test-lesson-header h1{color:#1a1a1a;font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.fractions-lesson{background:#fff;margin:0 auto;max-width:1000px;padding:2rem}.story-header{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.story-header h2{color:#1976d2;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.story-text{color:#424242;font-size:1.1rem;font-style:italic}.fraksi-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem 0}.fraksi-svg-container{filter:drop-shadow(3px 3px 6px rgba(0,0,0,.3))}.magic-pie-container{filter:drop-shadow(4px 4px 8px rgba(0,0,0,.2))}.ice-door-container{filter:drop-shadow(4px 4px 8px rgba(0,0,0,.3));position:relative}.door-hint{bottom:-30px;color:#1976d2;font-size:.9rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.speech-bubble{background:#fff;border:2px solid #1a1a1a;border-radius:12px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:1rem 1.5rem;position:relative}.speech-bubble:before{border-bottom:10px solid #0000;border-right:10px solid #1a1a1a;border-top:10px solid #0000;content:"";height:0;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:0}.speech-bubble p{color:#1a1a1a;font-size:1rem;line-height:1.5;margin:0}.fraksi-quote{color:#666;font-style:italic;margin-top:1rem}.battle-arena{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin:2rem 0;padding:2rem}.walrus-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.walrus-character{filter:drop-shadow(3px 3px 6px rgba(0,0,0,.3))}.maze-visual{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;display:flex;gap:2rem;justify-content:center;margin:2rem 0;min-height:300px;padding:2rem;text-align:center}.door-button{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 2rem;transition:all .2s}.door-button:hover{background:#2a2a2a;transform:scale(1.05)}.medal{animation:rotate 2s ease-in-out infinite;font-size:4rem;margin:1rem 0}@keyframes rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.certificate-text{color:#fffffff2;font-size:1.1rem;line-height:1.6;margin-top:1rem}.lesson-header{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem}.lesson-points,.lesson-timer{color:#1a1a1a;font-size:1.2rem;font-weight:600}.lesson-progress{margin-bottom:3rem}.progress-bar{background:#e0e0e0;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:#1a1a1a;border-radius:3px;height:100%}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.progress-text{color:#666;font-size:.9rem;font-weight:500}.progress-duration{color:#999;font-size:.85rem}.lesson-content{min-height:500px;padding:2rem 0}.intro-step{padding:3rem 0;text-align:center}.animated-pizza-container{filter:drop-shadow(4px 4px 8px rgba(0,0,0,.3));margin-bottom:2rem}.intro-text{color:#1a1a1a;font-size:1.5rem;font-weight:500;margin-bottom:2rem}.fraction-result{background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;margin-top:2rem;padding:1.5rem}.fraction-result p{color:#2e7d32;font-weight:600;margin-top:1rem}.hint{color:#666;font-style:italic;margin-top:1rem}.start-button{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:2rem;padding:1rem 3rem;transition:all .2s}.start-button:hover{background:#2a2a2a}.divide-step{text-align:center}.divide-step h2{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.instruction{color:#666;font-size:1.1rem;margin-bottom:2rem}.animated-chocolate-container,.chocolate-container{margin:2rem 0}.chocolate-bar{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 auto;max-width:700px;padding:1rem}.chocolate-piece{border:3px solid #3e2723;border-radius:6px;box-shadow:0 2px 4px #0003;cursor:pointer;height:90px;overflow:hidden;position:relative;width:70px}.chocolate-piece.selected{box-shadow:0 0 0 4px #4caf50,0 4px 12px #4caf5066;transform:translateY(-3px)}.selection-glow{border:3px solid #4caf50;border-radius:6px;bottom:-2px;left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}.slider-container{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1.5rem}.slider-container label{color:#1a1a1a;display:block;font-weight:600;margin-bottom:1rem}.slider{-webkit-appearance:none;background:#e0e0e0;border-radius:3px;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1a1a1a;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:#1a1a1a;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.task-item{background:#f8f9fa;border-radius:6px;font-size:1.1rem;margin-top:1.5rem;padding:1rem}.build-step{text-align:center}.build-step h2{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.circle-container{display:flex;justify-content:center;margin:2rem 0}.circle-part{transition:fill .2s}.circle-part:hover{opacity:.8}.fraction-display{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1.5rem}.success-message{background:#e8f5e9;border-radius:8px;color:#2e7d32;font-size:1.2rem;font-weight:600;margin-top:1.5rem;padding:1rem}.compare-step{text-align:center}.compare-step h2{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.comparison-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.comparison-circle{align-items:center;display:flex;flex-direction:column;gap:1rem}.circle-label{font-size:1.5rem}.comparison-button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.comparison-button:hover{border-color:#1a1a1a}.comparison-button.selected{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.vs{color:#666;font-size:2rem;font-weight:700}.answer-feedback{border-radius:8px;font-size:1.2rem;font-weight:600;margin-top:1.5rem;padding:1rem}.answer-feedback.correct{background:#e8f5e9;color:#2e7d32}.answer-feedback.incorrect{background:#ffebee;color:#c62828}.add-step{text-align:center}.add-step h2{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.pizzas-container{flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.pizza-group,.pizzas-container{align-items:center;display:flex}.pizza-group{flex-direction:column;gap:1rem}.pizza-pieces-container{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.equals-sign,.plus-sign{color:#1a1a1a;font-size:2rem;font-weight:700}.challenge-step{text-align:center}.challenge-step h2{color:#1a1a1a;font-size:2rem;margin-bottom:1rem}.challenge-timer{background:#f8f9fa;border-radius:8px;color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding:1rem}.challenges-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.challenge-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;text-align:left}.challenge-item h3{color:#1a1a1a;margin-bottom:1rem}.challenge-results{margin-top:2rem}.points-display{background:#fff3e0;border-radius:8px;color:#1a1a1a;font-size:1.3rem;font-weight:600;margin-top:2rem;padding:1rem;text-align:center}.certificate{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:2rem;padding:3rem}.certificate h2{font-size:2rem;margin-bottom:1rem}.lesson-navigation{border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem}.nav-button{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.nav-button:hover:not(:disabled){background:#e0e0e0;border-color:#1a1a1a}.nav-button.primary{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.nav-button.primary:hover:not(:disabled){background:#2a2a2a}.nav-button:disabled{cursor:not-allowed;opacity:.4}.test-fractions-page{background:#fff;min-height:100vh;padding:2rem 0}.test-fractions-header{margin-bottom:2rem;padding:0 2rem;text-align:center}.back-link{color:#1a1a1a;display:inline-block;font-size:1.1rem;font-weight:500;margin-bottom:1rem;text-decoration:none;transition:color .2s}.back-link:hover{color:#666}.test-fractions-header h1{color:#1a1a1a;font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.lesson-subtitle{color:#666;font-size:1.2rem}.login-page{align-items:center;background:#0a0a0a;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.login-background{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:brightness(.4) contrast(1.1) grayscale(.3);height:100%;left:0;opacity:.25;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.login-background:after{background:#0a0a0ae6;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.login-container{background:#141414f2;border:1px solid #50505066;border-radius:2px;box-shadow:0 8px 32px #000c;max-width:450px;padding:3rem;position:relative;width:100%;z-index:10}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#d4af37;font-family:Oswald,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.login-divider{background:linear-gradient(90deg,#0000,#d4af37,#0000);height:2px;margin:1rem auto;width:100px}.login-subtitle{color:#a0a0a0;font-family:Roboto Condensed,sans-serif;font-size:1.1rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.login-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#c8c8c8;display:block;font-family:Roboto Condensed,sans-serif;font-size:.9rem;font-weight:400;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.form-input{width:100%}.form-input::placeholder{color:#666}.error-message{background:#8b5a2b33;border:1px solid #b4783c66;border-radius:2px;color:#c89b6c;font-family:Roboto Condensed,sans-serif;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.error-message.success{background:#32643233;border-color:#50965066;color:#88c888}.login-button{background:#d4af371a;border:1px solid #d4af3780;border-radius:2px;color:#d4af37;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.1em;padding:.875rem;text-transform:uppercase;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){background:#d4af3733;border-color:#d4af37b3;color:#e5c158}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{margin-bottom:1.5rem;text-align:center}.toggle-mode-button{background:#0000;border:none;color:#a0a0a0;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:.875rem;text-decoration:underline;text-underline-offset:4px;transition:color .3s ease}.toggle-mode-button:hover{color:#d4af37}.back-home-link{color:#a0a0a0;display:block;font-family:Roboto Condensed,sans-serif;font-size:.875rem;letter-spacing:.05em;text-align:center;text-decoration:none;text-transform:uppercase;transition:color .3s ease}.back-home-link:hover{color:#d4af37}@media (max-width:768px){.login-container{padding:2rem}.login-header h1{font-size:2rem}}.profile-page{background:#0a0a0a;min-height:100vh;padding:4rem 2rem;position:relative}.profile-background{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:brightness(.4) contrast(1.1) grayscale(.3);height:100%;left:0;opacity:.25;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.profile-background:after{background:#0a0a0ae6;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.profile-container{margin:0 auto;max-width:1200px;position:relative;z-index:10}.profile-header{margin-bottom:3rem;position:relative;text-align:center}.profile-header h1{color:#d4af37;font-family:Oswald,sans-serif;font-size:3rem;font-weight:700;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.profile-divider{background:linear-gradient(90deg,#0000,#d4af37,#0000);height:2px;margin:1rem auto 2rem;width:120px}.sign-out-button{background:#8b5a2b33;border:1px solid #b4783c66;border-radius:2px;color:#c89b6c;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:.875rem;letter-spacing:.1em;padding:.75rem 1.5rem;position:absolute;right:0;text-transform:uppercase;top:0;transition:all .3s ease}.sign-out-button:hover{background:#8b5a2b4d;border-color:#b4783c99;color:#e5a877}.profile-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.profile-content>:nth-child(3){grid-column:1/-1}.profile-info-card,.profile-stats-card{background:#141414d9;border:1px solid #50505066;border-radius:2px;box-shadow:0 4px 12px #0009;padding:2rem}.card-header{align-items:center;border-bottom:1px solid #5050504d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.card-header h2{color:#e8e8e8;font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cancel-button,.edit-button,.save-button{background:#d4af371a;border:1px solid #d4af3780;border-radius:2px;color:#d4af37;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:.875rem;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.edit-button:hover,.save-button:hover{background:#d4af3733;border-color:#d4af37b3;color:#e5c158}.cancel-button{background:#64646433;border-color:#78787866;color:#a0a0a0}.cancel-button:hover{background:#6464644d;border-color:#78787899;color:#c8c8c8}.info-section{gap:1.5rem}.info-item,.info-section{display:flex;flex-direction:column}.info-item{gap:.5rem}.info-item label{color:#a0a0a0;font-size:.875rem;font-weight:300;letter-spacing:.05em;text-transform:uppercase}.info-item label,.info-value{font-family:Roboto Condensed,sans-serif}.info-value{color:#e8e8e8;font-size:1rem;font-weight:400}.grade-display{font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:.05em}.grade-badge,.grade-display{color:#d4af37;text-transform:uppercase}.grade-badge{background:#d4af371a;border:1px solid #d4af374d;border-radius:2px;display:inline-block;font-family:Roboto Condensed,sans-serif;font-size:.875rem;font-weight:400;letter-spacing:.1em;padding:.5rem 1rem}.profile-subjects-card{background:#141414d9;border:1px solid #50505066;border-radius:2px;box-shadow:0 4px 12px #0009;grid-column:1/-1;padding:2rem}.subjects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.subject-link-card{align-items:center;background:#1e1e1e99;border:1px solid #50505066;border-radius:2px;color:#c8c8c8;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.subject-link-card:before{background:linear-gradient(90deg,#0000,#d4af3799,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.subject-link-card:hover{background:#232323cc;border-color:#d4af3799;box-shadow:0 6px 20px #000c;transform:translateY(-2px)}.subject-link-card:hover:before{opacity:1}.subject-icon{align-items:center;color:#d4af37;display:flex;filter:grayscale(.3);height:64px;justify-content:center;margin-bottom:1rem;transition:all .3s ease;width:64px}.subject-link-card:hover .subject-icon{color:#e5c158;filter:grayscale(0);transform:scale(1.1)}.subject-link-card h3{color:#e8e8e8;font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.subject-link-card p{color:#a0a0a0;font-family:Roboto Condensed,sans-serif;font-size:.9rem;font-weight:300}.no-grade-message{color:#a0a0a0;padding:2rem;text-align:center}.no-grade-message p{color:#a0a0a0;margin-bottom:1.5rem}.form-input,.no-grade-message p{font-family:Roboto Condensed,sans-serif;font-size:1rem}.form-input{background:#1e1e1ecc;border:1px solid #50505066;border-radius:2px;color:#e8e8e8;padding:.75rem 1rem;transition:all .3s ease}.form-input:focus{background:#232323e6;border-color:#d4af3799;outline:none}.edit-actions{display:flex;gap:1rem;margin-top:1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stat-item{background:#1e1e1e99;border:1px solid #5050504d;border-radius:2px;padding:1.5rem;text-align:center}.stat-value{color:#d4af37;font-family:Oswald,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#a0a0a0;font-family:Roboto Condensed,sans-serif;font-size:.875rem;font-weight:300;letter-spacing:.05em;text-transform:uppercase}.loading{color:#a0a0a0;font-family:Share Tech Mono,monospace;font-size:1.25rem;padding:4rem;text-align:center}@media (max-width:768px){.profile-content,.stats-grid{grid-template-columns:1fr}.sign-out-button{margin-top:1rem;position:static}}.whiteboard-simple{background:#000;height:100vh;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:1}.simple-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #00000080;left:50%;padding:.75rem 1.5rem;position:fixed;top:5rem;transform:translateX(-50%);z-index:1000}.simple-toolbar,.toolbar-controls{align-items:center;display:flex;gap:1.5rem;justify-content:center}.toolbar-controls{flex-wrap:nowrap}.toolbar-controls label{align-items:center;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;gap:.5rem;white-space:nowrap}.toolbar-controls input[type=range]{background:#fff3;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100px}.toolbar-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:16px;width:16px}.toolbar-controls input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.toolbar-controls input[type=color]{background:#0000;border:1px solid #fff3;border-radius:4px;cursor:pointer;height:32px;width:40px}.toolbar-controls input[type=color]::-webkit-color-swatch-wrapper{padding:0}.toolbar-controls input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.eraser-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;white-space:nowrap;width:40px}.eraser-btn:hover{background:#fff3;border-color:#fff6}.eraser-btn.active{background:#ff64644d;border-color:#ff646499;color:#ff6464}.clear-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.clear-btn:hover{background:#fff3;border-color:#fff6}.share-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;white-space:nowrap;width:40px}.share-btn:hover{background:#64c8ff33;border-color:#64c8ff66}.share-modal{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal-content{background:#0f0f0ff2;border:1px solid #fff3;border-radius:12px;color:#fff;max-width:500px;padding:2rem;width:90%}.share-modal-content h3{color:#fff;margin:0 0 1rem}.share-modal-content p{color:#ffffffb3;margin:0 0 1rem}.share-url{align-items:center;display:flex;gap:.5rem}.share-url input{flex:1 1;font-size:.9rem}.share-url button,.share-url input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;padding:.75rem}.share-url button{cursor:pointer;font-size:1.2rem;transition:all .2s ease}.share-url button:hover{background:#fff3}.close-modal-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem;transition:all .2s ease;width:100%}.close-modal-btn:hover{background:#fff3}.zoom-controls{border-left:1px solid #fff3;border-right:1px solid #fff3;gap:.5rem;padding:0 .5rem}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.zoom-btn:hover{background:#fff3;border-color:#fff6}.zoom-value{color:#fff;font-size:.9rem;min-width:45px;text-align:center}.reset-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.reset-btn:hover{background:#fff3;border-color:#fff6}.hints{background:#0009;border:1px solid #fff3;border-radius:8px;bottom:1rem;color:#ffffffb3;display:flex;font-size:.8rem;gap:1.5rem;left:50%;padding:.5rem 1rem;position:fixed;transform:translateX(-50%);z-index:1000}.hint-item{align-items:center;display:flex;gap:.5rem}.hint-item kbd{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;font-family:monospace;font-size:.75rem;padding:.2rem .4rem}.simple-canvas{cursor:crosshair;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cursors-overlay,.simple-canvas{height:100vh!important;left:0;position:fixed;top:0;width:100vw!important}.cursors-overlay{cursor:none;pointer-events:none;z-index:10000}.view-only-mode{pointer-events:none;position:fixed;right:1rem;top:1rem;z-index:10001}.view-only-badge{animation:pulse 2s ease-in-out infinite;background:#ffc107f2;border:2px solid #ff980080;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#000;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem}@keyframes pulse{0%,to{opacity:.9}50%{opacity:1}}.board-controls,.canvas-wrapper,.whiteboard-container,.whiteboard-info,.whiteboard-toolbar{display:none!important}.whiteboard-page{background:#0f0f0f;height:100vh;overflow:hidden;width:100vw}
/*# sourceMappingURL=main.e583968c.css.map*/