/* ============================================================
   Speech Time Calculator — design system
   Base (desktop) → dark theme → 900px → 700px (mobile) →
   430px (compact phones) → 360px (small phones)
   ============================================================ */
.stc-app{--stc-bg:#f7f8f7;--stc-panel:#fff;--stc-panel-muted:#f3f5f3;--stc-ink:#17201a;--stc-body:#59645d;--stc-muted:#5f6a63;--stc-faint:#8d9690;--stc-line:#e2e7e3;--stc-accent:#247650;--stc-accent-strong:#17633f;--stc-accent-soft:#e8f3ec;--stc-purple:#7055a4;--stc-shadow:0 12px 35px rgba(22,38,27,.06);margin:0;background:var(--stc-bg);color:var(--stc-ink);font:18px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;overflow-wrap:break-word}
.stc-app,.stc-app *,.stc-app *::before,.stc-app *::after{box-sizing:border-box}.stc-app button,.stc-app input,.stc-app textarea,.stc-app select{font:inherit}.stc-app button,.stc-app input,.stc-app select,.stc-app textarea,.stc-app summary{touch-action:manipulation}.stc-app button{cursor:pointer}.stc-app a{color:inherit}.stc-app button:focus-visible,.stc-app a:focus-visible,.stc-app input:focus-visible,.stc-app textarea:focus-visible,.stc-app select:focus-visible,.stc-app summary:focus-visible{outline:3px solid #64ac7c;outline-offset:3px}.stc-app [id]{scroll-margin-top:76px}.stc-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Header */
.stc-header{height:64px;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));background:var(--stc-panel);border-bottom:1px solid var(--stc-line)}.stc-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.7px}.stc-brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--stc-accent);color:#fff;font-weight:800}.stc-brand-light{font-weight:500;color:var(--stc-muted)}.stc-header-actions{display:flex;align-items:center;gap:10px}.stc-lang-menu{position:relative}.stc-lang-menu summary{min-height:42px;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--stc-line);border-radius:9px;background:var(--stc-panel);color:var(--stc-ink);font-size:14px;font-weight:700;cursor:pointer;list-style:none;white-space:nowrap}.stc-lang-menu summary::-webkit-details-marker{display:none}.stc-lang-menu summary::marker{content:""}.stc-lang-menu summary:hover{border-color:var(--stc-accent)}.stc-lang-arrow{font-size:10px;color:var(--stc-muted)}.stc-lang-list{position:absolute;right:0;top:calc(100% + 8px);min-width:150px;padding:5px;border:1px solid var(--stc-line);border-radius:10px;background:var(--stc-panel);box-shadow:0 12px 35px rgba(22,38,27,.12);z-index:50}.stc-lang-list a{display:block;padding:9px 12px;border-radius:7px;color:var(--stc-ink);text-decoration:none;font-size:14px;font-weight:600}.stc-lang-list a:hover{background:var(--stc-accent-soft);color:var(--stc-accent-strong)}.stc-lang-list a[aria-current="true"]{color:var(--stc-accent);font-weight:800}.stc-theme-toggle{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 12px;border:1px solid var(--stc-line);border-radius:9px;background:var(--stc-panel);color:var(--stc-ink);font-size:16px;font-weight:650}.stc-theme-toggle:hover{border-color:var(--stc-accent)}.stc-theme-icon{font-size:21px;line-height:1}.stc-theme-label{font-size:15px}
/* Hero */
.stc-main{width:min(1120px,calc(100% - 48px));margin:0 auto}.stc-hero{padding:22px 0 0}.stc-section-kicker{color:var(--stc-accent);font-size:12px;font-weight:750;letter-spacing:1.2px}.stc-hero h1,.stc-content h2,.stc-features h2,.stc-card h2{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.stc-hero h1{margin:6px 0 4px;text-align:center;font-size:clamp(28px,3.2vw,38px);line-height:1.15;letter-spacing:-1.6px;font-weight:800}.stc-intro{max-width:640px;margin:0 auto;text-align:center;color:var(--stc-body);font-size:18px;line-height:1.5}.stc-readmode{display:flex;margin:2px 0 8px}.stc-readmode[hidden]{display:none}.stc-readmode-btn{flex:1 1 0;min-height:40px;padding:7px 8px;border:1px solid var(--stc-line);background:var(--stc-panel);color:var(--stc-body);font-size:15px;font-weight:650;text-align:center;white-space:nowrap}.stc-readmode-btn:first-child{border-radius:999px 0 0 999px;border-right:0}.stc-readmode-btn:last-child{border-radius:0 999px 999px 0}.stc-readmode-btn.stc-readmode-active{background:var(--stc-accent-soft);color:var(--stc-accent-strong)}.stc-trust-badges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:15px 0 20px}.stc-trust-badges>span{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--stc-line);border-radius:999px;background:var(--stc-panel);color:var(--stc-body);font-size:14px;font-weight:650}.stc-trust-badges b{color:var(--stc-accent);font-size:16px}
/* Scenario select */
.stc-input-toggle{display:flex;width:fit-content;margin:12px auto 0;border:1px solid var(--stc-line);border-radius:999px;overflow:hidden}.stc-input-toggle-btn{min-height:36px;padding:5px 14px;border:0;background:transparent;color:var(--stc-body);font-size:14px;font-weight:650}.stc-input-toggle-btn.stc-toggle-active{background:var(--stc-accent-soft);color:var(--stc-accent-strong)}.stc-count-wrap{padding:26px 10px 22px;text-align:center}.stc-count-wrap label{display:block;color:var(--stc-body);font-size:15px;font-weight:650}.stc-count-wrap input{width:200px;max-width:100%;margin-top:10px;padding:8px 10px;border:1px solid var(--stc-line);border-radius:9px;background:var(--stc-panel);color:var(--stc-ink);text-align:center;font-size:30px;font-weight:750}.stc-count-wrap p{margin:10px 0 0;color:var(--stc-muted);font-size:13px}
/* Calculator workspace */
.stc-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start;gap:15px}.stc-card{min-width:0;border:1px solid var(--stc-line);border-radius:13px;background:var(--stc-panel);box-shadow:var(--stc-shadow)}.stc-script-card{padding:20px}.stc-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.stc-card h2{margin:3px 0 0;font-size:21px;line-height:1.3;letter-spacing:-.5px;font-weight:750}.stc-private-tag{padding:5px 9px;border-radius:999px;background:var(--stc-accent-soft);color:var(--stc-accent-strong);font-size:13px;font-weight:650;white-space:nowrap}.stc-private-tag>span{margin-right:3px;color:var(--stc-accent)}.stc-editor-wrap{height:210px;display:grid;grid-template-columns:34px minmax(0,1fr);margin-top:14px;border:1px solid var(--stc-line);border-radius:9px;background:var(--stc-panel-muted);overflow:hidden}.stc-line-numbers{margin:0;padding:12px 8px 12px 0;overflow:hidden;border-right:1px solid var(--stc-line);background:var(--stc-panel-muted);color:var(--stc-faint);text-align:right;white-space:pre;user-select:none;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.stc-editor-wrap textarea{width:100%;height:100%;min-width:0;resize:vertical;border:0;outline:none;padding:12px 14px;background:transparent;color:var(--stc-ink);font-size:20px;line-height:1.55}.stc-editor-wrap textarea::placeholder{color:var(--stc-faint)}.stc-editor-wrap textarea:focus-visible{outline:0}.stc-editor-wrap[hidden]{display:none}.stc-scenario-row{display:flex;align-items:center;gap:9px;margin-bottom:11px}.stc-scenario-row[hidden]{display:none}.stc-scenario-row>label{font-weight:650;color:var(--stc-body);font-size:14px;white-space:nowrap}.stc-scenario-row select{flex:1;min-width:0;min-height:42px;padding:6px 28px 6px 10px;border:1px solid var(--stc-line);border-radius:7px;background:var(--stc-panel);color:var(--stc-ink);font-size:15px}.stc-editor-footer{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--stc-muted);font-size:14px}.stc-inline-actions{display:flex;align-items:center;gap:11px;white-space:nowrap}.stc-text-button{min-height:38px;border:0;padding:5px 1px;background:transparent;color:var(--stc-accent-strong);font-size:15px;font-weight:700}.stc-text-button:hover{text-decoration:underline}.stc-danger-button{color:var(--stc-muted)}.stc-action-divider{width:1px;height:15px;background:var(--stc-line)}.stc-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px 0;border-top:1px solid var(--stc-line);border-bottom:1px solid var(--stc-line)}.stc-metric{min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid var(--stc-line)}.stc-metric:last-child{border:0}.stc-metric-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:8px;background:var(--stc-accent-soft);color:var(--stc-accent);font-size:14px;font-weight:750}.stc-metric>div{min-width:0;display:grid;line-height:1.18}.stc-metric strong{font-size:17px;font-variant-numeric:tabular-nums}.stc-metric>div span{margin-top:3px;color:var(--stc-muted);font-size:12px;white-space:nowrap}.stc-metric>div .stc-submetric{font-size:10px}.stc-submetric b{color:var(--stc-body)}.stc-pace-control{padding-top:14px}.stc-pace-label{display:flex;align-items:center;justify-content:space-between;gap:9px}.stc-pace-label>div{display:grid;gap:2px}.stc-pace-label>div>strong{color:var(--stc-body);font-size:15px;font-weight:550}.stc-wpm-input-wrap{display:flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--stc-line);border-radius:7px;color:var(--stc-accent);font-size:14px;font-weight:750}.stc-wpm-input-wrap input{width:45px;border:0;outline:0;background:transparent;color:var(--stc-ink);text-align:right;font-size:17px;font-weight:750}.stc-range{width:100%;height:28px;display:block;margin:7px 0 0;accent-color:var(--stc-accent);cursor:pointer}.stc-range-labels{display:flex;justify-content:space-between;color:var(--stc-muted);font-size:13px}.stc-mode-row{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:10px;border-top:1px solid var(--stc-line);color:var(--stc-body);font-size:14px}.stc-mode-row>label{font-weight:650}.stc-mode-row select{max-width:100%;padding:6px 25px 6px 9px;border:1px solid var(--stc-line);border-radius:7px;background:var(--stc-panel);color:var(--stc-ink);font-size:14px}.stc-mode-note{margin-left:auto;color:var(--stc-muted);font-size:13px;white-space:nowrap}
/* Results column */
.stc-results-column{min-width:0;display:grid;gap:12px}.stc-results-card{padding:17px}.stc-results-heading{margin-bottom:8px}.stc-live-tag{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid var(--stc-line);border-radius:999px;color:var(--stc-accent);font-size:11px;font-weight:750;letter-spacing:.5px}.stc-live-tag span{width:7px;height:7px;border-radius:50%;background:var(--stc-accent)}.stc-time-result{display:flex;align-items:center;gap:11px;padding:9px 2px}.stc-result-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;font-size:20px}.stc-mic-icon{background:var(--stc-accent-soft);color:var(--stc-accent)}.stc-book-icon{background:#f0ecf7;color:var(--stc-purple);font-size:17px}.stc-result-main{min-width:0;display:grid;flex:1;gap:2px}.stc-result-main>span{color:var(--stc-body);font-size:16px;font-weight:650}.stc-result-main>span em{color:var(--stc-muted);font-size:14px;font-style:normal;font-weight:450}.stc-result-main>strong{color:var(--stc-ink);font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}.stc-result-main>strong small{color:var(--stc-muted);font-size:15px;font-weight:500;letter-spacing:0}.stc-result-divider{height:1px;background:var(--stc-line)}.stc-estimate-note{margin:4px 0 10px 45px;color:var(--stc-muted);font-size:13px;line-height:1.4}.stc-button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:700;transition:background .15s,border-color .15s}.stc-button:active{transform:translateY(1px)}.stc-button-outline{border-color:var(--stc-line);background:var(--stc-panel);color:var(--stc-accent-strong)}.stc-button-outline:hover{background:var(--stc-accent-soft);border-color:#afd0ba}.stc-copy-summary{width:100%}.stc-target-card{padding:15px 17px}.stc-target-heading{margin-bottom:10px}.stc-target-icon{color:var(--stc-accent);font-size:22px}.stc-target-select-row{display:flex;align-items:center;gap:8px;color:var(--stc-body);font-size:15px}.stc-target-select-row select,.stc-custom-time{padding:6px 10px;border:1px solid var(--stc-line);border-radius:7px;background:var(--stc-panel);color:var(--stc-ink);font-size:15px}.stc-custom-time{display:flex;align-items:center;gap:5px;padding:3px 7px}.stc-custom-time[hidden]{display:none}.stc-custom-time input{width:46px;border:0;outline:0;background:transparent;color:var(--stc-ink)}.stc-budget-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:12px 0 7px;color:var(--stc-body);font-size:14px}.stc-budget-row span strong{color:var(--stc-ink)}.stc-budget-row>strong{color:var(--stc-accent);font-size:15px;white-space:nowrap}.stc-target-meter{height:6px;overflow:hidden;border-radius:99px;background:var(--stc-panel-muted)}.stc-target-meter span{width:0;height:100%;display:block;border-radius:inherit;background:var(--stc-accent);transition:width .25s,background .25s}.stc-target-meter span.stc-meter-over{background:#c45151}.stc-target-status{display:flex;align-items:center;gap:7px;margin-top:9px;color:var(--stc-muted);font-size:14px}.stc-status-symbol{color:var(--stc-muted)}.stc-target-status.stc-status-under{color:var(--stc-accent)}.stc-target-status.stc-status-optimal{color:#986813}.stc-target-status.stc-status-over{color:#a43f3f}.stc-practice-card{padding:15px 17px;background:var(--stc-panel)}.stc-practice-top{display:flex;align-items:center;justify-content:space-between}.stc-practice-icon{color:var(--stc-purple);font-size:22px}.stc-stopwatch{margin:6px 0 10px;text-align:center;color:var(--stc-ink);font-size:40px;font-weight:750;letter-spacing:2px;font-variant-numeric:tabular-nums}.stc-practice-buttons{display:flex;justify-content:center;gap:8px}.stc-button-primary{background:var(--stc-accent);color:#fff}.stc-button-primary:hover{background:var(--stc-accent-strong)}.stc-button-soft{border-color:var(--stc-line);background:var(--stc-panel-muted);color:var(--stc-body)}.stc-button-soft:disabled{opacity:.45;cursor:not-allowed}.stc-live-speed{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:12px;padding-top:9px;border-top:1px solid var(--stc-line);color:var(--stc-body);font-size:14px}.stc-live-speed label{display:flex;align-items:center;gap:6px}.stc-live-speed label>span{display:flex;align-items:center;gap:6px}.stc-live-speed label input{width:57px;padding:4px 6px;border:1px solid var(--stc-line);border-radius:6px;background:var(--stc-panel);color:var(--stc-ink);font-size:14px}.stc-speed-dot{width:7px;height:7px;border-radius:50%;background:var(--stc-purple)}.stc-live-speed>strong{color:var(--stc-ink);font-size:16px}.stc-live-speed>strong small{color:var(--stc-muted);font-size:13px;font-weight:500}.stc-laps{max-height:80px;overflow:auto}.stc-lap-row{display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid var(--stc-line);color:var(--stc-body);font-size:13px}.stc-focus-button{display:block;margin:8px auto 0;border:0;padding:5px;background:transparent;color:var(--stc-purple);font-size:15px;font-weight:700}.stc-focus-button:hover{text-decoration:underline}.stc-export-row{display:flex;align-items:center;gap:11px;padding:10px 3px 0;color:var(--stc-body);font-size:15px;font-weight:650}.stc-export-copy{color:var(--stc-muted);font-size:14px;font-weight:450}.stc-export-row .stc-text-button{margin-left:auto}
/* Content sections */
.stc-content{padding:52px 0}.stc-content-heading,.stc-features-intro{max-width:760px;margin:0 auto 20px;text-align:center}.stc-content-heading h2,.stc-features-intro h2,.stc-faq h2{margin:7px 0;font-size:30px;line-height:1.2;letter-spacing:-.9px}.stc-content-heading p,.stc-features-intro p{margin:0;color:var(--stc-body);font-size:18px}.stc-matrix-heading{margin:22px 0 10px;font-size:21px;letter-spacing:-.4px}.stc-table-wrap{overflow:auto;border:1px solid var(--stc-line);border-radius:11px;background:var(--stc-panel);box-shadow:var(--stc-shadow);scrollbar-width:thin;scrollbar-color:#c6d0c9 transparent}.stc-table-wrap::-webkit-scrollbar{height:6px}.stc-table-wrap::-webkit-scrollbar-thumb{background:#c6d0c9;border-radius:99px}.stc-reference-table{width:100%;min-width:650px;border-collapse:collapse;text-align:center;font-variant-numeric:tabular-nums}.stc-reference-table th,.stc-reference-table td{white-space:nowrap}.stc-reference-table th{padding:12px;border-bottom:1px solid var(--stc-line);background:var(--stc-panel-muted);color:var(--stc-ink);font-size:15px}.stc-reference-table th:first-child,.stc-reference-table td:first-child{text-align:left;padding-left:18px}.stc-reference-table th span{display:inline-block;margin-top:3px;color:var(--stc-muted);font-size:13px;font-weight:500}.stc-reference-table td{padding:10px 12px;border-bottom:1px solid var(--stc-line);color:var(--stc-body);font-size:15px}.stc-reference-table tbody tr:last-child td{border-bottom:0}.stc-reference-table td:first-child{color:var(--stc-ink);font-weight:700}.stc-reference-table tbody tr:hover{background:var(--stc-panel-muted)}.stc-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.stc-info-card{min-width:0;padding:19px;border:1px solid var(--stc-line);border-radius:11px;background:var(--stc-panel);text-align:center}.stc-info-number{width:29px;height:29px;display:grid;place-items:center;margin:0 auto;border-radius:8px;background:var(--stc-accent-soft);color:var(--stc-accent);font-size:12px;font-weight:750}.stc-info-card h2{margin:12px 0 7px;font-size:20px;line-height:1.3;letter-spacing:-.3px}.stc-info-card p{margin:0;color:var(--stc-body);font-size:18px;line-height:1.6}.stc-formula{margin-top:13px;padding:9px;border-radius:7px;background:var(--stc-panel-muted);color:var(--stc-body);text-align:center;font-size:14px}.stc-formula span{padding:0 7px;color:var(--stc-accent);font-weight:750}.stc-speed-chips{display:flex;gap:7px;margin-top:13px}.stc-speed-chips span{flex:1;display:flex;align-items:baseline;justify-content:center;gap:5px;padding:8px 4px;border:1px solid var(--stc-line);border-radius:7px;color:var(--stc-accent-strong);font-size:15px;font-weight:700}.stc-speed-chips small{color:var(--stc-muted);font-size:12px;font-weight:500}.stc-language-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:13px}.stc-language-tags span{padding:5px 9px;border:1px solid var(--stc-line);border-radius:999px;color:var(--stc-body);font-size:13px}.stc-features{padding:6px 0 54px}.stc-features-intro{margin-bottom:19px}.stc-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stc-feature-card{min-width:0;padding:17px;border:1px solid var(--stc-line);border-radius:11px;background:var(--stc-panel);text-align:center}.stc-feature-icon{width:34px;height:34px;display:grid;place-items:center;margin:0 auto;border-radius:10px;background:var(--stc-accent-soft);color:var(--stc-accent);font-size:19px;font-weight:750}.stc-feature-card h3{margin:11px 0 5px;font-size:18px;line-height:1.3;letter-spacing:-.3px}.stc-feature-card p{margin:0;color:var(--stc-body);font-size:18px;line-height:1.55}.stc-faq{max-width:780px;margin:45px auto 0}.stc-faq h2{margin-bottom:14px}.stc-faq details{padding:14px 2px;border-top:1px solid var(--stc-line)}.stc-faq details:last-child{border-bottom:1px solid var(--stc-line)}.stc-faq summary{position:relative;padding-right:28px;color:var(--stc-ink);font-size:18px;font-weight:700;cursor:pointer;list-style:none}.stc-faq summary::-webkit-details-marker{display:none}.stc-faq summary::after{position:absolute;right:3px;top:-3px;color:var(--stc-accent);content:"+";font-size:22px;font-weight:400}.stc-faq details[open] summary::after{content:"−"}.stc-faq details p{margin:9px 28px 2px 0;color:var(--stc-body);font-size:18px;line-height:1.6}.stc-footer{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px max(24px,calc((100vw - 1120px)/2));border-top:1px solid var(--stc-line);background:var(--stc-panel);color:var(--stc-muted);font-size:14px}.stc-footer .stc-brand{font-size:16px}.stc-footer .stc-brand-mark{width:27px;height:27px;font-size:14px}.stc-footer>a:last-child{color:var(--stc-accent);text-decoration:none;font-weight:700}
/* Focus mode dialog */
.stc-focus-dialog{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--stc-bg);color:var(--stc-ink)}.stc-focus-dialog::backdrop{background:var(--stc-bg)}.stc-focus-toolbar{position:absolute;inset:0 0 auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(20px,calc((100vw - 1050px)/2));border-bottom:1px solid var(--stc-line);background:var(--stc-panel)}.stc-focus-toolbar>div:first-child{display:flex;align-items:center;gap:18px}.stc-focus-brand{color:var(--stc-accent);font-size:12px;font-weight:800;letter-spacing:1px}.stc-focus-brand span{color:var(--stc-muted);font-weight:550}.stc-focus-clock{font-size:18px;font-weight:750;font-variant-numeric:tabular-nums}.stc-focus-tools{display:flex;align-items:center;gap:14px}.stc-focus-tools label{display:flex;align-items:center;gap:6px;color:var(--stc-body);font-size:13px}.stc-focus-tools input{width:82px;accent-color:var(--stc-accent)}.stc-focus-close{width:37px;height:37px;border:1px solid var(--stc-line);border-radius:50%;background:var(--stc-panel);color:var(--stc-ink);font-size:23px}.stc-focus-content{position:absolute;inset:68px 0 64px;overflow:auto;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent)}.stc-focus-text{max-width:850px;margin:16vh auto 28vh;padding:0 25px;color:var(--stc-ink);font-size:32px;line-height:1.8;white-space:pre-wrap;font-weight:500}.stc-focus-bottom{position:absolute;inset:auto 0 0;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(20px,calc((100vw - 1050px)/2));border-top:1px solid var(--stc-line);background:var(--stc-panel);color:var(--stc-muted);font-size:14px}.stc-toast{position:fixed;bottom:22px;left:50%;z-index:30;transform:translate(-50%,14px);padding:10px 15px;border-radius:8px;background:var(--stc-ink);color:var(--stc-panel);font-size:14px;font-weight:650;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.stc-toast.stc-toast-visible{transform:translate(-50%,0);opacity:1}.stc-mobile-dock{display:none}
.stc-faq-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}.stc-faq-tab{min-height:40px;padding:7px 16px;border:1px solid var(--stc-line);border-radius:999px;background:var(--stc-panel);color:var(--stc-body);font-size:14px;font-weight:650}.stc-faq-tab:hover{border-color:var(--stc-accent)}.stc-faq-tab-active{background:var(--stc-accent);border-color:var(--stc-accent);color:#fff}.stc-footer-links{display:flex;align-items:center;gap:14px}.stc-footer-links a{color:var(--stc-muted);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}.stc-footer-links a:hover{color:var(--stc-accent);text-decoration:underline}
.stc-page{width:min(860px,calc(100% - 48px));margin:0 auto;padding:26px 0 60px}.stc-page h1{margin:10px 0 6px;font-size:clamp(28px,3.4vw,38px);line-height:1.15;letter-spacing:-1.4px;font-weight:800}.stc-page .stc-updated{margin:0;color:var(--stc-muted);font-size:14px}.stc-page-back{display:inline-flex;align-items:center;gap:6px;color:var(--stc-accent);font-size:15px;font-weight:700;text-decoration:none}.stc-page-back:hover{text-decoration:underline}.stc-page-card{margin-top:16px;padding:24px;border:1px solid var(--stc-line);border-radius:13px;background:var(--stc-panel);box-shadow:var(--stc-shadow)}.stc-page-card h2{margin:22px 0 8px;font-size:20px;line-height:1.3;letter-spacing:-.3px}.stc-page-card h2:first-child{margin-top:0}.stc-page-card p,.stc-page-card li{color:var(--stc-body);font-size:18px;line-height:1.65}.stc-page-card p{margin:0 0 12px}.stc-page-card ul{margin:0 0 12px;padding-left:20px;display:grid;gap:6px}.stc-page-card a{color:var(--stc-accent-strong)}.stc-contact-form{display:grid;gap:10px;margin-top:14px}.stc-contact-form label{display:grid;gap:5px;font-weight:650;font-size:15px;color:var(--stc-ink)}.stc-contact-form input,.stc-contact-form textarea{padding:10px 12px;border:1px solid var(--stc-line);border-radius:8px;background:var(--stc-panel);color:var(--stc-ink);font-size:16px}.stc-contact-form textarea{min-height:140px;resize:vertical}
/* ============================================================
   Dark theme — true black
   ============================================================ */
:root[data-theme="dark"] .stc-app{color-scheme:dark;--stc-bg:#000;--stc-panel:#0b0b0b;--stc-panel-muted:#141414;--stc-ink:#f5f5f5;--stc-body:#d0d0d0;--stc-muted:#b2b2b2;--stc-faint:#a0a0a0;--stc-line:#303030;--stc-accent:#8be0a3;--stc-accent-strong:#a8edbb;--stc-accent-soft:#16251a;--stc-purple:#c0a8f3;--stc-shadow:0 12px 35px rgba(0,0,0,.35)}:root[data-theme="dark"] .stc-header,:root[data-theme="dark"] .stc-footer{background:#050505;border-color:#292929}:root[data-theme="dark"] .stc-brand-light{color:#b6b6b6}:root[data-theme="dark"] .stc-readmode-btn.stc-readmode-active{background:#15251a;border-color:#416b4a;color:#b9edc6}:root[data-theme="dark"] .stc-target-status.stc-status-under{color:#9feab2}:root[data-theme="dark"] .stc-target-status.stc-status-optimal{color:#f2d080}:root[data-theme="dark"] .stc-target-status.stc-status-over{color:#ffaaa5}:root[data-theme="dark"] .stc-button-primary{background:#287847;color:#fff}:root[data-theme="dark"] .stc-faq-tab-active{background:#287847;border-color:#287847;color:#fff}:root[data-theme="dark"] .stc-mobile-dock{background:rgba(5,5,5,.97);border-color:#303030;color:#f5f5f5}:root[data-theme="dark"] .stc-mobile-dock small{color:#bcbcbc}:root[data-theme="dark"] .stc-mobile-dock button{background:#287847;color:#fff}
/* ============================================================
   ≤900px — tablet: tighter workspace, 2-column feature grid
   ============================================================ */
@media(max-width:900px){.stc-main{width:min(100% - 36px,720px)}.stc-header{padding-right:18px;padding-left:18px}.stc-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:10px}.stc-script-card{padding:16px}.stc-metric{gap:4px}.stc-metric-icon{width:24px;height:24px;flex-basis:24px}.stc-metric strong{font-size:15px}.stc-metric>div span{font-size:11px}.stc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stc-footer{padding-right:18px;padding-left:18px}}
/* ============================================================
   ≤700px — dedicated mobile experience
   ============================================================ */
@media(max-width:700px){
.stc-app input,.stc-app select{font-size:16px}
.stc-header{height:58px;position:sticky;top:0;padding:0 8px}.stc-brand{gap:6px;font-size:14px}.stc-brand-mark{width:24px;height:24px;font-size:13px}.stc-header-actions{gap:6px}.stc-theme-toggle{min-width:42px;min-height:42px;padding:6px 8px}.stc-theme-toggle .stc-theme-label{display:none}.stc-lang-menu summary{min-height:40px;font-size:13px;padding:6px 8px}
.stc-main{width:calc(100% - 20px)}.stc-hero{padding-top:10px}.stc-hero h1{margin:5px 0 3px;font-size:clamp(24px,6.5vw,30px);letter-spacing:-1.2px}.stc-intro{font-size:18px;line-height:1.45}.stc-readmode{margin:0 0 8px}.stc-readmode-btn{min-height:40px;font-size:14px;padding:6px 8px}.stc-scenario-row{margin-bottom:9px}.stc-count-wrap{padding:20px 6px 16px}.stc-count-wrap input{width:170px;font-size:26px}.stc-trust-badges{justify-content:center;flex-wrap:nowrap;gap:5px;margin:9px 0 11px}.stc-trust-badges>span{min-height:32px;gap:5px;padding:4px 7px;font-size:12.5px;white-space:nowrap}.stc-trust-badges b{font-size:14px}.stc-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.stc-results-column{display:contents}.stc-script-card{display:contents}.stc-script-card>.stc-card-heading{grid-column:1;grid-row:1}.stc-script-card>.stc-input-toggle{grid-column:1;grid-row:2;justify-self:center}.stc-script-card>#editorWrap{grid-column:1;grid-row:3}.stc-script-card>#countWrap{grid-column:1;grid-row:3}.stc-script-card>.stc-editor-footer{grid-column:1;grid-row:4}.stc-results-card{grid-column:1;grid-row:5;padding:11px 13px}.stc-script-card>.stc-metrics{grid-column:1;grid-row:6;background:var(--stc-panel);border:1px solid var(--stc-line);border-radius:12px;padding:9px 4px}.stc-script-card>.stc-pace-control{grid-column:1;grid-row:7;background:var(--stc-panel);border:1px solid var(--stc-line);border-radius:12px;padding:10px 12px}.stc-target-card{grid-column:1;grid-row:8;padding:12px}.stc-practice-card{grid-column:1;grid-row:9;padding:12px}.stc-card{border-radius:12px}.stc-card h2{font-size:18px}.stc-section-kicker{font-size:10px}.stc-private-tag{font-size:12px;padding:4px 8px}
.stc-editor-wrap{height:clamp(140px,22dvh,190px);grid-template-columns:29px minmax(0,1fr);margin-top:9px}.stc-line-numbers{font-size:13px}.stc-editor-wrap textarea{padding:10px 12px;font-size:20px;line-height:1.5}.stc-editor-footer{min-height:38px;font-size:13px}.stc-inline-actions{gap:9px}.stc-text-button{min-height:36px;font-size:15px}.stc-metrics{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;padding:7px 0}.stc-metrics::-webkit-scrollbar{display:none}.stc-metric{min-width:72px;flex:0 0 auto;display:grid;justify-items:center;gap:3px;padding:0 7px;border-right:1px solid var(--stc-line)}.stc-metric-icon{width:22px;height:22px;flex-basis:22px;font-size:12px}.stc-metric>div{text-align:center}.stc-metric strong{font-size:15px}.stc-metric>div span{margin-top:1px;font-size:11px;white-space:nowrap}.stc-metric>div .stc-submetric{display:none}
.stc-pace-control{padding-top:9px}.stc-pace-label>div{display:flex;align-items:baseline;gap:8px}.stc-pace-label>div>strong{font-size:13px}.stc-wpm-input-wrap{padding:3px 6px}.stc-wpm-input-wrap input{width:42px;font-size:16px}.stc-range{height:26px;margin:4px 0 0}.stc-range-labels{font-size:11px}.stc-mode-row{flex-wrap:wrap;gap:7px;margin-top:8px;padding-top:7px;font-size:13px}.stc-mode-row select{min-height:40px;padding:6px 24px 6px 8px;font-size:16px}.stc-mode-note{display:none}
.stc-results-heading{margin-bottom:2px}.stc-results-card .stc-card h2{font-size:17px}.stc-results-heading .stc-section-kicker{display:none}.stc-live-tag{padding:4px 7px;font-size:10px}.stc-time-result{gap:8px;padding:6px 1px}.stc-result-icon{width:27px;height:27px;flex-basis:27px;font-size:16px}.stc-result-main>span{font-size:14px}.stc-result-main>span em{font-size:12px}.stc-result-main>strong{font-size:clamp(22px,6vw,28px)}.stc-result-main>strong small{font-size:12px}.stc-estimate-note{margin:2px 0 6px 35px;font-size:12px}.stc-button{min-height:42px;font-size:15px}.stc-copy-summary{width:100%}
.stc-target-heading{margin-bottom:8px}.stc-target-select-row,.stc-budget-row,.stc-target-status{font-size:14px}.stc-target-select-row select{min-height:40px;font-size:16px}.stc-budget-row>strong{font-size:14px}.stc-stopwatch{margin:4px 0 8px;font-size:34px}.stc-practice-buttons{gap:7px}.stc-practice-buttons .stc-button{flex:1;min-height:42px;font-size:14px}.stc-live-speed{margin-top:9px;padding-top:8px;font-size:13px}.stc-live-speed label{gap:4px}.stc-live-speed label input{min-height:38px;width:57px;font-size:16px}.stc-live-speed>strong{font-size:14px}.stc-focus-button{min-height:36px;font-size:14px}
.stc-export-row{flex-wrap:wrap;gap:2px 10px;padding:8px 2px 0;font-size:14px}.stc-export-copy{flex:1 1 100%;font-size:13px}.stc-export-row .stc-text-button{margin-left:0}
.stc-mobile-dock{position:fixed;z-index:20;inset:auto 0 0;min-height:60px;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--stc-line);background:rgba(255,255,255,.97);box-shadow:0 -5px 18px rgba(25,37,28,.1);backdrop-filter:blur(12px);color:var(--stc-ink)}.stc-mobile-dock>span{min-width:0;display:grid;gap:0;line-height:1.2}.stc-mobile-dock .stc-dock-units{display:flex;align-items:baseline;gap:4px}.stc-mobile-dock strong{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.stc-mobile-dock small{color:var(--stc-muted);font-size:11px}.stc-mobile-dock button{min-width:56px;min-height:40px;padding:6px 9px;border:0;border-radius:8px;background:var(--stc-accent);color:#fff;font-size:14px;font-weight:750}
.stc-toast{bottom:calc(72px + env(safe-area-inset-bottom))}
.stc-content{padding:30px 0 40px}.stc-content-heading,.stc-features-intro{margin-bottom:16px;text-align:center}.stc-content-heading h2,.stc-features-intro h2,.stc-faq h2{font-size:24px}.stc-content-heading p,.stc-features-intro p{font-size:18px}.stc-matrix-heading{font-size:18px}.stc-reference-table{min-width:620px}.stc-reference-table th,.stc-reference-table td{padding:9px;font-size:14px}.stc-reference-table th span{font-size:12px}.stc-info-grid{grid-template-columns:1fr;gap:8px;margin-top:14px}.stc-info-card{padding:14px}.stc-info-card h2{font-size:19px}.stc-info-card p{font-size:18px}.stc-features{padding:0 0 34px}.stc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stc-feature-card{padding:11px;border-radius:10px}.stc-feature-icon{width:31px;height:31px;font-size:17px}.stc-feature-card h3{margin:9px 0 4px;font-size:15px}.stc-feature-card p{font-size:18px;line-height:1.5}.stc-faq{margin-top:30px}.stc-faq-tabs{gap:6px}.stc-faq-tab{min-height:38px;font-size:13px;padding:6px 13px}.stc-faq summary{font-size:18px}.stc-faq details p{font-size:18px}.stc-footer{flex-wrap:wrap;padding:12px 10px calc(74px + env(safe-area-inset-bottom));font-size:13px}.stc-footer-links{order:2;width:100%;justify-content:center;margin-top:2px}.stc-footer>span{order:3;width:100%;text-align:center}.stc-page{width:calc(100% - 20px);padding:18px 0 90px}.stc-page-card{padding:16px}
.stc-focus-toolbar{min-height:64px;align-items:flex-start;padding:9px 12px}.stc-focus-toolbar>div:first-child{display:grid;gap:3px}.stc-focus-tools{gap:5px}.stc-focus-tools label{display:grid;gap:1px;font-size:11px}.stc-focus-tools input{width:52px}.stc-focus-close{width:36px;height:36px}.stc-focus-text{margin-top:14vh;padding:0 18px;font-size:24px}.stc-focus-bottom{padding:9px 12px}.stc-focus-bottom>span{max-width:45%;font-size:12px;line-height:1.35}
}
/* ============================================================
   ≤430px — compact phones: tighter spacing, larger touch targets
   ============================================================ */
@media(max-width:430px){
.stc-header{padding:0 8px}.stc-main{width:calc(100% - 16px)}.stc-hero{padding-top:8px}.stc-hero h1{margin:2px 0;font-size:24px}.stc-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px;line-height:1.4}.stc-readmode{margin:0 0 6px}.stc-readmode-btn{min-height:38px;font-size:13px;padding:6px 8px}.stc-scenario-row{margin-bottom:8px}.stc-count-wrap input{font-size:24px}.stc-trust-badges{gap:5px;margin:7px 0 9px}.stc-trust-badges>span{min-height:30px;gap:4px;padding:3px 6px;font-size:12.5px}.stc-trust-badges b{font-size:14px}
.stc-workspace{gap:6px}.stc-script-card{padding:9px}.stc-card h2{font-size:16px}.stc-section-kicker{font-size:9px}.stc-private-tag{display:none}.stc-editor-wrap{height:clamp(108px,14dvh,122px);grid-template-columns:23px minmax(0,1fr);margin-top:6px}.stc-editor-wrap textarea{padding:6px 8px}.stc-editor-footer{min-height:32px;font-size:12px}.stc-inline-actions{gap:6px}.stc-text-button{min-height:32px;font-size:13px}.stc-metric{min-width:66px}.stc-metric strong{font-size:14px}.stc-metric>div span{font-size:10px}
.stc-pace-control{padding-top:5px}.stc-pace-label>div{gap:4px}.stc-pace-label>div .stc-section-kicker{font-size:8px}.stc-pace-label>div>strong{font-size:11px}.stc-wpm-input-wrap{padding:2px 5px}.stc-wpm-input-wrap input{width:40px;font-size:16px}.stc-range{height:22px;margin:2px 0 0}.stc-range-labels{font-size:9px}.stc-mode-row{min-height:38px;gap:5px;margin-top:4px;padding-top:4px;font-size:11px}.stc-mode-row>label{font-size:11px}.stc-mode-row select{min-height:38px;padding:5px 20px 5px 6px;font-size:16px}
.stc-results-card{padding:8px 10px}.stc-results-card .stc-card h2{font-size:15px}.stc-results-heading{gap:4px}.stc-time-result{padding:3px 1px;gap:6px}.stc-result-icon{width:22px;height:22px;flex-basis:22px}.stc-result-main>span{font-size:12px}.stc-result-main>span em{font-size:10px}.stc-result-main>strong{font-size:clamp(19px,5.6vw,22px)}.stc-result-main>strong small{font-size:10px}.stc-estimate-note{margin:0 0 3px 28px;font-size:10px;line-height:1.25}.stc-copy-summary{min-height:36px;font-size:13px;padding:4px}
.stc-target-card,.stc-practice-card{padding:10px}.stc-target-select-row,.stc-budget-row,.stc-target-status{font-size:13px}.stc-target-select-row select{min-height:38px}.stc-budget-row>strong{font-size:13px}.stc-stopwatch{font-size:30px}.stc-practice-buttons .stc-button{min-height:40px;font-size:13px}.stc-live-speed{font-size:12px}.stc-live-speed>strong{font-size:13px}.stc-live-speed label input{width:53px}
.stc-mobile-dock{min-height:58px;justify-content:space-between;gap:5px;padding:6px 9px calc(6px + env(safe-area-inset-bottom))}.stc-mobile-dock strong{font-size:17px}.stc-mobile-dock small{font-size:10px}.stc-mobile-dock button{min-width:50px;min-height:38px;font-size:13px}
.stc-content{padding-top:25px}.stc-content-heading h2,.stc-features-intro h2,.stc-faq h2{font-size:22px}.stc-content-heading p,.stc-features-intro p{font-size:18px}.stc-info-card p,.stc-faq details p{font-size:18px}.stc-feature-card{padding:9px}.stc-feature-card h3{font-size:14px}.stc-feature-card p{font-size:18px}.stc-focus-brand{display:none}
}
/* ============================================================
   ≤360px — small phones
   ============================================================ */
@media(max-width:360px){
.stc-header{padding:0 8px}.stc-brand{font-size:12.5px;letter-spacing:-.2px}.stc-brand-mark{display:none}.stc-theme-toggle{min-width:40px;padding:5px 7px}.stc-lang-menu summary{min-height:40px;font-size:12px;padding:5px 7px;gap:4px}.stc-lang-list{min-width:140px}.stc-main{width:calc(100% - 16px)}.stc-hero h1{font-size:23px}.stc-intro{font-size:18px}.stc-trust-badges{gap:4px}.stc-trust-badges>span{padding:3px 5px;font-size:12.5px}.stc-editor-wrap{height:104px}.stc-metric{min-width:62px}.stc-results-card .stc-card h2{font-size:14px}.stc-result-main>strong{font-size:clamp(17px,5.2vw,20px)}.stc-mobile-dock{padding-right:7px;padding-left:7px}.stc-mobile-dock strong{font-size:15px}.stc-mobile-dock small{font-size:9px}.stc-mobile-dock button{min-width:44px;padding:5px;font-size:12px}
}
/* ============================================================
   Reduced motion
   ============================================================ */
@media(prefers-reduced-motion:reduce){.stc-app,.stc-app *,.stc-app *::before,.stc-app *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}