:root{color-scheme:light;--paper:#eeeee7;--ink:#23251f;--muted:#686b60;--line:#cfd0c5;--acid:#dcf988;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #668923;outline-offset:4px}button{border:0}button,input{accent-color:var(--ink)}.page{max-width:1320px;padding:0 48px;margin:auto}.header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:30px;font-weight:900;text-decoration:none;letter-spacing:-3px}.wordmark span{position:absolute}.home-link{font-size:12px;text-decoration:none}.home-link span{margin-left:16px}.intro{display:flex;align-items:end;justify-content:space-between;padding:58px 0 42px;gap:32px}.eyebrow{font:11px/1.5 'Courier New',monospace;letter-spacing:1.8px;margin:0 0 14px;display:flex;gap:9px;align-items:center}.signal{width:7px;height:7px;background:var(--ink)}h1{position:relative;font-size:clamp(80px,10vw,146px);font-weight:900;line-height:.85;letter-spacing:-.085em;margin:0;padding-right:12px}.title-echo{position:absolute;left:47%;top:0;font-size:.75em;pointer-events:none}.period{color:#6c8434}.intro-copy{font-size:17px;line-height:1.65;margin:0 3% 0 0;min-width:240px}.intro-copy em{font-family:Georgia,serif;font-size:21px}.generator{border:1px solid var(--ink);scroll-margin-top:20px}.editors{display:grid;grid-template-columns:1fr 1fr}.editor{min-width:0;padding:24px 26px 20px;display:flex;flex-direction:column}.source-editor{background:#f8f8f2}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:25px}.editor-heading label{font-size:13px;font-weight:700}.step{font:11px 'Courier New',monospace;color:var(--muted);margin-right:12px}.text-button{background:transparent;color:var(--muted);padding:6px 0;font-size:11px;text-underline-offset:4px}.text-button:hover:not(:disabled){text-decoration:underline;color:var(--ink)}.text-button span{font-size:17px;margin-left:8px}textarea{display:block;border:0;resize:vertical;border-radius:0;width:100%;min-height:230px;height:250px;padding:35px 8px;background:transparent;color:inherit;font-size:24px;line-height:1.9;overflow:auto;overflow-wrap:anywhere;isolation:isolate}textarea::placeholder{color:#96998d;opacity:1}textarea:focus-visible{outline-offset:-3px}.editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px/1.5 'Courier New',monospace;color:var(--muted);min-height:39px}.editor-foot span:last-child{white-space:nowrap}.output-editor{background:var(--ink);color:#f4f5e9}.output-editor .step{color:#a3a69a}.output-editor textarea{font-size:26px}.output-editor .editor-foot{color:#b9bdae}.live-label{font:9px 'Courier New',monospace;letter-spacing:1px;color:var(--acid);white-space:nowrap}.live-label span{font-size:8px;margin-right:5px}.copy-button{padding:12px 17px;background:var(--acid);color:var(--ink);font-size:12px;font-weight:700;white-space:nowrap}.copy-button:hover{background:#ebffb8}.copy-button span{margin-left:18px}.controls{display:grid;grid-template-columns:1.2fr 1.1fr .8fr;background:#e6e7dd;border-top:1px solid var(--ink)}.controls>div,.directions{min-width:0;padding:25px 26px}.control-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;font-weight:700}.control-heading output{font:11px 'Courier New',monospace;color:var(--muted)}input[type=range]{width:100%;margin:17px 0 14px;display:block;cursor:pointer}.presets{display:flex;justify-content:space-between;gap:7px}.presets button{background:transparent;font-size:10px;padding:3px 0;color:var(--muted);border-bottom:1px solid transparent}.presets button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.directions{border:0;border-left:1px solid var(--line);margin:0;position:relative;padding-top:25px;min-inline-size:0}.directions legend{float:left;width:100%;font-size:12px;font-weight:700;margin-bottom:18px;padding:0}.direction-options{clear:both;display:flex;gap:8px}.direction-options label{position:relative;cursor:pointer;flex:1}.direction-options input{position:absolute;left:8px;top:11px;margin:0;width:12px;height:12px}.direction-options span{display:block;border:1px solid #b9bcad;padding:9px 6px 9px 27px;font-size:11px;white-space:nowrap}.direction-options input:checked+span{border-color:var(--ink);background:#f5f5ee}.direction-options b{font-weight:400;margin-right:3px}.actions{border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px}.shuffle-button{background:transparent;border:1px solid var(--ink);padding:11px 15px;font-size:12px}.shuffle-button:hover{background:#f5f5ee}.shuffle-button span{font-size:19px;vertical-align:middle;margin-right:9px}.actions .text-button{font-size:10px}.under-tool{display:flex;justify-content:space-between;align-items:center;gap:20px;font:10px/1.6 'Courier New',monospace;color:var(--muted);margin:14px 0 0;min-height:32px}.under-tool p{margin:0}.privacy-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6c8434;margin-right:6px}#status{text-align:right}.about{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:54px 0 48px;margin-top:28px;border-top:1px solid var(--line)}.about h2{font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.15;margin:0}.about-copy{max-width:480px}.about p{font-size:13px;line-height:1.8;margin:0 0 12px}.muted{color:var(--muted)}footer{border-top:1px solid var(--line);padding:23px 0 28px;display:flex;justify-content:space-between;gap:20px;font:9px/1.5 'Courier New',monospace;letter-spacing:.5px;color:var(--muted)}footer a{text-decoration:none}.skip{position:fixed;left:20px;top:-100px;z-index:5;background:var(--acid);padding:12px}.skip:focus{top:16px}.noscript{padding:20px;text-align:center}
main>.intro{padding:36px 0 32px}.output-actions{justify-content:flex-end}
@media(max-width:1000px){.page{padding:0 30px}.controls{grid-template-columns:1fr 1fr}.actions{grid-column:1/-1;flex-direction:row;border-left:0;border-top:1px solid var(--line);align-items:center;justify-content:space-between}.controls .actions{padding:15px 26px}.shuffle-button{min-width:160px}.direction-options span{padding-left:25px}.direction-options b{display:none}.intro-copy{margin-right:0}}
@media(max-width:640px){.page{padding:0 19px}.header{height:72px}.wordmark{font-size:25px}.home-link{font-size:10px}.home-link span{margin-left:5px}.intro{display:block;padding:37px 0 29px}.eyebrow{font-size:9px;margin-bottom:18px}h1{font-size:98px}.intro-copy{font-size:14px;line-height:1.6;margin-top:24px}.intro-copy br{display:none}.intro-copy br:after{content:' '}.intro-copy em{font-size:17px}.editors{grid-template-columns:1fr}.editor{padding:19px 18px 15px}textarea{height:170px;min-height:170px;padding:25px 6px;font-size:21px}.output-editor textarea{height:205px;min-height:205px;font-size:23px}.editor-foot{font-size:9px}.controls{grid-template-columns:1fr}.controls>div,.directions{padding:22px 18px}.directions{border-left:0;border-top:1px solid var(--line)}.direction-options b{display:inline}.direction-options span{text-align:center}.direction-options input{left:12px}.controls .actions{padding:17px 18px;gap:14px}.shuffle-button{min-width:0;padding:10px 13px}.actions .text-button{max-width:135px;line-height:1.5}.under-tool{align-items:start;flex-direction:column;gap:5px;font-size:9px;min-height:45px}#status{text-align:left}.about{grid-template-columns:1fr;gap:22px;margin-top:24px;padding:30px 0}.about h2{font-size:27px}.about h2 br{display:none}footer{font-size:8px;gap:12px}footer>a{white-space:nowrap}}