.record-stage{display:grid;place-items:center;height:224px}.record-circle{border:0;border-radius:50%;width:132px;height:132px;background:var(--coal);color:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.record-wave{display:flex;align-items:center;gap:7px;height:51px;direction:ltr}.record-wave b{width:7px;height:20px;border-radius:5px;background:currentColor}.record-wave b:nth-child(2n){height:38px}.record-wave b:nth-child(3){height:51px}.rec-label{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:2px;color:#f8f7f0;font-weight:750;direction:ltr}.led{width:6px;height:6px;background:#ff8176;border-radius:50%;opacity:.35}.recording .record-circle{color:#ff8176}.recording .led{opacity:1;animation:led 1.4s ease-in-out infinite}.recording .record-wave b{animation:level .65s ease-in-out infinite alternate}.recording .record-wave b:nth-child(2n){animation-delay:-.32s}.recording .record-clock{color:var(--error)}.record-clock{text-align:center;font-size:29px;font-variant-numeric:tabular-nums;margin:0;direction:ltr}.record-clock small{font-size:13px;color:var(--dim)}.record-hint{text-align:center;margin:4px 0 22px}.center{text-align:center;margin:12px 0}.upload-label{cursor:pointer}.field{display:block;font-size:12px;font-weight:700;margin:18px 0}.field input{display:block;width:100%;font-size:16px;padding:11px 12px;background:var(--paper);color:var(--ink);border:1px solid var(--edge);border-radius:12px;margin-top:6px}.trim{margin:16px 0;padding:16px 0;border-block:1px solid var(--edge);font-size:12px}.trim-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}.trim-grid input{width:100%;direction:ltr;accent-color:var(--ink)}.trim-grid output{font-variant-numeric:tabular-nums;direction:ltr}.notice{display:flex;align-items:center;gap:10px;padding:14px;background:var(--soft);border-radius:13px;font-size:12px;margin:18px 0}.plain{display:block;width:100%;background:transparent;border:0;color:var(--dim);text-decoration:underline;padding:12px;font-size:12px;min-height:44px}.secondary{margin-top:10px}.ready-mark{display:grid;place-items:center;border-radius:50%;width:60px;height:60px;background:var(--lime);color:var(--coal);margin:18px 0}.ready-mark svg{width:28px;height:28px}.facebook-direct{background:var(--soft)}.ownership{margin:25px 0;border-block:1px solid var(--edge);padding:18px 0}.ownership h2{font-size:20px;letter-spacing:-.5px;margin:0 0 8px}.check{display:flex;align-items:start;gap:8px;font-size:12px;margin:12px 0}.check input{width:18px;height:18px;accent-color:var(--ink)}#ready-comment{width:100%;padding:12px;background:var(--soft);color:var(--ink);border:1px solid var(--edge);border-radius:13px;font:13px/1.7 Arial,sans-serif;direction:ltr;margin-top:12px}.upload-progress{padding:15px 0}#progress-bar{height:5px;border-radius:4px;background:var(--edge);overflow:hidden;margin-bottom:8px}#progress-bar span{height:100%;display:block;background:var(--ink);width:0}button:disabled{opacity:.55;cursor:wait}.rtl .record-clock{direction:ltr}@keyframes led{0%,100%{opacity:1}50%{opacity:.2}}@media(prefers-reduced-motion:reduce){.recording .record-wave b,.recording .led{animation:none}}

.photo-picker{display:flex;align-items:center;gap:14px;margin-top:18px}.photo-picker img{width:128px;height:128px;flex:none;border-radius:50%;object-fit:cover;border:3px solid var(--lime)}.photo-picker>div{flex:1}.photo-picker .plain{margin-top:4px}
@media(max-width:350px){.photo-picker{flex-direction:column;align-items:stretch}.photo-picker img{align-self:center}.photo-picker .plain{width:100%}}

.discover-choice{padding:16px 0;border-top:1px solid var(--edge);margin-top:22px;gap:12px}.discover-choice strong{display:block;font-size:15px}.discover-choice .hint{display:block;margin-top:4px}.discover-choice input{flex:none;margin-top:3px}
