.runtime-reaction{position:relative;width:100%;height:100%;transform-origin:50% 100%}.runtime-hotspot{position:relative;display:block;width:100%;height:100%;background:transparent;border:0;padding:0;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.runtime-hotspot:focus-visible{outline:3px solid #f6d87b;outline-offset:4px;border-radius:40%}.runtime-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.story-word{font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;background:transparent;border:0;border-radius:.15em;margin:0;padding:0;cursor:pointer;text-align:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}.story-word:focus-visible{outline:2px solid #bf8840;outline-offset:3px}.story-word.spoken{background:#f7dfa0;box-shadow:0 0 0 .08em #f7dfa0}.effect-tabs{display:flex;gap:24px;border-bottom:1px solid #d6dec9;margin-top:20px;overflow-x:auto}.studio .effect-tab{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 0;color:#73836b;cursor:pointer;min-width:55px}.studio .effect-tab[aria-selected="true"]{color:#2e5e44;border-color:#2e5e44}.effect-pane{padding:4px 0 16px}.effect-pane h3{margin-top:24px}.studio .cue-list{margin:10px 0;display:grid;gap:6px}.cue-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;padding:8px 10px;background:#f0f3e7;border-radius:8px}.studio .cue-row button{padding:5px 8px;min-height:30px}.studio .timings-editor{min-height:140px;font-size:11px}.voice-waveform{width:100%;height:90px;background:#f0f3e7;border-radius:9px;display:block;margin:12px 0}.record-caption{font:20px/1.5 var(--serif);color:#355035;margin:16px 0;padding:15px;background:#f4f5e9;border-radius:9px;white-space:pre-line}.studio .story-word{font:inherit;line-height:inherit;min-height:0}.studio .story-mix input[type="range"]{border:0;padding:0;accent-color:#2e5e44}.studio .effect-controls>button{margin-bottom:12px}.studio .effect-pane details{margin-top:18px}.studio .effect-pane details summary{font-size:12px}.studio [data-recording="true"]{color:#a14b30}body[data-age="baby"] .runtime-hotspot{pointer-events:none}body[data-age="baby"] .story-word{cursor:default}@media(max-width:650px){.effects-grid{gap:0 12px}.effect-tabs{gap:22px}.record-caption{font-size:18px}}@media(prefers-reduced-motion:reduce){.story-word{transition:none}}