:root{color:#183033;font-synthesis:none;text-rendering:optimizelegibility;--atmosphere:#99b0b2;--atmosphere-deep:#789598;--atmosphere-light:#b9c8c7;font-family:Helvetica Neue,Nimbus Sans L,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--atmosphere);scrollbar-color:#29444752 transparent;scrollbar-width:thin}body{background:radial-gradient(circle at 68% 18%, #d5ddda94 0, #c0d0cf3d 24%, transparent 52%), radial-gradient(circle at 14% 86%, #698b8f57 0, transparent 48%), linear-gradient(145deg, var(--atmosphere-light), var(--atmosphere) 48%, var(--atmosphere-deep));overscroll-behavior-y:contain;min-width:320px;min-height:100vh;margin:0}body:after{z-index:4;pointer-events:none;content:"";opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}button,input{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;position:relative}.scroll-track{pointer-events:none;height:500vh;min-height:2600px}.canvas-shell{z-index:1;position:fixed;inset:0;overflow:hidden}.ribbon-canvas{pointer-events:none;width:100%;height:100%;display:block}.webgl-error{color:#183033;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ebefebb8;border:1px solid #1830332e;width:min(28rem,100vw - 3rem);padding:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.webgl-error p{margin:0 0 .5rem;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.webgl-error small{opacity:.68}.debug-panel{z-index:10;color:#122b2edb;letter-spacing:.02em;font-size:.68rem;position:fixed;top:1.25rem;right:1.25rem}.debug-panel>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.12em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eaefeb57;border:1px solid #17333633;border-radius:50%;place-items:center;width:3.1rem;height:3.1rem;margin-left:auto;list-style:none;transition:background-color .18s,transform .18s;display:grid}.debug-panel>summary::-webkit-details-marker{display:none}.debug-panel>summary:hover,.debug-panel>summary:focus-visible{background:#eff2eda3;outline:none;transform:scale(1.04)}.debug-panel__body{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#e8ede9c7;border:1px solid #17333624;width:min(18rem,100vw - 2.5rem);max-height:calc(100vh - 6rem);margin-top:.65rem;padding:1rem;overflow:auto;box-shadow:0 1rem 4rem #2846481f}.debug-panel header{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.debug-panel header strong{font-family:Georgia,Times New Roman,serif;font-size:.95rem;font-weight:400}.debug-panel header span{opacity:.52;text-transform:uppercase;letter-spacing:.11em}.debug-control{gap:.35rem;margin:.72rem 0;display:grid}.debug-control>span{justify-content:space-between;display:flex}.debug-control output{font-variant-numeric:tabular-nums;opacity:.62}.debug-control input{accent-color:#54777a;width:100%}.debug-toggle{justify-content:space-between;align-items:center;margin:.9rem 0 .5rem;display:flex}.debug-toggle input{accent-color:#54777a}.debug-stops{grid-template-columns:repeat(5,1fr);gap:.25rem;margin:.65rem 0 1rem;display:grid}.debug-stops button{min-height:1.8rem;color:inherit;cursor:pointer;background:#f8f8f161;border:1px solid #17333624;border-radius:0;font-size:.62rem}.debug-stops button:hover,.debug-stops button:focus-visible{background:#f8f8f1cc;outline:1px solid #17333657}.debug-metrics{font-variant-numeric:tabular-nums;border-top:1px solid #1733361f;grid-template-columns:1fr 1fr;gap:.35rem .8rem;margin:1rem 0 0;padding-top:.8rem;display:grid}.debug-metrics div{justify-content:space-between;gap:.5rem;display:flex}.debug-metrics dt{opacity:.54}.debug-metrics dd{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.debug-panel{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right))}.debug-panel>summary{width:2.8rem;height:2.8rem;font-size:.6rem}.debug-panel__body{max-height:calc(100svh - 5.25rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}