:root{--body-bg-color: #fefae8;--hero-text-color: #443729;--dot-grid-color: rgba(139, 94, 60, .15);--exp-text-color: black;--exp-accent-dark: black;--exp-accent-light: #C8A882;--exp-nav-inactive-color: black;--exp-sidebar-grad-start: #F5EAD6;--exp-sidebar-grad-end: #E6D5C1;--exp-primary-btn-bg: var(--exp-accent-dark);--exp-primary-btn-text: #fff;--exp-secondary-btn-bg: rgba(255, 255, 255, .9);--exp-secondary-btn-text: var(--exp-accent-dark);--exp-secondary-btn-border: var(--exp-accent-dark)}body[data-theme=sun]{--body-bg-color: #fec54f;--hero-text-color: #000000;--dot-grid-color: rgba(74, 44, 6, .15);--exp-text-color: black;--exp-accent-dark: black;--exp-accent-light: #FDCB6E;--exp-nav-inactive-color: #B18E4E;--exp-sidebar-grad-start: #FFF7E1;--exp-sidebar-grad-end: #FFEDD0;--exp-primary-btn-bg: var(--exp-accent-dark);--exp-primary-btn-text: #fff;--exp-secondary-btn-bg: #fff;--exp-secondary-btn-text: var(--exp-accent-dark);--exp-secondary-btn-border: var(--exp-accent-dark)}body[data-theme=blueprint]{--body-bg-color: #222831;--hero-text-color: #EEEEEE;--dot-grid-color: rgba(238, 238, 238, .08);--exp-text-color: black;--exp-accent-dark: black;--exp-accent-light: #D8A7B1;--exp-nav-inactive-color: var(--exp-accent-light);--exp-sidebar-grad-start: #F8E5E5;--exp-sidebar-grad-end: #F0D9D9;--exp-primary-btn-bg: #FF0B55;--exp-primary-btn-text: white;--exp-secondary-btn-bg: rgba(255, 255, 255, .9);--exp-secondary-btn-text: var(--exp-accent-dark);--exp-secondary-btn-border: var(--exp-accent-light)}body[data-theme=peach]{--body-bg-color: #f7d8c4;--hero-text-color: black;--dot-grid-color: rgba(192, 108, 132, .15);--exp-text-color: black;--exp-accent-dark: black;--exp-accent-light: #D8A7B1;--exp-nav-inactive-color: var(--exp-accent-light);--exp-sidebar-grad-start: #F8E5E5;--exp-sidebar-grad-end: #F0D9D9;--exp-primary-btn-bg: var(--exp-accent-dark);--exp-primary-btn-text: #fff;--exp-secondary-btn-bg: rgba(255, 255, 255, .9);--exp-secondary-btn-text: var(--exp-accent-dark);--exp-secondary-btn-border: var(--exp-accent-dark)}body[data-theme=lavender]{--body-bg-color: #9929EA;--hero-text-color: white;--dot-grid-color: rgba(192, 108, 132, .15);--exp-text-color: black;--exp-accent-dark: black;--exp-accent-light: #D8A7B1;--exp-nav-inactive-color: var(--exp-accent-light);--exp-sidebar-grad-start: #F8E5E5;--exp-sidebar-grad-end: #F0D9D9;--exp-primary-btn-bg: var(--exp-accent-dark);--exp-primary-btn-text: #fff;--exp-secondary-btn-bg: rgba(255, 255, 255, .9);--exp-secondary-btn-text: var(--exp-accent-dark);--exp-secondary-btn-border: var(--exp-accent-dark)}::selection{background-color:#32ff32;color:#000}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#ffdead;border:2px solid #deb887;border-radius:12px 10px 11px 13px/10px 14px 11px 12px}::-webkit-scrollbar-thumb:hover{background-color:#fdd692}::-webkit-scrollbar-thumb:active{animation:drawn-wiggle .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box;font-family:Winky Sans,sans-serif}body{background-color:var(--body-bg-color);width:100vw;overflow-x:hidden;transition:background-color .4s ease;--scroll-glow-start: transparent;--scroll-glow-end: transparent}body.is-loading{overflow:hidden}.skip-to-main{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:.5em 1em;text-decoration:none;z-index:10000;font-weight:700}.skip-to-main:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}a:focus,button:focus,input:focus,.color-swatch:focus{outline:3px solid #3f83ff;outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),.color-swatch:focus:not(:focus-visible){outline:none}.color-swatch:focus-visible{outline:3px solid #3f83ff;outline-offset:2px}.slider:focus{outline:3px solid #3f83ff;outline-offset:4px;border-radius:8px}.header-links a:focus-visible{outline:3px solid #3f83ff;outline-offset:2px}.main-content-button:focus-visible{outline:3px solid #3f83ff;outline-offset:3px}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fcfbdd;z-index:9999;transition:background-color .4s ease}.loading-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:90%;max-width:400px}.loading-content img{width:100%;height:auto;border-radius:20px;box-shadow:0 10px 30px #0000001a;clip-path:inset(0 100% 0 0)}.progress-container{width:80%;height:10px;background-color:#0000001a;border-radius:5px;overflow:hidden}.progress-bar{width:0%;height:100%;background-color:#8b5e3c;border-radius:5px;transition:background-color .4s ease}#loading-percentage{font-weight:700;color:#8b5e3c;transition:color .4s ease}.fun-fact-container{text-align:center;color:#8b5e3c;font-size:.9rem;max-width:90%;opacity:.8;transition:color .4s ease}.fun-fact-container strong{display:block;margin-bottom:.25em;font-weight:800;font-style:normal}.fun-fact-container span{font-style:italic}.dedication-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;z-index:9998}.dedication-screen p{font-size:1.5rem;font-weight:600;color:#8b5e3c;text-align:center;padding:1rem;transition:color .4s ease}.mobile-modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10010}.mobile-modal-overlay.visible{display:block}.mobile-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fefae8;border-radius:20px;border:3px solid #2c1810;box-shadow:8px 8px #c9a86c;padding:2rem;text-align:center;z-index:10011;max-width:90vw;width:340px}.mobile-modal.visible{display:block;animation:modalPop .4s ease-out}@keyframes modalPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mobile-modal-icon{font-size:3rem;margin-bottom:.5rem}.mobile-modal h2{font-family:Winky Sans,system-ui;font-size:1.5rem;color:#443729;margin:0 0 1rem}.mobile-modal p{font-size:.95rem;color:#5d4037;line-height:1.5;margin:0 0 .75rem}.mobile-modal-note{font-size:.85rem!important;opacity:.7;font-style:italic}.mobile-modal-btn{background:#2c1810;color:#fff;border:none;border-radius:12px;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:transform .2s,box-shadow .2s;box-shadow:3px 3px #c9a86c}.mobile-modal-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #c9a86c}.mobile-modal-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #c9a86c}header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.8em 2.5em;margin:1.5em auto 0;width:95%;max-width:1400px;border-radius:19px;background-color:#f8f4e9;border:3px solid #7b5d3c;box-shadow:0 4px #7b5d3c,0 10px 25px #0000001a;opacity:0;transform:translateY(-50px)}header h1{font-size:2.1rem;font-weight:800;color:#7b5d3c;letter-spacing:1.5px;text-shadow:2px 2px 0px #ffffff}.color-palette{display:flex;gap:1.5em;position:absolute;left:50%;transform:translate(-50%)}.color-swatch{width:28px;height:28px;border-radius:50%;border:3px solid #f8f4e9;cursor:pointer;box-shadow:0 0 0 2px #7b5d3c;transition:transform .2s ease,box-shadow .2s ease}.color-swatch:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 4px 8px #0003}.color-swatch.active{box-shadow:0 0 0 3px #f8f4e9,0 0 0 5px #3f83ff}.header-links{display:flex;gap:1em;list-style:none}.header-links a{position:relative;display:inline-block;text-decoration:none;font-weight:700;color:#7b5d3c;background-color:#f5f0e1;padding:.7em 2em;min-width:100px;text-align:center;border-radius:9px;border:2.5px solid #c9b18c;transform-style:preserve-3d;transition:transform .15s cubic-bezier(0,0,.58,1),background-color .15s ease}.header-links a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 3px #c9b18c;transform:translate3d(0,.3em,-1em);transition:transform .15s cubic-bezier(0,0,.58,1),box-shadow .15s ease;z-index:-1}.header-links a:hover{background-color:#fffaf0;transform:translateY(.15em)}.header-links a:hover:after{transform:translate3d(0,.15em,-1em)}.header-links a:active{transform:translateY(.3em)}.header-links a:active:after{transform:translateZ(-1em)}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:2em 4em 4em;margin:3.5em auto}.hero-section-text>*{opacity:0;transform:translateY(50px)}.hero-section-text{flex:1 1 50%;max-width:650px;padding-right:1em;margin-left:6em}.hero-section-text h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--hero-text-color);margin-bottom:.5em;line-height:1.2}.hero-section-text p{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;margin-bottom:1em;color:var(--hero-text-color)}.button-container{display:block}.main-content-button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;font-family:inherit;font-size:15px;font-weight:600;color:#000;text-transform:uppercase;padding:1.25em 2em;background:#fff;border:3px solid black;border-radius:.75em;transform-style:preserve-3d;transition:background .15s cubic-bezier(0,0,.58,1),transform .15s cubic-bezier(0,0,.58,1)}.main-content-button:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:inherit;box-shadow:0 0 0 2px #000,0 .625em #000;transform:translate3d(0,.75em,-1em);transition:transform .15s cubic-bezier(0,0,.58,1),box-shadow .15s cubic-bezier(0,0,.58,1)}.main-content-button:hover{background:#fff;transform:translateY(.25em)}.main-content-button:hover:before{box-shadow:0 0 0 2px #000,0 .5em #000;transform:translate3d(0,.5em,-1em)}.main-content-button:active{background:#fff;transform:translateY(.75em)}.main-content-button:active:before{box-shadow:0 0 0 2px #000,0 0 #000;transform:translateZ(-1em)}.webgl-container{flex:1 1 40%;max-width:450px;max-height:450px;position:relative;border-radius:15px;min-height:400px;min-width:450px;background-color:#00000005;margin-right:7em;transition:background-color .4s ease,box-shadow .4s ease;background:linear-gradient(135deg,#fdf0d5,#fae8c8);box-shadow:2px 2px #000,10px 10px #000,-2px -2px #0006;opacity:0;transform:scale(.9);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;padding:20px;box-sizing:border-box}.image-container{width:100%;max-width:450px;height:450px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.image-container img{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}#hero-displayImage{border-radius:12px}#hero-loading{position:absolute;color:#7b5d3c;font-size:1.1em;font-weight:700;text-shadow:1px 1px 0px #fff}.controls{width:100%;max-width:450px;padding:0 5px;margin-top:1rem}.slider{width:100%;margin-top:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d4c5b0;height:10px;border-radius:5px;outline:none;border:2px solid #7b5d3c;box-shadow:inset 2px 2px 4px #0000001a;position:relative;transform-origin:center;transition:transform .2s ease}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #7b5d3c;box-shadow:0 2px 6px #0000004d,0 0 10px #7b5d3c66;transition:transform .2s ease}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #7b5d3c;box-shadow:0 2px 6px #0000004d,0 0 10px #7b5d3c66;transition:transform .2s ease;cursor:pointer}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-moz-range-thumb:hover{transform:scale(1.15)}.webgl-container img{max-width:450px;max-height:700px;border-radius:15px}.timeline-text-container{width:100%;max-width:450px;padding:1.5rem 1rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.timeline-year{font-size:clamp(.75rem,1.5vw,.9rem);font-weight:600;color:var(--hero-text-color);text-align:center;opacity:0;transform:translateY(-20px);line-height:1.2;margin-bottom:.5rem;letter-spacing:.5px;text-transform:uppercase;font-family:Poppins,sans-serif}.timeline-text{font-size:clamp(1rem,2vw,1.25rem);font-weight:700;color:var(--hero-text-color);text-align:center;opacity:0;transform:translateY(-20px);line-height:1.5;max-width:100%;margin:0}.frame-counter{font-size:.75rem;font-weight:600;color:var(--hero-text-color);opacity:.6;text-shadow:1px 1px 0px rgba(255,255,255,.8);font-family:Poppins,monospace}.hint{background-color:#4a69bd;color:#fff;font-weight:700;padding:.8em 1.5em;border-radius:12px;border:2px dotted #f5f5f5;position:absolute;bottom:-2.5em;left:50%;transform:translate(-50%);white-space:nowrap;box-shadow:0 4px 12px #0000001a}.webgl{outline:none;width:450px;max-width:450px;height:450px;max-height:450px}.webgl,.layer-viewer{background:transparent!important}.info-graphics-section{position:relative;display:flex;justify-content:center;align-items:center;height:650px;margin:8em auto;max-width:1100px;border-radius:12px;scroll-margin-top:20px;background:radial-gradient(circle,#fefae8,#fef8d8);box-shadow:0 10px 30px #0000001a,inset 0 0 40px #0000000d}.infographic-title{position:absolute;top:.2em;font-size:2rem;font-weight:800;color:#443729;text-shadow:1px 1px 0px #fff;transform:translateY((-50px))}.texture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/paper-BfFFykyi.png);mix-blend-mode:multiply;opacity:1;pointer-events:none;border-radius:inherit}.infographic-icons{position:absolute;top:2em;right:2em;z-index:4}.magnifying-glass{height:3em;width:3em;transition:scale .2s ease-in-out}.magnifying-glass:hover{scale:1.5;cursor:pointer}.magnifying-glass.active{scale:1.1;filter:invert(20%) sepia(80%) saturate(500%) hue-rotate(80deg)}.callouts{position:relative;width:900px;height:600px;top:1.5em}.callout{position:absolute;background-color:#fffaf0;padding:.8em 1.2em;border-radius:12px;box-shadow:3px 3px 8px #5d40371a;border:1px solid #eaddc8;font-size:clamp(.8rem,1.5vw,.9rem);max-width:180px;text-align:center;color:#000;z-index:2}.callout-tl{top:12%;left:5%}.callout-tr1{top:3%;left:50%;transform:translate(-50%)}.callout-tr2{top:12%;right:5%}.callout-lm{top:50%;left:0%;transform:translateY(-50%)}.callout-rm1{top:38%;right:0%}.callout-rm2{top:62%;right:0%}.callout-bl{bottom:10%;left:10%}.callout-bm{bottom:3%;left:50%;transform:translate(-50%)}.callout-br{bottom:10%;right:10%}#xray-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:320px;border-radius:8px;filter:drop-shadow(5px 10px 15px rgba(0,0,0,.15))}#xray-bottom,#xray-top{position:absolute;top:0;left:0;width:100%;height:100%}#xray-top{clip-path:circle(0px at 50% 50%)}#xray-lens{width:150px;height:150px;border-radius:50%;border:3px solid #4cff9a;box-shadow:0 0 25px #4cff9a99;position:fixed;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}#infographic-arrows{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.arrow-path{fill:none;stroke:#000;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:0 10}body:not(.xray-active) #xray-lens{opacity:0!important;transform:translate(-50%,-50%) scale(0)!important;pointer-events:none!important}.soil-explorer-section{padding:3rem 2rem;box-sizing:border-box;color:var(--exp-text-color);font-family:Besley,serif;margin-top:5rem}.explorer-intro{text-align:center;margin-bottom:4rem;max-width:650px;margin-left:auto;margin-right:auto}.explorer-intro h2{font-size:2.25rem;font-family:Winky Sans,sans-serif;color:var(--hero-text-color);margin-bottom:.5rem}.explorer-intro p{font-size:.95rem;line-height:1.6;color:var(--hero-text-color);opacity:.8}.soil-explorer-layout{display:grid;grid-template-columns:45% 55%;max-width:1400px;margin:0 auto;position:relative;gap:2em}.layout-column-visuals{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;gap:2rem}.layout-column-details{padding:25vh 0;display:grid;grid-template-columns:1fr auto;gap:4rem;padding-right:2rem}.depth-scale{position:relative;height:350px;width:120px;font-family:Poppins,sans-serif}.scale-track{position:absolute;left:50%;top:0;width:1px;height:100%;background-color:#000;opacity:.4;transform:translate(-50%)}.scale-labels{list-style:none;margin:0;padding:0;position:absolute;left:0;top:0;width:45%;height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:.8rem;color:var(--exp-text-color);opacity:.7;text-align:right}.scale-labels li{transform:translateY(-50%)}.scale-indicator{position:absolute;left:55%;top:5%;transform:translateY(-50%);display:flex;align-items:center;z-index:5}.scale-indicator:before{content:"◄";color:var(--exp-accent-dark);font-size:1rem;margin-right:5px}.scale-indicator span{font-size:.8rem;font-weight:700;color:var(--exp-accent-dark)}.layer-viewer{width:500px;height:500px;border:2px solid var(--exp-accent-light);background-color:var(--exp-sidebar-grad-start);box-shadow:10px 10px 30px #0000000d,inset 0 0 20px #00000008;border-radius:15px;padding:20px;position:relative;overflow:hidden}.canvas-hint{text-align:center;padding:.8rem 0;font-size:.85rem;color:var(--exp-text-color);opacity:.6;font-style:italic}.layer-viewer-wrapper{display:flex;flex-direction:column;align-items:center}.layer-viewer__content{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;visibility:hidden;transition:opacity .6s ease-in-out;z-index:1}.layer-viewer__content.is-active{opacity:1;visibility:visible}.layer-viewer__content h2{font-size:3.5rem;margin:0}.layer-viewer__content span{font-size:1.3rem;color:var(--exp-text-color);opacity:.8}.scrolling-panels-container{width:100%;max-width:450px;justify-self:center}.info-panel{padding:2rem 0;margin-bottom:45vh}.info-panel h2{font-size:3.5rem;line-height:1.1;font-weight:700;color:var(--exp-text-color);margin-bottom:1.5rem}.info-panel h2:after{content:none}.info-panel .quote{font-style:italic;border-left:3px solid lightcoral;padding-left:1rem;margin:2rem 0;font-size:1.15rem;line-height:1.6;color:var(--exp-text-color);min-height:3em}.info-panel p{margin:25px 0;font-size:.95rem;line-height:1.8;color:var(--exp-text-color);opacity:.9}.info-panel .button-group{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.info-panel .animation-buttons{display:flex;gap:.75rem}.info-panel .btn{font-weight:700;font-size:.9rem;padding:.8em 1.2em;border-radius:10px;transition:transform .1s ease,box-shadow .1s ease,background-color .2s ease,color .2s ease;cursor:pointer;border-width:2px;border-style:solid}.info-panel .btn-anim{flex-grow:1;background:var(--exp-secondary-btn-bg);border-color:var(--exp-secondary-btn-border);color:var(--exp-secondary-btn-text);box-shadow:3px 3px 0 var(--exp-secondary-btn-border)}.info-panel .btn-anim:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--exp-secondary-btn-border)}.info-panel .btn-anim:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--exp-secondary-btn-border)}.info-panel .btn-narrate{background:var(--exp-primary-btn-bg);border-color:var(--exp-primary-btn-bg);color:var(--exp-primary-btn-text);box-shadow:3px 3px 0 var(--exp-accent-dark);width:100%;letter-spacing:1px}.info-panel .btn-narrate:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--exp-accent-dark);filter:brightness(1.1)}.info-panel .btn-narrate:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--exp-accent-dark)}.layer-nav{position:sticky;top:50%;transform:translateY(-50%);height:300px;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.layer-nav a{text-decoration:none;font-size:1.5rem;font-weight:700;color:var(--exp-nav-inactive-color);transition:all .3s ease;position:relative;padding:5px}.layer-nav a.is-active{color:var(--exp-accent-dark);transform:translate(10px)}.layer-nav a.is-active:before{content:"[ ";position:absolute;left:-15px}.layer-nav a.is-active:after{content:" ]";position:absolute;right:-15px}.info-icons-container{display:flex;justify-content:center;gap:1.5rem;margin:1rem 0;padding:1rem 0}.info-icon{position:relative;cursor:pointer;background-color:#00000008;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.info-icon:hover{background-color:#00000014;transform:scale(1.1)}.info-icon img{width:28px;height:28px;fill:var(--exp-text-color);opacity:.7}.info-icon .tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:.5em 1em;border-radius:8px;font-size:.85rem;font-family:Poppins,sans-serif;text-align:center;width:180px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:10;pointer-events:none}.info-icon .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.info-icon:hover .tooltip{opacity:1;visibility:visible}body[data-theme=blueprint] .scale-labels li,body[data-theme=lavender] .scale-labels li{color:#fff!important}body[data-theme=blueprint] .scale-track,body[data-theme=lavender] .scale-track{background-color:#fff}body[data-theme=blueprint] .scale-indicator:before,body[data-theme=lavender] .scale-indicator:before{color:#fff}body[data-theme=blueprint] .scale-indicator span,body[data-theme=lavender] .scale-indicator span{color:#fff}body[data-theme=blueprint] .info-icon,body[data-theme=lavender] .info-icon{background:#fff!important;border-radius:50%}body[data-theme=blueprint] .info-icon img,body[data-theme=lavender] .info-icon img{filter:none}body[data-theme=blueprint] .canvas-hint,body[data-theme=lavender] .canvas-hint{color:#fff}.ecosystem-section{position:relative;width:100vw;height:100vh;background-color:var(--body-bg-color);overflow:hidden;scroll-snap-align:start;scroll-margin-top:0}.ecosystem-page-title{position:absolute;bottom:5rem;left:3rem;text-align:left;pointer-events:none;z-index:10}.ecosystem-page-title h1{font-family:Winky Sans,system-ui;font-size:3.5rem;margin:0;color:#2c1810;text-shadow:0 4px 0 rgba(255,255,255,.8)}.ecosystem-page-subtitle{position:absolute;top:2rem;left:0;right:0;text-align:center;pointer-events:none;z-index:10;padding-right:8rem}.ecosystem-subtitle{font-size:.9rem;color:#5d4037;background:#ffffffb3;display:inline-block;padding:.3rem 1rem;border-radius:15px}.ecosystem-legend{position:absolute;top:2rem!important;left:3rem;background:#fffffff2;padding:1.5rem;border-radius:20px;box-shadow:0 10px 30px #2c181014;z-index:20;pointer-events:auto;border:1px solid rgba(44,24,16,.05)}.ecosystem-legend-title{font-weight:700;margin-bottom:1rem;text-transform:uppercase;font-size:.75rem;letter-spacing:1.5px;color:#8d6e63}.ecosystem-legend-item{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;cursor:pointer;padding:.5rem .8rem;border-radius:12px;transition:all .2s;border:1px solid transparent}.ecosystem-legend-item:hover{background:#2c18100a}.ecosystem-legend-item.active{background:#fff;box-shadow:0 2px 10px #00000014}.ecosystem-legend-circle{width:14px;height:14px;border-radius:50%;box-shadow:0 1px 3px #0003}#ecosystem-graph-container{position:absolute;top:0;left:0;width:100%;height:100%;cursor:grab;z-index:5}#ecosystem-graph-container:active{cursor:grabbing}.ecosystem-side-panel{position:absolute;top:1.5rem;right:2rem;bottom:1.5rem;width:380px!important;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid #2c1810;border-radius:24px;box-shadow:8px 8px #2c1810;transform:translate(130%);transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:50;display:flex;flex-direction:column;overflow:hidden}.ecosystem-side-panel.open{transform:translate(0)}.ecosystem-panel-header{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center!important;gap:.5rem!important;border-bottom:2px solid #2c1810;background:#ffe500}.ecosystem-panel-header span{font-size:1rem!important}.ecosystem-panel-close{position:absolute!important;right:1rem!important;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #2c1810;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#2c1810;transition:all .2s}.ecosystem-panel-close:hover{background:#2c1810;color:#fff}.ecosystem-panel-content{padding:1.5rem!important;overflow-y:auto;flex-grow:1}.ecosystem-info-section{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:2px dashed #ccc}.ecosystem-info-section img{width:45px;height:45px;flex-shrink:0}.ecosystem-info-header{flex:1;text-align:left}.ecosystem-info-section h2{font-family:Winky Sans,system-ui;font-size:1.5rem!important;margin:0 0 .1rem;color:#2c1810;line-height:1.2}.ecosystem-group-label{text-transform:uppercase;font-size:.7rem!important;letter-spacing:2px;color:#888;font-weight:700;margin-bottom:.3rem}.ecosystem-info-section p{font-size:.9rem!important;line-height:1.5!important;color:#555;text-align:left;margin:.5rem 0 0}.ecosystem-stats-section{margin-bottom:1.2rem}.ecosystem-stats-title{font-size:.75rem!important;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-bottom:.8rem}.ecosystem-stats-circles{display:flex;justify-content:space-around;gap:.5rem}.ecosystem-stat-circle-container{display:flex;flex-direction:column;align-items:center;gap:.3rem}.ecosystem-stat-circle-label{font-size:.8rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#444}.ecosystem-stat-circle-hint{font-size:.7rem!important;color:#666;max-width:80px;text-align:center;line-height:1.3}.ecosystem-fact-card{background:#fff8e7;border:2px solid #2c1810;border-radius:12px;padding:1rem;margin-bottom:1.2rem;box-shadow:4px 4px #c9a86c}.ecosystem-fact-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.ecosystem-fact-icon{font-size:.9rem}.ecosystem-fact-title{font-size:.75rem!important;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#2c1810}.ecosystem-fact-text{font-size:.9rem!important;line-height:1.6!important;color:#2c1810;margin:0}.ecosystem-connections-section{margin-top:1rem}.ecosystem-connections-title{font-size:.7rem!important;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:.4rem}.ecosystem-connection-pills{display:flex;flex-wrap:wrap;gap:.3rem}.ecosystem-connection-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .6rem!important;background:#fff;border:1.5px solid #2c1810;border-radius:20px;font-size:.75rem!important;font-weight:600;color:#2c1810;box-shadow:2px 2px #2c1810}.ecosystem-connection-pill img{width:12px;height:12px}.ecosystem-panel-footer{background:#f5f5f0;padding:1rem;text-align:center;color:#555;font-size:.8rem!important;font-weight:500;border-top:none!important;margin-top:.5rem!important;padding-top:.5rem!important}.ecosystem-link{stroke:#8d6e63!important;stroke-width:2px!important;stroke-opacity:.4!important;fill:none}.ecosystem-link.active{stroke-opacity:1!important;stroke-width:3px!important}.ecosystem-link-particle{fill:#ffb300;filter:drop-shadow(0 0 2px #ff6f00);pointer-events:none}.ecosystem-node-group{cursor:pointer;transition:opacity .4s ease-out}.ecosystem-node-circle{fill:#fff;stroke-width:3px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.05))}.ecosystem-node-label{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;fill:#2c1810;text-anchor:middle;pointer-events:none;text-shadow:0 2px 0 white;opacity:.8}.ecosystem-pulse-ring{fill:none;stroke-width:2px;opacity:0;pointer-events:none}body.ecosystem-dimmed-mode .ecosystem-node-group{opacity:.15}body.ecosystem-dimmed-mode .ecosystem-link{opacity:.08}body.ecosystem-dimmed-mode .ecosystem-link-particle{opacity:.05}body.ecosystem-dimmed-mode .ecosystem-node-group.active{opacity:1}body.ecosystem-dimmed-mode .ecosystem-link.active{opacity:1;stroke-width:2.5px}.ecosystem-zoom-hint{position:absolute;top:2rem;left:50%;transform:translate(-60%);bottom:auto!important;background:#fffffff2;padding:.6rem 1.2rem;border-radius:25px;border:2px solid #2c1810;box-shadow:4px 4px #2c1810;z-index:15;font-size:.85rem;color:#2c1810;font-weight:500}.ecosystem-zoom-hint kbd{background:#f0f0f0;padding:.2rem .5rem;border-radius:4px;border:1px solid #ccc;font-family:monospace;font-weight:700}.ecosystem-zoom-controls{position:absolute;top:auto!important;bottom:10rem!important;left:3rem!important;right:auto!important;display:flex;flex-direction:row!important;gap:.5rem;z-index:25}.zoom-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #2c1810;font-size:1.5rem;font-weight:700;color:#2c1810;cursor:pointer;box-shadow:3px 3px #2c1810;transition:all .15s ease;display:flex;align-items:center;justify-content:center;line-height:1}.zoom-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #2c1810}.zoom-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #2c1810}.ecosystem-actions-section{background-color:var(--body-bg-color);padding:4rem 2rem 3rem;text-align:center}.ecosystem-actions-container{max-width:800px;margin:0 auto}.ecosystem-actions-container h2{font-family:Winky Sans,system-ui;font-size:2.5rem;color:#2c1810;margin-bottom:1rem}.ecosystem-actions-container p{font-size:1.1rem;color:#5d4037;margin-bottom:3rem}.ecosystem-buttons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.ecosystem-action-btn{background:#fff;border:3px solid #2c1810;border-radius:16px;padding:1.5rem 2.5rem;font-size:1.2rem;font-weight:700;color:#2c1810;cursor:pointer;box-shadow:6px 6px #2c1810;transition:all .2s ease;font-family:Poppins,sans-serif}.ecosystem-action-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #2c1810}.ecosystem-action-btn:active{transform:translate(3px,3px);box-shadow:3px 3px #2c1810}.confetti-icon{width:40px;height:40px;vertical-align:middle;margin-left:.25rem}.fun-facts-container{margin-top:1.5rem;padding:1rem 1.5rem;background:#2c18100d;border-radius:12px;max-width:550px;margin-left:auto;margin-right:auto;text-align:center}.fun-fact{font-size:.85rem;color:#5d4037;margin:.4rem 0;line-height:1.5}.fun-fact strong{color:#2c1810;font-weight:700}.credits-section{background:linear-gradient(180deg,var(--body-bg-color) 0%,#f5ead6 100%);padding:.5rem 2rem 6rem;text-align:center}.credits-container{max-width:1000px;margin:0 auto}.credits-header{margin-bottom:3rem}.credits-header h2{font-family:Winky Sans,system-ui;font-size:3rem;color:#2c1810;margin-bottom:.75rem}.credits-subtitle{font-size:1.15rem;color:#5d4037;max-width:600px;margin:0 auto;line-height:1.6}.credits-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:3rem}.credit-card{background:#fff;border:3px solid #2c1810;border-radius:20px;padding:1.5rem;text-decoration:none;box-shadow:6px 6px #c9a86c;transition:all .25s ease;display:flex;align-items:center;gap:1.25rem;text-align:left;width:calc(33.333% - 1rem);min-width:300px;max-width:350px}.credit-card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px #c9a86c;background:#fffdf8}.credit-card:active{transform:translate(2px,2px);box-shadow:4px 4px #c9a86c}.credit-icon-wrapper{flex-shrink:0;width:90px;height:90px;background:#f8f4e9;border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid #e0d5c5}.credit-icon-wrapper img{width:65px;height:65px;object-fit:contain}.credit-info h3{font-family:Winky Sans,system-ui;font-size:1.25rem;color:#2c1810;margin:0 0 .3rem}.credit-info p{font-size:.9rem;color:#5d4037;line-height:1.5;margin:0}.credits-footer{padding-top:2rem;border-top:2px dashed #c9a86c}.credits-message{font-size:1rem;color:#5d4037;font-style:italic;margin-bottom:.5rem}.credits-signature{font-family:Winky Sans,system-ui;font-size:1.1rem;background:#2c1810;color:#fff;font-weight:600;text-decoration:none;display:inline-block;padding:.6rem 1.2rem;border-radius:10px;border:2px solid #2c1810;box-shadow:4px 4px #c9a86c;transition:all .15s ease;margin-top:1rem;margin-bottom:1.5rem}.credits-signature:hover{background:#ff6b6b;border-color:#ff6b6b;transform:translate(-2px,-2px);box-shadow:6px 6px #2c1810}.credits-signature:active{transform:translate(2px,2px);box-shadow:2px 2px #c9a86c}.credits-social{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}.credits-social-label{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.credits-social-links{display:flex;gap:1rem}.social-link{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #2c1810;display:flex;align-items:center;justify-content:center;color:#2c1810;text-decoration:none;box-shadow:3px 3px #2c1810;transition:all .2s ease}.social-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #2c1810}.social-link.social-x:hover{background:#000;color:#fff;border-color:#000}.social-link.social-insta:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-color:#dc2743}body[data-theme=blueprint] .credits-section,body[data-theme=lavender] .credits-section{background:linear-gradient(180deg,var(--body-bg-color) 0%,rgba(0,0,0,.3) 100%)}body[data-theme=blueprint] .credits-header h2,body[data-theme=lavender] .credits-header h2{color:#fff}body[data-theme=blueprint] .credits-subtitle,body[data-theme=lavender] .credits-subtitle{color:#fffc}body[data-theme=blueprint] .credit-card,body[data-theme=lavender] .credit-card{background:#fffffff2}body[data-theme=blueprint] .credits-footer,body[data-theme=lavender] .credits-footer{border-color:#ffffff4d}body[data-theme=blueprint] .credits-message,body[data-theme=lavender] .credits-message{color:#ffffffb3}body[data-theme=blueprint] .credits-signature,body[data-theme=lavender] .credits-signature{background:#fff;color:#2c1810;border-color:#fff;box-shadow:4px 4px #ffffff4d}body[data-theme=blueprint] .credits-signature:hover,body[data-theme=lavender] .credits-signature:hover{background:#ff6b6b;color:#fff;border-color:#ff6b6b;box-shadow:6px 6px #fff6}body[data-theme=blueprint] .social-link,body[data-theme=lavender] .social-link{background:#fff;border-color:#fff;box-shadow:3px 3px #ffffff4d}body[data-theme=blueprint] .ecosystem-section,body[data-theme=lavender] .ecosystem-section{background-color:var(--body-bg-color)}body[data-theme=blueprint] .ecosystem-page-title h1,body[data-theme=lavender] .ecosystem-page-title h1{color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.3)}body[data-theme=blueprint] .ecosystem-zoom-hint,body[data-theme=lavender] .ecosystem-zoom-hint{background:#000000b3;color:#fff;border-color:#fff;box-shadow:4px 4px #ffffff4d}body[data-theme=blueprint] .ecosystem-zoom-hint kbd,body[data-theme=lavender] .ecosystem-zoom-hint kbd{background:#fff3;border-color:#fff6;color:#fff}body[data-theme=blueprint] .zoom-btn,body[data-theme=lavender] .zoom-btn{background:#ffffffe6;border-color:#fff;box-shadow:3px 3px #ffffff4d}body[data-theme=blueprint] .ecosystem-actions-section,body[data-theme=lavender] .ecosystem-actions-section{background-color:var(--body-bg-color)}body[data-theme=blueprint] .ecosystem-actions-container h2,body[data-theme=lavender] .ecosystem-actions-container h2{color:#fff}body[data-theme=blueprint] .ecosystem-actions-container p,body[data-theme=lavender] .ecosystem-actions-container p{color:#fffc}body[data-theme=blueprint] .ecosystem-action-btn,body[data-theme=lavender] .ecosystem-action-btn{background:#fffffff2}body[data-theme=blueprint] .ecosystem-node-label,body[data-theme=lavender] .ecosystem-node-label{fill:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}body[data-theme=blueprint] .timeline-year,body[data-theme=blueprint] .timeline-text,body[data-theme=lavender] .timeline-year,body[data-theme=lavender] .timeline-text{color:#000!important}body[data-theme=blueprint] .ecosystem-link,body[data-theme=lavender] .ecosystem-link{stroke:#fff9!important;stroke-opacity:1!important}body[data-theme=blueprint] .ecosystem-link.active,body[data-theme=lavender] .ecosystem-link.active{stroke:#ffe500!important;stroke-width:3px!important}body[data-theme=blueprint] .ecosystem-link-particle,body[data-theme=lavender] .ecosystem-link-particle{fill:#ffe500!important}body[data-theme=blueprint] .fun-fact,body[data-theme=lavender] .fun-fact{color:#ffffffd9}body[data-theme=blueprint] .fun-fact strong,body[data-theme=lavender] .fun-fact strong{color:#fff}body[data-theme=blueprint] .credits-social-label,body[data-theme=lavender] .credits-social-label{color:#ffffffb3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;display:none}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000}.congratulation-screen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--body-bg-color, #fefae8);height:auto;min-height:420px;width:550px;max-width:90vw;padding:2.5rem 3rem;border-radius:20px;border:3px solid #2c1810;box-shadow:8px 8px #c9a86c,0 25px 60px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;text-align:center;overflow:visible;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.8);transition:opacity .4s ease,transform .4s cubic-bezier(.175,.885,.32,1.275)}.congratulation-screen:before{content:"";position:absolute;top:-30px;left:-50px;width:120px;height:120px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20height='800px'%20width='800px'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20366.636%20366.636'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpolygon%20style='fill:%23FFB819;'%20points='7.261,366.636%20230.796,262.472%20109.313,142.129%20'/%3e%3ccircle%20style='fill:%23FFD26C;'%20cx='139.46'%20cy='232.5'%20r='27.121'/%3e%3cpath%20style='fill:%23FFD26C;'%20d='M64.791,240.073c7.507,0.439,15.158-2.219,20.866-7.982c10.454-10.552,10.455-27.525,0.076-38.087%20L64.791,240.073z'/%3e%3cpath%20style='fill:%23FFD26C;'%20d='M34.985,337.966c-5.319,5.371-7.93,12.403-7.847,19.408l44.797-20.876%20C61.238,327.277,45.076,327.78,34.985,337.966z'/%3e%3cpath%20style='fill:%23FFD26C;'%20d='M142.845,283.129c-6.434,6.495-8.903,15.423-7.436,23.792l47.484-22.127%20c-0.534-0.634-1.093-1.252-1.693-1.846C170.559,272.407,153.387,272.488,142.845,283.129z'/%3e%3ccircle%20style='fill:%23FFD26C;'%20cx='77.177'%20cy='286.451'%20r='27.121'/%3e%3cpolygon%20style='fill:%23004D7A;'%20points='96.306,170.743%20202.305,275.748%20230.796,262.472%20109.313,142.129%20'/%3e%3c/g%3e%3ccircle%20style='fill:%2300BCB4;'%20cx='135'%20cy='86.679'%20r='18.497'/%3e%3ccircle%20style='fill:%2300BCB4;'%20cx='276.53'%20cy='235.558'%20r='18.497'/%3e%3ccircle%20style='fill:%23FFB819;'%20cx='316.74'%20cy='153.038'%20r='18.497'/%3e%3ccircle%20style='fill:%23FFB819;'%20cx='176.102'%20cy='18.497'%20r='18.497'/%3e%3ccircle%20style='fill:%23D85C72;'%20cx='228.315'%20cy='181.419'%20r='18.497'/%3e%3ccircle%20style='fill:%23D85C72;'%20cx='239.536'%20cy='74.687'%20r='18.497'/%3e%3ccircle%20style='fill:%23D85C72;'%20cx='334.385'%20cy='83.179'%20r='18.497'/%3e%3cpath%20style='fill:%2300BCB4;'%20d='M133.624,143.693c-3.767,0-6.819-3.053-6.819-6.819c0-3.766,3.052-6.819,6.819-6.819%20c25.377,0,46.024-20.646,46.024-46.024c0-32.898,26.764-59.662,59.662-59.662c32.897,0,59.661,26.764,59.661,59.662%20c0,3.766-3.053,6.818-6.818,6.818c-3.765,0-6.818-3.052-6.818-6.818c0-25.378-20.647-46.024-46.024-46.024%20c-25.378,0-46.024,20.646-46.024,46.024C193.285,116.929,166.52,143.693,133.624,143.693z'/%3e%3cpath%20style='fill:%23FFB819;'%20d='M312.259,210.037c-25.978,0-47.115-21.136-47.115-47.115c0-18.459-15.019-33.479-33.478-33.479%20c-18.46,0-33.479,15.019-33.479,33.479c0,3.766-3.053,6.818-6.817,6.818c-3.767,0-6.819-3.052-6.819-6.818%20c0-25.979,21.136-47.115,47.115-47.115c25.979,0,47.115,21.136,47.115,47.115c0,18.46,15.018,33.478,33.478,33.478%20s33.478-15.018,33.478-33.478c0-3.766,3.054-6.818,6.82-6.818c3.764,0,6.817,3.052,6.817,6.818%20C359.375,188.901,338.239,210.037,312.259,210.037z'/%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;transform:rotate(-15deg);animation:confetti-bounce 2s ease-in-out infinite;pointer-events:none}.congratulation-screen:after{content:"";position:absolute;top:-30px;right:-50px;width:120px;height:120px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20height='800px'%20width='800px'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20366.636%20366.636'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpolygon%20style='fill:%23FFB819;'%20points='7.261,366.636%20230.796,262.472%20109.313,142.129%20'/%3e%3ccircle%20style='fill:%23FFD26C;'%20cx='139.46'%20cy='232.5'%20r='27.121'/%3e%3cpath%20style='fill:%23FFD26C;'%20d='M64.791,240.073c7.507,0.439,15.158-2.219,20.866-7.982c10.454-10.552,10.455-27.525,0.076-38.087%20L64.791,240.073z'/%3e%3cpath%20style='fill:%23FFD26C;'%20d='M34.985,337.966c-5.319,5.371-7.93,12.403-7.847,19.408l44.797-20.876%20C61.238,327.277,45.076,327.78,34.985,337.966z'/%3e%3cpath%20style='fill:%23FFD26C;'%20d='M142.845,283.129c-6.434,6.495-8.903,15.423-7.436,23.792l47.484-22.127%20c-0.534-0.634-1.093-1.252-1.693-1.846C170.559,272.407,153.387,272.488,142.845,283.129z'/%3e%3ccircle%20style='fill:%23FFD26C;'%20cx='77.177'%20cy='286.451'%20r='27.121'/%3e%3cpolygon%20style='fill:%23004D7A;'%20points='96.306,170.743%20202.305,275.748%20230.796,262.472%20109.313,142.129%20'/%3e%3c/g%3e%3ccircle%20style='fill:%2300BCB4;'%20cx='135'%20cy='86.679'%20r='18.497'/%3e%3ccircle%20style='fill:%2300BCB4;'%20cx='276.53'%20cy='235.558'%20r='18.497'/%3e%3ccircle%20style='fill:%23FFB819;'%20cx='316.74'%20cy='153.038'%20r='18.497'/%3e%3ccircle%20style='fill:%23FFB819;'%20cx='176.102'%20cy='18.497'%20r='18.497'/%3e%3ccircle%20style='fill:%23D85C72;'%20cx='228.315'%20cy='181.419'%20r='18.497'/%3e%3ccircle%20style='fill:%23D85C72;'%20cx='239.536'%20cy='74.687'%20r='18.497'/%3e%3ccircle%20style='fill:%23D85C72;'%20cx='334.385'%20cy='83.179'%20r='18.497'/%3e%3cpath%20style='fill:%2300BCB4;'%20d='M133.624,143.693c-3.767,0-6.819-3.053-6.819-6.819c0-3.766,3.052-6.819,6.819-6.819%20c25.377,0,46.024-20.646,46.024-46.024c0-32.898,26.764-59.662,59.662-59.662c32.897,0,59.661,26.764,59.661,59.662%20c0,3.766-3.053,6.818-6.818,6.818c-3.765,0-6.818-3.052-6.818-6.818c0-25.378-20.647-46.024-46.024-46.024%20c-25.378,0-46.024,20.646-46.024,46.024C193.285,116.929,166.52,143.693,133.624,143.693z'/%3e%3cpath%20style='fill:%23FFB819;'%20d='M312.259,210.037c-25.978,0-47.115-21.136-47.115-47.115c0-18.459-15.019-33.479-33.478-33.479%20c-18.46,0-33.479,15.019-33.479,33.479c0,3.766-3.053,6.818-6.817,6.818c-3.767,0-6.819-3.052-6.819-6.818%20c0-25.979,21.136-47.115,47.115-47.115c25.979,0,47.115,21.136,47.115,47.115c0,18.46,15.018,33.478,33.478,33.478%20s33.478-15.018,33.478-33.478c0-3.766,3.054-6.818,6.82-6.818c3.764,0,6.817,3.052,6.817,6.818%20C359.375,188.901,338.239,210.037,312.259,210.037z'/%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;transform:scaleX(-1) rotate(-15deg);animation:confetti-bounce-right 2s ease-in-out .3s infinite;pointer-events:none}@keyframes confetti-bounce{0%,to{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-15deg) translateY(-10px)}}@keyframes confetti-bounce-right{0%,to{transform:scaleX(-1) rotate(-15deg) translateY(0)}50%{transform:scaleX(-1) rotate(-15deg) translateY(-10px)}}.congratulation-screen h1{font-family:Winky Sans,system-ui;font-size:clamp(2rem,5vw,2.8rem);color:var(--hero-text-color, #443729);margin:0 0 .5rem;position:relative;z-index:1}.congratulation-screen>p{font-size:1.1rem;color:var(--hero-text-color, #443729);margin:.5rem 0;position:relative;z-index:1}.close-button{position:absolute;top:15px;right:15px;cursor:pointer;width:40px;height:40px;background-color:#fffc;border:2px solid #2c1810;border-radius:50%;color:#2c1810;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.close-button:hover{background-color:#2c1810;color:#fff;transform:scale(1.1)}.congratulation-screen.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.congrats-subtitle{font-size:.95rem;color:var(--hero-text-color, #666);opacity:.85;margin-top:.5rem;margin-bottom:1.5rem;position:relative;z-index:1}.congrats-actions{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem;position:relative;z-index:1}.congrats-link{display:block;background:#fff8e7;border:2px solid #2c1810;border-radius:12px;padding:.9rem 1.8rem;font-size:1rem;font-weight:600;color:#2c1810;text-decoration:none;box-shadow:3px 3px #c9a86c;transition:all .2s ease}.congrats-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #c9a86c;background:#fff}.congrats-link:active{transform:translate(1px,1px);box-shadow:2px 2px #c9a86c}body[data-theme=blueprint] .congratulation-screen,body[data-theme=lavender] .congratulation-screen{border-color:#fff;box-shadow:8px 8px #ffffff4d,0 25px 60px #0000004d}body[data-theme=blueprint] .close-button,body[data-theme=lavender] .close-button{background:#fff3;border-color:#fff;color:#fff}body[data-theme=blueprint] .close-button:hover,body[data-theme=lavender] .close-button:hover{background:#fff;color:#2c1810}body[data-theme=blueprint] .congrats-link,body[data-theme=lavender] .congrats-link{background:#fffffff2;border-color:#fff;box-shadow:3px 3px #fff6}body.is-journal-open{overflow:hidden}.journal-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;opacity:0;pointer-events:none;transition:opacity .4s ease}.journal-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:10001;width:90vw;max-width:650px;max-height:90vh;aspect-ratio:9 / 12;background-color:#fdfaf2;border-radius:10px;box-shadow:0 15px 40px #0003,0 0 0 1px #0000001a;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.journal-modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/paper-BfFFykyi.png);mix-blend-mode:multiply;opacity:.7;pointer-events:none;z-index:-1}.journal-modal-overlay.is-visible,.journal-modal.is-visible{opacity:1;pointer-events:auto}.journal-modal.is-visible{transform:translate(-50%,-50%) scale(1)}.journal-close-button{position:absolute;top:15px;right:15px;background:transparent;border:none;border-radius:50%;width:44px;height:44px;font-size:32px;line-height:44px;font-weight:300;color:#555;cursor:pointer;transition:transform .2s ease,background-color .2s ease;z-index:10}.journal-close-button:hover{background-color:#00000014;transform:scale(1.1)}.journal-content{padding:70px 40px 30px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem;overflow-y:auto}.journal-title{text-align:center;font-family:Winky Sans,sans-serif;font-size:clamp(1.5rem,4vw,2.2rem);color:#4a3f35;margin-bottom:1rem}.journal-entry{display:flex;align-items:flex-start;gap:15px;padding-bottom:10px;border-bottom:1px solid rgba(139,94,60,.1)}.journal-entry:last-child{border-bottom:none}.journal-entry__icon{flex-shrink:0;width:40px;height:40px;background-color:#f5ead6;border-radius:8px;padding:5px;box-shadow:0 2px 4px #0000000d}.journal-entry__text h3{font-family:Winky Sans,sans-serif;font-size:clamp(1rem,2.5vw,1.2rem);color:#5a4e3c;margin:0 0 5px}.journal-entry__text p{font-family:Poppins,sans-serif;font-size:clamp(.8rem,2vw,.9rem);color:#6b5e51;line-height:1.5;margin:0 0 10px;font-style:italic}.journal-placeholder{text-align:center;font-style:italic;color:#888;padding:2rem}.journal-notes-input{width:100%;border:1px dashed rgba(89,71,59,.3);border-radius:5px;background-color:#f5ead64d;padding:8px;font-family:Poppins,sans-serif;font-style:italic;font-size:.85rem;color:#59473b;resize:vertical;min-height:50px;outline:none;transition:border-color .2s ease,background-color .2s ease}.journal-notes-input:focus{border-style:solid;border-color:#59473b99;background-color:#f5ead699}.journal-content::-webkit-scrollbar{width:8px}.journal-content::-webkit-scrollbar-track{background:transparent}.journal-content::-webkit-scrollbar-thumb{background-color:#c8bca8;border-radius:10px;border:2px solid #fdfaf2}.journal-content::-webkit-scrollbar-thumb:hover{background-color:#b3a691}.stats-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}.stats-modal-overlay.visible{opacity:1;visibility:visible}.stats-modal{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:95%;max-width:1100px;max-height:85vh!important;background:#fefae8!important;border-radius:24px;box-shadow:0 25px 80px #0000004d;z-index:9999;padding:1.5rem 2rem 2rem!important;display:flex;flex-direction:column;gap:1rem!important;opacity:0;visibility:hidden;transition:all .3s ease;overflow:hidden!important}.stats-modal.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%)!important}.stats-close-button{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#fffc;border:2px solid #2c1810;font-size:1.5rem;color:#2c1810;cursor:pointer;z-index:10;transition:all .2s}.stats-close-button:hover{background:#2c1810;color:#fff}#confetti-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.stats-header{text-align:center;position:relative;z-index:2;padding-bottom:.5rem}.stats-header h1{font-family:Winky Sans,system-ui;font-size:clamp(1.8rem,3.5vw,2.5rem)!important;color:#000!important;-webkit-text-fill-color:#000000!important;background:none!important;text-shadow:none!important;font-weight:700!important;margin:0;margin-bottom:.25rem}.stats-subtitle{font-size:1rem;color:#000000b3!important;font-weight:500!important;margin-top:.3rem}.stats-bento-grid{display:grid;grid-template-columns:240px 1fr 240px;gap:1rem!important;flex:1;min-height:300px;position:relative;z-index:2;margin-bottom:1rem!important;overflow:visible!important}.stats-card{background:#fffc!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(44,24,16,.15)!important;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff80,0 10px 30px -5px #0000000d;padding:1.5rem;display:flex;flex-direction:column}.stats-col-left{gap:1rem;justify-content:space-between}.stats-stat-row{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fff9!important;border-radius:16px;padding:1rem}.stats-stat-value{font-family:Winky Sans,system-ui;font-size:clamp(2rem,3.5vw,2.8rem);color:#ff6b6b!important;line-height:1}.stats-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#5d4037!important;font-weight:600;margin-top:.25rem}.stats-col-center{justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#ffffffe6,#fff9)!important}.stats-rank-label{text-transform:uppercase;letter-spacing:2px;font-size:.8rem;color:#999!important;margin-bottom:1.5rem;font-weight:700}.stats-badge-visual{width:clamp(140px,20vw,200px);height:clamp(140px,20vw,200px);background:#fff!important;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;box-shadow:0 15px 30px #00000026,inset 0 0 0 6px #f0ebd8,inset 0 0 0 8px #d4c5a0!important}.stats-badge-visual:before{content:"";position:absolute;width:130%;height:130%;border:2px dashed rgba(44,24,16,.1);border-radius:50%;animation:stats-spin 30s linear infinite}@keyframes stats-spin{to{transform:rotate(360deg)}}.stats-rank-icon{font-size:4rem;color:#00ff7f!important}.stats-rank-name{font-family:Winky Sans,system-ui;font-size:clamp(1.5rem,3vw,2rem);color:#2c1810!important;margin-bottom:.5rem}.stats-rank-desc{font-size:.9rem;color:#5d4037!important;font-style:italic;max-width:90%;line-height:1.4;margin:0}.stats-col-right{background:#ffffffb3!important;border-top:5px solid #ff6b6b}.stats-impact-header{font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:1px;color:#5d4037!important;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.stats-impact-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.stats-impact-fact{font-size:1rem;line-height:1.6;color:#2c1810!important;margin:0}.stats-highlight{font-weight:700;color:gold!important;background:#ffd70033!important;padding:0 4px;border-radius:4px}.stats-did-you-know{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05);font-size:.75rem;color:#888!important}.stats-actions-bar{display:flex!important;justify-content:center!important;gap:1.5rem!important;flex-wrap:wrap!important;padding-top:1rem!important;margin-top:auto;flex-shrink:0;border-top:1px solid rgba(0,0,0,.05);position:relative;z-index:2}.stats-btn{padding:.7rem 1.2rem!important;border-radius:12px;border:none;font-family:Poppins,sans-serif;font-weight:600;font-size:.85rem!important;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;flex-shrink:0!important;min-width:150px!important}.stats-btn-primary{background:#2c1810!important;color:#fff!important;border:2px solid #2c1810!important;box-shadow:0 4px 12px #2c181033}.stats-btn-primary:hover{transform:translateY(-2px);background:#4a2c20}.stats-btn-secondary{background:#fffc!important;color:#2c1810!important;border:2px solid #2c1810!important}.stats-btn-secondary:hover{background:#fff;transform:translateY(-2px)}body[data-theme=sun] .stats-modal{background:#fec54f!important}body[data-theme=sun] .stats-header h1{color:#000!important;-webkit-text-fill-color:#000000!important}body[data-theme=sun] .stats-subtitle{color:#000000bf!important}body[data-theme=sun] .stats-card{background:#fff9!important;border-color:#00000026!important}body[data-theme=sun] .stats-stat-label,body[data-theme=sun] .stats-impact-header,body[data-theme=sun] .stats-rank-desc{color:#000000b3!important}body[data-theme=sun] .stats-rank-name,body[data-theme=sun] .stats-impact-fact{color:#000!important}body[data-theme=blueprint] .stats-modal{background:#222831!important}body[data-theme=blueprint] .stats-header h1,body[data-theme=lavender] .stats-header h1{color:#000!important;-webkit-text-fill-color:#000000!important}body[data-theme=blueprint] .stats-subtitle,body[data-theme=lavender] .stats-subtitle{color:#000000a6!important}body[data-theme=blueprint] .stats-card,body[data-theme=lavender] .stats-card{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important}body[data-theme=blueprint] .stats-stat-row,body[data-theme=lavender] .stats-stat-row{background:#ffffff14!important}body[data-theme=blueprint] .stats-stat-label,body[data-theme=lavender] .stats-stat-label{color:#fffc!important}body[data-theme=blueprint] .stats-rank-label,body[data-theme=lavender] .stats-rank-label{color:#ffffff80!important}body[data-theme=blueprint] .stats-rank-name,body[data-theme=lavender] .stats-rank-name{color:#fff!important}body[data-theme=blueprint] .stats-rank-desc,body[data-theme=lavender] .stats-rank-desc{color:#ffffffbf!important}body[data-theme=blueprint] .stats-col-center,body[data-theme=lavender] .stats-col-center{background:linear-gradient(135deg,#ffffff26,#ffffff14)!important}body[data-theme=blueprint] .stats-badge-visual,body[data-theme=lavender] .stats-badge-visual{background:#fffffff2!important}body[data-theme=blueprint] .stats-col-right,body[data-theme=lavender] .stats-col-right{background:#ffffff1f!important}body[data-theme=blueprint] .stats-impact-header,body[data-theme=lavender] .stats-impact-header{color:#ffffffbf!important}body[data-theme=blueprint] .stats-impact-fact,body[data-theme=lavender] .stats-impact-fact{color:#fff!important}body[data-theme=blueprint] .stats-highlight,body[data-theme=lavender] .stats-highlight{color:#ffe600!important;background:#ffe60040!important}body[data-theme=blueprint] .stats-did-you-know,body[data-theme=lavender] .stats-did-you-know{color:#ffffff80!important;border-top-color:#ffffff26!important}body[data-theme=blueprint] .stats-close-button,body[data-theme=lavender] .stats-close-button{background:#fff3;border-color:#fff;color:#fff}body[data-theme=blueprint] .stats-btn-primary,body[data-theme=lavender] .stats-btn-primary{background:#fff!important;color:#2c1810!important;border:2px solid #ffffff!important}body[data-theme=blueprint] .stats-btn-secondary,body[data-theme=lavender] .stats-btn-secondary{background:#ffffff26!important;color:#fff!important;border:2px solid rgba(255,255,255,.5)!important}body[data-theme=peach] .stats-modal{background:#f7d8c4!important}body[data-theme=peach] .stats-header h1{color:#000!important;-webkit-text-fill-color:#000000!important}body[data-theme=peach] .stats-subtitle{color:#000000bf!important}body[data-theme=peach] .stats-card{background:#fff9!important;border-color:#00000026!important}body[data-theme=peach] .stats-stat-label,body[data-theme=peach] .stats-impact-header,body[data-theme=peach] .stats-rank-desc{color:#000000b3!important}body[data-theme=peach] .stats-rank-name,body[data-theme=peach] .stats-impact-fact{color:#000!important}body[data-theme=lavender] .stats-modal{background:#9929ea!important}body[data-theme=lavender] .stats-stat-value{color:#fff8dc!important}body[data-theme=blueprint] .journal-modal,body[data-theme=lavender] .journal-modal{background:var(--body-bg-color);border-color:#ffffff4d}body[data-theme=blueprint] .journal-title,body[data-theme=lavender] .journal-title{color:#fff!important}body[data-theme=blueprint] .journal-entry,body[data-theme=lavender] .journal-entry{background:#ffffff1a;border-color:#fff3}body[data-theme=blueprint] .journal-entry h3,body[data-theme=lavender] .journal-entry h3{color:#fff!important}body[data-theme=blueprint] .journal-entry p,body[data-theme=blueprint] .journal-summary,body[data-theme=lavender] .journal-entry p,body[data-theme=lavender] .journal-summary{color:#fffc!important}body[data-theme=blueprint] .journal-notes-input,body[data-theme=lavender] .journal-notes-input{background:#ffffff1a;border-color:#fff3;color:#fff}body[data-theme=blueprint] .journal-close-button,body[data-theme=lavender] .journal-close-button{color:#fff}body[data-theme=lavender] .journal-modal{background:#9929ea!important}body[data-theme=lavender] .journal-entry h3,body[data-theme=lavender] .journal-title{color:#fff8dc!important}body[data-theme=lavender] .journal-entry p,body[data-theme=lavender] .journal-summary{color:#fff8dce6!important}body[data-theme=lavender] .journal-notes-input{background:#ffffff26!important;color:#fff8dc!important;border-color:#ffffff4d!important}body[data-theme=lavender] .journal-notes-input::placeholder{color:#fff8dc99!important}body[data-theme=lavender] .journal-placeholder,body[data-theme=blueprint] .journal-placeholder{color:#fff8dcd9!important}.quiz-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}.quiz-modal-overlay.visible{opacity:1;visibility:visible}.quiz-modal{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:95%;max-width:1000px;max-height:92vh!important;background:#fefae8!important;border-radius:24px;box-shadow:0 25px 80px #0000004d;z-index:9999;padding:2rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem;opacity:0;visibility:hidden;transition:all .3s ease;overflow:hidden!important}.quiz-modal.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%)!important}.quiz-close-button{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#fffc;border:2px solid #2c1810;font-size:1.5rem;color:#2c1810;cursor:pointer;z-index:10;transition:all .2s}.quiz-close-button:hover{background:#2c1810;color:#fff}.quiz-header{text-align:center}.quiz-header h1{font-family:Winky Sans,system-ui;font-size:clamp(1.6rem,3.5vw,2.2rem);color:#2c1810;margin:0 0 .25rem}.quiz-subtitle{font-size:.95rem;color:#000000b3;margin:0}.quiz-progress-bar{height:8px;background:#2c18101a;border-radius:10px;overflow:hidden}.quiz-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#00b894,#55efc4);border-radius:10px;transition:width .4s ease}.quiz-stats-row{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.quiz-progress-text{font-size:.85rem;color:#0009;font-weight:500}.quiz-streak{display:flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:#ff6b6b1a;border-radius:20px;transition:all .3s ease}.quiz-streak.on-fire{background:#ff6b6b40;box-shadow:0 0 15px #ff6b6b4d}.quiz-streak.on-fire .quiz-streak-icon{animation:fire-pulse .5s ease infinite}@keyframes fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.quiz-streak-icon{font-size:1.1rem}.quiz-streak-label{font-size:.75rem;color:#0009}.quiz-streak-count{font-family:Winky Sans,system-ui;font-size:1.1rem;font-weight:700;color:#ff6b6b}.quiz-question-area{flex:1;display:flex;flex-direction:column;gap:1.25rem}.quiz-question-text{font-family:Poppins,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:#2c1810;text-align:center;line-height:1.5;margin:0;padding:0 .5rem}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.quiz-option{padding:1rem 1.25rem;background:#fffc;border:2px solid rgba(44,24,16,.15);border-radius:14px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;color:#2c1810;cursor:pointer;transition:all .2s ease;text-align:left}.quiz-option:hover:not(:disabled){background:#fff;border-color:#588157;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.quiz-option:disabled{cursor:default}.quiz-option.correct{background:#00b89440;border-color:#00b894;color:#006b5a}.quiz-option.correct:before{content:"✓ ";font-weight:700}.quiz-option.wrong{background:#ff6b6b40;border-color:#ff6b6b;color:#c0392b}.quiz-option.wrong:before{content:"✗ ";font-weight:700}.quiz-feedback{background:#ffffffe6;border-radius:14px;padding:1rem 1.25rem;text-align:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.quiz-feedback.visible{opacity:1;visibility:visible;transform:translateY(0)}.quiz-feedback-icon{font-size:2rem;margin-bottom:.25rem}.quiz-feedback-icon.correct{color:#00b894}.quiz-feedback-icon.wrong{color:#ff6b6b}.quiz-feedback-title{font-family:Winky Sans,system-ui;font-size:1.25rem;font-weight:700;margin-bottom:.35rem}.quiz-feedback-title.correct{color:#00b894}.quiz-feedback-title.wrong{color:#ff6b6b}.quiz-feedback-text{font-size:.9rem;color:#000000b3;margin:0;line-height:1.5}.quiz-results{flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem}.quiz-results-badge{font-size:4rem;margin-bottom:.5rem}.quiz-results-title{font-family:Winky Sans,system-ui;font-size:1.8rem;color:#2c1810;margin:0 0 1rem}.quiz-results-score{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.quiz-score-value{font-family:Winky Sans,system-ui;font-size:3.5rem;font-weight:700;color:#00b894;line-height:1}.quiz-score-separator{font-size:2rem;color:#0000004d}.quiz-score-total{font-size:1.5rem;color:#00000080}.quiz-results-streak{font-size:.95rem;color:#0009;margin-bottom:1rem}.quiz-results-rank{font-family:Winky Sans,system-ui;font-size:1.5rem;font-weight:700;color:#2c1810;margin-bottom:.35rem}.quiz-results-desc{font-size:.9rem;color:#0009;margin:0 0 1.25rem;font-style:italic}.quiz-actions{display:flex;justify-content:center;padding-top:.5rem}.quiz-btn{padding:.8rem 1.5rem;border-radius:12px;border:none;font-family:Poppins,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.quiz-btn-primary{background:#2c1810;color:#fff;box-shadow:0 4px 12px #2c181033}.quiz-btn-primary:hover{transform:translateY(-2px);background:#4a2c20}#quiz-next-btn{opacity:0;visibility:hidden;transition:all .3s ease}#quiz-next-btn.visible{opacity:1;visibility:visible}body[data-theme=sun] .quiz-modal{background:#fec54f}body[data-theme=peach] .quiz-modal{background:#f7d8c4}body[data-theme=blueprint] .quiz-modal{background:#222831}body[data-theme=blueprint] .quiz-header h1,body[data-theme=lavender] .quiz-header h1{color:#fff}body[data-theme=blueprint] .quiz-subtitle,body[data-theme=lavender] .quiz-subtitle{color:#ffffffb3}body[data-theme=blueprint] .quiz-question-text,body[data-theme=lavender] .quiz-question-text{color:#fff}body[data-theme=blueprint] .quiz-option,body[data-theme=lavender] .quiz-option{background:#ffffff1a;border-color:#fff3;color:#fff}body[data-theme=blueprint] .quiz-option:hover:not(:disabled),body[data-theme=lavender] .quiz-option:hover:not(:disabled){background:#fff3;border-color:#a3b18a}body[data-theme=blueprint] .quiz-feedback,body[data-theme=lavender] .quiz-feedback{background:#ffffff1f}body[data-theme=blueprint] .quiz-feedback-text,body[data-theme=lavender] .quiz-feedback-text{color:#ffffffd9}body[data-theme=blueprint] .quiz-results-title,body[data-theme=lavender] .quiz-results-title,body[data-theme=blueprint] .quiz-results-rank,body[data-theme=lavender] .quiz-results-rank{color:#fff}body[data-theme=blueprint] .quiz-results-desc,body[data-theme=blueprint] .quiz-results-streak,body[data-theme=blueprint] .quiz-progress-text,body[data-theme=blueprint] .quiz-streak-label,body[data-theme=lavender] .quiz-results-desc,body[data-theme=lavender] .quiz-results-streak,body[data-theme=lavender] .quiz-progress-text,body[data-theme=lavender] .quiz-streak-label{color:#ffffffb3}body[data-theme=blueprint] .quiz-close-button,body[data-theme=lavender] .quiz-close-button{background:#fff3;border-color:#fff;color:#fff}body[data-theme=blueprint] .quiz-btn-primary,body[data-theme=lavender] .quiz-btn-primary{background:#fff;color:#2c1810}body[data-theme=lavender] .quiz-modal{background:#9929ea}body[data-theme=lavender] .quiz-score-value{color:#a3e635}@media (max-width: 600px){.quiz-modal{padding:1.5rem;max-height:95vh}.quiz-options{grid-template-columns:1fr}.quiz-option{padding:.85rem 1rem}}.contact-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.contact-modal-overlay.visible{opacity:1;visibility:visible}.contact-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:450px;background:#fefae8;border-radius:24px;border:3px solid #7b5d3c;box-shadow:0 8px #7b5d3c,0 25px 60px #00000040;z-index:10001;padding:2rem 2.5rem 2.5rem;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.contact-modal.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.contact-close-button{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#fffc;border:2px solid #7b5d3c;font-size:1.5rem;color:#7b5d3c;cursor:pointer;z-index:10;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.contact-close-button:hover{background:#7b5d3c;color:#fff;transform:scale(1.1)}.contact-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.contact-header h1{font-family:Winky Sans,system-ui;font-size:clamp(1.6rem,4vw,2rem);color:#7b5d3c;margin:0 0 .25rem}.contact-subtitle{font-size:.95rem;color:#8b7355;margin:0}.contact-social-links{display:flex;flex-direction:column;gap:.75rem}.contact-social-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff8e7;border:2px solid #c9b18c;border-radius:14px;text-decoration:none;color:inherit;transition:all .2s ease;box-shadow:0 3px #c9b18c}.contact-social-link:hover{transform:translateY(-3px);box-shadow:0 6px #c9b18c;background:#fff}.contact-social-link:active{transform:translateY(2px);box-shadow:0 1px #c9b18c}.contact-social-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-x .contact-social-icon{background:#1a1a1a;color:#fff}.contact-insta .contact-social-icon{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.contact-discord .contact-social-icon{background:#5865f2;color:#fff}.contact-social-info{display:flex;flex-direction:column;gap:.15rem}.contact-social-name{font-weight:700;font-size:1rem;color:#7b5d3c}.contact-social-handle{font-size:.85rem;color:#8b7355}.contact-footer{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px dashed #c9b18c}.contact-footer p{margin:0;font-size:.85rem;color:#8b7355;font-style:italic}body[data-theme=peach] .contact-modal{background:#f7d8c4}body[data-theme=sun] .contact-modal{background:#fec54f;border-color:#8b6914;box-shadow:0 8px #8b6914,0 25px 60px #00000040}body[data-theme=sun] .contact-header h1{color:#5a4a0a}body[data-theme=sun] .contact-subtitle,body[data-theme=sun] .contact-social-handle,body[data-theme=sun] .contact-footer p{color:#705c0c}body[data-theme=sun] .contact-social-link{background:#ffffffb3;border-color:#8b6914;box-shadow:0 3px #8b6914}body[data-theme=sun] .contact-social-name{color:#5a4a0a}body[data-theme=sun] .contact-close-button{border-color:#8b6914;color:#8b6914}body[data-theme=sun] .contact-close-button:hover{background:#8b6914;color:#fff}body[data-theme=lavender] .contact-modal{background:#9929ea;border-color:#fff;box-shadow:0 8px #fff6,0 25px 60px #0000004d}body[data-theme=lavender] .contact-header h1{color:#fff}body[data-theme=lavender] .contact-subtitle,body[data-theme=lavender] .contact-social-handle,body[data-theme=lavender] .contact-footer p{color:#fffc}body[data-theme=lavender] .contact-social-link{background:#fffffff2;border-color:#ffffff80;box-shadow:0 3px #fff6}body[data-theme=lavender] .contact-footer{border-color:#ffffff4d}body[data-theme=lavender] .contact-close-button{background:#fff3;border-color:#fff;color:#fff}body[data-theme=lavender] .contact-close-button:hover{background:#fff;color:#9929ea}body[data-theme=blueprint] .contact-modal{background:#3a506b;border-color:#fff;box-shadow:0 8px #ffffff4d,0 25px 60px #0006}body[data-theme=blueprint] .contact-header h1{color:#fff}body[data-theme=blueprint] .contact-subtitle,body[data-theme=blueprint] .contact-social-handle,body[data-theme=blueprint] .contact-footer p{color:#ffffffb3}body[data-theme=blueprint] .contact-social-link{background:#fffffff2;border-color:#ffffff80;box-shadow:0 3px #ffffff4d}body[data-theme=blueprint] .contact-footer{border-color:#fff3}body[data-theme=blueprint] .contact-close-button{background:#fff3;border-color:#fff;color:#fff}body[data-theme=blueprint] .contact-close-button:hover{background:#fff;color:#3a506b}@media (max-width: 500px){.contact-modal{padding:1.5rem;max-width:95%}.contact-social-icon{width:42px;height:42px}.contact-social-icon svg{width:24px;height:24px}}.backpack-container{position:fixed;bottom:25px;right:25px;display:flex;justify-content:center;align-items:center;width:80px;height:80px;cursor:pointer;z-index:1000;-webkit-tap-highlight-color:transparent}.bag-icon{width:100%;height:auto;-webkit-user-select:none;user-select:none;transition:transform .1s ease;display:block;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.backpack-container:active .bag-icon{transform:scale(.95)}#bag-open{display:none}#bag-close{display:block}.backpack-container.active #bag-close{display:none}.backpack-container.active #bag-open{display:block}#item-list{position:absolute;bottom:90%;left:50%;width:70px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #5546cb33;padding:8px 0;margin:0;list-style:none;overflow:hidden;z-index:2;opacity:0;transform:translate(-50%,20px) scale(.8);transform-origin:bottom center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease-out;pointer-events:none}.backpack-container.active #item-list{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}#item-list li{padding:8px 0;border-bottom:1px solid #f0f0f0;text-align:center;display:flex;justify-content:center;align-items:center;height:51px;box-sizing:border-box}#item-list li:last-child{border-bottom:none}#item-list li:hover{background-color:#f8f8ff}#item-list .magnifying-glass{width:35px;height:35px;transition:transform .2s ease}#item-list .magnifying-glass:hover{transform:scale(1.1)}#item-list .journal-icon{width:35px;height:auto;transition:transform .2s ease;cursor:pointer}#item-list .journal-icon:hover{transform:scale(1.15) rotate(5deg)}body.hide-backpack .backpack-container{opacity:0;pointer-events:none;transition:opacity .3s ease}@keyframes backpack-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}50%{transform:scale(1.08);filter:drop-shadow(0 4px 20px rgba(139,90,43,.6))}}.backpack-container.hint-pulse .bag-icon{animation:backpack-pulse 1.5s ease-in-out 3}@keyframes journal-glow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 8px rgba(255,193,7,.8))}}#item-list .journal-icon.has-new-entry{animation:journal-glow 2s ease-in-out infinite}.discovery-tooltip{position:fixed;bottom:115px;right:25px;background:linear-gradient(135deg,#5546cb,#7c3aed);color:#fff;padding:12px 18px;border-radius:12px;font-size:.9rem;font-weight:600;max-width:240px;box-shadow:0 4px 20px #5546cb66;z-index:1001;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;text-align:center}.discovery-tooltip:after{content:"";position:absolute;bottom:-8px;right:30px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #7c3aed}.discovery-tooltip.visible{opacity:1;transform:translateY(0);pointer-events:auto}.discovery-tooltip.contextual{background:#000000d9;font-size:.8rem;padding:10px 14px;box-shadow:0 2px 12px #0000004d}.discovery-tooltip.contextual:after{border-top-color:#000000d9}@media (max-width: 1280px){.info-graphics-section{max-width:900px;height:550px}.callouts{width:750px;height:500px}#xray-container{width:280px;height:280px}.callout{font-size:.8rem;max-width:150px;padding:.6em .9em}.layer-viewer{width:420px;height:420px}.depth-scale{height:280px}.ecosystem-side-panel{width:280px}}@media (max-width: 1024px){.hero-section{flex-direction:column;padding:2em 2em 4em;gap:2rem}.hero-section-text{margin-left:0;padding-right:0;text-align:center;max-width:100%}.webgl-container{margin-right:0;max-width:100%;min-width:auto;min-height:auto;width:100%}.image-container{max-width:100%;height:350px}.slider{height:12px}.slider::-webkit-slider-thumb{width:28px;height:28px}.slider::-moz-range-thumb{width:28px;height:28px}header{flex-wrap:wrap;padding:1em 1.5em;gap:1em}.color-palette{position:static;transform:none;order:3;width:100%;justify-content:center;margin-top:.5em}.header-links{gap:.5em;flex-wrap:wrap}.header-links a{padding:.5em 1em;font-size:.9rem}.info-graphics-section{max-width:95%;height:auto;min-height:450px;padding:2rem 1rem}.callouts{width:100%;max-width:600px;height:auto;min-height:400px;position:relative;margin:0 auto}#xray-container{width:260px;height:260px}.callout{font-size:.75rem;max-width:120px;padding:.5em .7em}.soil-explorer-section{padding:2rem 1.5rem}.soil-explorer-layout{display:flex;flex-direction:column;gap:0}.layout-column-visuals{position:sticky;top:0;height:50vh;min-height:350px;max-height:450px;flex-direction:row;padding:1.5rem;z-index:10;background:var(--body-bg-color, #fefae8);border-bottom:2px solid rgba(0,0,0,.1);justify-content:center;align-items:center;gap:2rem}.layer-viewer{width:clamp(320px,40vh,420px);height:clamp(320px,40vh,420px);border-radius:16px}.depth-scale{height:clamp(250px,35vh,350px);width:100px}.layout-column-details{padding:2rem 1.5rem;max-width:700px;margin:0 auto}.scrolling-panels-container{max-width:100%}.info-panel{margin-bottom:25vh;padding:1.5rem 0}.layer-nav{display:none}.ecosystem-section{padding:2rem 1rem 1rem;min-height:auto}#ecosystem-graph-container{width:100%;height:auto;min-height:450px;max-height:60vh}.ecosystem-zoom-controls{left:auto!important;right:2rem!important;bottom:2rem!important}.ecosystem-legend{max-width:140px}.ecosystem-side-panel{width:300px;right:1rem;top:2rem;bottom:auto;max-height:70vh;overflow-y:auto}.ecosystem-legend{max-width:130px;font-size:.85rem}.stats-modal,.quiz-modal{width:95vw;max-width:850px;max-height:90vh;padding:2rem;overflow-y:auto}.stats-bento-grid{gap:1rem}.stats-card{padding:1.25rem}.quiz-options{gap:.75rem}#ecosystem-graph-container{max-height:55vh}}@media (max-width: 768px){header{padding:.8em 1em;margin:1em auto 0;flex-direction:column;align-items:center;text-align:center}header h1{font-size:1.5rem}.header-links{justify-content:center;width:100%}.hero-section{padding:1em 1em 2em;margin:1em auto}.hero-section-text{display:none}.webgl-container{padding:15px}.image-container{height:300px}.timeline-text-container{padding:1rem .5rem}.timeline-year{font-size:.7rem}.timeline-text{font-size:.95rem}.controls{padding:0}.hint{font-size:.85rem;padding:.6em 1em;bottom:-3em}.info-graphics-section{margin:3em 1em;padding:1.5rem 1rem}.infographic-title{text-align:center;padding:.5rem 1rem;margin-bottom:.5rem}#infographic-arrows,.callout{display:none}.soil-explorer-section{padding:1rem .5rem;margin-top:2rem}.explorer-intro{margin-bottom:1.5rem;padding:0 1rem;transform:scale(.9);transform-origin:top center}.explorer-intro h2{font-size:1.6rem}.explorer-intro p{font-size:.85rem}.soil-explorer-layout{display:flex;flex-direction:column;gap:0}.layout-column-visuals{position:sticky;top:0;height:45vh;min-height:280px;max-height:350px;padding:.5rem;z-index:10;background:var(--body-bg-color, #fefae8);border-bottom:2px solid rgba(0,0,0,.1);flex-direction:row;justify-content:center;align-items:center}.depth-scale{display:none}.layer-viewer{width:90%;max-width:280px;height:100%;max-height:280px;transform:scale(.85);transform-origin:center;background-color:var(--exp-sidebar-grad-start, #faf6ed);border-radius:15px;box-shadow:0 4px 12px #00000014}.layout-column-visuals{background:var(--body-bg-color, #fefae8)}.layout-column-details{padding:1rem 1rem 1.5rem}.scrolling-panels-container{max-width:100%}.info-panel{margin-bottom:15vh;padding:1rem 0;transform:scale(.92);transform-origin:top center;text-align:center}.info-panel h2{font-size:1.8rem}.info-panel .quote{font-size:.95rem;margin:1rem 0}.info-panel p{font-size:.85rem;line-height:1.6}.info-icons-container{justify-content:center}.layer-nav{display:none}.info-panel .animation-buttons{flex-direction:column;gap:.5rem}.info-panel .btn{width:100%;text-align:center;font-size:.85rem;padding:.7em 1em}.info-icons-container{gap:.8rem;transform:scale(.9)}.info-icon{width:40px;height:40px}.info-icon img{width:22px;height:22px}.info-icon .tooltip{bottom:auto;top:120%;font-size:.75rem;width:150px}.ecosystem-section{display:none}.ecosystem-buttons{flex-direction:column;gap:1rem;width:100%;max-width:300px;margin:0 auto}.ecosystem-action-btn{width:100%;padding:1.2rem 1.5rem;font-size:1rem}.ecosystem-actions-section,.credits-section{transform:none}.stats-modal,.quiz-modal{width:95vw!important;max-width:400px!important;max-height:90vh!important;padding:1.5rem 1rem!important;overflow-y:auto!important}.stats-header h1,.quiz-header h1{font-size:1.4rem!important}.stats-subtitle,.quiz-subtitle{font-size:.85rem!important}.stats-col-center,.stats-col-right{display:none!important}.stats-bento-grid{display:block!important}.stats-col-left{width:100%!important}.stats-card{padding:1rem!important}.stats-stat-value{font-size:1.6rem!important}.stats-actions-bar{flex-direction:column!important;gap:.75rem!important;margin-top:1.5rem!important}.stats-btn{width:100%!important;justify-content:center!important}.quiz-header:before,.quiz-results-badge{display:none!important}.quiz-question-text{font-size:1rem!important}.quiz-options{gap:.6rem!important}.quiz-option{padding:.75rem 1rem!important;font-size:.85rem!important}.quiz-feedback{padding:1rem!important}.quiz-nav-button{padding:.75rem 1.5rem!important;font-size:.9rem!important}}@media (max-width: 480px){header{padding:.6em .8em}header h1{font-size:1.25rem;letter-spacing:1px}.color-swatch{width:24px;height:24px}.color-palette{gap:1em}.header-links{gap:.3em}.header-links a{padding:.4em .8em;font-size:.8rem}.hero-section-text h1{font-size:1.75rem}.hero-section-text p{font-size:.95rem}.main-content-button{font-size:13px;padding:1em 1.5em}.image-container{height:250px}.timeline-text{font-size:.85rem}.timeline-year{font-size:.65rem}.slider{height:14px}.slider::-webkit-slider-thumb,.slider::-moz-range-thumb{width:30px;height:30px}.hint{font-size:.8rem;padding:.5em .8em;white-space:normal;max-width:90%}.info-panel h2{font-size:2rem}.layer-viewer{height:300px;max-width:100%}.layer-nav a{font-size:1rem}}@media (max-width: 900px){.stats-bento-grid{grid-template-columns:1fr;overflow-y:auto}.stats-modal{max-height:95vh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.webgl-container{border:3px solid #000}.timeline-text,.timeline-year{text-shadow:2px 2px 0px #fff,-2px -2px 0px #fff}.hint{border:3px solid #fff}}