@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/geist-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/geist-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/geist-mono-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/geist-mono-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Exact tokens and type from the supplied Claude prototype; fonts served locally. */
:root{--paper:#121316;--surface:#1A1B1F;--field:#121316;--ink:#F2EEE7;--muted:#B3AFA7;--line:#33353B;--border:#6A6D74;--input-border:#4A4D54;--accent:#E8B66B;--accent-text:#F0C27E;--accent-soft:rgba(232,182,107,.12);--error:#F2958A;--cta-ink:#17181B;font-family:'Geist',sans-serif;color-scheme:dark;background:var(--paper);color:var(--ink)}
:root[data-theme=light]{--paper:#F4F2ED;--surface:#fff;--field:#fff;--ink:#17181B;--muted:#55524C;--line:#DEDAD2;--border:#8E8A82;--input-border:#BDB9B0;--accent-text:#7A5212;--accent-soft:rgba(232,182,107,.16);--error:#B3261E;color-scheme:light}
body{-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{opacity:.8}button,input,textarea,select{font-family:inherit}button,.button{border:1.5px solid var(--border);border-radius:999px;background:transparent;color:var(--ink);font-size:16px;font-weight:600;padding:14px 24px;min-height:48px;line-height:1.3;white-space:nowrap}button:hover,.button:hover{background:var(--accent-soft)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:var(--cta-ink)}.primary:hover{background:var(--accent);filter:brightness(1.06)}.inverse{background:var(--ink);color:var(--paper);border-color:var(--ink)}.inverse:hover{background:var(--ink);filter:brightness(.95)}.quiet{border-color:transparent;background:transparent;padding:8px 0}.text-action{text-decoration:underline;text-underline-offset:5px;font-weight:600}.topbar{height:auto;min-height:93px;padding:24px 48px;gap:24px}.wordmark{font-size:16px;font-weight:600;letter-spacing:-.01em}nav{font-size:16px;gap:32px;color:var(--muted);font-weight:500}.nav-link{border-bottom:2px solid transparent;padding-bottom:4px}.nav-link.active{color:var(--ink);border-color:var(--accent)}nav .logout{font-size:16px;font-weight:500;color:var(--muted);min-height:0;padding:0 0 6px}.theme-toggle{display:flex;padding:4px;border-radius:999px;border:1px solid var(--border);gap:2px;flex-shrink:0}.theme-toggle button{border:0;font-size:14px;font-weight:500;padding:8px 16px;min-height:0;color:var(--muted);line-height:1.2}.theme-toggle [aria-pressed=true]{background:var(--ink);color:var(--paper)}.shell{max-width:1120px;padding:56px 48px 96px;min-height:calc(100vh - 93px)}h1{font-weight:400;font-size:56px;line-height:1;letter-spacing:-.04em;margin:0}h2{font-size:22px;font-weight:500;letter-spacing:-.02em}.eyebrow{font-family:'Geist Mono',monospace;font-size:15px;font-weight:400;letter-spacing:.06em;line-height:1.4;margin:0 0 12px}.page-heading{align-items:flex-end;margin:0 0 48px;gap:24px}.dashboard h1{font-size:64px}.dashboard .page-heading .primary{padding:18px 30px;font-size:17px;box-shadow:0 6px 20px rgba(232,182,107,.35)}.form-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:20px}.form-card{padding:32px;background:var(--surface);border:1.5px solid var(--line);border-radius:20px;display:flex;flex-direction:column;gap:28px}.form-card.draft{background:transparent;border:1.5px dashed var(--border)}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}.status{font-size:15px;font-weight:600;color:var(--accent-text);display:flex;align-items:center;gap:8px}.status:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.draft .status{color:var(--muted)}.draft .status:before{background:var(--border)}.status .muted{font-weight:400}.card-signature{height:48px}.card-signature canvas{width:288px;max-width:100%;height:48px}.form-card h2{font-size:32px;margin:0 0 6px;line-height:1.2}.form-card p{font-size:16px;margin:0;line-height:1.5}.card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:auto}.card-actions .inverse{flex:1;text-align:center;padding:14px 20px}.card-actions .text-action{padding:14px 8px}.card-actions .continue{flex:1;border-color:var(--ink);text-align:center}.panel,.question-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--surface)}.panel{margin-bottom:20px}input:not([type=checkbox]):not([type=range]),textarea,select{border:1.5px solid var(--input-border);border-radius:12px;background:var(--field);color:var(--ink);font-size:17px;padding:12px 16px}label{font-size:15px;font-weight:500;color:var(--muted);margin:22px 0 8px}textarea{line-height:1.5}.hint{font-size:15px;line-height:1.5}.back{display:inline-block;font-size:16px;font-weight:500;color:var(--muted);margin-bottom:20px}.share{background:var(--accent-soft);border:1px solid var(--line);border-radius:20px}.notice{background:var(--accent-soft);border:1px solid var(--line);color:var(--ink)}.error{background:var(--accent-soft);border:1px solid var(--error)}.empty{border-radius:20px;padding:56px 32px}.empty h2{font-size:24px}.empty .button{margin-top:12px}.narrow{max-width:820px}.response{margin:0 0 20px;padding:32px}.response h2{font-size:24px;margin:0}.response time{font-size:16px}.response .section-heading{margin-bottom:24px}.response-markers{margin-bottom:24px}.response-markers button{font-size:15px;padding:10px 18px;min-height:42px}.response-markers [name=marker][value=favorite]+button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--cta-ink)}.response-markers [name=marker][value=used]+button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}dt{font-size:16px;font-weight:600;color:var(--muted)}dd{font-size:19px;line-height:1.6;color:var(--ink)}.response-text{line-height:1.6;max-height:6.4em}.response dl{margin:0}.response-delete{padding-top:20px}.response-delete summary{font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.response-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 48px}.response-filters .button{font-size:15px;padding:10px 18px;min-height:42px}.response-filters .active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.results-heading .muted{font-size:18px;margin:10px 0 0}.results-heading .actions{gap:10px}.results-intro{margin:-28px 0 48px;max-width:640px}.badge{font-size:14px;font-weight:600;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);padding:5px 12px}.editor-grid{grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.editor-grid>section{min-width:0}.editor-aside .panel{display:flex;flex-direction:column;gap:0}.editor-aside h2{margin:0 0 0}.editor-aside label{margin-top:22px}.editor-title{width:100%;font-size:52px!important;background:transparent!important;border:none!important;border-bottom:1.5px solid var(--line)!important;border-radius:0!important;padding:0 0 8px!important;font-weight:400;letter-spacing:-.04em}.editor-heading{flex:1;min-width:0}.editor-heading label{margin:0}.editor-toolbar{border:0;margin:0 0 28px;padding:0;gap:12px}.editor-toolbar:last-child{position:sticky;bottom:24px;z-index:5;margin:28px 0 0;padding:12px 12px 12px 28px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:0 12px 40px rgba(0,0,0,.35)}.editor-toolbar:last-child .add-bar{display:none}.editor-toolbar:last-child .actions{margin-left:auto}.editor-toolbar button{font-size:16px;padding:14px 24px}.add-bar{gap:10px}.add-bar button{padding:12px 20px;font-size:16px}.add-bar [data-add=text]{background:var(--accent);border-color:var(--accent);color:var(--cta-ink)}.question-card{padding:28px;margin:0 0 20px}.question-top{margin-bottom:22px}.question-top strong{font-family:'Geist Mono',monospace;font-size:14px;letter-spacing:.04em;font-weight:400}.question-tools button{border:1px solid var(--border);font-size:13px;padding:7px 10px;min-height:34px}.question-card label{font-size:15px}.question-card .question-label{font-size:19px!important;font-weight:500}.question-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.required-label{color:var(--ink);font-size:16px!important;display:flex;align-items:center;gap:12px;margin-top:22px!important}input[type=checkbox]{appearance:none;width:44px;height:26px;border:1px solid var(--border);border-radius:999px;background:var(--field);position:relative;flex-shrink:0;margin:0;cursor:pointer}input[type=checkbox]:before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:var(--muted);top:2px;left:3px;transition:transform .2s}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:before{background:var(--cta-ink);transform:translateX(17px)}input[type=checkbox]:disabled{cursor:default;opacity:.7}.header-preview img{background:var(--paper);border-radius:14px;max-height:150px;object-fit:cover}.settings-page{max-width:760px}.settings-page .panel{padding:32px}.settings-page h1{font-size:64px}.settings-page .page-heading{margin-bottom:48px}.settings-page .auphonic-settings{max-width:none}.settings-page .panel p{margin:16px 0}.settings-page .panel h2{margin:0}.settings-page .panel form{margin:20px 0}.voice-control{border-top:1px solid var(--line)}.recording-feedback{background:transparent;border:0;padding:12px 0;color:var(--accent-text)}.recording-feedback canvas{height:48px}.recording-label{color:var(--accent-text)}.voice-actions .stop-button{background:var(--accent);border-color:var(--accent);color:var(--cta-ink)}.voice-actions [data-discard]{background:transparent;color:var(--ink);border-color:var(--border)}.voice-actions [data-discard]:hover{background:var(--accent-soft)}.audio-capsule{display:flex;align-items:center;gap:18px;background:var(--paper);border-radius:999px;padding:10px 24px 10px 10px;min-width:0;margin:16px 0}.audio-capsule [data-listen]{border-radius:50%;width:52px;height:52px;padding:0;font-size:0;flex-shrink:0}.audio-capsule [data-listen]:before{content:'';width:18px;height:18px;background:url('icons/play.svg') center/contain no-repeat}.audio-capsule [data-listen][data-playing=true]:before{background-image:url('icons/pause.svg')}.playback-wave{flex:1;position:relative;min-width:0;height:44px;display:flex;align-items:center}.playback-wave canvas{width:100%;height:44px;display:block}.playback-wave [data-playback-position]{position:absolute;inset:0;width:100%;height:44px;margin:0;opacity:.001;cursor:pointer}.playback-wave:focus-within{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.audio-capsule [data-clock]{font-family:'Geist Mono',monospace;font-size:15px;color:var(--muted);white-space:nowrap}.respondent .topbar{border:0;padding:32px 48px}.respondent .shell{max-width:916px;padding:40px 48px 64px}.public-form .form-presentation{border:0;background:transparent;padding:0;margin:0 0 48px;text-align:center}.public-form .form-presentation h1{font-size:56px;line-height:1.05;font-weight:400}.public-form .form-presentation .intro{font-size:20px;line-height:1.55;color:var(--muted);margin:28px auto 0;max-width:600px}.public-form .header-image{height:260px;border-radius:24px;max-width:820px}.public-form .chapter>h2{font-family:'Geist Mono',monospace;font-size:15px;letter-spacing:.06em;color:var(--muted);font-weight:400}.public-form .answer.panel{padding:28px;border-radius:20px;margin-bottom:24px}.public-form .answer>label{font-size:24px;font-weight:500;color:var(--ink);letter-spacing:-.02em}.public-form .answer .hint{font-size:17px}.public-form .voice-control{border:0}.public-form .voice-control> .hint{font-size:15px}.public-form .submit-row{margin:32px 0;text-align:center}.public-form #send{background:var(--ink);border-color:var(--ink);color:var(--paper);padding:18px 36px;font-size:18px}.public-form .required-note{text-align:center}.public-intro{min-height:calc(100vh - 245px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.public-intro .intro{margin:0!important}.public-intro .primary{background:var(--ink);border-color:var(--ink);color:var(--paper);padding:18px 36px;font-size:18px}.public-intro h1{font-size:64px!important}.question-mode .answer.panel{background:transparent;border:0;text-align:center;padding:0;margin:0}.question-mode .answer>label{font-size:52px;line-height:1.1;font-weight:400;display:block;margin:14px auto 32px;max-width:820px}.question-mode .answer>input:not([type=file]){background:transparent;border:0;border-bottom:2px solid var(--border);border-radius:0;text-align:center;font-size:32px;max-width:560px;padding:10px 0;margin:auto}.question-mode .chapter{min-height:calc(100vh - 340px);display:flex;flex-direction:column;justify-content:center}.question-mode .chapter>h2{text-align:center;margin:0 0 14px}.question-mode .answer>textarea{max-width:660px;margin:28px auto;display:block;text-align:left;font-size:19px;border-radius:16px}.question-mode .voice-control{margin:28px auto 0;max-width:760px;padding:0}.question-mode .voice-actions{justify-content:center}.question-mode .voice-actions [data-record],.question-mode .voice-actions [data-stop]{width:96px;height:96px;border-radius:50%;font-size:0;padding:0;margin:40px;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 19px var(--paper),0 0 0 20px color-mix(in srgb,var(--accent) 32%,transparent),0 0 0 39px var(--paper),0 0 0 40px color-mix(in srgb,var(--accent) 18%,transparent)}.question-mode [data-record] img{width:36px;height:36px}.question-mode [data-stop]:before{content:'';width:24px;height:24px;border-radius:5px;background:var(--cta-ink)}.question-mode .recording-feedback{max-width:660px;margin:16px auto}.question-mode .voice-control [data-consent-panel]{text-align:left}.question-mode #page-controls{justify-content:center;gap:24px;margin-top:32px}.question-mode #next{background:var(--ink);color:var(--paper);border-color:var(--ink)}.question-mode .form-presentation:not(.public-intro){display:none}.voice-caption{font-size:18px;font-weight:600;margin:0;text-align:center}.voice-limit{font-size:16px;color:var(--muted);text-align:center;margin:10px 0}.question-mode .voice-control:has([data-record][hidden]) .idle-caption{display:none}.question-mode .voice-control:has([data-stop]:not([hidden])) .recording-caption{display:block}.recording-caption{display:none}.question-mode .voice-control:has([data-record]:not([hidden]))+.write-toggle{display:block}.write-toggle{display:block;font-size:16px;color:var(--muted);margin:24px auto 0}.public-progress{display:flex;justify-content:center;gap:8px;margin:0 0 28px}.public-progress span{width:32px;height:4px;border-radius:2px;background:var(--line)}.public-progress .done{background:var(--accent)}.thank-you{min-height:calc(100vh - 240px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:28px}.thank-you h1{font-size:64px}.thank-you p{font-size:20px;color:var(--muted);margin:0}.accent-amber{--accent:#E8B66B}.accent-sage,.accent-forest{--accent:#8FC59F;--accent-text:#A9D8B6;--accent-soft:rgba(143,197,159,.12)}.accent-blue{--accent:#7FB6D9;--accent-text:#9DCAE6;--accent-soft:rgba(127,182,217,.12)}.accent-lilac,.accent-plum{--accent:#B7A6F0;--accent-text:#C9BCF5;--accent-soft:rgba(183,166,240,.12)}[data-theme=light] .accent-sage,[data-theme=light] .accent-forest{--accent-text:#2B5C38}[data-theme=light] .accent-blue{--accent-text:#1F4F70}[data-theme=light] .accent-lilac,[data-theme=light] .accent-plum{--accent-text:#4A3A8C}.auth-page{max-width:576px;padding-top:100px}.auth-page h1{font-size:56px;margin-bottom:14px}.auth-page .intro{font-size:18px;color:var(--muted);margin:0 0 28px}.auth-page .panel{background:transparent;border:0;padding:0}.auth-page label{margin-top:22px}.auth-page input{font-size:19px!important;padding:16px 18px!important;border-radius:14px!important}.auth-page form>.primary{width:100%;background:var(--ink);border-color:var(--ink);color:var(--paper);padding:18px 28px;font-size:17px;margin-top:28px}.auth-page details{margin-top:28px}.auth-page summary{color:var(--muted);cursor:pointer}.auth-page details .button{margin-top:16px}
@media(max-width:1000px){.editor-grid{grid-template-columns:minmax(0,1fr) 320px}.shell{padding:40px 32px 72px}.topbar{padding:24px 32px}nav{gap:20px}.editor-toolbar:last-child{border-radius:24px}.editor-toolbar button{padding:12px 18px}.question-tools{flex-wrap:wrap}.question-pair{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{padding:20px 24px;gap:18px;flex-wrap:wrap;align-items:center}nav{gap:16px;flex-wrap:wrap;font-size:14px;width:100%;justify-content:space-between}nav .logout{font-size:14px}.theme-toggle button{padding:7px 12px}.shell{padding:36px 24px 64px}.dashboard h1,h1,.settings-page h1{font-size:44px}.page-heading{margin-bottom:32px;flex-direction:column;align-items:flex-start}.form-card{padding:24px;gap:24px}.card-meta{font-size:13px}.status{font-size:13px}.form-card h2{font-size:28px}.card-actions .button{padding:12px 18px;font-size:14px}.card-actions .text-action{font-size:14px}.editor-grid{grid-template-columns:1fr;gap:20px}.editor-title{font-size:40px!important}.editor-toolbar:last-child{bottom:12px;padding:12px}.editor-toolbar:last-child .actions{width:100%;justify-content:stretch}.editor-toolbar:last-child button{flex:1;font-size:14px;white-space:normal}.question-card{padding:24px}.question-top{flex-direction:row;align-items:center;flex-wrap:wrap}.question-pair{grid-template-columns:1fr}.response{padding:24px}.response time{font-size:14px}.response-filters{margin-bottom:28px}.results-intro{margin:0 0 28px}.respondent .topbar{padding:24px}.respondent nav{width:auto}.respondent .shell{padding:32px 24px 48px}.public-form .form-presentation h1,.public-intro h1{font-size:44px!important}.question-mode .answer>label{font-size:36px}.question-mode .answer>input:not([type=file]){font-size:26px}.public-form .answer>label{font-size:24px}.public-form .answer.panel{padding:24px}.question-mode .answer.panel{padding:0}.question-mode .voice-actions [data-record],.question-mode .voice-actions [data-stop]{margin:40px}.audio-capsule{gap:12px;padding-right:16px}.audio-capsule [data-clock]{font-size:12px}.audio-capsule [data-listen]{width:44px;height:44px}.settings-page .panel{padding:24px}.thank-you h1{font-size:48px}.auth-page{padding-top:64px}.auth-page h1{font-size:44px}.question-mode #page-controls{gap:10px}.question-mode #page-controls button{font-size:14px;padding:12px 16px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.add-panel{border:1.5px dashed var(--border);border-radius:20px;padding:24px 28px;display:flex;flex-direction:column;gap:14px;font-size:16px}.editor-grid>section>.section-heading{margin-bottom:22px}.editor-aside details summary{cursor:pointer}.editor-aside input[type=file]{font-size:14px!important;padding:12px!important;white-space:normal}.editor-aside .panel .hint:last-child{margin-bottom:0}
.public-form:not(.question-mode) .voice-caption,.public-form:not(.question-mode) .voice-limit{display:none}.public-form:not(.question-mode) .answer>textarea{margin-top:20px}.question-mode .voice-control:has([data-record][hidden]) .voice-limit{display:none}.question-mode .voice-actions [data-record-clock]{font-family:'Geist Mono',monospace;font-size:16px;color:var(--accent-text)}.question-mode .voice-control>.hint:first-child{text-align:center;font-size:15px}.public-form .voice-control [data-consent-panel] input{width:22px;height:22px;border-radius:5px}.public-form .voice-control [data-consent-panel] input:before{display:none}.public-form .voice-control [data-consent-panel] input:checked:before{display:block;width:10px;height:6px;border-left:2px solid var(--cta-ink);border-bottom:2px solid var(--cta-ink);background:none;left:5px;top:5px;transform:rotate(-45deg);border-radius:0}
.segmented-controls{display:flex;padding:4px;border:1px solid var(--border);border-radius:14px;gap:4px;flex-wrap:wrap}.segmented-controls button{flex:1;font-size:15px;font-weight:500;min-height:0;padding:10px 8px;border:0;border-radius:10px;white-space:normal}.segmented-controls [aria-pressed=true]{background:var(--ink);color:var(--paper)}.swatch-controls{display:flex;gap:10px;flex-wrap:wrap}.swatch-controls button{font-size:14px;font-weight:500;padding:6px 14px 6px 6px;min-height:0;gap:8px}.swatch-controls button:before{content:'';width:24px;height:24px;border-radius:50%;background:#E8B66B}.swatch-controls [data-value=sage]:before,.swatch-controls [data-value=forest]:before{background:#8FC59F}.swatch-controls [data-value=blue]:before{background:#7FB6D9}.swatch-controls [data-value=lilac]:before,.swatch-controls [data-value=plum]:before{background:#B7A6F0}.swatch-controls [aria-pressed=true]{border-color:var(--accent)}.duration-list>div{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.duration-list strong{font-size:17px;font-weight:500;flex:1}.duration-list .muted{font:15px 'Geist Mono',monospace}.duration-list .button{font-size:15px;padding:8px 16px;min-height:0}.inline-restoration{margin:18px 0}.inline-restoration summary{display:inline-flex;cursor:pointer}.inline-restoration iframe{display:block;width:100%;border:1px solid var(--line);border-radius:20px;margin:20px 0;height:720px}.inline-restoration:not([open]) iframe{display:none}.embedded-audio main{padding:24px}.embedded-audio h1{font-size:24px}.embedded-audio .panel{padding:20px;background:transparent}.embedded-audio h2{font-size:19px}.embedded-audio p{font-size:15px}.embedded-audio .audio-capsule{background:var(--surface)}.embedded-audio main>p:last-child{display:none}
.editor-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:32px}.editor-grid>section{grid-column:span 2}.editor-grid>section>.section-heading{margin:0 0 20px;align-items:baseline}.editor-grid>section>.section-heading h2{font-size:24px;margin:0}.editor-grid #question-count{font-size:15px}.add-top{padding:16px 20px;display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.add-top .add-bar{gap:8px}.add-top button{padding:10px 18px;font-size:15px;min-height:40px}.editor-autosave-note{margin:-28px 0 48px}.editor-heading input{line-height:1.2}.editor-heading .eyebrow{margin-bottom:10px}.share{padding:24px 28px;border-color:rgba(232,182,107,.4);align-items:center;margin-bottom:48px}.share strong{font-size:17px;display:flex;align-items:center;gap:8px}.share strong:before{content:'';width:8px;height:8px;background:var(--accent);border-radius:50%}.share p{font:15px 'Geist Mono',monospace;margin:6px 0 0}.question-identity{display:flex;align-items:center;gap:12px}.question-chip{font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--paper)}.question-identity strong{font-size:15px}.question-card{display:flex;flex-direction:column;gap:20px}.question-card label{margin:0 0 8px}.question-top{margin-bottom:0}.question-tools{gap:6px}.question-tools button{font-size:14px;font-weight:500;min-height:40px;padding:8px 16px}.question-tools button:first-child,.question-tools button:nth-child(2){width:40px;padding:0}.question-tools button:last-child{color:var(--error)}.question-card .required-label{margin-top:0!important}.question-card .question-pair{grid-template-columns:1fr 1fr}.editor-toolbar:last-child{margin-top:48px}.editor-aside .panel{padding:28px}.editor-aside .panel h2{margin-bottom:0}
@media(max-width:760px){.editor-grid{grid-template-columns:1fr}.editor-grid>section{grid-column:auto}.editor-autosave-note{margin:0 0 28px}.question-card .question-pair{grid-template-columns:1fr}.share{margin-bottom:32px;align-items:flex-start}.share .actions{width:100%;justify-content:space-between}.editor-toolbar:last-child{border-radius:24px}.editor-toolbar:last-child #save-state{font-size:13px}.question-top{gap:16px}.question-tools{flex-wrap:wrap}}

.settings-page [data-preferences]{display:contents}.settings-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}.settings-fields label{color:var(--muted);font-size:15px;font-weight:500;margin-bottom:8px}.settings-fields input,.settings-fields select{font-size:17px!important;padding:12px 16px!important}

.settings-page .page-heading .hint{margin:12px 0 0;line-height:normal}.settings-page .panel>.settings-fields{margin-top:22px}.settings-page .panel>.hint{margin:6px 0 22px;line-height:normal}.settings-page .panel:has(.settings-fields)>p:not(.hint){margin:16px 0}.settings-fields label{margin-top:0}

@media(max-width:760px){.question-mode .answer>label{font-size:36px}}

.question-mode .voice-actions [data-stop]{transform:scale(calc(1 + var(--voice-level,0)*.08));transition:transform .08s ease}@media(prefers-reduced-motion:reduce){.question-mode .voice-actions [data-stop]{transform:none}}

/* Question-by-question reference: all record controls share one centered axis. */
.question-respondent{min-height:100vh;padding:32px 48px;display:flex;flex-direction:column}
.question-respondent .topbar{padding:0;min-height:44px;border:0;flex-shrink:0}
.question-respondent .shell{padding:0;max-width:none;width:100%;min-height:0;flex:1;display:flex;flex-direction:column}
.question-respondent #response-form{flex:1;display:flex;flex-direction:column;width:100%}
.question-respondent .chapter{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 0;margin:0;text-align:center}
.question-respondent .answer.panel{width:100%;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;border:0;background:none}
.question-respondent .question-eyebrow{font:400 15px/normal 'Geist Mono',monospace;letter-spacing:.06em;color:var(--muted);margin:0;max-width:none}
.question-respondent .answer>label{font-size:52px;font-weight:400;letter-spacing:-.03em;line-height:1.1;max-width:820px;text-wrap:balance;margin:0}
.question-respondent .answer>.hint{font-size:19px;line-height:normal;margin:14px 0 0}
.question-respondent .voice-control{width:100%;max-width:760px;margin:32px auto 0;display:flex;flex-direction:column;align-items:center}
.question-respondent .voice-actions{display:flex;justify-content:center;align-items:center;width:100%;margin:0;gap:0}
.question-respondent .voice-actions [data-record],.question-respondent .voice-actions [data-stop]{width:96px;height:96px;min-height:96px;flex:0 0 96px;margin:42px;padding:0;box-shadow:0 6px 20px rgba(232,182,107,.35),0 0 0 21px var(--paper),0 0 0 22px color-mix(in srgb,var(--accent) 32%,transparent),0 0 0 41px var(--paper),0 0 0 42px color-mix(in srgb,var(--accent) 18%,transparent);transform:none}
.question-respondent .voice-caption{font-size:18px;line-height:normal;font-weight:600;margin:16px 0 0}
.question-respondent .voice-limit{font-size:16px;line-height:normal;margin:16px 0 0}
.question-respondent .recording-feedback{display:flex;align-items:center;gap:20px;width:100%;max-width:660px;padding:0;border:0;background:none;border-radius:0;margin:32px 0 0}
.question-respondent .recording-feedback .recording-label{display:none}
.question-respondent [data-record-clock],.question-respondent [data-record-max]{font:400 16px/normal 'Geist Mono',monospace;white-space:nowrap;flex:none}
.question-respondent [data-record-clock]{font-weight:500;color:var(--accent-text)}
.question-respondent [data-record-max]{color:var(--muted)}
.question-respondent [data-waveform]{height:48px;flex:1;min-width:0;width:100%}
.question-respondent .recording-guidance{font-size:18px;line-height:1.5;font-weight:400;color:var(--muted);margin:32px 0 0}
.question-respondent .voice-status:empty{display:none}
.question-respondent .voice-status{margin:20px 0 20px;text-align:center}
.question-respondent .voice-playback-row{display:flex;align-items:center;gap:12px;width:100%}
.question-respondent .voice-playback-row .audio-capsule{flex:1;min-width:0}
.question-respondent .voice-playback-row [data-discard]{flex:none;padding:14px 20px}
.question-respondent .voice-playback-row:has(.audio-capsule[hidden]):has([data-discard][hidden]){display:none}
.question-respondent #page-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0;width:100%}
.question-respondent #previous{justify-self:start;font-weight:500;padding:14px 24px}
.question-respondent #next{justify-self:end;padding:14px 28px}
.question-respondent .question-secondary{display:flex;align-items:center;justify-content:center;gap:12px}
.question-respondent .write-toggle{font-size:16px;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:5px;border:0;padding:14px 12px;margin:0;background:none}
.question-respondent .write-toggle:hover{background:none}
.question-respondent .header-progress{display:flex;align-items:center;gap:12px}
.question-respondent .public-progress{margin:0;gap:6px}
.question-respondent #page-status{font:400 15px/normal 'Geist Mono',monospace;color:var(--muted);white-space:nowrap}
.question-respondent:has(.public-intro) .header-progress{visibility:hidden}
.question-respondent .submit-row{margin:0;text-align:right}
.question-respondent .answer>textarea{max-width:660px;text-align:left;font-size:19px;margin:20px 0 0}
@media(max-width:760px){.question-respondent{padding:24px}.question-respondent .topbar{padding:0;gap:20px}.question-respondent .topbar nav{width:auto;gap:14px}.question-respondent .chapter{padding:32px 0}.question-respondent .answer>label{font-size:36px}.question-respondent #page-controls{gap:8px;grid-template-columns:1fr 1fr}.question-respondent .question-secondary{grid-column:1/-1;grid-row:1}.question-respondent #next{padding:12px 16px}.question-respondent .voice-playback-row{flex-wrap:wrap}.question-respondent .voice-playback-row .audio-capsule{flex-basis:100%}.question-respondent .header-progress{gap:8px}.question-respondent .public-progress span{width:20px}}
.question-respondent .voice-actions [data-record],.question-respondent .voice-actions [data-stop]{gap:0}
.question-respondent .recording-guidance{line-height:normal}
.question-respondent .audio-capsule{background:var(--surface);border:1px solid var(--line);margin:0;padding:10px 24px 10px 10px}
.question-respondent .audio-capsule [data-listen]{width:60px;height:60px;min-height:60px;border:0;gap:0}
.question-respondent .voice-playback-row [data-discard]{gap:8px}
.question-respondent .voice-playback-row [data-discard]::before{content:'';width:18px;height:18px;flex:none;background:var(--ink);mask:url('icons/restart.svg') center/contain no-repeat}
.question-respondent .voice-actions{position:relative;isolation:isolate}
.question-respondent .voice-actions [data-stop]{position:relative;z-index:1;box-shadow:0 6px 20px rgba(232,182,107,.35)}
.question-respondent .voice-actions [data-stop]::after{content:'';position:absolute;inset:-42px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);pointer-events:none;transform:scale(calc(1 + var(--voice-level,0)*.18));transition:transform .08s}
.question-respondent .voice-actions:has([data-stop]:not([hidden]))::before{content:'';position:absolute;width:140px;height:140px;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:50%;transform:translate(-50%,-50%) scale(calc(1 + var(--voice-level,0)*.3));pointer-events:none;z-index:0;transition:transform .08s}
@media(prefers-reduced-motion:reduce){.question-respondent .voice-actions [data-stop]::after{transform:none}.question-respondent .voice-actions:has([data-stop]:not([hidden]))::before{transform:translate(-50%,-50%)}}
@media(max-width:760px){.question-respondent .audio-capsule{gap:12px;padding-right:16px}.question-respondent .audio-capsule [data-listen]{width:44px;height:44px;min-height:44px}}
.question-respondent #send{grid-column:3;justify-self:end;background:var(--ink);color:var(--paper);border-color:var(--ink);padding:14px 28px}
@media(max-width:760px){.question-respondent #send{grid-column:2;padding:12px 16px;font-size:14px}}
.question-respondent .answer:has([data-state=ready])>textarea{max-width:760px}

/* D-152: creator and response component metrics taken from the reference. */
.dashboard .eyebrow,.settings-page .eyebrow{line-height:normal}
.dashboard .page-heading .primary{border:0;line-height:normal}
.form-card h2{line-height:normal}.form-card p{line-height:normal}
.card-meta{line-height:normal}.card-actions .button{line-height:normal;min-height:0}.card-actions .inverse{border:0}
.theme-toggle button{line-height:normal}.settings-page .panel h2,.editor-aside .panel h2,.question-card h2{line-height:normal}
.results-heading .eyebrow{line-height:normal;margin-bottom:10px}.results-heading .muted{line-height:normal}
.results-heading .actions .text-action{padding:14px 12px}.results-heading .actions .button,.response-filters .button,.response-markers button{line-height:normal;min-height:0}
.response .section-heading{align-items:baseline;gap:16px;flex-wrap:wrap}.response-identity{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.response h2{line-height:normal}.response time{line-height:normal;color:var(--muted)}.favorite-response{border-color:var(--accent)}
.response-answers{display:flex;flex-direction:column;gap:24px}.response-answers dt,.response-answers dd{margin:0}
.response-short{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.response-short dt{font-size:17px;font-weight:400;min-width:140px;line-height:normal}.response-short dd{font-size:17px;font-weight:500;line-height:normal;flex:1;min-width:180px}.response-short .response-text{line-height:normal}
.response-voice{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:24px}.response-voice dt{line-height:normal}.response-voice dd{font-size:19px;line-height:1.6}
.response-audio{margin-top:6px}.response-audio .voice-control{border:0;padding:0;margin:0}.response-audio .audio-meta{font-size:15px;color:var(--muted);margin:0 0 14px;line-height:normal}.response-audio .audio-capsule{margin:0 0 14px}.response-audio .audio-version{font-size:14px;color:var(--accent-text)}
.response-audio .audio-download,.response-audio .inline-restoration summary{font-size:15px;padding:10px 18px;line-height:normal;min-height:0}.response-audio .inline-restoration{display:inline;margin:0 10px 0 0}.response-audio .audio-download{display:inline-flex;margin-right:10px;margin-bottom:14px}.response-audio .inline-restoration[open]{display:block}
.audio-delete{display:inline-block}.audio-delete summary,.response-delete summary{cursor:pointer;color:var(--error);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px;list-style:none}.audio-delete summary::-webkit-details-marker,.response-delete summary::-webkit-details-marker{display:none}.audio-delete[open]{display:block}.audio-delete form{border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-top:14px}.audio-delete form .hint{margin-top:0}.audio-delete button{font-size:15px;padding:10px 18px;line-height:normal;min-height:0}.audio-delete .danger{background:var(--error);border-color:var(--error);color:var(--paper)}.response-delete{border-top:1px solid var(--line);margin-top:24px}
.file-drop{width:100%;max-width:620px;position:relative;box-sizing:border-box;border:1.5px dashed var(--border);border-radius:20px;padding:40px 32px;display:flex;flex-direction:column;align-items:center;gap:14px;margin:32px auto 0}.file-drop input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.file-drop:focus-within{outline:2px solid var(--accent);outline-offset:3px}.file-drop button{border-color:var(--ink);padding:14px 26px;font-size:16px;line-height:normal;min-height:0}.file-drop p{font-size:16px;line-height:normal;color:var(--muted);margin:0}.file-drop [data-file-names]{font-size:17px;font-weight:500;color:var(--ink);overflow-wrap:anywhere}
.empty{border:1.5px dashed var(--border);display:flex;flex-direction:column;align-items:center;gap:20px}.empty h2,.empty p{margin:0;line-height:normal}.empty p{font-size:17px}.empty .button{margin:0}
@media(max-width:760px){.response-identity{gap:10px}.response-short{gap:8px}.response-short dd{min-width:140px}.file-drop{padding:32px 20px}.file-drop p{line-height:1.5}}

.editor-heading input{line-height:normal}.editor-heading .eyebrow{line-height:normal}.editor-aside h2,.editor-grid>section>.section-heading h2{line-height:normal}
#editor .page-heading .button,.share button,.editor-toolbar button,.add-top button{line-height:normal;min-height:0}
.share strong,.share p{line-height:normal}.share .primary,.editor-toolbar .primary,.add-top [data-add=text]{border:0}.share .actions{gap:10px}.share .text-action{padding:14px 12px}
.question-respondent .public-intro{min-height:0;flex:1;padding:48px 0;margin:0;gap:28px}.question-respondent .public-intro .eyebrow{margin:0;line-height:normal}.question-respondent .public-intro .hint{margin:0;font-size:17px;line-height:normal}.question-respondent .public-intro #begin{margin-top:8px;border:0;line-height:normal}.public-intro .voice-intro-hint{display:flex;align-items:center;gap:10px;color:var(--ink)}.voice-intro-hint img{width:20px;height:20px}
.auth-body .topbar{padding:32px 48px;border:0}.auth-body .auth-page{max-width:576px;min-height:calc(100vh - 108px);padding:48px;display:flex;flex-direction:column;justify-content:center}.auth-page .eyebrow{line-height:normal}.auth-page p{line-height:1.5}
.respondent:has(.thank-you){min-height:100vh;padding:32px 48px;display:flex;flex-direction:column}.respondent:has(.thank-you) .topbar{padding:0;min-height:44px}.respondent:has(.thank-you) .shell{padding:0;max-width:none;width:100%;flex:1;display:flex;min-height:0}.thank-you{width:100%;flex:1;min-height:0;gap:24px;padding:48px 0}.thank-you h1{line-height:1.05}.thank-you p{line-height:normal}.thank-you .thanks-icon{width:72px;height:72px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}.thanks-icon img{width:30px;height:30px}.thank-you .actions{justify-content:center;gap:12px;margin-top:8px}.thank-you .button{line-height:normal;min-height:0}.thank-you .inverse{border:0;padding:14px 28px}
@media(max-width:760px){.auth-body .topbar{padding:24px}.auth-body .auth-page{padding:32px 24px}.respondent:has(.thank-you){padding:24px}.thank-you p{font-size:18px;line-height:1.5}.thank-you .actions{width:auto}.editor-heading input{font-size:40px!important}}

.editor-autosave-note{line-height:normal}.share .quiet{border:0}.question-chip.voice-chip{background:var(--accent);color:var(--cta-ink)}
.preferences-enhanced:not(.preferences-failed) [data-preferences-status]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0!important}.preferences-enhanced:not(.preferences-failed) button.primary{display:none}
.duration-list .button{line-height:normal}.duration-list strong{line-height:normal}.duration-list{margin-top:18px}.settings-page .panel:has(.duration-list)>.hint{line-height:1.5;margin-bottom:0;margin-top:6px}
.header-choose{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;border:1.5px dashed var(--border);border-radius:14px;padding:20px}.header-choose input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;padding:0!important;width:100%;height:100%}.header-choose .button{font-size:15px;padding:10px 20px;line-height:normal;min-height:0;pointer-events:none}.header-choose .hint{font-size:14px;margin:0;pointer-events:none}.header-options{margin-top:16px}.header-options summary{font-size:15px;color:var(--muted);cursor:pointer}

.response-audio .inline-restoration:not([open]){display:inline-flex;vertical-align:middle}.response-audio .audio-download,.audio-delete{vertical-align:middle}.response-audio [data-playback-status]:empty{display:none}

.response-filters{justify-content:flex-start}.question-respondent #send{font-size:16px;line-height:normal;border:0}.question-respondent #previous,.question-respondent #next{line-height:normal;min-height:0}

.settings-page .data-panel{background:transparent}.settings-page .data-panel .actions{margin-top:22px}.settings-page .panel .section-heading{align-items:center}.settings-page .transcription-panel .hint{margin:6px 0 0;line-height:normal}.settings-page .notifications-panel .actions form{margin:0}.settings-page .notifications-panel .actions button,.settings-page .data-panel .button{font-size:15px;line-height:normal;min-height:0;padding:10px 18px}.settings-page .danger,.settings-page button[name=action][value=push_disconnect]{color:var(--error)}.settings-page button[name=action][value=push_disconnect]{text-decoration:underline;text-underline-offset:4px}.settings-page .data-panel .text-action{font-size:15px}

/* D-155: bounded page frames; controls follow content, never the viewport edges. */
:root{--management-frame:1120px;--respondent-frame:820px;--response-actions:760px}
.topbar{width:100%;max-width:var(--management-frame);margin-inline:auto}
.respondent .topbar{max-width:916px}
.respondent .shell{min-height:0}
.question-respondent{display:block}
.question-respondent .topbar{max-width:var(--respondent-frame);margin-inline:auto}
.question-respondent .shell{width:100%;max-width:var(--respondent-frame);margin:64px auto 0;flex:none;display:block}
.question-respondent #response-form{flex:none;gap:32px}
.question-respondent .chapter{flex:none;min-height:0;justify-content:flex-start;padding:0}
.question-respondent #page-controls{max-width:var(--response-actions);margin:0 auto}
.question-respondent .public-intro{flex:none;min-height:0;padding:48px 0}
.respondent:has(.thank-you){display:block}
.respondent:has(.thank-you) .topbar{max-width:var(--respondent-frame);margin-inline:auto}
.respondent:has(.thank-you) .shell{max-width:var(--respondent-frame);margin:64px auto 0;flex:none;display:block}
.thank-you{flex:none;padding:48px 0}
@media(max-width:760px){
  .question-respondent .shell,.respondent:has(.thank-you) .shell{margin-top:40px}
  .question-respondent #response-form{gap:28px}
  .question-respondent .public-intro,.thank-you{padding:24px 0}
}
/* The recording action already gives the instruction; leave room for its controls. */
.question-respondent .voice-control:has([data-stop]:not([hidden])) .recording-guidance{display:none}

/* D-160: shared playback and response action alignment. */
.audio-capsule [data-listen]{display:inline-flex;align-items:center;justify-content:center;gap:0;line-height:0;min-height:52px}
.audio-capsule [data-listen]::before{flex:none}
.response-audio-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin:20px 0 0}
.response-audio-actions .inline-restoration,.response-audio-actions .audio-delete{display:block;margin:0}
.response-audio-actions .audio-download,.response-audio-actions .inline-restoration summary{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:44px;line-height:1.3;padding:10px 18px;white-space:normal;text-align:center}
.response-audio-actions .audio-delete summary{display:flex;align-items:center;min-height:44px;line-height:1.3}
.response-audio-actions .inline-restoration[open],.response-audio-actions .audio-delete[open]{flex-basis:100%;min-width:0}
.response-notifications{margin:28px 0 0;font-size:15px;color:var(--muted)}
.response-notifications summary{cursor:pointer;font-weight:500}
.response-notifications ul{padding-left:20px;margin:12px 0 0;line-height:1.6}
.question-respondent .voice-control [data-consent-panel]{width:100%;margin-top:28px;display:flex;flex-direction:column;align-items:center;text-align:center}
.question-respondent .voice-control [data-consent-panel] .hint{margin:0;line-height:1.6}
.question-respondent .voice-control [data-consent-panel] label{display:inline-flex;justify-content:center;max-width:100%;margin:16px 0 0;gap:12px;align-items:flex-start;line-height:1.5;text-align:center}
.question-respondent .voice-control [data-consent-panel] input{margin:1px 0 0}
@media(max-width:760px){.audio-capsule [data-listen]{width:44px;height:44px;min-height:44px}.response-audio-actions{gap:12px}.response-audio-actions .inline-restoration,.response-audio-actions .audio-download{max-width:100%}}

/* D-162: readiness guidance is part of the answer, with no native validation bubble. */
.answer .answer-guidance{margin:20px 0 0;line-height:1.5;color:var(--muted)}
.question-respondent .answer-guidance{text-align:center;font-size:15px}
#send:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
#send:disabled:hover{filter:none}

/* D-163: readable multi-line confirmation with a named optional web action. */
.thank-you h1{overflow-wrap:anywhere;max-width:100%}
.thank-you .confirmation-message{max-width:660px;line-height:1.6;overflow-wrap:anywhere;margin:0}
.thank-you .confirmation-button{margin-top:8px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
/* D-165: approved 1B editor workspace. All controls remain in the same form. */
.editor-workspace .page-heading{align-items:center;margin-bottom:32px}.editor-workspace .editor-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.editor-workspace .editor-title{width:min(100%,420px);border:0!important;padding:0!important}.editor-workspace .page-heading .actions{gap:10px;flex-wrap:wrap}.editor-workspace .page-heading .button,.editor-workspace .page-heading button{padding:14px 22px}.workspace-tabs{display:inline-flex;max-width:100%;width:430px;gap:4px;padding:4px;border:1.5px solid var(--border);border-radius:999px;margin:0 0 32px}.workspace-tabs button{flex:1;border:0;color:var(--muted);padding:14px 20px;min-width:0}.workspace-tabs [aria-selected=true]{background:var(--ink);color:var(--paper)}.settings-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}.settings-workspace[hidden],.editor-workspace [hidden]{display:none!important}.settings-menu{display:flex;flex-direction:column;gap:8px;font-size:16px;align-items:stretch;width:auto}.settings-menu button{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:16px 18px;border:1px solid transparent;border-radius:14px;white-space:normal;line-height:1.4}.settings-menu button strong{font-size:17px}.settings-menu button span{color:var(--muted);font-size:15px;font-weight:400;overflow-wrap:anywhere}.settings-menu [aria-current=page]{background:var(--surface);border-color:var(--input-border)}.settings-menu [aria-current=page] span{color:var(--accent-text)}.settings-content{min-width:0}.settings-content>.panel{padding:32px;margin:0;min-height:420px}.settings-content h2{font-size:24px;margin:0 0 24px;line-height:1.3}.settings-content h3{font-size:17px;line-height:1.4;margin:28px 0 12px}.settings-content label{display:block;margin:24px 0 8px}.settings-content .required-label{display:flex;color:var(--ink);line-height:1.5}.settings-content .hint{margin:12px 0 0;line-height:1.6}.settings-content select{max-width:100%}.header-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-content .header-choose{margin:0}.settings-content .header-preview{margin:16px 0 0}.settings-content .header-options{margin-top:16px}.settings-content .header-options summary{cursor:pointer}.confirmation-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px}.confirmation-editor-grid>div{min-width:0}.confirmation-editor-grid label:first-child{margin-top:0}.confirmation-preview-column>.hint:first-child{margin-top:0;margin-bottom:8px}.confirmation-preview{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:32px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;overflow-wrap:anywhere}.confirmation-preview-icon{background:var(--accent);color:var(--cta-ink);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:26px}.confirmation-preview h3{font-size:30px;line-height:1.2;font-weight:400;margin:0}.confirmation-preview p{white-space:pre-wrap;font-size:15px;color:var(--muted);line-height:1.6;margin:0}.confirmation-preview .button{font-size:14px;padding:10px 16px;white-space:normal;max-width:100%}.insert-name{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.insert-name button{padding:6px 12px;min-height:0;font:14px 'Geist Mono',monospace}.insert-name span{flex-basis:100%}.settings-content .text-action{white-space:normal;text-align:left;font-size:15px;margin-top:18px}.link-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font:14px 'Geist Mono',monospace}.link-name input{flex:1;min-width:160px}.collection-action{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.collection-action:empty{display:none}.collection-action h3{margin:0}.collection-action .danger{border-color:var(--error);color:var(--error);font-size:15px;padding:10px 16px}.editor-workspace .editor-toolbar:last-child{position:static;box-shadow:none;margin-top:48px;flex-wrap:wrap}.editor-workspace #questions-space .add-panel{flex-direction:row;align-items:center;flex-wrap:wrap;padding:16px 20px;gap:12px}.editor-workspace .add-bar{flex-wrap:wrap}.editor-workspace .add-bar button{font-size:15px;padding:10px 16px;min-height:0}.editor-workspace .question-card{padding:24px}.editor-workspace #save-state{min-width:0}
@media(max-width:1000px){.settings-workspace{grid-template-columns:220px minmax(0,1fr);gap:24px}.settings-content>.panel{padding:24px}.confirmation-editor-grid{grid-template-columns:1fr}.editor-workspace .editor-heading{width:100%}.header-settings-grid{grid-template-columns:1fr}.editor-workspace .editor-title{width:100%}}
@media(max-width:760px){.settings-workspace{grid-template-columns:1fr;gap:24px}.settings-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-menu button{padding:12px;gap:4px}.settings-menu button strong{font-size:15px}.settings-menu button span{font-size:13px}.workspace-tabs{width:100%;margin-bottom:24px}.workspace-tabs button{padding:12px 16px;font-size:15px}.settings-content>.panel{padding:24px;min-height:0}.editor-workspace .page-heading .actions{width:100%}.editor-workspace .page-heading .button,.editor-workspace .page-heading button{font-size:14px;padding:10px 14px}.editor-workspace .editor-toolbar:last-child{padding:20px;gap:16px;border-radius:20px;margin-top:32px}.editor-workspace .editor-toolbar .actions{width:100%;flex-direction:column;align-items:stretch}.editor-workspace .editor-toolbar button{white-space:normal;max-width:100%}.collection-action{flex-direction:column;align-items:flex-start}.settings-content h2{font-size:22px}.editor-workspace #questions-space .add-panel{padding:16px}.editor-workspace .add-bar button{font-size:14px;padding:9px 12px}.editor-workspace .question-tools button{font-size:13px;padding:8px 12px}}
.editor-workspace .editor-title{field-sizing:content;width:auto;max-width:100%;min-width:160px}.settings-content .header-choose>.button{display:block;border:0;padding:10px 0;min-height:0;border-radius:0;font-size:15px;text-align:center}.settings-content .header-choose>.hint{display:block;font-size:13px;text-align:center;margin-top:6px}

/* D-166: consistent heading and answer spacing in the “Toutes” presentation. */
.public-form:not(.question-mode) .form-presentation{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}
.public-form:not(.question-mode) .form-presentation .eyebrow{width:100%;max-width:none;margin:0;text-align:center}
.public-form:not(.question-mode) .form-presentation h1{margin:0;max-width:100%;overflow-wrap:anywhere}
.public-form:not(.question-mode) .form-presentation .intro{margin:8px auto 0}
.public-form:not(.question-mode) .answer>label{margin:0 0 16px;line-height:1.3}
.public-form:not(.question-mode) .voice-mode-choice{display:block;margin:24px 0 0}
.public-form:not(.question-mode) .voice-control{margin-top:20px;padding-top:0}
.public-form:not(.question-mode) .answer>.hint{margin:0 0 20px;line-height:1.5}
.public-form:not(.question-mode) .answer>.answer-guidance{margin:24px 0 0}
.public-form:not(.question-mode) .answer>textarea{margin-top:20px}
.public-form:not(.question-mode) .answer>.hint+textarea{margin-top:12px}
.public-form:not(.question-mode) .chapter>h2{margin:32px 0 16px}
@media(max-width:760px){.public-form:not(.question-mode) .form-presentation{gap:14px;margin-bottom:32px}.public-form:not(.question-mode) .voice-mode-choice{max-width:100%;white-space:normal}}
/* D-170: available actions share the same visual language. */
#next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
#next:disabled:hover{filter:none}
.editor-workspace .editor-toolbar:last-child{align-items:center}
.editor-workspace #save-state{margin:0;line-height:1.5}
.editor-workspace .editor-toolbar .actions{align-items:center}

/* Keep the recording action readable with every selected palette. */
.voice-actions .stop-button:hover{background:var(--accent);border-color:var(--accent);color:var(--cta-ink);filter:brightness(1.06)}

.account-sections{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 32px}.account-sections a{font-size:16px}.settings-page section[id]{scroll-margin-top:24px}.settings-page details{margin-top:24px}.settings-page details summary{cursor:pointer;margin-bottom:20px}.settings-page .transcription-panel .hint{line-height:1.6;margin:16px 0 24px}.settings-page .panel form+form{margin-top:20px}

/* Reusable Auphonic presets follow the existing settings panels. */
.preset-editor { max-width: 760px; }
.preset-panel summary { font-weight: 600; cursor: pointer; padding: 4px 0; }
.preset-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding-top: 20px; }
.preset-field { min-width: 0; }
.preset-checkbox input[type=checkbox] { width: 44px; height: 26px; margin: 0; flex: none; }
.preset-checkbox label, label.preset-checkbox { display: flex; align-items: center; gap: 10px; }
.preset-library-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--border); }
.preset-library-row strong { overflow-wrap: anywhere; }
.preset-library-row .button { flex: none; }
@media (max-width: 600px) { .preset-fields { grid-template-columns: 1fr; } .preset-library-row { align-items: flex-start; } }