:root{--ink:#2e2a25;--ink-soft:#2e2a259e;--glass:#f0eae080;--glass-line:#fffcf573;--shadow:0 10px 40px #28201829}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#efe6d8;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.rail,.drop-card,.toast{background:var(--glass);-webkit-backdrop-filter:blur(18px);border:.625px solid var(--glass-line);box-shadow:var(--shadow)}.rail{z-index:2;border-radius:999px;flex-direction:column;align-items:center;padding:3px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.rail button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background .25s,transform .15s;display:grid}.rail button.on{background:#ffffffd9}.rail button:active{transform:scale(.94)}.rail-glaze{gap:8px;left:29.75px}.rail-glaze button{width:29px;height:29px}.swatch{background-position:-10.1px 0;background-size:260% 100%;border:1px solid #ffffff80;border-radius:50%;width:21.072px;height:21.072px;transition:transform .25s cubic-bezier(.3,1.6,.5,1);position:relative;box-shadow:0 1.453px 4.36px #3c28142e,inset 0 0 0 .363px #00000014}.rail-glaze button.on .swatch{border-color:#0000}.rail-glaze button:hover .swatch{transform:scale(1.12)}.rail-models{width:36.32px;height:229px;transition:right .45s cubic-bezier(.2,.8,.2,1);right:29.18px}.rail-models button{flex:1 1 0;width:29.07px}.rail-models .i-on,.rail-models button.on .i-off{display:none}.rail-models button.on .i-on{display:block}.round-btn,.sound-btn{-webkit-backdrop-filter:blur(18px);width:31px;height:30px;box-shadow:var(--shadow);cursor:pointer;z-index:2;background:0 0;border:0;border-radius:999px;padding:0;transition:transform .15s,right .45s cubic-bezier(.2,.8,.2,1);position:fixed;right:31.84px}.sound-btn{bottom:30px}.panel-btn{top:30px}.panel-btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-btn:active,.round-btn:active{transform:scale(.92)}.panel-btn[aria-expanded=true] img{filter:drop-shadow(0 0 #fff)brightness(.92)}.sound-btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.sound-btn .s-on,.sound-btn[aria-pressed=true] .s-off{display:none}.sound-btn[aria-pressed=true] .s-on{display:block}.sound-btn:active{transform:scale(.92)}.kanji-mark{pointer-events:none;z-index:1;position:fixed;bottom:28px;left:26px;transform:scaleX(-1)}.drop{opacity:0;pointer-events:none;background:#3c28142e;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}.drop.show{opacity:1}.drop-card{text-align:center;border-style:dashed;border-radius:22px;padding:28px 36px}.drop-title{font-family:Shippori Mincho,serif;font-size:30px}.drop-sub{color:var(--ink-soft);margin-top:6px;font-size:12px}.toast{opacity:0;pointer-events:none;border-radius:999px;padding:9px 16px;font-size:12px;transition:opacity .25s,transform .25s;position:fixed;top:24px;left:50%;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=640px){.rail-glaze{left:12px}.rail-models{right:12px}.round-btn,.sound-btn{right:14.66px}.sound-btn{bottom:16px}.panel-btn{top:16px}.kanji-mark{transform-origin:0 100%;bottom:12px;left:8px;transform:scaleX(-1)scale(.7)}}:root{--panel-w:340px}.side-panel{width:var(--panel-w);-webkit-backdrop-filter:blur(24px)saturate(130%);border-left:.625px solid var(--glass-line);z-index:5;background:#f4eee4b8;flex-direction:column;max-width:100vw;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #28201824}body.panel-open .side-panel{transform:none}body.panel-open .rail-models{right:calc(var(--panel-w) + 29.18px)}body.panel-open .round-btn,body.panel-open .sound-btn{right:calc(var(--panel-w) + 31.84px)}.sp-head{border-bottom:.625px solid #2e2a251a;justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 12px 16px;display:flex}.sp-title{letter-spacing:.01em;font:600 13px Inter,sans-serif}.sp-actions{align-items:center;gap:4px;display:flex}.sp-actions button{min-width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0 8px;font:500 11px Inter,sans-serif;transition:background .2s,opacity .2s,transform .15s;display:grid}.sp-actions button:hover:not(:disabled){background:#ffffffb3}.sp-actions button:active:not(:disabled){transform:scale(.94)}.sp-actions button:disabled{opacity:.3;cursor:default}.sp-actions .sp-copy{background:#ffffffd9;padding:0 12px;box-shadow:0 1px 3px #3c28141f}.sp-actions .sp-copy.done{background:#e9dcc4}.sp-body{overscroll-behavior:contain;flex:1;padding:4px 6px 24px;overflow:hidden auto}.lil-gui{--background-color:#faf4ec9e;--text-color:#2b241d;--title-background-color:#ffffff59;--title-text-color:#2b241d;--widget-color:#ffffffb3;--hover-color:#ffffffe6;--focus-color:#fff;--number-color:#7a5a2c;--string-color:#7a5a2c;--font-family:Inter, system-ui, sans-serif;--font-size:11px;--widget-height:22px;--widget-border-radius:6px;--name-width:46%;--padding:6px}.side-panel .lil-gui.root,.side-panel .lil-gui.lil-root{--width:100%;--background-color:transparent;background:0 0;width:100%!important}.side-panel .lil-gui.root>.title,.side-panel .lil-gui.lil-root>.lil-title{display:none}.lil-gui .title{font-weight:600}.lil-gui .controller.number .slider,.lil-gui .lil-controller.lil-number .lil-slider{background:#2b241d14}.lil-gui .controller.number .fill,.lil-gui .lil-controller.lil-number .lil-fill{background:#b08a3e38;border-right-color:#b08a3e}.lil-gui .title,.lil-gui .lil-title{font-weight:600}@media (width<=640px){:root{--panel-w:100vw}}.panel-btn[hidden],.side-panel[hidden]{display:none!important}