:root{--bg-color: #e9e1d0;--light-x: 50vw;--light-y: 30vh;--par-x: 0px;--par-y: 0px;--font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace;--font-ui: "Inter", system-ui, sans-serif;--vermilion: #c24a30;--ink: #2e2418;--ink-soft: rgba(46, 36, 24, .62);--ink-faint: rgba(46, 36, 24, .4);--hairline: rgba(46, 36, 24, .18);--cord: rgba(58, 44, 28, .72);--light-warm: rgba(255, 240, 205, .12)}:root[data-scene-theme=dark]{--ink: rgba(240, 232, 216, .94);--ink-soft: rgba(240, 232, 216, .6);--ink-faint: rgba(240, 232, 216, .38);--hairline: rgba(240, 232, 216, .18);--cord: rgba(216, 194, 156, .7);--light-warm: rgba(255, 236, 200, .14)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg-color);color:var(--ink);user-select:none;-webkit-user-select:none}.chime-scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:crosshair}.bg-root,.bg-root>div{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-color{background:var(--bg-color);transition:background .6s ease}.bg-noise{top:-24px;right:-24px;bottom:-24px;left:-24px;background-repeat:repeat;opacity:.16;mix-blend-mode:multiply;transform:translate(var(--par-x),var(--par-y));will-change:transform}:root[data-scene-theme=dark] .bg-noise{mix-blend-mode:overlay;opacity:.12}.bg-vignette{background:radial-gradient(ellipse 130% 100% at 50% 34%,transparent 48%,rgba(58,40,20,.13) 100%)}.bg-light{background:radial-gradient(circle 44vmax at var(--light-x) var(--light-y),var(--light-warm) 0%,transparent 60%);mix-blend-mode:soft-light}.chime-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;background:radial-gradient(circle 22vmax at var(--light-x) var(--light-y),rgba(255,246,220,.09) 0%,transparent 62%);mix-blend-mode:screen}.hero{position:absolute;left:clamp(24px,6vw,110px);bottom:clamp(64px,9vh,100px);z-index:5;max-width:min(52vw,680px);pointer-events:none}.hero-eyebrow{font:500 12px/1.4 var(--font-mono);letter-spacing:.08em;color:var(--ink-soft);margin-bottom:1.4em}.hero-eyebrow span{color:var(--ink-faint)}.hero-title{font-family:var(--font-display);font-weight:560;font-size:clamp(38px,5.4vw,76px);line-height:1.02;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}.hero-hint{margin-top:1.6em;font:400 11.5px/1.7 var(--font-mono);color:var(--ink-faint)}.hanging-system{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.cords{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.cord-line{fill:none;stroke:var(--cord);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.piece{position:absolute;left:0;top:0;will-change:transform;filter:drop-shadow(5px 12px 9px rgba(58,38,18,.22))}:root[data-scene-theme=dark] .piece{filter:drop-shadow(6px 14px 10px rgba(0,0,0,.32))}.piece-svg{display:block}.glass-shard{position:absolute}.glass-shard>div{position:absolute;top:0;right:0;bottom:0;left:0}.glass-body{backdrop-filter:blur(2.5px) saturate(1.4) brightness(1.1);-webkit-backdrop-filter:blur(2.5px) saturate(1.4) brightness(1.1)}.glass-edge{mix-blend-mode:screen}.glass-spark{inset:auto;width:26%;height:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.95) 0%,rgba(255,255,255,.32) 45%,transparent 72%);mix-blend-mode:screen}.roof-canopy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.hand-cursor{position:absolute;left:-19px;top:-19px;width:38px;height:38px;border-radius:50%;z-index:40;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(circle,var(--cursor-color) 0%,transparent 68%);box-shadow:0 0 26px 6px var(--cursor-color);mix-blend-mode:multiply}:root[data-scene-theme=dark] .hand-cursor{mix-blend-mode:screen}.topbar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(20px,3.4vw,48px)}.brand{font-family:var(--font-display);font-weight:560;font-size:19px;color:var(--ink);letter-spacing:-.01em}.brand-sub{font:400 10.5px var(--font-mono);letter-spacing:.1em;color:var(--ink-faint);margin-left:10px}.topbar-controls{display:flex;align-items:center;gap:14px}.bar-sep{width:1px;height:18px;background:var(--hairline)}.bar-group{display:flex;align-items:center;gap:4px;position:relative}.bar-btn{border:none;background:none;font:500 12px var(--font-mono);letter-spacing:.06em;color:var(--ink-soft);padding:7px 9px;cursor:pointer;border-bottom:1.6px solid transparent;transition:color .18s ease,border-color .18s ease;display:inline-flex;align-items:center;gap:7px}.bar-btn:hover{color:var(--ink)}.bar-btn.is-active{color:var(--ink);border-bottom-color:var(--vermilion)}.bar-btn.is-on{color:var(--ink)}.bar-btn.is-warn{color:#a8542e}.cam-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint);transition:background .2s ease,box-shadow .2s ease}.bar-btn.is-on .cam-dot{background:#4f9c6c;box-shadow:0 0 7px #4f9c6c}.bar-btn.is-warn .cam-dot{background:#c0603a}.bar-hint{position:absolute;top:100%;right:0;white-space:nowrap;font:400 10.5px var(--font-mono);color:#a8542e;padding-top:3px}.bar-swatches{gap:8px}.swatch{width:17px;height:17px;border-radius:50%;border:1.4px solid var(--hairline);cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}.swatch:hover{transform:scale(1.18)}.swatch.is-active{border-color:var(--ink);transform:scale(1.18)}.swatch-custom{position:relative;background:conic-gradient(#c24a30,#d8b25e,#7f9c72,#5c7d99,#8a6a94,#c24a30)}.swatch-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;border:none}.meaning{position:fixed;right:clamp(20px,3.4vw,48px);bottom:clamp(64px,9vh,100px);z-index:55;width:min(320px,78vw);pointer-events:none}.meaning p{font:400 11px/1.75 var(--font-mono);color:var(--ink-soft);text-align:left}.sound-btn{position:fixed;right:clamp(20px,3.4vw,48px);bottom:clamp(20px,4vh,36px);z-index:60;width:52px;height:52px;border-radius:50%;border:none;background:#26211b;color:#f0e8d8;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px #281a0c4d;transition:transform .16s ease,background .16s ease}.sound-btn:hover{transform:scale(1.06)}:root[data-scene-theme=dark] .sound-btn{background:#ede4d0;color:#26211b}.bar-btn:focus-visible,.swatch:focus-visible,.sound-btn:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}@media (max-width: 900px){.hero{max-width:78vw;bottom:clamp(120px,18vh,220px)}.hero-title{font-size:clamp(34px,9vw,60px)}.meaning{display:none}}@media (max-width: 640px){.topbar{flex-wrap:wrap;padding:12px 16px;gap:8px}.brand-sub,.hero-hint{display:none}}@media (prefers-reduced-motion: reduce){.bg-noise{transform:none}}