.cassette-row.cassette-row-with-actions{grid-template-columns:minmax(0,1fr) 155px;gap:28px}.cassette-row-with-actions .cassette-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cassette-row-with-actions.is-selected .cassette-rim{border:1px solid #dc3d2099}.cassette-transport{z-index:3;color:#f8f1dc;height:12px;font-family:var(--mono);white-space:nowrap;background:#272e25;border:1px solid #f7f2df80;border-radius:2px;align-items:center;gap:3px;padding:0 4px;font-size:7px;line-height:1;display:inline-flex;position:absolute;bottom:1px;right:6%}.cassette-transport svg{flex-shrink:0}.cassette-actions{background:#d2cebf;border-radius:7px;gap:6px;min-width:0;padding:5px;display:grid;box-shadow:inset 0 1px 3px #514c3c40,0 1px 1px #ffffffb3}.cassette-actions .cassette-action{width:100%;min-width:0;min-height:44px;color:var(--ink);white-space:nowrap;background:linear-gradient(#f7f4eb,#e5dfce);border:1px solid #aba695;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:9px 10px;font-size:12px;font-weight:500;line-height:1.25;transition:transform .12s ease-out,box-shadow .12s ease-out;display:flex;transform:none;box-shadow:inset 0 1px 1px #fffefa,inset 0 -2px 1px #b3ac9766,0 2px 2px #49432d47}.cassette-actions .cassette-action svg{flex-shrink:0;width:17px;height:17px}.cassette-actions .cassette-action:hover:not(:disabled){transform:translateY(-1px)}.cassette-actions .cassette-action:active:not(:disabled),.cassette-actions .cassette-action.has-reacted{transform:translateY(1px);box-shadow:inset 0 2px 3px #5c513238,0 1px 1px #fffefa99}.cassette-actions .cassette-action.has-reacted{color:var(--accent-dark);background:#e3d8c5;border-color:#b39379}.cassette-actions .cassette-action.is-copied{color:#3e4c33}.cassette-actions .cassette-action:focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}.cassette-actions .cassette-action:disabled{opacity:.6;cursor:wait}.cassette-actions .me-too-count{color:inherit;font-variant-numeric:tabular-nums}.cassette-share-error{color:var(--accent-dark);overflow-wrap:anywhere;margin:4px 2px 0;font-size:12px;line-height:1.4}@media (width<=1100px){.cassette-row.cassette-row-with-actions{grid-template-columns:minmax(0,1fr) 145px;gap:20px}}@media (width<=620px){.cassette-row.cassette-row-with-actions{grid-template-columns:minmax(0,1fr);gap:9px}.cassette-row-with-actions .cassette-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;width:min(100%,284px)}.cassette-actions .cassette-share-error{grid-column:1/-1}.cassette-stack:has(.cassette-row-with-actions){gap:20px}}@media (prefers-reduced-motion:reduce){.cassette-actions .cassette-action{transition:none}.cassette-actions .cassette-action:hover:not(:disabled),.cassette-actions .cassette-action:active:not(:disabled),.cassette-actions .cassette-action.has-reacted{transform:none}}.tape-deck.is-recording .deck-display-state{color:#ffb89a}.tape-deck.is-recording .deck-record svg{width:3.2cqw;height:3.2cqw}.tape-deck .deck-button:disabled{cursor:not-allowed}.tape-deck .deck-record:disabled{opacity:.6}.tape-deck .deck-message-link{text-underline-offset:.2em;text-decoration:none}.tape-deck .deck-message-link:hover{text-decoration:underline}.tape-deck .deck-message-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recorder-studio{align-items:start;gap:clamp(28px,4vw,64px)}.recorder-panel{min-width:0}.recorder-studio>.deck-stage{margin-top:86px;position:sticky;top:104px}.recorder-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.recorder-steps{color:#706d62;align-items:center;gap:clamp(10px,1.2vw,18px);margin:0;padding:0;font-size:11px;list-style:none;display:flex}.recorder-steps li{white-space:nowrap;align-items:center;gap:5px;display:flex}.recorder-steps li[aria-current]{color:#9e311e;font-weight:700}.recorder-steps :where(li)>span{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:10px}.recorder-studio h1{white-space:pre-line;margin-bottom:28px;font-size:clamp(54px,5.1vw,76px);line-height:.98}.recorder-studio h1:focus{outline:none}.recorder-close,.recorder-primary,.recorder-secondary,.recorder-save{color:#34372e;min-height:44px;font:inherit;cursor:pointer;background:linear-gradient(#faf8f0,#e1ddcf);border:1px solid #b8b3a5;border-bottom:3px solid #a6a190;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-size:12px;font-weight:650;line-height:1.35;transition:transform .12s ease-out,background-color .12s ease-out;display:inline-flex;box-shadow:inset 0 1px #fff,0 2px 3px #24211712}.recorder-close{flex:none;width:44px;margin-left:auto;padding:0}.recorder-primary{color:#fffdf3;background:linear-gradient(#4a5240,#343d2c);border-color:#333b29 #333b29 #1f271b;box-shadow:inset 0 1px #ffffff29,0 2px 3px #24211712}:is(.recorder-primary,.recorder-secondary,.recorder-close,.recorder-save):hover:not(:disabled){filter:brightness(1.05)}:is(.recorder-primary,.recorder-secondary,.recorder-close,.recorder-save):active:not(:disabled){transform:translateY(2px)}:is(.recorder-primary,.recorder-secondary,.recorder-close,.recorder-save) svg{flex:none}.recorder-studio button:disabled,.recorder-studio fieldset:disabled,.recorder-exit-popup button:disabled{opacity:.5;cursor:not-allowed}.recorder-studio :focus-visible,.recorder-exit-popup :focus-visible{outline-offset:4px;outline:3px solid #8d4e2b}.recorder-clock-row{flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.recorder-clock{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:#323a2a;font-size:clamp(28px,3vw,36px)}.recorder-clock small{color:#6e6c61;font-size:16px}.recorder-clock-row>span{color:#666357;font-size:11px}.recorder-instruction{color:#5f5c50;max-width:36ch;margin:17px 0 14px;font-size:14px;line-height:1.65}.recorder-text-link{color:#464c3c;min-height:44px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;padding:10px 0;font-size:12px;text-decoration:underline;display:inline-flex}.recorder-review{margin-top:24px}.recorder-effects{border:0;margin:0;padding:0}.recorder-effects legend{margin-bottom:10px;font-size:12px;font-weight:650}.recorder-effects>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.recorder-effects label{cursor:pointer;background:linear-gradient(#f7f4e9,#e7e2d4);border:1px solid #bcb7a9;border-bottom:3px solid #aba492;border-radius:5px;grid-template-columns:13px 1fr;gap:5px 6px;padding:11px 8px;display:grid;box-shadow:inset 0 1px #fff}.recorder-effects label.is-selected{color:#39432e;background:#e4e7d9;border-color:#727960;box-shadow:inset 0 2px 3px #30332120}.recorder-effects input{accent-color:#4d583b;margin:1px 0 0}.recorder-effects strong{font-size:11px;font-weight:650}.recorder-effect-detail{color:#626353;grid-column:2;font-size:9px}.recorder-continue{margin-top:24px}.recorder-help{color:#666356;margin:10px 0 0;font-size:11px;line-height:1.6}.recorder-fields{border:0;min-width:0;margin:0;padding:0}.recorder-fields label:not(.recorder-check){flex-direction:column;gap:8px;font-size:12px;font-weight:650;display:flex}.recorder-fields input:not([type=checkbox]),.recorder-fields textarea,.recorder-fields select{box-sizing:border-box;width:100%;font:inherit;color:#2e3328;caret-color:#bc3c25;background:#fbf9f1;border:1px solid #bcbbae;border-radius:5px;padding:12px;font-size:14px;font-weight:400;line-height:1.5;box-shadow:inset 0 1px 3px #2926150a}.recorder-fields textarea{resize:vertical;min-height:132px}.recorder-transcript-label{margin-top:18px}.recorder-fields input::placeholder,.recorder-fields textarea::placeholder{color:#777367}.recorder-transcription{padding-top:18px}.recorder-models{border-bottom:1px solid #d2cec0;margin-bottom:12px;padding:0 0 12px}.recorder-models summary{color:#525d42;cursor:pointer;padding:6px 0;font-size:11px}.recorder-models label{margin-top:8px}.recorder-suggestion{border:1px solid #b3bda0;border-radius:5px;margin-top:18px;padding:14px}.recorder-suggestion strong{font-size:12px}.recorder-suggestion p{white-space:pre-wrap;max-height:180px;font-size:13px;line-height:1.6;overflow:auto}.recorder-suggestion>div{flex-wrap:wrap;gap:12px;display:flex}.recorder-navigation{justify-content:space-between;gap:12px;margin-top:26px;display:flex}.recorder-save{min-height:44px;margin-top:18px;padding:8px 12px;font-size:11px;font-weight:500}.recorder-publish-preview{border-block:1px solid #d4d0c2;align-items:flex-start;gap:14px;margin-bottom:24px;padding:18px 0;display:flex}.recorder-publish-preview>svg{color:#746e5d;flex:none}.recorder-publish-preview strong{overflow-wrap:anywhere;font-size:14px;line-height:1.45}.recorder-publish-preview p{white-space:pre-wrap;overflow-wrap:anywhere;color:#666356;max-height:130px;margin:7px 0 0;font-size:12px;line-height:1.65;overflow:auto}.recorder-check{cursor:pointer;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;display:flex}.recorder-check input{accent-color:#53643c;flex-shrink:0;width:17px;height:17px;margin:1px 0 0}.recorder-identity>.recorder-help{margin:5px 0 16px 27px}.recorder-confirm{margin-top:24px}.recorder-moderation{margin-top:18px}.recorder-error{color:#8d3020;background:#f7e5dd;border:1px solid #d9a897;border-radius:5px;margin:18px 0 0;padding:12px;font-size:12px;line-height:1.55}.recorder-request-status{color:#475336;margin:16px 0 0;font-size:12px;line-height:1.6}.recorder-success>p{color:#626753;margin:0 0 24px;font-size:15px;line-height:1.6}.recorder-audio{display:none}.recorder-exit-backdrop{z-index:100;background:#25251f88;position:fixed;inset:0}.recorder-exit-viewport{z-index:101;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.recorder-exit-popup{background:#f6f2e7;border-radius:12px;width:min(100%,460px);padding:26px;box-shadow:0 16px 60px #18181133}.recorder-exit-popup h2{margin:0;font-size:22px}.recorder-exit-popup p{color:#605c51;margin:12px 0 24px;font-size:14px;line-height:1.6}.recorder-exit-popup>div{flex-wrap:wrap;gap:12px;display:flex}@media (width<=760px){.hero.recorder-studio{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:28px}.recorder-panel{display:contents}.recorder-toolbar{grid-row:1;margin-bottom:0}.recorder-studio>.deck-stage{grid-row:2;justify-self:center;max-width:510px;margin-top:0;position:relative;top:auto}.recorder-form{grid-row:3;justify-self:center;width:100%;max-width:510px;margin-top:12px}.recorder-studio h1{margin-bottom:24px;font-size:52px}.recorder-instruction{max-width:none}.recorder-effects strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.recorder-studio button,.recorder-exit-popup button{transition:none}}