@font-face{font-family:"Instrument Serif";src:url(/InstrumentSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Signifier;src:url(/signifier.otf) format("opentype");font-weight:400;font-style:normal}*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:Signifier,Georgia,serif;background:radial-gradient(circle at top,#fdeecf,#f1e3d8 45%,#c9d7e2);color:#24333f;transition:background .4s ease,color .4s ease}canvas{display:block;touch-action:none}#loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#f2f0eff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .6s ease,visibility .6s ease;pointer-events:auto}#loading-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-container{position:relative;display:flex;align-items:center;justify-content:center}#loader-percent{font-family:"Instrument Serif",Georgia,serif;font-size:42px;letter-spacing:-.02em;color:#24333f;opacity:.85;z-index:2;text-shadow:0 2px 8px rgba(255,251,244,.6)}.ring-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:transparent}.canvas-container{width:100%;height:100%;position:relative}.controls-bar{position:fixed;top:24px;left:28px;z-index:1450;display:flex;align-items:center;gap:8px}.motion-toggle{position:relative;z-index:30;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:#24333f;box-shadow:0 4px 12px #20303f14;transition:opacity .4s ease,transform .3s cubic-bezier(.25,.8,.25,1),background .3s ease;outline:none;flex-shrink:0}.motion-toggle:hover{background:#fff;transform:scale(1.08)}.motion-toggle:active{transform:scale(.95)}.motion-toggle svg{width:14px;height:14px;fill:currentColor}.motion-toggle .icon-play{display:none}.motion-toggle.is-paused .icon-play{display:block}.motion-toggle.is-paused .icon-pause{display:none}.motion-toggle.is-hidden{opacity:0;pointer-events:none}body.dark .motion-toggle{background:#1c2026d9;border-color:#ffffff26;color:#f1f5f9}body.dark .motion-toggle:hover{background:#282e36f2}.controls-bar button:focus-visible,.site-links a:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.site-links{position:fixed;right:calc(28px + env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));z-index:1450;display:flex;gap:16px;font-family:"Instrument Serif",Georgia,serif;font-size:15px;letter-spacing:-.01em;text-transform:lowercase}.site-links a,.site-links a:visited{color:#24333f;opacity:.75;text-decoration:none;border-bottom:1px solid transparent;transition:opacity .25s ease,border-color .25s ease}.site-links a:hover{opacity:1;border-bottom-color:currentColor}body.dark .site-links a,body.dark .site-links a:visited{color:#e2e8f0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-toggle,.sound-toggle{position:relative;z-index:30;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;box-shadow:0 4px 12px #20303f14;outline:none;flex-shrink:0;color:#24333f}.theme-toggle,.sound-toggle{background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:50%;transition:all .4s cubic-bezier(.25,.8,.25,1)}.theme-toggle:hover,.sound-toggle:hover{background:#ffffffd9;transform:scale(1.1)}.theme-toggle:active,.sound-toggle:active{transform:scale(.95)}.theme-icon{width:20px;height:20px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .25s ease,transform .25s ease}.sound-toggle svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;pointer-events:none}.sound-toggle .waves,.sound-toggle .slash{fill:none}.sound-toggle .slash,.sound-toggle.muted .waves{display:none}.sound-toggle.muted .slash{display:inline}.orbit-instruction{position:fixed;bottom:28px;left:28px;z-index:25;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;font-family:"Instrument Serif",Georgia,serif;font-size:15px;color:#24333f;letter-spacing:-.01em;text-transform:lowercase;pointer-events:none;opacity:0;transition:opacity .5s ease,color .4s ease;-webkit-user-select:none;user-select:none}.orbit-instruction.show{opacity:.8}body.dark .orbit-instruction{color:#e2e8f0}body.theme-clay{background:radial-gradient(circle at top,#fdf8e7,#f4e9d0 45%,#e1d3b3);color:#24333f}body.dark{background:radial-gradient(circle at top,#141c24,#0d131a 45%,#05080c);color:#e2e8f0}body.theme-cobalt{background:radial-gradient(circle at top,#141c24,#0d131a 45%,#05080c)!important;color:#e2e8f0}body.theme-emerald{background:radial-gradient(circle at top,#f2f7f2,#e1ebe1 45%,#ccdcca)!important;color:#1f3424}body.theme-crimson{background:radial-gradient(circle at top,#fdf2ee,#f5dfd5 45%,#e5c4b6)!important;color:#4a2c20}body.dark .theme-toggle,body.dark .sound-toggle{background:#141c24b3;border-color:#ffffff26;color:#f1f5f9}body.dark .theme-toggle:hover,body.dark .sound-toggle:hover{background:#141c24d9}body.dark .theme-icon{filter:invert(.9) brightness(1.2)}.webgl-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:#f2f0ef;color:#24333f;font-family:"Instrument Serif",Georgia,serif}.webgl-fallback[hidden]{display:none}.webgl-fallback h2{margin:0;font-weight:400;font-size:40px}.webgl-fallback p{margin:0;max-width:34em;font-size:18px;line-height:1.5}.webgl-fallback a{color:#2f5d8a}@media (max-width: 768px){.controls-bar{top:12px;left:16px}.site-links{right:calc(16px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));gap:12px;font-size:14px}.motion-toggle{width:40px;height:40px}}