#rp-app{--teal:#08786b;--ink:#1c3638;color:var(--ink);max-width:1120px;margin:14px auto 40px;line-height:1.65}#rp-app *{box-sizing:border-box}#rp-app .rp-hero{background:#e7f4ec;border-radius:20px;padding:30px;display:flex;justify-content:space-between;gap:20px}#rp-app .rp-hero a{color:#276c63;font-size:13px}#rp-app .rp-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;margin:18px 0 10px}#rp-app h1{font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.3;margin:0 0 16px}#rp-app h1 em{color:#08786b;font-style:normal}#rp-app .rp-hero p{font-size:14px}#rp-app .rp-badge{display:inline-block;background:#fff9;border-radius:20px;font-size:12px;padding:5px 12px}#rp-app .rp-hero-art{background:#102d30;color:#f9f6e9;min-width:190px;align-self:center;padding:24px;border-radius:14px;transform:rotate(5deg);box-shadow:9px 9px 0 #b9d8cd}#rp-app .rp-hero-art span{font-size:10px;letter-spacing:3px;color:#c3f289;display:block}#rp-app .rp-hero-art b{font-size:23px;line-height:1.8;display:block;margin-top:18px}#rp-app .rp-hero-art i{display:block;border-top:2px solid #d3f58a;margin:12px 0}#rp-app .rp-hero-art small{color:#d3f58a;letter-spacing:8px}#rp-app .rp-notice{font-size:13px;padding:13px 16px;background:#fff9e9;border-left:3px solid #d3ad47;margin:18px 0}#rp-app .rp-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}#rp-app .rp-editor{padding:20px;border:1px solid #d9e4df;border-radius:14px;min-width:0;background:#fbfdfa}#rp-app h2{font-size:18px;font-weight:800;margin:0 0 14px}#rp-app .rp-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}#rp-app #rp-chars{font-size:11px;color:#60716e}#rp-app label{display:block;font-size:13px;font-weight:700;margin:13px 0 7px}#rp-app output{float:right;color:#08786b;font-size:12px}#rp-app textarea{width:100%;height:285px;resize:vertical;padding:12px;background:white;border:1px solid #9fb8ac;border-radius:8px;font:inherit;font-size:14px;line-height:1.8;color:#193b35}#rp-app input[type=range]{width:100%;accent-color:#08786b}#rp-app select{width:100%;padding:8px;border:1px solid #9fb8ac;border-radius:7px;background:white;color:#193b35}#rp-app .rp-check{font-weight:400;font-size:13px}#rp-app .rp-check input{margin-right:6px;accent-color:#08786b}#rp-app .rp-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}#rp-app button{font:inherit;font-size:12px;padding:8px 12px;border:1px solid #aec4b9;border-radius:7px;background:white;color:#254c42;cursor:pointer}#rp-app button:hover{background:#e4eee6}#rp-app button:disabled{opacity:.45;cursor:default}#rp-app :focus-visible{outline:3px solid #b8b04f;outline-offset:3px}#rp-app .rp-note{color:#66746e;font-size:12px;line-height:1.7;margin:12px 0 22px}#rp-app .rp-range-label{display:flex;justify-content:space-between;font-size:10px;color:#728077}#rp-app .rp-display-col{min-width:0}#rp-app .rp-stage{background:#0d1c20;color:#f6f5e8;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px #17362e14;display:flex;flex-direction:column}#rp-app .rp-stage-top{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #35504f;gap:8px}#rp-app .rp-stage button{background:#223c3d;border-color:#536d65;color:#f1f5e6}#rp-app .rp-stage button:hover{background:#345552}#rp-app .rp-state{font-size:12px;color:#d5e9cc}#rp-app .rp-state:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#719184;margin-right:6px}#rp-app .rp-running .rp-state:before{background:#d9fd93}#rp-app #rp-time{font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:2px}#rp-app .rp-screen{position:relative;height:480px;flex:0 0 480px;min-height:0}#rp-app #rp-viewport{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#45675e #122726}#rp-app #rp-text{padding:192px 28px 288px;font-size:36px;line-height:1.7;font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere;min-height:100%;text-align:left;color:#f8f6e6}#rp-app #rp-text.rp-mirror{transform:scaleX(-1)}#rp-app #rp-text.rp-is-empty{font-size:26px;color:#a7bbb1}#rp-app #rp-line{position:absolute;left:0;right:0;top:40%;height:calc(var(--rp-size,36px)*1.7);border-top:1px solid #bfe78c99;border-bottom:1px solid #bfe78c66;background:#c9f59a0a;pointer-events:none}#rp-app #rp-line:before{content:'›';color:#d9fd93;position:absolute;left:5px;top:-10px;font-size:30px}#rp-app #rp-countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b1e22e8;color:#d9fd93;font-size:100px;font-weight:800}#rp-app #rp-countdown[hidden],#rp-app #rp-line[hidden]{display:none}#rp-app .rp-transport{display:flex;gap:8px;align-items:center;padding:12px 14px;border-top:1px solid #35504f;flex-wrap:wrap}#rp-app #rp-start{background:#d9fd93;color:#173329;border-color:#d9fd93;min-width:90px;font-weight:800}#rp-app #rp-start:hover{background:#c7ea7e}#rp-app #rp-progress{flex:1;min-width:70px;width:auto;accent-color:#d9fd93}#rp-app #rp-percent{font-size:11px;min-width:31px;font-variant-numeric:tabular-nums}#rp-app .rp-live{font-size:11px;min-height:19px;padding:0 14px 12px;color:#c5d6cd;margin:0}#rp-app .rp-under{font-size:12px;color:#61766a;padding:14px 4px}#rp-app .rp-under>span{color:#276c63;font-weight:700}#rp-app .rp-under p{margin-top:10px}#rp-app kbd{background:#e9efeb;color:#35564b;border:1px solid #c7d5cb;padding:1px 5px;font-size:11px;border-radius:3px}#rp-app .rp-faq{margin:24px 0;padding:22px;background:#f3f8f4;border-radius:14px}#rp-app details{padding:12px 0;border-bottom:1px solid #d8e4da}#rp-app summary{font-size:14px;font-weight:700;cursor:pointer}#rp-app details p{font-size:13px;color:#5a7165;margin-top:10px}#rp-app .rp-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}#rp-app .rp-links a{font-size:13px;text-decoration:underline;color:#08786b}#rp-app .rp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#rp-app .rp-stage:fullscreen{width:100%;height:100%;height:100dvh;border-radius:0}#rp-app .rp-stage:fullscreen .rp-screen{height:auto;flex:1 1 0;min-height:0}#rp-app .rp-stage:fullscreen #rp-text{max-width:1000px;margin:auto}@media(max-width:780px){#rp-app .rp-layout{grid-template-columns:1fr}#rp-app .rp-hero{padding:24px 20px}#rp-app .rp-hero-art{display:none}#rp-app .rp-editor{padding:16px}#rp-app .rp-screen{height:420px;flex:0 0 420px}#rp-app #rp-text{padding-left:23px;padding-right:23px}#rp-app #rp-progress{min-width:90px}#rp-app .rp-transport{gap:6px;padding:10px}#rp-app .rp-faq{padding:18px}}#rp-app .rp-stage.rp-focus{position:fixed;inset:0;z-index:2147483000;width:100%;height:100dvh;border-radius:0}#rp-app .rp-stage.rp-focus .rp-screen{height:auto;flex:1 1 0;min-height:0}#rp-app .rp-stage.rp-focus #rp-text{max-width:1000px;margin:auto}