:root{--bg:#f8f7f3;--ink:#252a26;--green:#325a43;--muted:#7a7e76;--line:#e3e5dd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}header{max-width:1320px;margin:auto;padding:30px 54px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:21px;letter-spacing:-.7px;display:flex;align-items:center;gap:5px}.mark{background:var(--green);color:#edf4b3;border-radius:9px;margin-right:8px;padding:3px 9px 8px;letter-spacing:2px;font-size:24px;transform:rotate(-7deg)}.beta{font-size:8px;letter-spacing:1px;border:1px solid #d6d9cf;padding:5px 6px;border-radius:4px;margin-left:10px}.header-note{font-size:12px;color:var(--muted)}main{max-width:1170px;margin:auto;padding:0 34px}.intro{padding:53px 0 37px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:8px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#7d9868}h1{font-family:Georgia,serif;font-weight:400;font-size:54px;letter-spacing:-2px;line-height:1.08;margin:17px 0}h1>span{color:#8a9c67}.intro p{font-size:15px;line-height:1.7;color:#777c73;margin:0}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfe2d8;border-radius:16px;overflow:hidden;box-shadow:0 9px 30px #253c2810}.builder{background:#fff;padding:27px 32px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:28px}.kicker{font-size:10px;letter-spacing:1.8px;font-weight:700}.small{font-size:10px;color:var(--muted)}fieldset{padding:0;border:0;margin:0 0 26px;min-width:0}legend{font-weight:600;font-size:14px;margin-bottom:13px;width:100%}.number{font-size:10px;color:#88927d;margin-right:10px}.muted{font-size:10px;font-weight:400;color:var(--muted);float:right;margin-top:2px}select{width:100%;border:1px solid #dce0d5;background:#fbfcf9;border-radius:7px;padding:13px;color:#41483e;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{border:1px solid #dfe2d9;border-radius:6px;background:white;color:#63695e;padding:9px 13px;cursor:pointer;font-size:12px}.chips button[aria-pressed=true]{color:#31553f;border-color:#6c8a64;background:#edf2e5}.hint{color:#8a8e84;font-size:11px;margin:10px 0 0}.primary{display:flex;justify-content:space-between;width:100%;padding:16px 18px;background:var(--green);border:0;border-radius:7px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;margin-top:22px}.primary:hover{background:#254631}.primary span{color:#d5e8aa}.under-button{font-size:10px;text-align:center;color:#8a8e84;margin:12px 0 0}details{border-top:1px solid var(--line);padding-top:15px}summary{cursor:pointer;list-style:none;font-size:12px;color:#70796a;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details label{display:block;font-size:11px;margin:17px 0 8px}.output{background:#eff1e8;padding:27px 32px;display:flex;flex-direction:column;min-width:0}.status{font-size:8px;letter-spacing:1px;color:#7f8b73;border:1px solid #d8dece;border-radius:4px;padding:5px 7px}#empty{text-align:center;padding:25px 0 34px}.wave{height:83px;display:flex;align-items:center;justify-content:center;gap:5px;margin:21px auto 28px}.wave i{width:5px;border-radius:5px;background:#9cae83;height:20px}.wave i:nth-child(3n){height:57px;background:#69885c}.wave i:nth-child(4n){height:36px}.wave i:nth-child(5n){height:76px;background:#436848}h2{font-family:Georgia,serif;font-weight:400;font-size:25px;letter-spacing:-.6px}#empty p{color:#838a7c;font-size:13px;line-height:1.8}.includes{display:grid;gap:16px;text-align:left;border-top:1px solid #dbe0d1;max-width:270px;margin:30px auto 0;padding-top:24px}.includes span{color:#8e9c7d;font-size:10px}.includes b{font-size:12px;color:#68745f;margin-left:15px;font-weight:400}.output-footer{margin-top:auto;border-top:1px solid #dbe0d1;padding-top:22px;text-align:center}.output-footer>span{font-size:8px;letter-spacing:1.6px;color:#8a927f}.output-footer p{font-size:12px;color:#728067;margin:12px 0 0}.output-footer p span{margin:0 8px;color:#a2ac98}footer{display:flex;align-items:center;gap:23px;color:#969b90;padding:28px 0;font-size:9px}footer>span:first-child{letter-spacing:1.3px;font-size:8px}footer>span:last-child{margin-left:auto;font-size:9px}footer p{font-family:Georgia,serif;font-style:italic;font-size:12px}.result-head h2{margin:0 0 9px}.result-head p{font-size:11px;color:#6f7c64;margin-bottom:22px}article{background:#fff9;border:1px solid #dce2d2;border-radius:8px;padding:18px;margin-bottom:14px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title h3{font-size:12px;margin:0}.card-title button{font-size:10px;color:#426443;background:transparent;border:0;cursor:pointer;padding:5px}article p{font-size:13px;line-height:1.8;color:#59634f;margin:12px 0 0}.notes{margin:17px 0}.notes dl{font-size:11px;display:grid;grid-template-columns:90px 1fr;gap:10px;line-height:1.5}.notes dt{color:#828c77}.notes dd{margin:0;color:#4f5e43}.next{font-size:11px;line-height:1.8;color:#76816a;margin:17px 0 25px}.next b{color:#4d6141}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#264732;color:white;border-radius:7px;padding:12px 20px;opacity:0;pointer-events:none;font-size:12px}#toast.show{opacity:1}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a0b875;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1300px){.intro{padding-top:60px}}@media(max-width:760px){header{padding:22px}.header-note,.beta{display:none}main{padding:0 20px}.intro{padding:35px 0 28px}h1{font-size:40px}.intro p{font-size:13px}.desktop{display:none}.workspace{grid-template-columns:1fr}.builder,.output{padding:24px}.output{min-height:440px}.small{font-size:9px}footer{flex-wrap:wrap;gap:6px 20px}footer>span:last-child{margin-left:0;width:100%;line-height:1.6}}

.field-label{display:block;font-size:12px;font-weight:600;color:#59634f;margin:12px 0 8px}.vibe-option{position:relative;cursor:pointer}.vibe-option input{position:absolute;opacity:0;width:1px;height:1px}.vibe-option span{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe2d9;border-radius:6px;background:white;color:#63695e;padding:10px 13px;font-size:12px}.vibe-option span::before{content:'+';font-weight:bold;color:#969f8b}.vibe-option input:checked+span{color:#fff;border-color:#325a43;background:#325a43;box-shadow:0 0 0 2px #dce7cd}.vibe-option input:checked+span::before{content:'✓';color:#d5e8aa}.vibe-option input:focus-visible+span{outline:3px solid #a0b875;outline-offset:3px}
/* Navigation, help, and local downloads */
.header-actions{display:flex;align-items:center;gap:18px;font-size:12px}.header-actions a{color:var(--green);text-decoration:none}.header-actions a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.header-actions button,.download-button{border:1px solid #b8c4ac;color:#325a43;background:transparent;border-radius:6px;padding:10px 13px;font-size:12px;cursor:pointer;min-height:40px}.download-button{margin-top:15px;background:#f5f8ef}.full-download{width:100%}.save-help{font-size:12px;line-height:1.6;color:#5d6c53}.faq-page{max-width:760px;margin:0 auto 45px}.faq-page h1{font-size:43px}.back-link{display:inline-block;color:var(--green);padding:15px 0;font-size:14px}.faq-list{margin:15px 0}.faq-list details{padding:0;border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:12px}.faq-list summary{font-size:16px;color:var(--ink);font-weight:600;padding:20px;line-height:1.6;gap:20px}.faq-list summary span{flex-shrink:0}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-answer{padding:0 20px 20px;max-width:68ch;font-size:16px;line-height:1.8;color:#4f5b48}.faq-answer p{margin:0 0 14px}.faq-answer p:last-child{margin-bottom:0}.faq-answer ol{margin:0;padding-left:23px}.faq-answer li+li{margin-top:10px}.faq-answer a{color:var(--green);overflow-wrap:anywhere}.site-footer{display:block;border-top:1px solid var(--line);padding:30px 0;color:#5d6657;font-size:12px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:11px;letter-spacing:1.5px;font-weight:700}.site-footer p{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:12px;line-height:1.8;margin:10px 0}.site-footer .footer-tagline{font-family:Georgia,serif;font-style:italic;font-size:15px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;line-height:1.7}.footer-links a,.designer a{color:var(--green);text-underline-offset:3px;overflow-wrap:anywhere}.footer-disclaimer{border-top:1px solid var(--line);padding-top:14px;margin-top:24px;max-width:85ch}.footer-disclaimer p{font-size:12px}.primary:disabled{opacity:.6;cursor:wait}a:focus-visible{outline:3px solid #a0b875;outline-offset:4px}button,a,input,summary{touch-action:manipulation}@media(max-width:760px){header{flex-wrap:wrap;gap:20px}.header-actions{width:100%;justify-content:space-between}.footer-top{flex-direction:column}.site-footer{padding-bottom:35px}.faq-page h1{font-size:35px}.card-title{flex-wrap:wrap}}
/* Dark screen option */
:root[data-theme=dark]{color-scheme:dark;--bg:#151b17;--ink:#edf1e7;--green:#b8d59e;--muted:#b0b9a8;--line:#3c483a}
[data-theme=dark] .builder,[data-theme=dark] .faq-list details{background:#1e2820}[data-theme=dark] .output{background:#263124}[data-theme=dark] .workspace{border-color:#46513f;box-shadow:none}[data-theme=dark] select{background:#172019;border-color:#59634f;color:#edf1e7}[data-theme=dark] .intro p,[data-theme=dark] .hint,[data-theme=dark] .under-button,[data-theme=dark] .small,[data-theme=dark] .muted,[data-theme=dark] .number,[data-theme=dark] summary,[data-theme=dark] .field-label,[data-theme=dark] #empty p,[data-theme=dark] .includes b,[data-theme=dark] .includes span,[data-theme=dark] .output-footer p,[data-theme=dark] .output-footer>span,[data-theme=dark] .result-head p,[data-theme=dark] .next,[data-theme=dark] .notes dt,[data-theme=dark] .notes dd,[data-theme=dark] .site-footer,[data-theme=dark] .faq-answer,[data-theme=dark] .save-help{color:#c0cbb6}[data-theme=dark] .primary{background:#b8d59e;color:#1d2b1e}[data-theme=dark] .primary:hover{background:#cbe5b5}[data-theme=dark] .primary span{color:#28452c}[data-theme=dark] .vibe-option span{background:#1b241d;color:#d3ddc8;border-color:#68795b}[data-theme=dark] .vibe-option input:checked+span{background:#b8d59e;color:#152415;border-color:#b8d59e;box-shadow:0 0 0 2px #65765a}[data-theme=dark] .vibe-option input:checked+span::before{color:#28452c}[data-theme=dark] article{background:#1c271d;border-color:#4b5b41}[data-theme=dark] article p{color:#d1dcc7}[data-theme=dark] .card-title button,[data-theme=dark] .next b{color:#c4dfa9}[data-theme=dark] .header-actions button,[data-theme=dark] .download-button{color:#d0e8ba;border-color:#82966d;background:#233023}[data-theme=dark] .status{color:#ceddc0;border-color:#637456}[data-theme=dark] .mark{background:#36533c;color:#e7f5b7}[data-theme=dark] .output-footer,[data-theme=dark] .includes{border-color:#4d5d42}[data-theme=dark] .beta{border-color:#59664e}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Selected microphone brand mark */
.brand .mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;transform:none;background:#21452d;color:#d7e7be;border-radius:10px;letter-spacing:normal}.mark svg{display:block;width:36px;height:36px}[data-theme=dark] .brand .mark{background:#c8dfa9;color:#173323}

/* Campaign Studio link and a fresh voice session */
header{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}.header-actions{justify-self:end}.campaign-link{font-size:12px;line-height:1.6;text-align:center;color:var(--green);text-underline-offset:3px}.start-over{display:block;width:100%;margin-top:10px;padding:12px 18px;min-height:42px;border:1px solid #b8c4ac;border-radius:7px;background:transparent;color:#325a43;font-size:13px;cursor:pointer}.start-over span{margin-right:6px}.start-over:hover{background:#eff3e8}[data-theme=dark] .start-over{color:#d0e8ba;border-color:#82966d}[data-theme=dark] .start-over:hover{background:#30412d}@media(max-width:1100px){header{display:flex;flex-wrap:wrap;gap:18px}.header-actions{margin-left:auto}.campaign-link{order:3;width:100%;text-align:center}}@media(max-width:760px){.header-actions{margin-left:0}.campaign-link{padding:4px 0}}
