.sy-page{overflow-x:hidden}.sy-modes{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 18px;max-width:100%}.sy-modes button{flex:1 1 auto;min-height:40px}.sy-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}.sy-stage-col{min-width:0}.sy-stage{width:100%;border-radius:18px;overflow:hidden;background:#160e07;box-shadow:0 10px 30px rgba(33,22,13,.25),inset 0 0 0 1px rgba(199,154,75,.4)}.sy-stage canvas{display:block;margin:0 auto}.sy-hint{margin:8px 2px 0}.sy-side{min-width:0;gap:14px}.sy-panel{display:flex;flex-direction:column;gap:12px}.sy-h{margin:0;font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.2}.sy-h3{margin:0 0 8px;font-size:1.1rem}.sy-row{display:flex;align-items:center;gap:8px}.sy-row,.sy-row .toggle{flex-wrap:wrap}.sy-select{min-height:38px;padding:6px 10px;border-radius:10px;border:1px solid #c79a4b;background:#fbf3df;color:#21160d;font:inherit;max-width:100%}.sy-play{min-width:140px}.sy-mixer{display:flex;align-items:center;gap:10px}.sy-mixer input,.sy-slider input{flex:1 1;width:100%;accent-color:#e3891f;min-height:28px}.sy-slider{display:flex;flex-direction:column;gap:4px}.sy-caption{min-height:150px}.sy-cap-text{margin:6px 0 0;line-height:1.55}.sy-cap-harm{margin:10px 0 0;padding-top:10px;border-top:1px dashed rgba(199,154,75,.6);line-height:1.5}.sy-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 2px rgba(33,22,13,.15)}.sy-legend{margin-top:18px}.sy-voices{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.sy-voice{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid rgba(199,154,75,.45);background:rgba(251,243,223,.6);color:inherit;font:inherit;cursor:pointer;transition:background .2s,box-shadow .2s}.sy-voice:focus-visible,.sy-voice:hover:not(:disabled){background:#fbf3df;box-shadow:0 0 0 2px #e3891f;outline:none}.sy-voice.on{box-shadow:0 0 0 2px #e3891f;background:#fff6e2}.sy-voice:disabled{cursor:default;opacity:.75}.sy-glyph{font-size:1.5rem;width:34px;height:34px;border-radius:50%;background:#21160d;display:grid;place-items:center;flex:none;font-family:serif}.sy-vtext{display:flex;flex-direction:column;min-width:0}.sy-vtext b{font-weight:600}.sy-harms{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sy-harms li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;transition:background .3s}.sy-harms li.on{background:rgba(227,137,31,.12)}.sy-harms .pill{flex:none}.sy-blur{filter:blur(4px);-webkit-user-select:none;user-select:none}.sy-rec{margin-top:18px}.sy-rec .row{flex-wrap:wrap;gap:8px}.sy-recdot:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#dc2626;margin-right:6px;animation:sy-blink 1s infinite}.sy-how{margin-top:18px}.sy-breath-read{display:flex;align-items:baseline;gap:12px;min-height:52px}.sy-count{font-size:2.4rem;color:#e3891f;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sy-note{margin:0;line-height:1.5}@keyframes sy-blink{50%{opacity:.2}}@media (max-width:860px){.sy-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.sy-modes button{flex:1 1 45%;font-size:.9rem;padding-left:6px;padding-right:6px}.sy-voices{grid-template-columns:minmax(0,1fr)}.sy-stage{border-radius:12px}}@media (prefers-reduced-motion:reduce){.sy-harms li,.sy-voice{transition:none}.sy-recdot:before{animation:none}}