:root{color-scheme:dark;--bg:#0c0c0f;--panel:#151519;--line:#2a2a31;--muted:#a2a2ad;--orange:#ffad16;--cyan:#12d8ef;--white:#f8f8fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#19191f 0%,var(--bg) 55%);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.topbar{height:76px;display:flex;align-items:center;gap:12px;padding:0 max(20px,calc((100% - 980px)/2));border-bottom:1px solid #28282e;background:#101013;position:sticky;top:0;z-index:5}.brandmark{width:48px;height:48px;flex:0 0 48px;border-radius:14px;object-fit:cover;box-shadow:0 0 0 1px #ffad1640,0 4px 18px #ffad161c}.brand{font-weight:850;letter-spacing:2px;font-size:14px}.tagline{font-size:12px;color:var(--muted)}.install{margin-left:auto;border:1px solid #504024;color:var(--orange);background:#241d11;padding:9px 13px;border-radius:12px;font-weight:700}.hidden{display:none!important}.wrap{max-width:850px;margin:auto;padding:28px 20px 40px}.hero{padding:18px 0 24px}.eyebrow{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(34px,7vw,56px);letter-spacing:-1.8px;line-height:1.08;margin:15px 0}.hero h1 span{color:var(--orange)}.hero p{max-width:610px;color:var(--muted);font-size:16px;margin:0}.modebar{display:grid;grid-template-columns:1fr 1fr;padding:6px;background:#1b1b20;border-radius:18px;margin:6px 0 18px}.mode{padding:14px 8px;border:0;border-radius:13px;background:transparent;color:#a4a4ae;font-weight:750;font-size:15px}.mode.active{background:var(--orange);color:#151515;box-shadow:0 4px 18px #ffad161e}.panel{background:linear-gradient(145deg,#17171b,#121215);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 18px 50px #0002}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head label,.field>label{font-size:11px;letter-spacing:2px;color:#a5a5af;font-weight:800}.file-actions{display:flex;align-items:center;gap:8px}.filebtn,.ghost{cursor:pointer;border:1px solid #33333b;background:#202025;color:#f4f4f6;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700}.ghost{color:var(--muted);background:transparent}textarea{display:block;width:100%;min-height:220px;resize:vertical;border:1px solid #303038;border-radius:15px;background:#0f0f12;color:#f7f7fa;padding:16px;font:16px/1.65 inherit;outline:none}textarea:focus,select:focus{border-color:#b17b1b;box-shadow:0 0 0 3px #ffad1618}textarea::placeholder{color:#777781}.text-meta{display:flex;justify-content:space-between;gap:10px;color:#8c8c97;font-size:12px;padding:10px 2px 18px}.text-meta b{color:#dedee4}.settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #292930;padding-top:18px}.field{min-width:0}.field>label{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}.field strong{font-size:14px;color:var(--orange);letter-spacing:0}select{width:100%;background:#202025;border:1px solid #35353d;border-radius:11px;color:#f4f4f6;padding:12px;font-size:14px}small{display:block;color:#888893;font-size:11px;margin-top:7px}input[type=range]{width:100%;accent-color:var(--orange);margin:9px 0}.range-labels{display:flex;justify-content:space-between;color:#858590;font-size:11px}.controls{display:flex;gap:10px;margin-top:22px}.primary{flex:1;background:var(--orange);border:0;color:#18140b;border-radius:13px;padding:15px 12px;font-size:14px;font-weight:850;cursor:pointer}.control{width:48px;border:1px solid #37373e;background:#222227;border-radius:13px;color:#f3f3f5;font-size:18px;cursor:pointer}.control:disabled{opacity:.35;cursor:not-allowed}.progress-wrap{margin-top:20px}.progress-head{display:flex;justify-content:space-between;gap:12px;color:#9696a0;font-size:11px}.progress-head span:last-child{letter-spacing:1px;color:var(--orange);font-weight:800}.progress{height:5px;background:#303037;border-radius:99px;margin-top:9px;overflow:hidden}.progress div{height:100%;width:0;background:var(--orange);transition:width .15s}.tips{display:flex;gap:12px;padding:18px 4px;color:#aaaab4;font-size:13px}.tip-icon{font-size:22px;color:var(--orange)}.tips strong{color:#eee}.tips p{margin:4px 0 0}.tips strong{font-size:14px}footer{border-top:1px solid #25252c;padding-top:17px;color:#777782;font-size:11px;display:flex;justify-content:space-between;gap:12px}button:focus-visible,.filebtn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:560px){.wrap{padding:20px 14px 30px}.hero{padding-top:10px}.hero p{font-size:14px}.panel{padding:15px;border-radius:18px}.settings{grid-template-columns:1fr}.mode{font-size:13px}.panel-head{align-items:flex-start}.filebtn,.ghost{padding:9px 8px;font-size:12px}textarea{min-height:200px}.controls{gap:7px}.control{width:43px}.primary{font-size:12px}.topbar{padding:0 15px}}

.piper-box{margin-top:18px;padding:14px;border:1px solid #3a3020;border-radius:12px;background:#191712}.piper-note{font-size:.9rem;color:#c4c0b8;line-height:1.5;margin:8px 0 12px}.piper-box small{display:block;margin-top:8px;color:#aaa49a;line-height:1.45}.piper-box button:disabled{opacity:.55;cursor:wait}

.download-audio{width:100%;margin-top:10px;background:#f97316;color:#151515;border:0;font-weight:800}
#stageCount{font-weight:800;color:#f97316;font-variant-numeric:tabular-nums}


/* Selector de veus catalanes i estil de lectura */
.piper-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.piper-settings .field{min-width:0}.piper-note{color:var(--muted);font-size:13px;line-height:1.6}.piper-box{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.settings .field small,.piper-box small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin:8px 0}.settings .field .ghost{margin-top:8px}@media(max-width:600px){.settings,.piper-settings{grid-template-columns:1fr}.panel{padding:15px}.hero h1{font-size:38px}}