.voice-page{background:#f5f4ed;color:#203b30}.voice-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1000px;margin:auto;padding:24px}.voice-header a{color:#254837}.voice-brand{font-weight:850;letter-spacing:.1em;text-decoration:none}.voice-brand small{display:block;font-size:10px;letter-spacing:.24em;margin-top:5px}.voice-main{max-width:760px;margin:35px auto 70px;padding:0 22px}.voice-main>h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,9vw,76px);margin:14px 0}.voice-lead{font-size:20px;line-height:1.6;color:#56675c}.voice-progress{display:flex;list-style:none;padding:0;gap:16px;margin:32px 0;font-size:13px;color:#66766a}.voice-progress li{flex:1;border-top:3px solid #d5dbcd;padding-top:12px}.voice-progress [aria-current]{color:#264d37;border-color:#ac8c4b;font-weight:bold}.voice-card{background:#fffefa;border:1px solid #d8ddcf;border-radius:18px;padding:30px;margin:22px 0;box-shadow:0 12px 35px #1c3d2406}.voice-card h2{font:normal 30px Georgia,serif;margin:0 0 16px}.voice-card p{line-height:1.65}.voice-main label{display:block;font-weight:600;line-height:1.55;margin:18px 0}.voice-main input:not([type=checkbox]),.voice-main select,.voice-main textarea{box-sizing:border-box;width:100%;font:inherit;font-size:16px;background:white;border:1px solid #a9b7a7;border-radius:8px;padding:13px;margin-top:7px;color:#203b30;min-height:48px}.voice-main textarea{resize:vertical;line-height:1.65}.voice-main :focus-visible{outline:3px solid #a57a36;outline-offset:4px}.voice-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.voice-main .sq-primary,.voice-main .sq-secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;box-sizing:border-box;min-height:52px;padding:14px 21px;border-radius:9px;font:700 16px system-ui;cursor:pointer;text-decoration:none;text-align:center}.voice-main .sq-primary{background:#234d37;color:#fff;border:1px solid #234d37}.voice-main .sq-secondary{background:#f5f5ec;color:#294735;border:1px solid #bcc8b7}.voice-main button:disabled{opacity:.55;cursor:wait}.voice-main [hidden]{display:none!important}.record-center{text-align:center;padding:15px 0 20px}.voice-orbit{display:grid;place-items:center;width:94px;height:94px;border-radius:50%;background:#e8eddd;color:#b49755;font-size:35px;margin:8px auto 18px;border:10px solid #f2f3e9}.voice-orbit.is-recording{color:#a3362d;animation:voice-glow 1.7s ease-in-out infinite}#record-time{font:36px ui-monospace,monospace;letter-spacing:.06em}#record-state{min-height:26px;margin:10px 0}.voice-privacy,.voice-notice{background:#eef1e5;border:1px solid #d7ddc9;border-radius:9px;padding:15px}.voice-upload{padding-top:18px;border-top:1px solid #e0e4d7}.voice-upload span{display:block;margin-top:8px}.voice-main audio,.voice-main progress{width:100%;margin:16px 0}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.voice-main .voice-check{display:flex;align-items:flex-start;gap:12px;font-weight:500}.voice-check input{flex:none;width:22px;height:22px;accent-color:#30563a;margin:2px 0}.voice-audio-choice{border:1px solid #c9d3b7;border-radius:10px;background:#f4f5e9;padding:16px}.voice-main .sq-quiet{font-size:14px;color:#63725f}.voice-main .voice-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.voice-bottom{text-align:center;font-size:14px;line-height:1.8}.voice-bottom a{color:#3c5741}#voice-error{color:#842f24;background:#fff1e7}#voice-success{border-color:#819966}@keyframes voice-glow{50%{box-shadow:0 0 0 9px #b8c69b55}}@media(prefers-reduced-motion:reduce){.voice-orbit.is-recording{animation:none}}@media(max-width:600px){.voice-header{padding:18px;font-size:13px}.voice-brand{font-size:13px}.voice-header>a:last-child{max-width:110px;text-align:right}.voice-main{margin-top:22px;padding:0 16px}.voice-card{padding:22px 18px;border-radius:13px}.voice-grid{grid-template-columns:1fr;gap:0}.voice-actions>*{flex:1 1 100%}.voice-main #submit-voice,.voice-main #transcribe-recording{width:100%}.voice-progress{gap:9px;font-size:12px}.voice-lead{font-size:18px}.voice-card h2{font-size:27px}}
.voice-card p{color:#435b4a}.voice-card .voice-privacy{color:#40523b}#record-panel{display:flex;flex-direction:column}#record-panel>h2{order:0}#record-panel>p:first-of-type{order:1}#record-panel .record-center{order:2}#record-panel .voice-actions{order:3}#record-panel .voice-privacy{order:4}#record-panel>p.sq-quiet{order:5}#record-panel .voice-upload{order:6}#record-panel #intro-copy{order:2}@media(max-width:600px){.voice-main>h1{font-size:48px;margin:8px 0}.voice-lead{line-height:1.45;margin:12px 0}.voice-progress{margin:22px 0}.voice-card{margin:16px 0}.voice-orbit{width:58px;height:58px;border-width:7px;margin:0 auto 10px;font-size:26px}.record-center{padding:4px 0 14px}#record-time{font-size:28px}#record-state{font-size:14px;margin:7px 0}#record-panel>h2{margin-bottom:4px}#record-panel>p:first-of-type{margin:8px 0 15px}#record-panel .voice-privacy{font-size:14px;margin:16px 0 4px}.voice-main .voice-upload{margin-bottom:0}}
.voice-main .voice-card p{color:#435b4a}@media(max-width:600px){.voice-page .voice-main>h1{font-size:48px;margin:8px 0}.voice-page .voice-lead{font-size:17px;line-height:1.45;margin:12px 0}.voice-page .voice-progress{margin:22px 0}.voice-page .voice-card{margin:16px 0}.voice-page .voice-orbit{width:58px;height:58px;border-width:7px;margin:0 auto 10px;font-size:26px}.voice-page .record-center{padding:4px 0 14px}.voice-page #record-time{font-size:28px}.voice-page #record-state{font-size:14px;margin:7px 0}}