:root{--brand-primary:#821500;--brand-primary-hover:#641000;--brand-ink:#1f1418;--brand-white:#fff;--color-background:#f8f6f5;--color-surface:var(--brand-white);--color-text:var(--brand-ink);--color-muted:#71676b;--color-border:#e4deda;--color-accent-soft:#faf0ec;--color-success:#276247;--color-success-soft:#edf6f0;--color-error:#a52824;--color-error-soft:#fff1f0;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--shadow-card:0 14px 55px #1f14180d;--focus-ring:0 0 0 3px #8215003d;--content-width:42rem;--color-control-border:#bdb3b3;--color-accent-line:#cc9989;--color-badge-fill:#f1ded7;--color-icon-fill:#f4f1ef;--color-input-border:#cfc6c4;--color-notice-border:#e8cfc4;--color-error-border:#e9bcb9;--color-script-highlight:#eedbd3;--color-divider-soft:#f0ecea;--color-success-border:#d4e6da;--color-upload-border:#b28c80;--color-upload-surface:#fcfaf9;--color-success-seal-border:#d3e6d8;--color-overlay:#1f14187a;--color-shadow-dialog:#0002;--color-camera-overlay:#1f141855;--color-camera-caption:#1f14189c;--color-recording-label:#1f1418d9;--color-recording-active:#9e3824;--color-on-dark-muted:#cfbec5;--color-on-dark-placeholder:#d0c3c9;--color-recording-dot:#ef7465;--color-on-dark-accent:#f3dcd5;--color-on-dark-fill:#ffffff0d;--color-on-dark-border:#ffffff26;--color-frame-guide:#ffffffb3}*{box-sizing:border-box}html{color:var(--color-text);background:var(--color-background);font-family:var(--font-body);font-synthesis:none}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}h1,h2,h3,p{margin:0}p{line-height:1.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:1rem;padding:0;font-size:.9rem;font-weight:600}.site-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:25px 40px;display:flex}.brand-logo{object-fit:contain;mix-blend-mode:multiply;width:116px;height:70px}.header-label{color:var(--color-muted);font-size:.875rem}.journey-layout{grid-template-columns:280px minmax(0,640px);align-items:start;gap:80px;max-width:1080px;margin:auto;padding:54px 40px 36px;display:grid}.journey-aside{padding-top:40px;position:sticky;top:40px}.eyebrow{letter-spacing:.13em;color:var(--brand-primary);font-size:.75rem;font-weight:600;line-height:1.5}.journey-aside h2{font-family:var(--font-heading);margin:20px 0;font-size:2rem;font-weight:500;line-height:1.2}.journey-aside>p:not(.eyebrow){color:var(--color-muted);font-size:.94rem}.journey-map{flex-direction:column;gap:27px;margin:38px 0;padding:0;list-style:none;display:flex}.journey-map li{color:var(--color-muted);align-items:center;gap:13px;font-size:.94rem;display:flex}.journey-map li>span{border:1px solid var(--color-border);border-radius:50%;place-items:center;width:32px;height:32px;font-size:.8rem;display:grid}.journey-map li.current{color:var(--brand-primary)}.journey-map li.current>span{background:var(--brand-primary);color:var(--brand-white);border-color:var(--brand-primary)}.journey-map small{color:var(--color-muted);margin-top:5px;font-size:.8rem;display:block}.aside-footer{border-top:1px solid var(--color-border);color:var(--color-muted);align-items:center;gap:9px;padding-top:25px;font-size:.8rem;display:flex}.journey-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-width:0;padding:35px 38px}.card-topline{color:var(--color-muted);letter-spacing:.1em;justify-content:space-between;margin-bottom:24px;font-size:.75rem;display:flex}.journey-card h1{font-family:var(--font-heading);letter-spacing:-.035em;font-size:2.8rem;font-weight:500;line-height:1.1}.journey-card h1 em{color:var(--brand-primary);font-weight:500}.intro-copy{color:var(--color-muted);margin:18px 0 27px;font-size:1rem}.format-list{flex-direction:column;gap:10px;display:flex}.format-option{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:13px;padding:16px 15px;transition:border-color .2s,background .2s;display:flex;position:relative}.format-option.selected{border-color:var(--brand-primary);background:var(--color-accent-soft);box-shadow:inset 0 0 0 .5px var(--brand-primary)}.format-description .video-privacy-promise{color:var(--brand-primary);margin-top:.4rem;font-weight:500}.format-option:focus-within{box-shadow:var(--focus-ring)}.format-option input{opacity:0;width:1px;height:1px;position:absolute}.format-icon{background:var(--color-icon-fill);width:42px;height:42px;color:var(--color-muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.selected .format-icon{background:var(--brand-white);color:var(--brand-primary)}.format-description{flex:1;min-width:0}.format-description strong{flex-wrap:wrap;align-items:center;gap:8px;font-size:.96rem;font-weight:600;display:flex}.format-description>span{color:var(--color-muted);margin-top:5px;font-size:.86rem;line-height:1.4;display:block}.badge{color:var(--brand-primary);background:var(--color-badge-fill);white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:.68rem;font-weight:500}.radio-mark{border:1px solid var(--color-control-border);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.selected .radio-mark{color:var(--brand-white);background:var(--brand-primary);border-color:var(--brand-primary)}.context-note{border-left:2px solid var(--color-accent-line);margin:24px 0 16px;padding:0 0 0 15px;font-size:.875rem}.context-note strong{font-weight:600}.context-note p{color:var(--color-muted);margin-top:5px}.privacy-note{color:var(--color-muted);margin:16px 0 24px;font-size:.8rem}.button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--brand-white);min-height:50px;color:var(--color-text);justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:.94rem;font-weight:600;text-decoration:none;display:flex}.button.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-white);width:100%}.button.primary:hover{background:var(--brand-primary-hover)}.footnote{text-align:center;color:var(--color-muted);margin-top:14px;font-size:.75rem;line-height:1.5}.site-footer{max-width:1080px;color:var(--color-muted);justify-content:space-between;align-items:center;margin:auto;padding:25px 40px 35px;font-size:.75rem;display:flex}.site-footer a{text-underline-offset:3px}@media (max-width:950px){.journey-layout{grid-template-columns:240px minmax(0,1fr);gap:32px;padding:32px 24px}.journey-card{padding:30px 26px}.journey-aside h2{font-size:1.8rem}.site-header{padding:15px 25px}}@media (max-width:720px){.site-header{background:var(--brand-white);min-height:86px;padding:10px 22px}.brand-logo{width:102px;height:63px}.header-label{font-size:.8rem}.journey-layout{padding:0;display:block}.journey-aside{display:none}.journey-card{box-shadow:none;border:0;border-radius:0;min-height:calc(100dvh - 156px);padding:26px 22px 28px}.journey-card h1{font-size:2.5rem}.card-topline{margin-bottom:21px}.intro-copy{margin:16px 0 24px}.format-option{gap:12px;padding:15px 13px}.context-note{margin-top:24px}.site-footer{border-top:1px solid var(--color-border);background:var(--brand-white);padding:21px 22px;font-size:.75rem}.privacy-note{font-size:.82rem}.format-description>span{font-size:.875rem}.badge{font-size:.7rem}.footnote{font-size:.8rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.format-preference{color:var(--color-muted);margin:0 0 16px;font-size:.875rem;line-height:1.6}.journey-progress{background:var(--color-border);border-radius:3px;height:3px;margin:-10px 0 20px;overflow:hidden}.journey-progress>span{background:var(--brand-primary);height:100%;transition:width .3s;display:block}.step-navigation{justify-content:space-between;align-items:center;margin:0 0 24px;display:flex}.text-button{color:var(--color-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;min-height:40px;padding:8px 0;font-size:.875rem;display:inline-flex}.text-button:hover{color:var(--brand-primary)}.button.secondary{background:var(--brand-white);color:var(--color-text)}.button.secondary:hover{border-color:var(--brand-primary)}.button.ghost{color:var(--color-muted);background:0 0;border-color:#0000;font-weight:500}.step-actions{flex-direction:column;gap:9px;margin-top:25px;display:flex}.field{flex-direction:column;gap:9px;margin:24px 0;display:flex}.website-check{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.field label{font-size:.9rem;font-weight:600}.field label span{color:var(--brand-primary)}.gender-field{min-width:0;margin:24px 0;padding:0}.gender-field legend{padding:0;font-size:.9rem;font-weight:600}.gender-field legend span{color:var(--brand-primary)}.gender-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.gender-option{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:64px;color:var(--color-text);cursor:pointer;flex-direction:row;align-items:center;gap:8px;padding:12px 10px;font-weight:600;display:flex;position:relative}.gender-option:hover{border-color:var(--brand-primary)}.gender-option.selected{border-color:var(--brand-primary);background:var(--color-accent-soft);box-shadow:inset 0 0 0 .5px var(--brand-primary)}.gender-option:focus-within{outline:2px solid var(--brand-primary);outline-offset:3px}.gender-option input{opacity:0;width:1px;height:1px;position:absolute}.gender-option .radio-mark{width:16px;height:16px;margin-left:auto}.gender-icon{color:var(--brand-primary);flex-shrink:0}.gender-field>p{margin-top:10px}input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea{border:1px solid var(--color-input-border);border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--color-text);background:var(--color-surface);padding:13px 14px;font-size:1rem;line-height:1.55}textarea{resize:vertical;min-height:190px}.field-meta{color:var(--color-muted);justify-content:space-between;gap:12px;font-size:.75rem;line-height:1.5;display:flex}.small{font-size:.875rem}.tiny{font-size:.8rem;line-height:1.5}.muted{color:var(--color-muted)}.notice{background:var(--color-accent-soft);border:1px solid var(--color-notice-border);border-radius:var(--radius-sm);align-items:flex-start;gap:9px;margin:18px 0;padding:14px;font-size:.875rem;line-height:1.55;display:flex}.notice>svg{color:var(--brand-primary);flex-shrink:0;margin-top:2px}.notice.error{background:var(--color-error-soft);border-color:var(--color-error-border);color:var(--color-error)}.notice.error>svg{color:inherit}.setup-tips{flex-direction:column;gap:13px;margin:0 0 25px;padding:0;list-style:none;display:flex}.setup-tips li{align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.setup-tips svg{color:var(--brand-primary);flex-shrink:0;margin-top:3px}.question-head{margin:0 0 23px}.question-head .eyebrow{margin-bottom:14px}.question-title{font-family:var(--font-heading)!important;letter-spacing:-.02em!important;font-size:1.85rem!important;line-height:1.25!important}.question-help{color:var(--color-muted);margin-top:14px;font-size:.9rem}.intro-script{border-left:3px solid var(--brand-primary);background:var(--color-accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:20px 0 0;padding:19px 20px;font-size:1.1rem;line-height:1.9}.intro-script mark{background:var(--color-script-highlight);color:var(--brand-primary);border-radius:3px;padding:1px 3px}.question-footer{color:var(--color-muted);margin-top:20px;font-size:.8rem}.testimonial-instructions{color:var(--color-muted);margin:20px 0;font-size:.9rem;line-height:1.75}.review-section{border-bottom:1px solid var(--color-border);margin-bottom:25px;padding:0 0 22px}.review-section>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.review-section h2{font-size:1rem;font-weight:600}.review-section>strong{font-size:.9rem;font-weight:500}.format-label{background:var(--color-accent-soft);color:var(--brand-primary);text-transform:capitalize;border-radius:4px;padding:5px 9px;font-size:.75rem;line-height:1.4}.review-answer{align-items:center;gap:11px;padding:12px 0;display:flex}.review-answer+.review-answer{border-top:1px solid var(--color-divider-soft)}.answer-status{border:1px solid var(--color-border);width:25px;height:25px;color:var(--color-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;display:grid}.complete .answer-status{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success-border)}.review-answer>div{flex:1;min-width:0}.review-answer strong{overflow-wrap:anywhere;font-size:.875rem;font-weight:500;display:block}.review-answer small{color:var(--color-muted);margin-top:4px;font-size:.75rem;display:block}.review-answer .text-button{padding:8px;font-size:.8rem}.testimonial-quote{font-family:var(--font-heading);white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.15rem;line-height:1.65}.consent-control{align-items:flex-start;gap:13px;margin:28px 0;font-size:.9rem;line-height:1.6;display:flex}.consent-control input{width:21px;height:21px;accent-color:var(--brand-primary);flex-shrink:0;margin-top:2px}.footnote svg{vertical-align:-2px;margin-right:4px}.file-drop{border:1px dashed var(--color-upload-border);background:var(--color-upload-surface);border-radius:var(--radius-md);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:28px 16px;display:flex;position:relative}.file-drop>svg{color:var(--brand-primary)}.file-drop strong{font-size:.94rem;font-weight:600}.file-drop>span{color:var(--color-muted);font-size:.85rem}.file-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-drop:focus-within{box-shadow:var(--focus-ring)}.file-summary{border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:12px;margin:16px 0;padding:15px;display:flex}.file-summary svg{color:var(--color-success);flex-shrink:0}.file-summary strong{overflow-wrap:anywhere;font-size:.875rem;display:block}.file-summary span{color:var(--color-muted);margin-top:6px;font-size:.75rem;display:block}.interview-guide{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:24px 0}.interview-guide summary{cursor:pointer;padding:18px 0;font-size:.9rem;font-weight:600;line-height:1.5}.interview-guide ol{padding-left:22px;font-size:.9rem;line-height:1.7}.interview-guide li{padding:10px 0}.resume-summary{background:var(--color-accent-soft);border-radius:var(--radius-md);margin-bottom:28px;padding:22px}.resume-summary strong{margin-bottom:8px;font-size:.94rem;display:block}.upload-percentage{font-family:var(--font-heading);letter-spacing:-.05em;color:var(--brand-primary);margin:30px 0 12px;font-size:4.5rem}.upload-percentage>span{margin-left:5px;font-size:2rem}.upload-track{background:var(--color-border);border-radius:8px;height:7px;overflow:hidden}.upload-track>span{background:var(--brand-primary);height:100%;transition:width .2s;display:block}.upload-list{margin:22px 0}.upload-list>div{border-bottom:1px solid var(--color-divider-soft);align-items:center;gap:10px;padding:13px 0;font-size:.875rem;display:flex}.upload-list>div>span{flex:1}.upload-list small{color:var(--color-muted);font-size:.75rem}.upload-list svg{color:var(--color-success)}.done-state{text-align:center;padding:18px 0}.success-seal{background:var(--color-success-soft);width:76px;height:76px;color:var(--color-success);border:1px solid var(--color-success-seal-border);border-radius:50%;place-items:center;margin:0 auto 28px;display:grid}.done-state>.eyebrow{margin-bottom:22px}.completion-list{text-align:left;flex-direction:column;gap:14px;margin:0 0 18px;padding:25px 0 30px;display:inline-flex}.completion-list p{align-items:center;gap:12px;font-size:.9rem;display:flex}.completion-list svg{color:var(--color-success)}.receipt-id{color:var(--color-muted);overflow-wrap:anywhere;border-top:1px solid var(--color-border);margin-top:28px;padding-top:20px;font-size:.75rem}.dialog-overlay{background:var(--color-overlay);z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.dialog-content{background:var(--brand-white);border-radius:var(--radius-lg);z-index:61;width:min(460px,100% - 36px);box-shadow:0 25px 90px var(--color-shadow-dialog);max-height:85dvh;padding:28px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog-content h2{font-family:var(--font-heading);padding-right:20px;font-size:1.9rem;font-weight:500;line-height:1.2}.dialog-content p{color:var(--color-muted);margin:18px 0 24px;font-size:.94rem}.dialog-actions{flex-direction:column-reverse;gap:10px;display:flex}.dialog-close{width:36px;height:36px;color:var(--color-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:12px;right:12px}.loading-screen,.recovery-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:24px;display:flex}.loading-screen img,.recovery-screen img{mix-blend-mode:multiply;width:135px}.loading-screen p{color:var(--color-muted);font-size:.9rem}.recovery-screen .button{max-width:300px}.skip-link{z-index:90;background:var(--brand-white);padding:14px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.journey-card h1:focus{outline:none}@media (max-width:720px){.question-title{font-size:1.75rem!important}.step-navigation{margin-bottom:19px}.question-head{margin-bottom:21px}.intro-script{padding:15px;font-size:1.04rem;line-height:1.8}.field-meta{font-size:.75rem}.capture-mode .site-header,.capture-mode .site-footer,.capture-mode .card-topline,.capture-mode .journey-progress{display:none}.capture-mode .journey-card{min-height:100dvh;padding-top:18px}.capture-mode .question-head{margin-bottom:12px}.capture-mode .question-head .eyebrow{margin-bottom:9px;font-size:.75rem}.capture-mode .question-title{font-size:1.35rem!important}.capture-mode .question-help,.capture-mode .question-footer,.capture-mode .setup-tips,.capture-mode .intro-copy,.capture-mode .privacy-note,.capture-mode .step-actions{display:none}.capture-mode .intro-script{margin-top:14px;padding:12px;font-size:1rem;line-height:1.55}.capture-mode .step-setup>h1{font-size:2rem}.capture-mode .microphone-meter{display:none}.capture-mode .recorder-actions{padding:12px 0 max(12px, env(safe-area-inset-bottom));background:var(--brand-white);z-index:20;position:sticky;bottom:0}.capture-mode .recorder>.tiny{display:none}}.recorder{flex-direction:column;gap:16px;margin:20px 0;display:flex}.recording-encouragement{--cheer-duration:1.65s;--cheer-lift:-14px;border:1px solid var(--color-notice-border);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--brand-primary);align-items:center;gap:10px;padding:10px 8px 6px 10px;display:flex}.mascot-stage{pointer-events:none;flex:0 0 76px;width:76px;height:76px;position:relative}.recording-mascot{object-fit:contain;transform-origin:50% 85%;width:100%;height:100%;animation:mascot-cheer var(--cheer-duration) ease-in-out infinite;display:block;position:relative}.recording-encouragement[data-active=true]{--cheer-duration:1.1s;--cheer-lift:-20px}.mascot-shadow{background:var(--brand-primary);width:38%;height:5px;animation:mascot-shadow var(--cheer-duration) ease-in-out infinite;border-radius:50%;position:absolute;bottom:7px;left:31%}.mascot-sparkle{color:var(--brand-primary);opacity:0;animation:mascot-sparkle var(--cheer-duration) ease-out infinite;position:absolute}.sparkle-left{--sparkle-drift:-5px;top:12%;left:-3px}.sparkle-right{--sparkle-drift:5px;animation-delay:calc(var(--cheer-duration) * -.5);top:0;right:-1px}.recording-encouragement[data-paused=true] .mascot-stage *{animation-play-state:paused}.recording-encouragement p{flex:1;min-width:0;font-size:.875rem;font-weight:500;line-height:1.5}.mascot-motion-toggle{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--brand-primary);cursor:pointer;background:0 0;border:0;flex:0 0 44px;place-items:center;padding:0;display:grid}.mascot-motion-toggle:hover{background:var(--color-badge-fill)}@keyframes mascot-cheer{0%,50%,to{transform:translate(0)rotate(0)scale(1.1,.91)}14%{transform:translate(-4px, var(--cheer-lift)) rotate(-13deg) scale(.94, 1.08)}30%{transform:translate(-2px, calc(var(--cheer-lift) * .65)) rotate(-7deg) scale(1.03)}64%{transform:translate(4px, var(--cheer-lift)) rotate(13deg) scale(.94, 1.08)}80%{transform:translate(2px, calc(var(--cheer-lift) * .65)) rotate(7deg) scale(1.03)}}@keyframes mascot-shadow{0%,50%,to{opacity:.2;transform:scaleX(1.1)}18%,68%{opacity:.08;transform:scaleX(.55)}}@keyframes mascot-sparkle{0%,60%,to{opacity:0;transform:translateY(4px)rotate(-15deg)scale(.4)}20%{opacity:.75;transform:translate(var(--sparkle-drift), -5px) rotate(8deg) scale(1)}45%{opacity:0;transform:translate(var(--sparkle-drift), -12px) rotate(20deg) scale(.65)}}@media (prefers-reduced-motion:reduce){.mascot-stage *{animation:none}.mascot-shadow,.mascot-sparkle,.mascot-motion-toggle{display:none}}.camera-stage{isolation:isolate;border-radius:var(--radius-md);background:var(--brand-ink);aspect-ratio:4/3;min-height:200px;position:relative;overflow:hidden}.live-camera{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scaleX(-1)}.camera-empty{color:var(--color-on-dark-placeholder);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;inset:0}.camera-empty p{max-width:230px;font-size:.875rem}.framing-guide{border:1px dashed var(--color-frame-guide);pointer-events:none;border-radius:50% 50% 25% 25%;position:absolute;inset:12% 24% 16%}.camera-hint{color:var(--brand-white);background:var(--color-camera-caption);white-space:nowrap;border-radius:4px;max-width:95%;padding:5px 9px;font-size:.7rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.recording-indicator{background:var(--color-recording-label);color:var(--brand-white);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:7px;padding:6px 10px;font-size:.8rem;display:flex;position:absolute;top:12px;left:12px}.recording-indicator>span{background:var(--color-recording-dot);border-radius:50%;width:8px;height:8px}.countdown{background:var(--color-camera-overlay);color:var(--brand-white);place-items:center;font-size:4rem;display:grid;position:absolute;inset:0}.audio-stage{background:var(--brand-ink);border-radius:var(--radius-md);color:var(--brand-white);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:240px;padding:24px;display:flex}.mic-circle{background:var(--color-on-dark-fill);border:1px solid var(--color-on-dark-border);width:66px;height:66px;color:var(--color-on-dark-accent);border-radius:50%;place-items:center;display:grid}.mic-circle.active{background:var(--color-recording-active)}.audio-stage strong{font-variant-numeric:tabular-nums;letter-spacing:.03em;font-size:2rem;font-weight:500}.audio-stage>span{color:var(--color-on-dark-muted);font-size:.8rem}.microphone-meter{color:var(--color-muted);grid-template-columns:1fr 1fr;align-items:center;gap:10px;font-size:.8rem;display:grid}.meter-track{background:var(--color-border);border-radius:6px;height:6px;overflow:hidden}.meter-track>div{background:var(--color-success);transform-origin:0;width:100%;height:100%;transition:transform 80ms;transform:scaleX(.015)}.microphone-meter small{grid-column:1/-1;font-size:.75rem}.recorder-actions{flex-direction:column;gap:10px;display:flex}.recording-playback{background:var(--brand-ink);border-radius:var(--radius-md);width:100%;min-height:180px;max-height:420px;display:block}.audio-playback{width:100%;min-height:54px;margin:20px 0}.playback-wrap>p{margin-top:13px}.recorder+.button{margin-top:12px}.loading-text{color:var(--color-muted);text-align:center;padding:30px 0;font-size:.9rem}@media (max-width:720px){.mascot-stage{flex-basis:64px;width:64px;height:64px}.recording-encouragement{gap:8px}.camera-stage{aspect-ratio:4/3}.capture-mode .camera-stage{aspect-ratio:auto;height:clamp(170px,29dvh,250px);min-height:170px}.capture-mode .audio-stage{gap:12px;min-height:180px}.capture-mode .recorder{gap:8px;margin-top:12px}.capture-mode .mic-circle{width:52px;height:52px}}