:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app_container{background:#fffdf7;width:100%;height:100vh}.sel-root{--sel-cream:#f6f2e9;--sel-surface:#fffdf8;--sel-green:#24463b;--sel-green-dark:#1c3730;--sel-emblem-bg:#ece3d0;--sel-emblem-icon:#2b4a3f;--sel-accent:#d98a4a;--sel-heading:#1f2320;--sel-muted:#5f6560;--sel-faint:#9a9990;--sel-border:#e4ddcd;--sel-border-strong:#24463b;--sel-serif:"Playfair Display", Georgia, "Times New Roman", serif;--sel-sans:system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--sel-sans);color:var(--sel-heading);background:var(--sel-cream);box-sizing:border-box;flex-direction:column;min-height:100%;padding:24px 20px 28px;display:flex}.sel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sel-brand{font-family:var(--sel-serif);color:var(--sel-green);letter-spacing:.2px;align-items:center;gap:8px;font-size:26px;font-weight:700;display:inline-flex}.sel-brand__mark{flex:none;width:26px;height:26px}.sel-lang-pill{border:1px solid var(--sel-border);background:var(--sel-surface);color:var(--sel-heading);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.sel-lang-pill:hover{border-color:var(--sel-green)}.sel-lang-pill svg{color:var(--sel-green)}.sel-divider{background:var(--sel-border);height:1px;margin:22px 0 26px;position:relative}.sel-divider:before{content:"";background:linear-gradient(90deg, transparent, var(--sel-accent) 35%, var(--sel-accent) 65%, transparent);width:64px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sel-divider:after{content:"";background:var(--sel-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sel-title{font-family:var(--sel-serif);color:var(--sel-heading);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:600;line-height:36px}.sel-subtitle{color:var(--sel-muted);max-width:360px;margin:8px 0 0;font-size:16px;line-height:1.5}.sel-group-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--sel-faint);align-items:center;gap:14px;margin:30px 0 14px;font-size:12px;font-weight:600;display:flex}.sel-group-label:after{content:"";background:var(--sel-border);flex:1;height:1px}.sel-list{flex-direction:column;flex:1;gap:14px;display:flex}.sel-card{box-sizing:border-box;border:1px solid var(--sel-border);background:var(--sel-surface);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:16px;width:100%;padding:18px;transition:border-color .15s,box-shadow .15s,transform 50ms;display:flex}.sel-card:hover{border-color:#cdc4b0}.sel-card.is-selected{border-color:var(--sel-border-strong);box-shadow:0 1px 2px #24463b14,0 8px 24px #24463b1a}.sel-card.is-speaking{border-color:var(--sel-accent)}.sel-card__emblem{background:var(--sel-emblem-bg);width:54px;height:54px;color:var(--sel-emblem-icon);border-radius:50%;flex:none;place-items:center;display:grid}.sel-card__emblem svg{stroke-width:1.75px;width:24px;height:24px}.sel-card__emblem--glyph{font-family:var(--sel-serif);font-size:24px;font-weight:600;line-height:1}.sel-card__body{flex:1;min-width:0}.sel-card__title{color:var(--sel-heading);flex-wrap:wrap;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.sel-card__subtitle{color:var(--sel-muted);margin-top:3px;font-size:14px}.sel-badge{color:var(--sel-accent);align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.sel-badge svg{width:14px;height:14px}.sel-card__check{color:#0000;border:2px solid #cbc3b2;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;transition:background .15s,border-color .15s,color .15s;display:grid}.sel-card.is-selected .sel-card__check{background:var(--sel-green);border-color:var(--sel-green);color:#fff}.sel-card__check svg{stroke-width:3px;width:15px;height:15px}.sel-card--skeleton{cursor:default}.sel-card--skeleton:hover{border-color:var(--sel-border)}.sel-skeleton{background:var(--sel-emblem-bg);background-image:linear-gradient(90deg, var(--sel-emblem-bg) 0%, var(--sel-cream) 50%, var(--sel-emblem-bg) 100%);background-size:200% 100%;border-radius:8px;animation:1.3s ease-in-out infinite sel-skeleton-shimmer;display:block}.sel-skeleton--emblem{border-radius:50%;flex:none;width:54px;height:54px}.sel-skeleton--title{width:60%;height:18px;margin-bottom:10px}.sel-skeleton--subtitle{width:40%;height:14px}.sel-skeleton--check{border-radius:50%;flex:none;width:26px;height:26px}@keyframes sel-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.sel-skeleton{animation:none}}.sel-continue{background:var(--sel-green);width:100%;color:var(--sel-cream);font-family:var(--sel-sans);letter-spacing:.3px;cursor:pointer;border:none;border-radius:14px;margin-top:28px;padding:20px 24px;font-size:19px;font-weight:600;transition:background .15s,transform 50ms}.sel-continue:hover{background:var(--sel-green-dark)}.sel-continue:active{transform:translateY(1px)}.sel-continue:disabled{opacity:.5;cursor:not-allowed}@media (width>=560px){.sel-root{max-width:520px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.sel-card{transition:none}}.welcome-root{--wel-cream:#f6f2e9;--wel-green:#24463b;--wel-green-dark:#1c3730;--wel-gold:#c9a86a;--wel-gold-soft:#ded0b0;--wel-mic:#2b4a3f;--wel-accent:#e08a3c;--wel-heading:#1f2320;--wel-muted:#5f6560;--wel-serif:"Playfair Display", Georgia, "Times New Roman", serif;--wel-sans:system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--wel-sans);color:var(--wel-heading);background:var(--wel-cream);box-sizing:border-box;flex-direction:column;min-height:100%;padding:28px 24px 32px;display:flex}.welcome-brand{font-family:var(--wel-serif);color:var(--wel-green);letter-spacing:.2px;font-size:24px;font-weight:700}.welcome-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.welcome-emblem{place-items:center;width:260px;height:260px;margin-bottom:48px;display:grid;position:relative}.welcome-emblem__ring{border-radius:50%;position:absolute}.welcome-emblem__ring--outer{background:#f1e9d8;width:260px;height:260px}.welcome-emblem__ring--mid{background:#ead9bc;width:190px;height:190px}.welcome-emblem__ring--inner{background:#e2caa0;width:130px;height:130px}.welcome-emblem__icon{width:52px;height:52px;color:var(--wel-mic);stroke-width:1.75px;position:relative}.welcome-emblem.is-speaking .welcome-emblem__ring--outer,.welcome-emblem.is-speaking .welcome-emblem__ring--mid{animation:2.4s ease-in-out infinite welcome-pulse}.welcome-emblem.is-speaking .welcome-emblem__ring--mid{animation-delay:.4s}@keyframes welcome-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.welcome-title{font-family:var(--wel-serif);color:var(--wel-heading);letter-spacing:-.5px;margin:0;font-size:44px;font-weight:600}.welcome-subtitle{color:var(--wel-muted);max-width:340px;margin:12px 0 0;font-size:17px;line-height:1.55}.welcome-start{background:var(--wel-green);color:#f6f2e9;width:100%;max-width:520px;font-family:var(--wel-sans);letter-spacing:.3px;cursor:pointer;border:none;border-radius:14px;align-self:center;padding:20px 24px;font-size:19px;font-weight:600;transition:background .15s,transform 50ms}.welcome-start:hover{background:var(--wel-green-dark)}.welcome-start:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.welcome-emblem.is-speaking .welcome-emblem__ring--outer,.welcome-emblem.is-speaking .welcome-emblem__ring--mid{animation:none}}.audio-player{--ap-color:#006c67;--ap-size:40px;width:calc(var(--ap-size) + 12px);height:calc(var(--ap-size) + 12px);color:var(--ap-color);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 1px 2px #0000000f,0 1px 8px #0000000d}.audio-player:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #00000014,0 4px 16px #00000014}.audio-player:active:not(:disabled){transform:translateY(0)}.audio-player:focus-visible{outline:2px solid var(--ap-color);outline-offset:2px}.audio-player:disabled{cursor:default;opacity:.6}.audio-player__icon{width:var(--ap-size);height:var(--ap-size);display:block;overflow:visible}.audio-player__speaker{fill:currentColor}.audio-player__wave{fill:none;stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;transform-box:fill-box;transform-origin:0}.audio-player:not(.is-playing) .audio-player__wave--outer{opacity:.45}.audio-player.is-playing .audio-player__wave--inner{animation:1.4s ease-out infinite ap-grow}.audio-player.is-playing .audio-player__wave--outer{animation:1.4s ease-out .5s infinite ap-grow}@keyframes ap-grow{0%{opacity:0;transform:scale(.2)}30%{opacity:1}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.audio-player__spinner{width:var(--ap-size);height:var(--ap-size);animation:.9s linear infinite ap-spin}@keyframes ap-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.audio-player.is-playing .audio-player__wave--inner,.audio-player.is-playing .audio-player__wave--outer,.audio-player__spinner{animation:none}.audio-player.is-playing .audio-player__wave{opacity:1;transform:none}}.qa-agent{text-align:left;flex-direction:column;gap:8px;display:flex}.qa-agent__row{align-items:flex-start;gap:10px;display:flex}.qa-agent__avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;display:inline-flex}.qa-agent__avatar-dot{background:#ffffffe6;border-radius:50%;width:10px;height:10px}.qa-agent.is-speaking .qa-agent__avatar{animation:1.4s ease-in-out infinite qa-agent-pulse}@keyframes qa-agent-pulse{0%,to{box-shadow:0 0 #006c6759}50%{box-shadow:0 0 0 6px #006c6700}}.qa-agent__bubble{border:1px solid #dec396;border-radius:12px;flex:1;padding:10px 12px}.qa-agent__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.qa-agent__status{color:var(--qa-text-muted);font-size:12px}.qa-agent__text-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.qa-agent__text{color:var(--qa-text);flex:1;font-size:15px;font-weight:600;line-height:1.35}.qa-agent__speaker{color:var(--qa-teal);width:30px!important;height:30px!important;box-shadow:none!important;background:0 0!important;border-radius:8px!important}.qa-agent__hint{color:var(--qa-text-faint);align-self:flex-end;font-size:12px}.checking-answer{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:24px 0;animation:.4s ease-out both checking-fadeIn;display:flex}@keyframes checking-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.checking-answer__circle-wrap{width:180px;height:180px;margin-bottom:16px;position:relative}.checking-answer__track{width:100%;height:100%;position:absolute;inset:0}.checking-answer__arc{transform-origin:50%;width:100%;height:100%;animation:2.4s linear infinite checking-arcRotate;position:absolute;inset:0}@keyframes checking-arcRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checking-answer__inner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.checking-answer__wave-dots{align-items:center;gap:6px;display:flex}.checking-answer__bars{align-items:center;gap:3px;display:flex}.checking-answer__bar{background:var(--qa-teal);border-radius:2px;width:2.5px;height:18px;animation:1s ease-in-out infinite checking-barPulse;display:block}.checking-answer__bars--left .checking-answer__bar:first-child{height:12px;animation-delay:0s}.checking-answer__bars--left .checking-answer__bar:nth-child(2){height:22px;animation-delay:.15s}.checking-answer__bars--left .checking-answer__bar:nth-child(3),.checking-answer__bars--right .checking-answer__bar:first-child{height:16px;animation-delay:.3s}.checking-answer__bars--right .checking-answer__bar:nth-child(2){height:22px;animation-delay:.15s}.checking-answer__bars--right .checking-answer__bar:nth-child(3){height:12px;animation-delay:0s}@keyframes checking-barPulse{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.5)}}.checking-answer__dot{border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite checking-dotBounce;display:block}.checking-answer__dot--beige{background:#c4b9a4;animation-delay:0s}.checking-answer__dot--orange{background:#d4912a;animation-delay:.2s}.checking-answer__dot--teal{background:var(--qa-teal,#24463b);animation-delay:.4s}@keyframes checking-dotBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.15)}}.checking-answer__title{color:var(--qa-text,#1f2937);letter-spacing:-.3px;margin:0 0 12px;font-size:28px;font-weight:500}.checking-answer__separator{background:#d4912a;border-radius:2px;width:36px;height:3px;margin-bottom:14px;display:block}.checking-answer__subtitle{color:var(--qa-text-muted,#6b7280);text-align:center;margin:0 0 24px;font-size:14px;line-height:20px}.checking-answer__pill{background:var(--qa-teal,#24463b);border-radius:999px;align-items:center;gap:10px;padding:10px 20px;display:inline-flex}.checking-answer__pill-text{color:#fff;font-size:14px;font-weight:500}.checking-answer__pill-spinner{border-radius:50%;width:20px;height:20px;animation:1.2s linear infinite checking-pillSpin;position:relative}.checking-answer__pill-spinner:before,.checking-answer__pill-spinner:after{content:"";border-radius:50%;position:absolute}.checking-answer__pill-spinner:before{background:radial-gradient(2.5px at 50% 5%,#fff 95%,#0000) no-repeat,radial-gradient(2.5px at 85% 15%,#fff 95%,#0000) no-repeat,radial-gradient(2.5px at 97%,#fff 95%,#0000) no-repeat,radial-gradient(2.5px at 85% 85%,#fff 95%,#0000) no-repeat,radial-gradient(2px at 50% 95%,#fff 95%,#0000) no-repeat,radial-gradient(2px at 15% 85%,#fff 95%,#0000) no-repeat,radial-gradient(2px at 3%,#fff 95%,#0000) no-repeat,radial-gradient(2px at 15% 15%,#fff 95%,#0000) no-repeat;inset:0}@keyframes checking-pillSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.checking-answer__arc,.checking-answer__pill-spinner{animation:none}.checking-answer__bar{background:#24463b;animation:none}.checking-answer__dot,.checking-answer{animation:none}}.qa-confirm{flex-direction:column;gap:12px;margin-top:auto;display:flex}.qa-confirm__question{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.qa-confirm__question-text{color:var(--qa-text-muted);font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:400}.qa-confirm__question-diamond{color:var(--qa-orange);font-size:8px;line-height:1}.qa-confirm__btn{border-radius:var(--qa-radius);width:100%;font-size:16px;font-weight:600;font-family:var(--qa-font);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:16px;transition:background .15s,transform .1s;display:inline-flex}.qa-confirm__btn:active:not(:disabled){transform:translateY(1px)}.qa-confirm__btn:disabled{opacity:.55;cursor:default}.qa-confirm__btn--yes{background:var(--qa-teal);color:#fff;border:none}.qa-confirm__btn--yes:hover:not(:disabled){background:var(--qa-teal-dark)}.qa-confirm__btn--yes:focus-visible{outline-offset:2px;outline:3px solid #006c6766}.qa-confirm__btn--no{border:1.5px solid var(--qa-teal);color:var(--qa-teal);background:0 0}.qa-confirm__btn--no:hover:not(:disabled){background:#006c670f}.qa-confirm__btn--no:focus-visible{outline-offset:2px;outline:3px solid #006c6759}.qa-confirm__icon{width:18px;height:18px}.qa-transcript{border-radius:var(--qa-radius-lg);text-align:center;box-shadow:var(--qa-shadow);border:1px solid #dec396;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:16px;transition:border-color .2s;display:flex}.qa-transcript__question{color:#000;opacity:.7;letter-spacing:.01em;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:600}.qa-transcript.is-playing{border-color:#dec396}.qa-transcript__label{letter-spacing:.02em;color:var(--qa-text-muted);font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:400}.qa-transcript__value{color:var(--qa-text);margin:4px 0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:700;line-height:1.3}.qa-transcript__divider{align-items:center;gap:8px;width:100%;margin:12px 0;display:flex}.qa-transcript__divider-line{opacity:.6;background:#e2ddd3;flex:1;height:1px}.qa-divider-diamond{color:orange}.qa-transcript__replay{border-radius:var(--qa-radius);color:var(--qa-teal);font-size:18px;font-weight:500;font-family:var(--qa-font);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:12px;padding:4px 24px 0;transition:opacity .15s;display:inline-flex}.qa-transcript__replay:hover{opacity:.7}.qa-transcript__replay:focus-visible{outline-offset:2px;outline:3px solid #006c6759}.qa-transcript__replay-icon{stroke-width:1.5px;width:24px;height:24px;color:var(--qa-teal);transition:transform .2s}.qa-transcript.is-playing .qa-transcript__replay-icon{animation:1.2s ease-in-out infinite qa-transcript-pulse}@keyframes qa-transcript-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.photo-panel{flex-direction:column;align-items:center;gap:20px;margin-top:auto;padding:16px 0;display:flex}.photo-panel__preview{border:2px solid var(--qa-border,#e0e0e0);background:var(--qa-surface,#f5f5f5);border-radius:12px;justify-content:center;align-items:center;width:160px;height:160px;display:flex;overflow:hidden}.photo-panel__preview-img{object-fit:cover;width:100%;height:100%}.photo-panel__actions{justify-content:center;gap:12px;width:100%;display:flex}.photo-panel__btn{border-radius:var(--qa-radius,14px);font-size:14px;font-weight:600;font-family:var(--qa-font,inherit);cursor:pointer;border:none;flex-direction:column;flex:1;align-items:center;gap:8px;max-width:180px;padding:16px 24px;transition:background .15s,transform .1s;display:flex}.photo-panel__btn:active:not(:disabled){transform:scale(.96)}.photo-panel__btn:disabled{opacity:.5;cursor:default}.photo-panel__btn--camera{background:var(--qa-teal,#1a6b5c);color:#fff}.photo-panel__btn--camera:hover:not(:disabled){background:var(--qa-teal-dark,#145549)}.photo-panel__btn--upload{color:var(--qa-teal,#1a6b5c);border:2px solid var(--qa-teal,#1a6b5c);background:0 0}.photo-panel__btn--upload:hover:not(:disabled){background:#1a6b5c0f}.photo-panel__icon{width:28px;height:28px}.photo-panel__hidden-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}.qa-progress{flex-direction:column;gap:12px;display:flex}.qa-progress__top{justify-content:space-between;align-items:center;display:flex}.qa-progress__brand{align-items:center;gap:6px;display:flex}.qa-progress__brand-icon{width:26px;height:26px}.qa-progress__brand-name{color:#24463b;letter-spacing:.2px;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:22px;font-weight:700}.qa-progress__badge{color:#3d4a44;letter-spacing:.2px;background:#f3ede3;border:1px solid #e6dfd3;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:500}.qa-progress__track{background:#f3ede3;border-radius:999px;width:100%;height:4px;overflow:hidden}.qa-progress__fill{background:#24463b;border-radius:999px;height:100%;transition:width .35s}.qa-tap{color:#fff;width:100%;height:60px;font-size:18px;font-weight:600;font-family:var(--qa-font);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#24463b;border:none;border-radius:8px;justify-content:center;align-items:center;gap:14px;padding:16px 24px;transition:background .15s,transform .1s;display:inline-flex}.qa-tap:hover:not(:disabled){background:#1c3730}.qa-tap:active:not(:disabled){transform:translateY(1px)}.qa-tap:focus-visible{outline-offset:2px;outline:3px solid #24463b66}.qa-tap:disabled{opacity:.55;cursor:default}.qa-tap__mic-circle{flex-shrink:0;width:38px;height:38px}.qa-tap__stop-circle{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.qa-tap__stop-icon{background:#e8a838;border-radius:2px;width:12px;height:12px}.qa-tap.is-recording{background:#24463b}.qa-record{flex-direction:column;flex:1;gap:18px;display:flex}.qa-record .qa-tap{margin-top:auto}.qa-record_timer_btn_container{flex-direction:column;gap:44px;margin-top:auto;display:flex}.recording-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:24px 0;animation:.4s ease-out both recording-fadeIn;display:flex}@keyframes recording-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.recording-panel__visual{justify-content:center;align-items:center;width:100%;margin-bottom:24px;display:flex;position:relative}.recording-panel__wave{flex:1;min-width:0;overflow:hidden}.recording-panel__circle-wrap{flex-shrink:0;width:160px;height:160px;position:relative}.recording-panel__dotted-ring{width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;inset:-10px}.recording-panel__solid-ring{width:100%;height:100%;position:absolute;inset:0}.recording-panel__glow{background:radial-gradient(circle,#d4912a1f 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite recording-pulse;position:absolute;inset:10%}@keyframes recording-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.recording-panel__mic-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.recording-panel__mic-icon{width:36px;height:36px;color:var(--qa-teal,#24463b)}.recording-panel__title{color:var(--qa-text,#1f2937);letter-spacing:-.3px;margin:0 0 12px;font-size:28px;font-weight:500}.recording-panel__separator{background:#d4912a;border-radius:2px;width:36px;height:3px;margin-bottom:14px;display:block}.recording-panel__subtitle{color:var(--qa-text-muted,#6b7280);text-align:center;margin:0 0 24px;font-size:14px;line-height:20px}.recording-panel__timer{background:#fff;border:1.5px solid #d1d5db;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:8px 20px;display:flex}.recording-panel__timer-icon{color:#374151;flex-shrink:0;width:18px;height:18px}.recording-panel__timer-text{font-variant-numeric:tabular-nums;color:#1f2937;letter-spacing:.5px;font-size:18px;font-weight:600}.recording-panel__actions{align-items:center;gap:12px;width:100%;margin-top:auto;display:flex}.recording-panel__actions .qa-tap{flex:1;min-width:0}.recording-panel__cancel-btn{color:#374151;min-width:0;height:60px;font-size:18px;font-weight:600;font-family:var(--qa-font);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #d1d5db;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:16px 24px;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.recording-panel__cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.recording-panel__cancel-btn:active{transform:translateY(1px)}.recording-panel__cancel-btn:focus-visible{outline-offset:2px;outline:3px solid #6b728066}@media (prefers-reduced-motion:reduce){.recording-panel,.recording-panel__glow{animation:none}}.validation-failure{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:0;padding:24px 16px;animation:.4s ease-out both vf-fadeIn;display:flex}@keyframes vf-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.validation-failure__icon-area{justify-content:center;align-items:center;width:100%;height:100px;margin-bottom:24px;display:flex}.validation-failure__error-badge{background:#d93025;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:1.8s ease-in-out infinite vf-pulse;display:flex;box-shadow:0 4px 16px #d9302559}@keyframes vf-pulse{0%{transform:scale(1);box-shadow:0 4px 16px #d9302559}50%{transform:scale(1.1);box-shadow:0 6px 28px #d9302580}to{transform:scale(1);box-shadow:0 4px 16px #d9302559}}.validation-failure__error-icon{color:#fff;width:40px;height:40px}.validation-failure__card{border-radius:var(--qa-radius-lg);text-align:center;box-shadow:var(--qa-shadow);border:1px solid #e6e4e0;flex-direction:column;align-items:center;width:100%;padding:16px;display:flex}.validation-failure__title{color:var(--qa-text,#1f2937);margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700}.validation-failure__message{color:var(--qa-text-muted,#6b7280);text-align:center;margin:0 0 4px;font-size:14px;line-height:1.6}.validation-failure__highlight{color:#d93025;font-weight:600}.validation-failure__reason{color:var(--qa-text-muted,#6b7280);text-align:center;margin:4px 0 16px;font-size:13px;line-height:1.5}.validation-failure__divider{align-items:center;gap:8px;width:100%;margin:8px 0 12px;display:flex}.validation-failure__divider-line{opacity:.6;background:#e2ddd3;flex:1;height:1px}.validation-failure__replay{border-radius:var(--qa-radius);color:var(--qa-teal);font-size:18px;font-weight:500;font-family:var(--qa-font);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:12px;padding:4px 24px;transition:opacity .15s;display:inline-flex}.validation-failure__replay:hover{opacity:.7}.validation-failure__replay:focus-visible{outline-offset:2px;outline:3px solid #006c6759}.validation-failure__replay-icon{stroke-width:1.5px;width:24px;height:24px;color:var(--qa-teal)}.validation-failure__actions{flex-direction:column;gap:12px;width:100%;margin-top:auto;padding-top:16px;display:flex}.validation-failure__prompt{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.validation-failure__prompt-text{color:var(--qa-text-muted);font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:400}.validation-failure__btn{border-radius:var(--qa-radius);width:100%;font-size:16px;font-weight:600;font-family:var(--qa-font);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:16px;transition:background .15s,transform .1s;display:inline-flex}.validation-failure__btn:active:not(:disabled){transform:translateY(1px)}.validation-failure__btn:disabled{opacity:.55;cursor:default}.validation-failure__btn--primary{background:var(--qa-teal);color:#fff;border:none}.validation-failure__btn--primary:hover:not(:disabled){background:var(--qa-teal-dark)}.validation-failure__btn--primary:focus-visible{outline-offset:2px;outline:3px solid #006c6766}.validation-failure__btn--secondary{border:1.5px solid var(--qa-teal);color:var(--qa-teal);background:0 0}.validation-failure__btn--secondary:hover:not(:disabled){background:#006c670f}.validation-failure__btn--secondary:focus-visible{outline-offset:2px;outline:3px solid #006c6759}.validation-failure__btn-icon{width:18px;height:18px}@media (prefers-reduced-motion:reduce){.validation-failure,.validation-failure__error-badge{animation:none}}.voice-indicator{justify-content:center;align-items:center;gap:12px;padding:16px 0;display:flex}.voice-indicator__icon{width:56px;height:56px;color:var(--qa-teal,#1a4a3a);border:.5px solid #d4d0c8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.voice-indicator__bars{align-items:center;gap:3px;display:flex}.voice-indicator__bar{background:#dec396;border-radius:1px;width:2px}.voice-indicator__bar--xs{height:6px}.voice-indicator__bar--sm{height:10px}.voice-indicator__bar--md{height:16px}.voice-indicator__bar--lg{height:22px}.voice-indicator__dot{background:#dec396;border-radius:50%;width:3px;height:3px}.qa-root{--qa-teal:#24463b;--qa-teal-dark:#005a56;--qa-orange:#ed7240;--qa-bg:#fdfcfb;--qa-surface:#fff;--qa-bubble:#f4f3f0;--qa-text:#1f2937;--qa-text-muted:#6b7280;--qa-text-faint:#9ca3af;--qa-border:#e6e4e0;--qa-success:#0f9d78;--qa-radius:14px;--qa-radius-lg:18px;--qa-gap:16px;--qa-shadow:0 1px 2px #0000000d, 0 6px 20px #0000000f;--qa-font:system-ui, "Segoe UI", Roboto, sans-serif;color:var(--qa-text);font-family:var(--qa-font);justify-content:center;min-height:100%;display:flex}.qa-frame{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:420px;min-height:100dvh;padding:20px 18px 24px;display:flex}.qa-frame--completed{padding-bottom:0}.qa-frame__body{flex-direction:column;flex:1;gap:22px;display:flex}@media (width>=480px){.qa-root{align-items:flex-start;padding:24px 0}.qa-frame{border:1px solid var(--qa-border);min-height:min(760px,100dvh - 48px);box-shadow:var(--qa-shadow);border-radius:22px}}.qa-intro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.qa-intro__title{color:var(--qa-text);font-size:26px;font-weight:700}.qa-intro__text{color:var(--qa-text-muted);max-width:300px;font-size:15px;line-height:1.5}.qa-intro__start{border-radius:var(--qa-radius);background:var(--qa-teal);color:#fff;min-width:160px;font-size:16px;font-weight:600;font-family:var(--qa-font);cursor:pointer;border:none;margin-top:8px;padding:14px 24px;transition:background .15s}.qa-intro__start:hover:not(:disabled){background:var(--qa-teal-dark)}.qa-intro__start:disabled{opacity:.6;cursor:default}.qa-loading{color:var(--qa-text-muted);flex-direction:column;align-items:center;gap:12px;padding:28px 0;display:flex}.qa-loading__spinner{width:30px;height:30px;color:var(--qa-teal);animation:.9s linear infinite qa-spin}.qa-processing{color:var(--qa-text-muted);flex-direction:column;align-items:center;gap:12px;padding:28px 0;display:flex}.qa-processing__spinner{width:30px;height:30px;color:var(--qa-teal);animation:.9s linear infinite qa-spin}@keyframes qa-spin{to{transform:rotate(360deg)}}.qa-confirm-viz{justify-content:center;display:flex}.qa-error{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 0;display:flex}.qa-error__msg{color:#b3261e;font-size:14px;line-height:1.4}.qa-error__retry{border:1px solid var(--qa-teal);border-radius:var(--qa-radius);color:var(--qa-teal);font-size:14px;font-weight:600;font-family:var(--qa-font);cursor:pointer;background:0 0;padding:11px 20px}@media (prefers-reduced-motion:reduce){.qa-processing__spinner,.qa-loading__spinner{animation:none}}.qa-photo-preview{flex-direction:column;flex:1;gap:20px;display:flex}.qa-photo-preview__image-wrapper{border:2px solid var(--qa-border,#e0e0e0);background:var(--qa-surface,#f5f5f5);border-radius:14px;flex:1;justify-content:center;align-items:center;min-height:220px;max-height:400px;display:flex;overflow:hidden}.qa-photo-preview__image{object-fit:contain;width:100%;height:100%;max-height:400px}.qa-photo-preview__actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.edit-answer{justify-content:center;min-height:100%;display:flex}.edit-answer__frame{box-sizing:border-box;flex-direction:column;width:100%;max-width:420px;min-height:100dvh;padding:20px 18px 24px;display:flex}.edit-answer__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.edit-answer__brand{align-items:center;gap:8px;display:flex}.edit-answer__brand-icon{width:28px;height:28px}.edit-answer__brand-name{color:var(--qa-teal);font-family:serif;font-size:18px;font-weight:700}.edit-answer__cancel{color:var(--qa-text);font-size:14px;font-weight:500;font-family:var(--qa-font);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;transition:background .15s;display:flex}.edit-answer__cancel:hover{background:var(--qa-bubble)}.edit-answer__body{flex-direction:column;flex:1;gap:24px;display:flex}.edit-answer__card{background:var(--qa-surface);border:1px solid var(--qa-border);border-radius:var(--qa-radius-lg);text-align:center;box-shadow:var(--qa-shadow);padding:24px 20px}.edit-answer__card-label{color:var(--qa-teal);margin:0 0 12px;font-size:13px;font-weight:500}.edit-answer__card-value{color:var(--qa-text);margin:0 0 16px;font-family:serif;font-size:22px;font-weight:700;line-height:1.3}.edit-answer__card-hint{color:var(--qa-text-muted);margin:0;font-size:13px}.edit-answer__card-divider{color:var(--qa-text-faint);justify-content:center;align-items:center;gap:8px;margin:12px 0;display:flex}.edit-answer__card-divider-line{background:var(--qa-border);flex:0 0 32px;height:1px}.edit-answer__actions{margin-top:auto;padding-top:16px}@media (width>=480px){.edit-answer{align-items:flex-start;padding:24px 0}.edit-answer__frame{border:1px solid var(--qa-border);min-height:min(760px,100dvh - 48px);box-shadow:var(--qa-shadow);border-radius:22px}}.qa-summary{flex-direction:column;gap:12px;display:flex}.qa-summary__title{color:var(--qa-text-muted);font-size:15px;font-weight:600}.qa-summary__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.qa-summary__item{background:var(--qa-surface);border:1px solid var(--qa-teal);border-radius:var(--qa-radius);box-shadow:var(--qa-shadow);align-items:center;gap:12px;padding:12px 14px;display:flex}.qa-summary__check{background:var(--qa-teal);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.qa-summary__check-icon{width:14px;height:14px}.qa-summary__body{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.qa-summary__field{color:var(--qa-text-muted);font-size:12px}.qa-summary__value{color:var(--qa-text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.qa-summary__edit{width:32px;height:32px;color:var(--qa-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.qa-summary__edit:hover{color:var(--qa-teal);background:#006c6714}.qa-summary__edit-icon{width:16px;height:16px}.qa-complete{flex-direction:column;flex:1;min-height:0;display:flex}.qa-complete__content{flex-direction:column;gap:20px;display:flex}.qa-complete__done{text-align:center;color:var(--qa-teal);font-size:15px;font-weight:600}.qa-complete__preview-error{text-align:center;color:#b3261e;margin:0;font-size:13px;line-height:1.4}.qa-complete__preview-bar{z-index:20;box-sizing:border-box;width:100%;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, #fdfcfb00 0%, var(--qa-bg) 26%, var(--qa-bg) 100%);margin-top:auto;position:sticky;bottom:0}.qa-complete__preview-button{border-radius:var(--qa-radius);background:var(--qa-teal);color:#fff;width:100%;min-height:52px;font-family:var(--qa-font);cursor:pointer;box-shadow:var(--qa-shadow);border:none;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;transition:background .15s,transform 50ms;display:inline-flex}.qa-complete__preview-button:hover:not(:disabled){background:var(--qa-teal-dark)}.qa-complete__preview-button:active:not(:disabled){transform:translateY(1px)}.qa-complete__preview-button:disabled{opacity:.62;cursor:default}.qa-complete__preview-icon{flex:none;width:19px;height:19px}.qa-complete__preview-icon.is-spinning{animation:.9s linear infinite qa-spin}@media (prefers-reduced-motion:reduce){.qa-complete__preview-icon.is-spinning{animation:none}}