*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Space Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);background-image:radial-gradient(900px 500px at 85% -10%,rgba(244,162,89,.1),transparent 60%),radial-gradient(700px 500px at -5% 110%,rgba(95,180,156,.1),transparent 55%);color:var(--color-bright);font-family:var(--font-body);line-height:1.55;min-height:100vh;display:flex;justify-content:center;padding:clamp(20px,5vw,64px) 20px}html[data-theme=light] body{background-image:radial-gradient(900px 500px at 85% -10%,rgba(158,90,24,.07),transparent 60%),radial-gradient(700px 500px at -5% 110%,rgba(45,122,101,.07),transparent 55%)}:focus-visible{outline:2px solid var(--color-sea);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:720px}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-sea);margin:0 0 14px}.page-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.3rem,8vw,3.6rem);line-height:.98;letter-spacing:-.02em;margin:0 0 12px;color:var(--color-bright)}.page-title .em{color:var(--color-amber);font-style:italic}.lede{color:var(--color-soft);max-width:52ch;margin:0 0 40px;font-size:1.02rem}.field-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-soft);display:block;margin:0 0 10px}.field-label .lo{text-transform:none;letter-spacing:0;color:#6e8884}html[data-theme=light] .field-label .lo{color:#7a9694}.script-input{width:100%;min-height:150px;resize:vertical;background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;color:var(--color-bright);font-family:var(--font-body);font-size:1rem;line-height:1.6;padding:16px 18px;transition:border-color .2s ease,box-shadow .2s ease}.script-input::-moz-placeholder{color:#6e8884}.script-input::placeholder{color:#6e8884}html[data-theme=light] .script-input::-moz-placeholder{color:#9aadaa}html[data-theme=light] .script-input::placeholder{color:#9aadaa}.script-input:focus{outline:none;border-color:var(--color-amber);box-shadow:0 0 0 3px #f4a2592e}html[data-theme=light] .script-input:focus{box-shadow:0 0 0 3px #9e5a1826}.tip{font-family:var(--font-mono);font-size:.74rem;color:#6e8884;margin:8px 2px 0}html[data-theme=light] .tip{color:#7a9694}.tip code{color:var(--color-sea);background:var(--color-surface);padding:1px 6px;border-radius:5px}.meta{font-family:var(--font-mono);font-size:.78rem;color:var(--color-soft);margin:8px 2px 32px;display:flex;gap:22px;flex-wrap:wrap}.meta b{color:var(--color-bright);font-weight:700}.adapt-box{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;padding:14px 18px;margin-bottom:18px}.adapt-box .txt .t{font-family:var(--font-display);font-weight:700;font-size:1rem}.adapt-box .txt .d{color:var(--color-soft);font-size:.84rem;margin-top:2px}.switch{position:relative;flex:none;width:52px;height:30px}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.switch .slot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-line);transition:background .2s ease,border-color .2s ease}.switch .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--color-soft);transition:transform .2s ease,background .2s ease;pointer-events:none}.switch input:checked~.slot{background:#f4a25940;border-color:var(--color-amber)}html[data-theme=light] .switch input:checked~.slot{background:#9e5a1826}.switch input:checked~.knob{transform:translate(22px);background:var(--color-amber)}.switch input:focus-visible~.slot{outline:2px solid var(--color-sea);outline-offset:3px}.sens-box{background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;padding:16px 18px;margin-bottom:28px}.sens-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sens-head .t{font-family:var(--font-display);font-weight:700;font-size:1rem}.sens-head .v{font-family:var(--font-mono);font-size:.85rem;color:var(--color-amber)}.sens-box input[type=range]{width:100%;margin:14px 0 4px;accent-color:var(--color-amber);height:6px;cursor:pointer}.sens-box input[type=range]:focus-visible{outline:2px solid var(--color-sea);outline-offset:6px;border-radius:4px}.sens-ends{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-soft)}.styles-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 32px}.style-opt{position:relative;border:1px solid var(--color-line);border-radius:12px;padding:14px 16px;cursor:pointer;background:var(--color-surface);transition:border-color .18s ease,background .18s ease}.style-opt:hover{border-color:var(--color-sea)}.style-opt input[type=radio]{position:absolute;opacity:0;pointer-events:none}.style-opt .name{font-family:var(--font-display);font-weight:700;font-size:1.02rem;display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--color-bright)}.style-opt .wpm{font-family:var(--font-mono);font-size:.72rem;color:var(--color-soft)}.style-opt .desc{color:var(--color-soft);font-size:.82rem;margin-top:4px}.style-opt input[type=radio]:checked~.name{color:var(--color-amber)}.style-opt:has(input[type=radio]:checked){border-color:var(--color-amber);background:linear-gradient(180deg,rgba(244,162,89,.1),transparent)}html[data-theme=light] .style-opt:has(input[type=radio]:checked){background:linear-gradient(180deg,rgba(158,90,24,.08),transparent)}.style-opt:has(input[type=radio]:checked) .wpm{color:var(--color-amber)}.style-opt.custom{grid-column:1 / -1;cursor:default}.custom-head{display:block;cursor:pointer}.custom-row{display:none;align-items:center;gap:12px;margin-top:12px}.custom-row.visible{display:flex}.custom-wpm-input{width:110px;background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:8px;color:var(--color-bright);font-family:var(--font-mono);font-size:.95rem;padding:8px 10px}.custom-wpm-input:focus{outline:none;border-color:var(--color-amber)}.custom-row span{font-family:var(--font-mono);font-size:.78rem;color:var(--color-soft)}.calc-btn{width:100%;border:none;border-radius:12px;background:var(--color-amber);color:#1b1206;font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:.01em;padding:16px;cursor:pointer;transition:transform .1s ease,filter .2s ease}.calc-btn:hover{filter:brightness(1.06)}.calc-btn:active{transform:translateY(1px)}.result{margin-top:36px;border-top:1px dashed var(--color-line);padding-top:32px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.result.show{opacity:1;transform:none}.readout{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px}.readout .block .k{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-soft);margin-bottom:4px}.readout .time{font-family:var(--font-mono);font-weight:700;font-size:clamp(3rem,14vw,4.6rem);line-height:.9;color:var(--color-bright);letter-spacing:-.01em}.readout .time .unit{font-size:1.1rem;color:var(--color-soft);margin-left:6px}.readout .wpm-big{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.6rem,7vw,2.4rem);color:var(--color-amber)}.shift{font-family:var(--font-mono);font-size:.82rem;color:var(--color-soft);margin-top:18px;line-height:1.6}.shift .ar{color:var(--color-amber)}.dial{margin-top:30px}.dial-track{position:relative;height:8px;border-radius:6px;background:linear-gradient(90deg,var(--color-sea),var(--color-amber));margin:26px 0 8px}.dial-base,.dial-marker{position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .5s cubic-bezier(.22,1,.36,1)}.dial-base{width:2px;height:18px;background:var(--color-soft);border-radius:2px;opacity:.7}.dial-marker{width:16px;height:16px;border-radius:50%;background:var(--color-bright);border:3px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-amber)}.dial-ends{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-soft)}.dial-legend{font-family:var(--font-mono);font-size:.68rem;color:var(--color-soft);margin-top:10px}.dial-legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-bright);box-shadow:0 0 0 2px var(--color-amber);margin:0 4px -1px 0}.dial-legend .bar{display:inline-block;width:2px;height:10px;background:var(--color-soft);margin:0 4px -1px 10px;vertical-align:middle}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.chip{font-family:var(--font-mono);font-size:.72rem;color:var(--color-soft);background:var(--color-surface);border:1px solid var(--color-line);border-radius:999px;padding:6px 12px}.chip b{color:var(--color-bright)}.realistic{margin-top:22px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.realistic .label{color:var(--color-soft);font-size:.9rem;max-width:34ch}.realistic .val{font-family:var(--font-mono);font-weight:700;font-size:1.4rem;color:var(--color-sea);white-space:nowrap}.share-btn{margin-top:20px;width:100%;border:1px solid var(--color-line);border-radius:12px;background:var(--color-surface);color:var(--color-bright);font-family:var(--font-display);font-weight:700;font-size:.96rem;padding:13px 18px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .18s ease;text-align:left}.share-btn:hover{border-color:var(--color-sea)}.share-label{color:var(--color-soft);font-family:var(--font-mono);font-size:.78rem;white-space:nowrap}.bd-toggle{margin-top:16px;width:100%;text-align:left;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;color:var(--color-bright);font-family:var(--font-display);font-weight:700;font-size:.98rem;padding:14px 18px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .18s ease}.bd-toggle:hover{border-color:var(--color-sea)}.bd-toggle .arrow{font-family:var(--font-mono);color:var(--color-soft);transition:transform .2s ease}.bd-toggle[aria-expanded=true] .arrow{transform:rotate(90deg)}.breakdown{display:none;margin-top:12px}.breakdown.open{display:block}.bd-longest{font-family:var(--font-mono);font-size:.8rem;color:var(--color-soft);margin:4px 2px 16px;line-height:1.6}.bd-longest b{color:var(--color-amber)}.bd-row{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-line)}.bd-row .sent{color:var(--color-bright);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-row.max .sent{color:var(--color-amber)}.bd-row .t{font-family:var(--font-mono);font-size:.86rem;color:var(--color-soft);white-space:nowrap}.bd-row .track{grid-column:1 / -1;height:5px;border-radius:4px;background:var(--color-surface-2);overflow:hidden}.bd-row .fill{height:100%;background:var(--color-sea);border-radius:4px}.bd-row.max .fill{background:var(--color-amber)}.theme-toggle{position:fixed;top:16px;right:16px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:999px;color:var(--color-soft);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;padding:6px 14px;cursor:pointer;transition:border-color .18s,color .18s;z-index:100}.theme-toggle:hover{border-color:var(--color-sea);color:var(--color-bright)}.hint{color:#6e8884;font-size:.82rem;margin-top:22px}html[data-theme=light] .hint{color:#7a9694}.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--color-bg: #0E1B1E;--color-surface: #15282C;--color-surface-2: #1B3035;--color-line: #2A464C;--color-soft: #9FB6B2;--color-bright: #F2EFE6;--color-amber: #F4A259;--color-sea: #5FB49C;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace}html[data-theme=light]{--color-bg: #F5F1EB;--color-surface: #EBE7DE;--color-surface-2: #E1DDD4;--color-line: #C5BFAE;--color-soft: #5A6868;--color-bright: #1A2E2F;--color-amber: #9E5A18;--color-sea: #2D7A65}@media (max-width: 480px){.styles-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,.dial-marker,.dial-base,.result,.fill{transition:none!important;animation:none!important}}