:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef0ee;background:#151818;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.shell{max-width:1200px;margin:auto;padding:0 40px}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #343938}.brand{display:flex;align-items:center;gap:8px;color:#f8faf7;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1px}.brand-icon{background:#d4fb73;color:#192115;padding:8px;border-radius:9px;letter-spacing:-2px}.dot{color:#d4fb73;margin-left:-6px}.header-note,.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#a4aeaa}.intro{padding:40px 0 28px}.intro .eyebrow{color:#d4fb73}h1{font-size:clamp(30px,4vw,46px);font-weight:650;letter-spacing:-1.8px;margin:12px 0}p{line-height:1.5}.intro>p:last-child{color:#aeb7b2;margin:0;font-size:17px}.workspace{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.panel{background:#1e2321;border:1px solid #373f39;border-radius:16px}.editor{padding:24px;display:flex;flex-direction:column}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}label{font-size:14px;font-weight:600}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.text-button{background:none;border:0;color:#b3bdb6;padding:8px;font-size:14px}textarea{width:100%;flex:1;min-height:230px;resize:vertical;border:0;background:transparent;color:#f2f5f0;line-height:1.7;font-size:19px;padding:0;outline:none}textarea::placeholder{color:#829087}textarea:focus{outline:1px solid #607445;outline-offset:8px;border-radius:3px}.editor-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #373f39;padding-top:17px;color:#b4beb8;font-size:13px;margin-top:16px}.tip{font-size:13px;color:#a0aca5;line-height:1.6;margin:14px 0 0}.results>.eyebrow{margin:0 0 12px}.time-card{position:relative;display:flex;justify-content:space-between;align-items:center;background:#202523;border:1px solid #39423c;border-radius:14px;padding:20px 22px 35px;margin-bottom:12px;gap:16px}.time-card:last-child{margin-bottom:0}h2{font-size:20px;margin:0;font-weight:600}.time-card p{font-size:13px;color:#a8b4ac;margin:5px 0 0}.duration{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums;white-space:nowrap}.duration output{font-size:40px;letter-spacing:-1.8px;font-weight:600}.duration>span{font-size:17px}.ppm{position:absolute;bottom:12px;right:22px;font-size:12px;color:#a8b4ac}.normal{background:#d4fb73;color:#182313;border-color:#d4fb73}.normal p,.normal .ppm{color:#45562f}.player{padding:25px;margin-top:24px}.player-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.player-heading .eyebrow{margin:0 0 8px}.clock{text-align:right}.clock>span{font-family:ui-monospace,monospace;font-size:26px;font-variant-numeric:tabular-nums}.clock small{display:block;font-size:12px;color:#a0aca5;margin-top:4px}.controls{display:flex;align-items:flex-end;gap:12px}.field{flex:1;min-width:0}.field.voice{flex:1.7}.field label{display:block;margin-bottom:9px;color:#b9c3bd}select{width:100%;background:#151a17;border:1px solid #4a554c;border-radius:8px;color:#f2f5ef;padding:12px 30px 12px 12px;font-size:14px;min-height:46px}.play,.stop{height:46px;border-radius:8px;padding:0 18px;white-space:nowrap;font-size:14px;font-weight:650}.play{background:#d4fb73;border:1px solid #d4fb73;color:#1b2711}.stop{background:transparent;border:1px solid #566249;color:#e2eadb}.status{color:#c6d7b3;font-size:14px;margin:17px 0 0}details{margin:24px 0 36px;color:#aeb9b1;font-size:14px;max-width:900px}summary{cursor:pointer;padding:8px 0;color:#d1d9d4}details p{line-height:1.7}footer{border-top:1px solid #343938;padding:24px 0 30px;display:flex;justify-content:space-between;gap:14px;font-size:13px;color:#94a197}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #d4fb73;outline-offset:4px}@media(max-width:800px){.shell{padding:0 22px}.controls{flex-wrap:wrap}.field{flex:1 1 30%}.field.voice{flex:1 1 45%}.play,.stop{flex:1}.workspace{grid-template-columns:1fr}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.results>.eyebrow{grid-column:1/-1}.time-card{display:block;padding:17px 13px 33px;margin:0}.time-card p{display:none}.duration output{font-size:34px}.duration{margin-top:10px}.ppm{left:13px;right:auto;font-size:11px}.editor textarea{min-height:190px}.header-note{display:none}header{height:80px}.intro{padding-top:26px}}@media(max-width:420px){.shell{padding:0 16px}.editor,.player{padding:19px}.time-card{padding-left:10px;padding-right:8px}.ppm{left:10px;font-size:10px}.duration output{font-size:29px}.time-card h2{font-size:17px}.clock>span{font-size:22px}.field,.field.voice{flex:1 1 100%}footer span{display:none}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.12)}}

main{padding-top:28px}

/* Red and white identity */
:root{color:#242124;background:#fff;color-scheme:light}
header{border-color:#eadfe0}.brand{color:#d51e32;font-size:29px;letter-spacing:-1.2px}.brand-icon{background:#d51e32;color:white;letter-spacing:-1px;padding:6px 9px}
.panel{background:#fff;border-color:#e6dfe0}.eyebrow{color:#7b6268}.text-button{color:#b41b2e}textarea{color:#292226}textarea::placeholder{color:#8f8186}textarea:focus{outline-color:#d51e32}.editor-foot{border-color:#eadfe0;color:#77676e}.tip{color:#77676e}
.time-card{background:#fff7f7;border-color:#f0d5d9;color:#a2192a}.time-card p,.ppm{color:#875b63}.normal{background:#d51e32;border-color:#d51e32;color:#fff}.normal p,.normal .ppm{color:#ffe1e4}.clock small{color:#77676e}.field label{color:#6d555e}select{background:#fff;border-color:#d7c6cb;color:#32262b}.play{background:#d51e32;border-color:#d51e32;color:#fff}.stop{border-color:#d9a4ae;color:#ad1a2f}.status{color:#a61c30}details{color:#77676e}summary{color:#6f3c46}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline-color:#d51e32}

.editor-foot{align-items:center;flex-wrap:wrap}.language-picker{display:flex;align-items:center;gap:8px}.language-picker label{font-size:12px;white-space:nowrap}.language-picker select{width:auto;min-height:40px;padding:8px 25px 8px 9px}