@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-italic-400.woff2)format("woff2");unicode-range:U+20,U+30-3A,U+41-42,U+44,U+4D-4E,U+53,U+65-69,U+6B-6C,U+6E-6F,U+72-75,U+77,U+B7,U+767D}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-normal-400.woff2)format("woff2");unicode-range:U+20,U+30-3A,U+41-42,U+44,U+4D-4E,U+53,U+65-69,U+6B-6C,U+6E-6F,U+72-75,U+77,U+B7,U+767D}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/shippori-mincho-normal-700.woff2)format("woff2");unicode-range:U+20,U+30-3A,U+41-42,U+44,U+4D-4E,U+53,U+65-69,U+6B-6C,U+6E-6F,U+72-75,U+77,U+B7,U+767D}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg-rgb:34, 38, 43;--glow-rgb:255, 255, 255;--scrim-rgb:246, 242, 232;--scrim-a:.5;--shu:#c0432c;--paper:#f4efe6;--display:"Instrument Serif", "Iowan Old Style", Georgia, serif;--ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}html,body{background:#11141a;height:100%;margin:0;overflow:hidden}body{font-family:var(--ui);color:rgb(var(--fg-rgb));-webkit-font-smoothing:antialiased}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}canvas.loader{pointer-events:none}body.loading .mark{opacity:0}.mark{top:calc(22px + env(safe-area-inset-top,0px));right:max(24px, env(safe-area-inset-right,0px));writing-mode:vertical-rl;font-family:var(--display);letter-spacing:.04em;text-shadow:0 0 14px rgba(var(--glow-rgb), .45);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:20px;transition:opacity 1.4s;display:flex;position:fixed}.mark em{font-style:italic}.mark .seal{writing-mode:horizontal-tb;background:var(--shu);width:20px;height:20px;color:var(--paper);text-shadow:none;border-radius:2px;place-items:center;font:700 13px/1 Shippori Mincho,Hiragino Mincho ProN,serif;display:grid;transform:rotate(2deg)}.kasumi{width:100%;height:calc(190px + env(safe-area-inset-bottom,0px));pointer-events:none;opacity:calc(var(--scrim-a) + .3);transition:opacity 1.4s;position:fixed;bottom:0;left:0;right:0}.kasumi g{fill:rgb(var(--scrim-rgb))}.ui{padding:70px max(26px, env(safe-area-inset-right,0px)) calc(30px + env(safe-area-inset-bottom,0px)) max(26px, env(safe-area-inset-left,0px));transition:opacity 1.4s;position:fixed;bottom:0;left:0;right:0}.bar{align-items:center;gap:22px;max-width:1040px;margin:0 auto;display:flex;position:relative}.btn{width:48px;height:48px;color:rgb(var(--fg-rgb));cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;padding:0;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.btn:hover{transform:scale(1.07)rotate(-2deg)}.btn:active{transform:scale(.9)}.btn:focus-visible,.dial:focus-visible{outline:1.5px dashed rgba(var(--fg-rgb), .6);outline-offset:4px}.btn svg{width:40px;height:40px;overflow:visible}#sound .sealbg{fill:#0000;stroke:var(--shu);stroke-width:1.8px;transition:fill .5s}#sound .waves path{stroke:var(--shu);transition:stroke .5s}#sound.on .sealbg{fill:var(--shu)}#sound.on .waves path{stroke:var(--paper);animation:7s ease-in-out infinite flow}#sound.on .waves path:nth-child(2){animation-delay:-2.3s}#sound.on .waves path:nth-child(3){animation-delay:-4.6s}#sound.stamp svg{animation:.55s cubic-bezier(.2,.9,.3,1.2) stamp}@keyframes flow{0%,to{transform:translate(-1.4px)}50%{transform:translate(1.4px)}}@keyframes stamp{0%{opacity:.6;transform:scale(1.25)rotate(-6deg)}60%{opacity:1;transform:scale(.94)rotate(1deg)}to{transform:none}}#sound.invite:after{content:"";box-shadow:0 0 0 1.5px var(--shu);filter:blur(.6px);pointer-events:none;border-radius:4px;animation:4.2s ease-out infinite ink;position:absolute;inset:6px}@keyframes ink{0%{opacity:.8;transform:scale(1)}75%,to{opacity:0;filter:blur(3px);transform:scale(1.8)}}#loop svg{opacity:.78;transition:opacity .6s}#loop.on svg{opacity:1;animation:30s linear infinite turn}@keyframes turn{to{transform:rotate(360deg)}}.dial{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;flex:1;min-width:0;height:68px;position:relative}.dial.drag{cursor:grabbing}.track{width:calc(100% + 12px);height:18px;color:rgb(var(--fg-rgb));opacity:.88;margin-top:-9px;position:absolute;top:50%;left:-6px;right:-6px;overflow:visible}.dot{background:rgb(var(--fg-rgb));opacity:.4;border-radius:1px;width:1.6px;height:9px;margin:4px 0 0 -.8px;position:absolute;top:50%;transform:rotate(8deg)}.thumb{pointer-events:none;width:68px;height:68px;color:rgb(var(--fg-rgb));will-change:left;margin:-34px 0 0 -34px;transition:transform .45s cubic-bezier(.2,.9,.25,1.3);position:absolute;top:50%;left:0}.dial.drag .thumb,.dial:hover .thumb{transform:scale(1.14)}.thumb svg{width:100%;height:100%;overflow:visible}body.idle .ui,body.idle .kasumi{opacity:0}body.idle .mark{opacity:.45}body.idle{cursor:none}@media (max-width:600px){.bar{gap:12px}.btn{width:44px;height:44px}.btn svg{width:36px;height:36px}.mark{font-size:18px}}@media (prefers-reduced-motion:reduce){#sound.on .waves path,#loop.on svg,#sound.invite:after,#sound.stamp svg{animation:none}}.credits-link{right:max(12px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));font:11px var(--ui);color:inherit;opacity:.6;z-index:4;position:fixed}body.scene-basic{background:var(--paper)}.scene-still{pointer-events:none;position:fixed;inset:0}.scene-still img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}@media (max-aspect-ratio:1){body[data-platform=native] .scene-still img{object-position:31% 50%}}body.scene-suspended *,body.scene-suspended :before,body.scene-suspended :after{transition:none!important;animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body[data-platform=native] .scene-still{pointer-events:auto;touch-action:none}#tuning{z-index:6;top:calc(58px + env(safe-area-inset-top,0px));left:max(17px, env(safe-area-inset-left,0px));width:44px;height:44px;color:rgb(var(--fg-rgb));cursor:pointer;background:0 0;border:0;place-items:center;padding:7px;transition:transform .6s cubic-bezier(.2,.9,.25,1.2),opacity 1.4s;display:grid;position:fixed}.sumi #tuning{top:calc(174px + env(safe-area-inset-top,0px));left:auto;right:max(13px, env(safe-area-inset-right,0px))}#tuning svg{fill:currentColor;opacity:.7;width:29px;height:29px;transition:transform .6s cubic-bezier(.2,.9,.25,1.2),opacity .4s}#tuning:hover svg,#tuning[aria-expanded=true] svg{opacity:1;transform:rotate(-12deg)}#tuning:active{transform:scale(.9)}body.idle #tuning{opacity:.4}body.idle #tuning:focus-visible{opacity:1}#tuning:focus-visible,.sound-panel button:focus-visible,#developerPanel :focus-visible{outline:1px dashed rgba(var(--fg-rgb), .65);outline-offset:4px}.sound-panel{box-sizing:border-box;z-index:7;isolation:isolate;top:calc(109px + env(safe-area-inset-top,0px));left:max(22px, env(safe-area-inset-left,0px));width:320px;max-width:calc(100vw - 44px);max-height:calc(100dvh - 135px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;scrollbar-width:thin;color:rgb(var(--fg-rgb));box-shadow:none;opacity:0;background:0 0;border:0;border-radius:0;padding:25px 32px 27px;transition:opacity .5s,transform .65s cubic-bezier(.2,.85,.2,1.05),color 1s;position:fixed;overflow:auto;transform:translateY(-7px)}.sound-panel:before{content:"";z-index:-1;pointer-events:none;background:rgba(var(--scrim-rgb), .9);clip-path:polygon(1% .5%,48% .7%,99% .4%,99.5% 47%,99% 99.5%,50% 99.3%,.7% 99.6%,.5% 51%);position:absolute;inset:0}.panel-frame{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.panel-frame>path{fill:none;stroke:rgb(var(--fg-rgb));stroke-width:.85px;opacity:.28;vector-effect:non-scaling-stroke}.sound-panel:after{content:"";z-index:-1;pointer-events:none;opacity:.055;clip-path:polygon(1% .5%,48% .7%,99% .4%,99.5% 47%,99% 99.5%,50% 99.3%,.7% 99.6%,.5% 51%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2379746a' filter='url(%23p)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.sumi .sound-panel{top:calc(224px + env(safe-area-inset-top,0px));left:auto;right:max(22px, env(safe-area-inset-right,0px));max-height:calc(100dvh - 246px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.sound-panel.open{opacity:1;transform:translateY(0)}.sound-panel[hidden],.sound-panel [hidden]{display:none!important}.panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px;display:flex}.panel-header>div{align-items:center;gap:13px;display:flex}.panel-eyebrow{opacity:.5;font:400 17px/1.3 Shippori Mincho,Hiragino Mincho ProN,serif}#panelTitle{font:italic 28px/1.15 var(--display);margin:0;font-weight:400}.panel-close{width:36px;height:36px;color:inherit;cursor:pointer;opacity:.5;background:0 0;border:0;flex:none;place-items:center;margin:0 -12px 0 0;transition:transform .5s,opacity .5s;display:grid}.panel-close:hover{opacity:1;transform:rotate(8deg)}.panel-close svg{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:round;width:19px;height:19px}.sound-row{opacity:0;margin:0 0 10px;transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.25,1.1);transform:translateY(-4px)}.open .sound-row{opacity:1;transform:none}.open .sound-row:nth-child(2){transition-delay:45ms}.open .sound-row:nth-child(3){transition-delay:90ms}.open .sound-row:nth-child(4){transition-delay:.135s}.sound-label{font:18px/1.3 var(--display);align-items:center;gap:10px;display:flex}.sound-label svg{display:none}.sound-label label{cursor:pointer;flex:1}.sound-label output{font:italic 13px/1.4 var(--display);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .4s,transform .4s;transform:translateY(2px)}.sound-row:hover .sound-label output,.sound-row:focus-within .sound-label output{opacity:.65;transform:none}.sound-slider{--position:0%;--turn:0deg;height:44px;margin-top:1px;position:relative}.sound-rail{pointer-events:none;height:10px;position:absolute;top:17px;left:12px;right:12px}.ink-line{fill:currentColor;opacity:.18;width:100%;height:10px;position:absolute;inset:0}.sound-row:nth-child(2) .ink-line{transform:scaleY(-1)}.sound-row:nth-child(3) .ink-line{transform:rotate(-.25deg)}.sound-fill{clip-path:inset(0 calc(100% - var(--position)) 0 0);position:absolute;inset:0}.sound-fill .ink-line{opacity:.62}.sound-thumb{left:var(--position);width:30px;height:30px;transition:scale .5s cubic-bezier(.2,.9,.2,1.3);position:absolute;top:5px;transform:translate(-50%,-50%)}.sound-thumb svg{fill:currentColor;width:100%;height:100%;transform:rotate(var(--turn))}.sound-thumb:before{content:"";background:radial-gradient(ellipse, rgba(var(--fg-rgb), .11), transparent 70%);opacity:0;border-radius:50%;transition:opacity .5s,transform .6s;position:absolute;inset:-6px;transform:scale(.6)}.sound-slider:hover .sound-thumb{scale:1.12}.sound-slider.dragging .sound-thumb,.sound-slider:focus-within .sound-thumb{scale:1.2}.sound-slider.dragging .sound-thumb:before,.sound-slider:focus-within .sound-thumb:before{opacity:1;transform:scale(1)}.sound-slider:has(input:focus-visible) .sound-thumb:after{content:"";border:1px dashed rgba(var(--fg-rgb), .5);border-radius:50%;position:absolute;inset:-5px}.sound-slider input{box-sizing:border-box;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;background:0 0;width:100%;height:44px;margin:0;padding:0;position:absolute;inset:0}.sound-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px}.sound-slider input::-moz-range-thumb{border:0;width:24px;height:24px}.sound-slider input::-moz-range-track{background:0 0}.master-row{margin-top:12px;padding-top:14px}.master-row .sound-label{font-style:italic}.panel-footnote{font:italic 14px/1.5 var(--display);opacity:.55;margin:6px 0 0}.panel-tabs{border-bottom:1px solid rgba(var(--fg-rgb), .12);gap:18px;margin:-4px 0 24px;display:flex}.panel-tabs button{color:inherit;font:11px var(--ui);opacity:.45;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;margin-bottom:-1px;padding:8px 0}.panel-tabs [aria-selected=true]{opacity:1;border-color:currentColor}#developerPanel{font:11px/1.5 var(--ui)}#developerPanel h3{font:9px var(--ui);letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin:18px 0 12px}#developerPanel h3:first-child{margin-top:0}#developerPanel label{grid-template-columns:84px 1fr 28px;align-items:center;gap:7px;margin-bottom:12px;display:grid}#developerPanel label.cb{display:flex}#developerPanel select{box-sizing:border-box;border:1px solid rgba(var(--fg-rgb), .2);background:rgb(var(--scrim-rgb));width:100%;color:inherit;font:inherit;border-radius:5px;padding:5px}#developerPanel input[type=range]{width:100%;min-width:0;accent-color:rgb(var(--fg-rgb))}#developerPanel input[type=checkbox]{accent-color:rgb(var(--fg-rgb))}#developerPanel output{font-variant-numeric:tabular-nums;font-size:10px}#mixReadout{opacity:.7;line-height:1.7;display:block}#ambientStatus{opacity:.55;font-size:10px}@media (max-height:700px){.sumi .sound-panel{top:max(18px, env(safe-area-inset-top,0px));max-width:calc(100vw - 88px);max-height:calc(100dvh - 36px);right:70px}}@media (prefers-reduced-motion:reduce){#tuning,#tuning svg,.sound-panel,.sound-panel *,.sound-thumb:before{transition:none!important}}.drawer-grip{display:none}@media (min-width:761px){.bottom-controls .ui{padding:70px 26px calc(30px + env(safe-area-inset-bottom,0px))}.bottom-controls .bar{gap:22px}.bottom-controls .round{width:48px;height:48px}.bottom-controls .ui .dial{transition:opacity .45s}.bottom-controls.mix-open .ui .dial{opacity:0;visibility:hidden;pointer-events:none}.bottom-controls.mix-open .sound-panel{top:auto;left:50%;right:auto;bottom:calc(42px + env(safe-area-inset-bottom,0px));isolation:auto;width:min(100vw - 192px,900px);max-width:none;max-height:none;padding:0;overflow:visible;transform:translate(-50%,7px)}.bottom-controls.mix-open .sound-panel.open{transform:translate(-50%)}.bottom-controls.mix-open .sound-panel:before,.bottom-controls.mix-open .sound-panel:after,.bottom-controls.mix-open .panel-frame>path{display:none}.bottom-controls.mix-open .panel-header{display:contents}.bottom-controls.mix-open .panel-header>div,.bottom-controls.mix-open .panel-footnote,.bottom-controls.mix-open .panel-tabs{display:none}.bottom-controls.mix-open #soundPanel{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,40px);display:grid}.bottom-controls.mix-open .sound-row{margin:0;padding:0}.bottom-controls.mix-open .sound-label{white-space:nowrap;font-size:17px}.bottom-controls.mix-open .sound-row{position:relative}.bottom-controls.mix-open .sound-label output{font-size:12px;position:absolute;top:-17px;right:3px}.bottom-controls.mix-open .master-row .sound-label{font-style:normal}.bottom-controls.mix-open .panel-close{width:auto;height:32px;font:italic 14px var(--display);align-items:center;gap:5px;margin:0;display:flex;position:absolute;top:-36px;right:-4px}.bottom-controls.mix-open .panel-close svg{width:20px;height:20px}.bottom-controls.mix-open .panel-close:hover{transform:translate(-3px)}}@media (max-width:760px){.bottom-controls .sound-panel,.bottom-controls.sumi .sound-panel{top:auto;bottom:max(10px, env(safe-area-inset-bottom,0px));width:auto;max-width:none;max-height:calc(100dvh - 76px);transform:translateY(calc(32px + var(--drawer-drag,0px)));border-radius:19px;padding:38px 30px 20px;transition:opacity .4s,transform .6s cubic-bezier(.2,.85,.2,1.04),color 1s;left:12px;right:12px}.bottom-controls .sound-panel.open{transform:translateY(var(--drawer-drag,0px))}.bottom-controls .sound-panel.swiping{transition:opacity .4s,color 1s}.bottom-controls .sound-panel:before{clip-path:none;filter:url(#panelEdge);background:rgba(var(--scrim-rgb), .94);border-radius:17px;inset:3px}.bottom-controls .sound-panel:after{clip-path:none;border-radius:17px;inset:3px}.bottom-controls .panel-frame>path{opacity:.26}.bottom-controls .panel-header{margin-bottom:15px}.bottom-controls .panel-close{width:auto;font:italic 14px var(--display);align-items:center;gap:4px;margin-right:-5px;display:flex}.bottom-controls .panel-close:hover{transform:translate(-2px)}.bottom-controls .panel-close svg{width:18px}.bottom-controls .drawer-grip{width:84px;height:34px;color:inherit;cursor:grab;touch-action:none;opacity:.4;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:1px;left:calc(50% - 42px)}.bottom-controls .drawer-grip svg{fill:currentColor;filter:url(#soundBrush);width:54px;height:12px}.bottom-controls .drawer-grip:active{cursor:grabbing}.bottom-controls .sound-row{margin-bottom:4px}.bottom-controls .master-row{margin-top:10px;padding-top:12px}.bottom-controls .panel-footnote{margin-top:2px}}@media (prefers-reduced-motion:reduce){.bottom-controls .sound-panel,.bottom-controls .panel-close{transition:none!important}}.wind-feedback{text-align:center;opacity:0;pointer-events:none;width:88px;transition:opacity .7s;position:absolute;top:-42px;left:50%;transform:translate(-50%)}.wind-feedback svg{width:76px;height:26px;margin:0 auto;display:block;overflow:visible}.wind-wisp{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;opacity:calc(.18 + var(--wind,0) * .5);transform-origin:50%}.wind-wisp:first-child{scale:calc(.45 + var(--wind,0) * .55) 1}.wind-wisp:nth-child(2){scale:calc(.3 + var(--wind,0) * .7) 1}.wind-wisp:nth-child(3){scale:calc(.1 + var(--wind,0) * .9) 1;opacity:calc(var(--wind,0) * .65)}.wind-word{font:italic 13px/1.4 var(--display);white-space:nowrap;display:block}.wind-feedback.still .wind-wisp{opacity:.15;scale:.2 1}.wind-show .wind-feedback{opacity:.8}.wind-drag .wind-feedback{opacity:1}.wind-show .wind-wisp{animation:wind-ink var(--wind-pace,4s) ease-in-out infinite}.wind-show .wind-wisp:nth-child(2){animation-delay:-.6s}.wind-show .wind-wisp:nth-child(3){animation-delay:-.3s}.wind-feedback.still .wind-wisp{animation:none}.wind-discovery{font:italic 12px/1.4 var(--display);opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .5s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dial:hover .wind-discovery,.dial:focus-visible .wind-discovery,.dial.drag .wind-discovery,.dial.wind-show .wind-discovery{opacity:.55}.dial.wind-drag{cursor:ns-resize}.dial.wind-drag.time-drag{cursor:move}.wind-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes wind-ink{0%,to{translate:-3px}55%{translate:calc(2px + var(--wind,0) * 5px) 0}}@media (prefers-reduced-motion:reduce){.wind-feedback,.wind-discovery{transition:none}.wind-wisp{animation:none!important}}