:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#101214;color:#f5f5fa;--voice-accent:#ff0065;--voice-blue:#72d8ff;--voice-line:#363740}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% 8%,#17333c85,transparent 45%),radial-gradient(ellipse at 25% 90%,#4b163955,transparent 45%),#101214;min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:var(--voice-blue);text-decoration:none}a:hover{text-decoration:underline}.voice-header{height:78px;border-bottom:1px solid var(--voice-line);display:flex;align-items:center;justify-content:space-between;padding:20px 30px;gap:20px}.voice-header .brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:750;color:#fff}.voice-header nav{display:flex;gap:20px;font-size:12px}.voice-main{max-width:1440px;margin:auto;padding:38px 32px 70px}.voice-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--voice-blue)}h1{font-size:clamp(27px,3.5vw,44px);margin:10px 0 12px}h2{font-size:19px;margin:0 0 22px}.voice-title>p{font-size:14px;color:#b5b6c4;max-width:720px;line-height:1.7}.voice-layout{display:grid;grid-template-columns:minmax(275px,365px) minmax(0,1fr);gap:22px;margin-top:22px}.voice-panel{border:1px solid #3f3e49;border-radius:22px;background:linear-gradient(135deg,#27282de8,#1e1e25ed);padding:25px;box-shadow:0 12px 45px #0002;min-width:0}label{display:block;font-size:13px;margin-bottom:20px;color:#eee;line-height:1.5}input:not([type=range]),select,textarea{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #4c4b56;border-radius:11px;background:#111216;color:#f5f5fa;min-width:0}textarea{resize:vertical;line-height:1.7}label small,.voice-hint{display:block;color:#a2a3b3;font-size:11px;line-height:1.7;margin-top:8px}.voice-filter{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.voice-filter label:first-child{grid-column:1/-1}.voice-catalog{max-height:295px;overflow:auto;display:grid;gap:8px;margin-bottom:20px}.voice-card{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #4b4a54;border-radius:13px;background:#16171c}.voice-card[aria-current=true]{border-color:var(--voice-blue);background:#24445250;box-shadow:inset 0 0 20px #6edbff08}.voice-select{border:0;text-align:left;background:transparent;color:inherit;padding:0;flex:1;min-width:0}.voice-select strong{display:block;font-size:13px}.voice-select small{display:block;color:#aeb2be;font-size:11px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}.voice-demo{border:1px solid #55535f;background:#25262c;color:var(--voice-blue);border-radius:50%;width:32px;height:32px;flex:0 0 32px}.voice-advanced,.voice-context{border-top:1px solid var(--voice-line);padding-top:20px;margin-top:20px}summary{font-size:13px;cursor:pointer;color:#f6f5ff;margin-bottom:20px}.voice-advanced input[type=range]{width:100%;margin:10px 0 0;accent-color:var(--voice-blue)}output:not(#voice-count){float:right;color:var(--voice-blue)}.voice-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.voice-text-label{font-size:13px}#voice-text{font-size:17px;min-height:280px;background:#10111699}.voice-text-meta{display:flex;justify-content:space-between;gap:15px;color:#9a9cab;font-size:10px;line-height:1.7;margin:10px 0 18px}.voice-examples{display:flex;gap:8px;flex-wrap:wrap}.voice-examples button{padding:8px 12px;border-radius:20px;border:1px solid #4d4b58;background:#292a31;color:#d6d6e1;font-size:11px}.voice-context p{color:#b7b6c3;font-size:12px;line-height:1.7}.voice-price{margin:25px 0 16px;border:1px solid #496273;border-radius:14px;background:linear-gradient(100deg,#2a515e55,#1b2036aa);padding:18px;display:grid;grid-template-columns:1fr auto;gap:7px}.voice-price>span{font-size:13px;line-height:1.6}.voice-price>strong{font-size:23px;color:var(--voice-blue)}.voice-price>small{grid-column:1/-1;font-size:11px;color:#adb9c4;line-height:1.5}.voice-primary{background:linear-gradient(110deg,#f00065,#b80d56);color:#fff;border:1px solid #ff277f;border-radius:13px;padding:15px 20px;font-weight:700}#voice-generate{width:100%;font-size:16px}.voice-result-heading{margin-top:34px}.voice-record{border:1px solid #42424c;border-radius:13px;padding:16px;margin:12px 0;background:#15161baa}.voice-record h3{font-size:14px;margin:0 0 8px}.voice-record p{font-size:12px;color:#b8b9c7;line-height:1.7}.voice-record audio{width:100%;display:block;margin:12px 0}.voice-record a{font-size:12px}.voice-pending{border-color:#72d8ff65}.voice-pending:before{content:'';display:block;height:3px;border-radius:5px;background:linear-gradient(90deg,transparent,#72d8ff,transparent);background-size:200% 100%;animation:voice-load 1.7s linear infinite;margin-bottom:12px}@keyframes voice-load{to{background-position:-200% 0}}dialog{max-width:480px;width:calc(100% - 32px);border:1px solid #655162;border-radius:20px;padding:28px;background:#202127;color:#fff;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p{line-height:1.7;font-size:14px}dialog button{padding:13px 17px;border:1px solid #55525e;border-radius:10px;background:#2c2c35;color:#fff}.voice-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}#voice-error-text{overflow-wrap:anywhere}#voice-notice{min-height:20px;color:#a3cddd;font-size:12px;line-height:1.7}[hidden]{display:none!important}@media(max-width:1050px){.voice-header nav a:first-child{display:none}.voice-main{padding:25px 20px}.voice-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:15px}.voice-panel{padding:20px}}@media(max-width:760px){.voice-header{padding:18px;height:65px}.voice-header nav{font-size:10px;gap:12px}.voice-header .brand{font-size:18px}.voice-layout{grid-template-columns:1fr}.voice-main{padding:26px 14px}.voice-panel{padding:20px 16px;border-radius:17px}.voice-catalog{grid-template-columns:1fr 1fr;max-height:280px}.voice-card{padding:10px}.voice-card small{font-size:10px}.voice-title>p{font-size:12px}.voice-price{grid-template-columns:1fr}.voice-price>small{grid-column:1}.voice-price>strong{font-size:24px}#voice-text{min-height:220px;font-size:15px}.voice-text-meta span{max-width:210px}dialog{padding:23px}.voice-confirm-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.voice-pending:before{animation:none}}
/* Fish direction controls use plain text tags, not HTML injected into the script. */
#fish-directions{padding:14px;border:1px solid var(--line,#343638);border-radius:12px;margin:12px 0}
.voice-tags{display:flex;flex-wrap:wrap;gap:8px}
.voice-tags button{background:var(--panel,#202123);color:var(--text,#fff);border:1px solid var(--line,#343638);border-radius:20px;padding:9px 14px;cursor:pointer;min-height:40px}
.voice-tags button:focus-visible{outline:2px solid #d8ff00;outline-offset:2px}
.voice-demo[aria-pressed="true"]{color:#d8ff00;border-color:#d8ff00}
.voice-record-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.voice-record-header h3{margin:0;min-width:0}
.voice-record-delete,.voice-history-undo{flex-shrink:0;border:1px solid #69505d;border-radius:9px;background:#35232e;color:#ff9ec4;padding:9px 13px;min-height:40px;font-size:12px}
.voice-record-delete:hover,.voice-history-undo:hover{border-color:#ff4e96;background:#4b263a}
#voice-history-notice{overflow-wrap:anywhere}
#voice-history-notice:empty{display:none}
#voice-history-notice button,#voice-history-notice a{display:inline-block;margin:5px 12px 5px 0}

.voice-record-metadata{font-weight:700;color:#d8edff!important}.voice-clone-panel{margin:20px 0;padding:15px;border:1px solid #535660;border-radius:14px;min-width:0}.voice-clone-panel summary{font-weight:700;cursor:pointer}.voice-clone-panel form{display:grid;gap:12px;margin-top:14px}.voice-clone-panel label{display:grid;gap:7px;font-size:12px;line-height:1.6}.voice-clone-panel input:not([type=checkbox]),.voice-clone-panel textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0;background:#101215;border:1px solid #4e515c;color:#fff;border-radius:9px;padding:10px}.voice-clone-panel .voice-clone-check{display:flex;align-items:flex-start;gap:8px}.voice-clone-check input{margin-top:4px;flex:none}.voice-clone-panel audio{width:100%}.voice-clone-item{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #444650;padding:14px 0}.voice-clone-item strong,.voice-clone-item p{width:100%;overflow-wrap:anywhere}

/* Keep complete voice names and their preview controls inside the catalog. */
.voice-catalog{grid-template-columns:minmax(0,1fr)}.voice-card{min-width:0}.voice-select strong{overflow-wrap:anywhere}
@media(min-width:601px) and (max-width:800px){.voice-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.voice-catalog{grid-template-columns:minmax(0,1fr)}}

/* Native consent checkboxes must not inherit full-width text-input sizing. */
.voice-clone-check input[type=checkbox]{width:18px;height:18px;min-width:18px;max-width:18px;padding:0;flex:0 0 18px;margin:4px 0 0;accent-color:var(--voice-accent)}