.voce-live{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 700ms var(--ease)}.stage__frame[data-live="1"] .voce-live{opacity:1}.stage__frame[data-reveal=playing] .voce-live{clip-path:inset(0 calc(100% - var(--cut)) 0 0)}.recorder{display:grid;gap:14px}.recorder .field__label{margin:0}.recorder__ideas{margin:-4px 0 4px;font-family:var(--font-heading);font-style:italic;font-size:20px;line-height:1.35;color:var(--muted)}.rec{display:flex;align-items:center;gap:18px;width:100%;min-height:84px;padding:12px 20px 12px 12px;border:1px solid var(--forest);background:var(--white);color:var(--forest);cursor:pointer;text-align:left;transition:background-color 320ms var(--ease),color 320ms var(--ease)}.rec:hover{background:var(--cream)}.rec:focus-visible{outline:1px solid var(--forest);outline-offset:3px}.rec[disabled]{opacity:0.45;pointer-events:none}.rec__dial{position:relative;flex:none;width:60px;height:60px}.rec__dial svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.rec__track{fill:none;stroke:var(--line-strong);stroke-width:1.5}.rec__progress{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-dasharray:188.5;stroke-dashoffset:188.5}.rec__icon{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#9b3a24;transition:border-radius 240ms var(--ease),transform 240ms var(--ease),background-color 240ms var(--ease)}.rec__text{display:grid;gap:2px}.rec__label{font-size:16px;font-weight:400;letter-spacing:-0.005em}.rec__sub{font-size:12px;letter-spacing:0.06em;color:var(--muted);font-variant-numeric:tabular-nums}.recorder[data-state=recording] .rec{background:var(--forest);color:var(--cream)}.recorder[data-state=recording] .rec__track{stroke:rgb(245 243 230 / 0.25)}.recorder[data-state=recording] .rec__icon{border-radius:2px;transform:scale(0.8);background:var(--cream)}.recorder[data-state=recording] .rec__sub{color:rgb(245 243 230 / 0.75)}.recorder[data-state=asking] .rec__icon,.recorder[data-state=sending] .rec__icon{animation:pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.recorder[data-state=asking] .rec__icon,.recorder[data-state=sending] .rec__icon{animation:none}}.listen{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin:-8px 0 22px}.listen__btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px 8px 12px;border:1px solid var(--line-strong);background:var(--white);cursor:pointer;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;transition:background-color 240ms var(--ease),color 240ms var(--ease),border-color 240ms var(--ease)}.listen__btn:hover{background:var(--forest);color:var(--cream);border-color:var(--forest)}.listen__icon{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.listen[data-playing="1"] .listen__icon{width:9px;height:11px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}.listen__note{font-size:12px;color:var(--muted)}.voce-design{padding:clamp(22px,6vw,44px) clamp(14px,4vw,30px)}.voce-design__text{margin:0 0 14px;font-size:15px;line-height:1.7;color:var(--muted)}.voce-design .crest__img{display:block;max-width:340px;margin:0 auto;border:1px solid var(--line-strong);border-radius:50%}.picker-slot:empty{display:none}#pickerHome{margin-bottom:22px}#pickerOrder{margin:0 0 22px}.styles{display:grid;gap:10px}.styles .field__label{margin:0}.styles__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.style{display:flex;align-items:center;gap:14px;min-height:84px;padding:10px 14px 10px 10px;border:1px solid var(--line-strong);background:var(--white);color:var(--forest);cursor:pointer;text-align:left;transition:border-color 240ms var(--ease),background-color 240ms var(--ease),opacity 240ms var(--ease)}@media(hover:hover){.style:hover{border-color:var(--forest)}}.style:focus-visible{outline:1px solid var(--forest);outline-offset:3px}.style[aria-checked=true]{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}.style__img{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--cream);overflow:hidden}.style__img img{width:100%;height:100%;mix-blend-mode:multiply}.style__text{display:grid;gap:2px}.style__name{font-family:var(--font-heading);font-size:22px;line-height:1.1}.style__line{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted)}.styles__hint{display:none;margin:0;font-size:12px;color:var(--muted)}#pickerOrder .styles__hint{display:block}.styles[data-busy="1"] .style{pointer-events:none;opacity:0.55}.stage__example{position:absolute;top:12px;left:calc(var(--gutter) - 8px);z-index:4;display:inline-flex;align-items:center;gap:8px;margin:0;padding:4px 9px 4px 5px;border:0;background:rgb(253 253 251 / 0.92);color:rgb(4 26 23 / 0.8);font:inherit;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;cursor:pointer;transition:color 240ms var(--ease)}.stage__example::after{content:"";position:absolute;inset:-9px -6px}@media(hover:hover){.stage__example:hover{color:var(--forest)}}.stage__example:focus-visible{outline:1px solid var(--forest);outline-offset:2px}.example__icon{position:relative;flex:none;width:18px;height:18px;border:1px solid currentColor;border-radius:50%}.example__icon::before{content:"";position:absolute;left:6px;top:4px;border-left:6px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}.stage__example[aria-pressed=true] .example__icon::before{left:5px;top:5px;width:6px;height:6px;box-sizing:border-box;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor}.stage__frame[data-light="1"] .voce-live{mix-blend-mode:screen}.stage__frame[data-light="1"][data-live="1"] .voce-live{transition-duration:180ms}