:root{--bg: #e8e4dc;--bg-deep: #d9d3c8;--panel: rgba(250, 248, 243, .92);--panel-border: rgba(60, 52, 42, .12);--text: #2c2822;--muted: #6b645a;--accent: #5c5346;--accent-soft: #a89a86;--chip: #f3efe6;--chip-active: #3d3830;--chip-active-text: #f7f3eb;--shadow: 0 12px 40px rgba(40, 34, 28, .12);--radius: 14px;--font-display: "Cormorant Garamond", Georgia, serif;--font-ui: "DM Sans", system-ui, sans-serif}[data-theme=dark]{--bg: #1a1816;--bg-deep: #12100e;--panel: rgba(32, 29, 26, .94);--panel-border: rgba(230, 220, 200, .1);--text: #ebe4d8;--muted: #a89f92;--accent: #c4b8a4;--accent-soft: #7a7164;--chip: #2a2622;--chip-active: #e8dfd0;--chip-active-text: #1a1816;--shadow: 0 12px 40px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#app{position:relative;width:100%;height:100%}#c{display:block;width:100%;height:100%;outline:none}.top-bar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;pointer-events:none}.top-bar>*{pointer-events:auto}.brand h1{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:.02em;line-height:1.15}.subtitle{margin:.2rem 0 0;font-size:.78rem;letter-spacing:.14em;text-transform:lowercase;color:var(--muted)}.top-actions{display:flex;gap:.5rem}.btn{font-family:var(--font-ui);font-size:.8rem;font-weight:500;letter-spacing:.04em;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);padding:.45rem .95rem;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,color .2s,border-color .2s}.btn:hover{border-color:var(--accent-soft)}.btn.ghost:hover{background:var(--chip)}.panel{position:absolute;z-index:10;left:1.25rem;bottom:1.25rem;width:min(340px,calc(100vw - 2.5rem));padding:1.15rem 1.2rem 1.05rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.control-block{margin-bottom:1.15rem}.control-block:last-of-type{margin-bottom:.6rem}.block-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}.block-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.block-row .block-label{margin-bottom:0}.sub-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:.35rem}.value{font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:none;color:var(--text);font-weight:500}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent-soft),var(--accent));outline:none;cursor:pointer}input[type=range]:disabled{opacity:.35;cursor:not-allowed}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text);border:2px solid var(--panel);box-shadow:0 1px 4px #00000040}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text);border:2px solid var(--panel)}.stage-ticks{list-style:none;margin:.45rem 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:.15rem;font-size:.58rem;color:var(--muted);letter-spacing:.02em;text-align:center}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{font-family:var(--font-ui);font-size:.75rem;border:1px solid var(--panel-border);background:var(--chip);color:var(--text);border-radius:999px;padding:.35rem .7rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.chip:hover{border-color:var(--accent-soft)}.chip.active{background:var(--chip-active);color:var(--chip-active-text);border-color:transparent}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider-switch{position:absolute;inset:0;background:var(--chip);border:1px solid var(--panel-border);border-radius:999px;cursor:pointer;transition:.2s}.slider-switch:before{content:"";position:absolute;height:16px;width:16px;left:2px;top:2px;background:var(--text);border-radius:50%;transition:.2s}.switch input:checked+.slider-switch{background:var(--accent);border-color:transparent}.switch input:checked+.slider-switch:before{transform:translate(18px);background:#fff}.hint{margin:.75rem 0 0;font-size:.72rem;line-height:1.45;color:var(--muted)}.pins{position:absolute;inset:0;pointer-events:none;z-index:8}.pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;cursor:pointer;border:none;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.pin-dot{width:12px;height:12px;border-radius:50%;background:var(--panel);border:2px solid var(--accent);box-shadow:0 2px 8px #0003;transition:transform .15s,background .15s}.pin:hover .pin-dot,.pin.active .pin-dot{transform:scale(1.25);background:var(--accent)}.pin-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:.2rem .5rem;white-space:nowrap;backdrop-filter:blur(8px);opacity:.92}.info-card{position:absolute;z-index:20;right:1.25rem;bottom:1.25rem;width:min(300px,calc(100vw - 2.5rem));padding:1.15rem 1.25rem 1.2rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(14px);transition:opacity .2s,transform .2s}.info-card.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.info-card h2{margin:0 1.5rem .45rem 0;font-family:var(--font-display);font-weight:500;font-size:1.35rem}.info-card p{margin:0;font-size:.88rem;line-height:1.55;color:var(--muted)}.card-close{position:absolute;top:.65rem;right:.75rem;border:none;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer;padding:.15rem .35rem}.card-close:hover{color:var(--text)}.loader{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:var(--bg);transition:opacity .4s}.loader.fade{opacity:0;pointer-events:none}.loader-inner{text-align:center}.loader-inner p{margin:.9rem 0 0;font-size:.85rem;letter-spacing:.08em;color:var(--muted)}.spinner{width:36px;height:36px;margin:0 auto;border:2px solid var(--panel-border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.panel{left:.75rem;right:.75rem;bottom:.75rem;width:auto}.info-card{left:.75rem;right:.75rem;bottom:auto;top:4.5rem;width:auto}.stage-ticks{font-size:.5rem}}