:root{color-scheme:light;--paper:#f1f0e8;--ink:#262b26;--muted:#6e746a;--line:#d4d6ca;--red:#a63b2c;--yellow:#ead089}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.page{max-width:1260px;margin:auto;padding:0 52px}a{color:inherit}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}.masthead{height:95px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.wordmark{text-decoration:none;font:bold 18px Georgia,serif;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.brandmark{font-size:28px;color:var(--red)}.navlinks{display:flex;gap:35px;align-items:center;font:11px monospace;letter-spacing:.7px}.navlinks>span{color:var(--muted)}.navlinks a{text-decoration:none;border-bottom:1px solid #acb0a5;padding-bottom:4px}.intro{padding:61px 0 43px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font:10px/1.5 monospace;letter-spacing:1.6px;color:var(--muted)}.tiny-star{color:var(--red);font-size:15px;margin-right:7px}h1{font:normal clamp(38px,4.5vw,61px)/1.04 Georgia,serif;letter-spacing:-2.4px;margin:19px 0 19px}h1 em{font-weight:normal;color:var(--red)}.intro p{font-size:14px;line-height:1.75;color:#62695f;margin:0}.intro-note{display:flex;align-items:center;flex-direction:column;margin:10px 59px 0 20px;color:#656c60}.intro-note svg{width:94px;height:110px}.intro-note span{font:9px/1.9 monospace;letter-spacing:1.1px;text-align:center;margin-top:10px}.intro-note i{font:italic 14px Georgia,serif;letter-spacing:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:15px}.edition{display:flex;align-items:center;gap:8px;font:9px monospace;letter-spacing:.5px;white-space:nowrap}.edition strong{font-weight:normal}.live-dot{width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 0 3px #a63b2c13}.live-dot.paused{background:#93988a;box-shadow:none}.edition-divider{padding:0 4px;color:#a6ac9e}#frameLabel{color:var(--muted)}.preview-settings{display:flex;gap:13px;align-items:center}.preview-settings>select{font:10px monospace;color:#5a6255;border:0;background:transparent;padding:6px 18px 6px 4px}.palette{display:flex;border:1px solid #bcc1b4;border-radius:3px;padding:2px}.palette button{font:10px monospace;border:0;background:none;padding:5px 9px;border-radius:1px;color:#60695a;cursor:pointer}.palette button.active{background:var(--ink);color:#f5f5ef}.device-wrap{display:flex;justify-content:center;background:#e4e5db;border:1px solid #d2d6c8;border-radius:10px;padding:18px}.device{width:100%;padding:7px;background:#292f29;border-radius:7px;box-shadow:0 8px 20px #28302212,0 1px 0 #fff8 inset}.screen{aspect-ratio:5/3;width:100%;background:#fff;overflow:hidden;border-radius:2px}.device.half_horizontal .screen{aspect-ratio:10/3}.device.half_vertical{width:50%}.device.half_vertical .screen{aspect-ratio:5/6}.device.quadrant{width:50%}.device.quadrant .screen{aspect-ratio:5/3}.controls{display:flex;align-items:center;justify-content:space-between;margin-top:21px;gap:15px}.play-controls{display:flex;align-items:center;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:40px;padding:10px 18px;border:1px solid #a9b19f;border-radius:3px;background:transparent;color:var(--ink);font:11px/1.4 monospace;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{background:#e2e6d9}.btn-ink{background:var(--ink);border-color:var(--ink);color:#f5f5ef}.btn-ink:hover{background:#454e40}.speed-label{font:10px monospace;color:#737a6d;padding-left:7px;white-space:nowrap}.speed-label select{font:10px monospace;border:0;border-bottom:1px solid #b9c0b0;padding:5px 1px;color:var(--ink);background:transparent}.secondary-controls{display:flex;gap:20px}.text-btn{background:none;padding:4px 0;border:0;border-bottom:1px solid #aeb7a5;text-decoration:none;font:10px/1.5 monospace;color:#5b6652;cursor:pointer;white-space:nowrap}.text-btn:hover{color:var(--red)}.save-note{font:10px/1.5 monospace;color:var(--muted);margin:12px 0 0}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:58px 0 0;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{font:9px monospace;letter-spacing:1px;color:var(--red)}.how h3{font:normal 21px/1.2 Georgia,serif;letter-spacing:-.5px;margin:13px 0 9px}.how p{font-size:12px;line-height:1.8;color:#707767;margin:0;max-width:290px}.install{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:40px 0 25px}.install h2{font:normal 28px Georgia,serif;letter-spacing:-.7px;margin:9px 0 12px}.install p{font-size:12px;line-height:1.8;max-width:590px;color:#707767}.install .install-status{font:10px monospace;color:#717865;margin-top:16px}.install-links{display:flex;flex-direction:column;align-items:center;gap:14px}.fine-print{color:#7d8376;font:10px/1.8 monospace;max-width:940px;padding:0 0 30px}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 0 30px;font:9px/1.7 monospace;color:#6d7565}.site-footer>span>span{color:var(--red);margin:0 6px}.site-footer a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{color:var(--ink);background:var(--paper);border:1px solid #aab19e;border-radius:6px;max-width:min(550px,calc(100vw - 28px));padding:35px;box-shadow:0 25px 80px #17220a30}dialog::backdrop{background:#1b241d66;backdrop-filter:blur(3px)}dialog h2{font:normal 30px/1.1 Georgia,serif;margin:14px 0 12px;letter-spacing:-1px}dialog p,dialog small{font-size:12px;line-height:1.7;color:#69745f}dialog label{display:block;font:10px monospace;margin:24px 0 8px}dialog input,dialog select{width:100%;padding:12px;border:1px solid #aeb7a2;border-radius:3px;background:#fbfcf6;color:var(--ink);font-size:14px}dialog small{display:block;font-size:10px;margin-top:8px}dialog .btn{width:100%;margin-top:28px}.close{position:absolute;top:12px;right:16px;background:none;border:0;font:24px Arial;cursor:pointer;color:#68775c}#journalDialog{max-height:85vh;width:550px}#journalEntries{padding-left:26px;font-size:13px;line-height:1.6}#journalEntries li{padding:7px 0;border-bottom:1px solid var(--line)}#journalEntries li::marker{font:10px monospace;color:var(--red)}.dialog-note{font:10px monospace!important}
@media(min-width:1400px){.page{padding:0 60px}}@media(max-width:900px){.page{padding:0 25px}.intro-note{margin-right:25px}.preview-heading{align-items:flex-start}.preview-settings{gap:4px;flex-direction:column;align-items:flex-end}.controls{align-items:flex-start}.secondary-controls{flex-direction:column;gap:7px;align-items:flex-end}.device-wrap{padding:12px}.how{gap:20px;margin-top:40px}.install{gap:20px}.install-links .btn{padding:10px 12px;font-size:10px}}@media(max-width:600px){.page{padding:0 17px}.masthead{height:72px}.wordmark{font-size:16px}.navlinks>span{display:none}.navlinks{font-size:10px}.intro{padding:37px 0 32px}.intro h1{font-size:42px;letter-spacing:-1.8px}.intro p{font-size:12px}.intro-note{display:none}.eyebrow{font-size:8px;letter-spacing:1px}.edition{font-size:8px;gap:5px;flex-wrap:wrap;max-width:135px}.edition-divider{display:none}.edition #frameLabel{padding-left:11px}.preview-settings>select{font-size:9px;max-width:190px}.palette button{font-size:9px;padding:4px 6px}.device-wrap{margin:0 -8px;padding:6px;border-radius:6px}.device{padding:3px;border-radius:4px}.controls{flex-wrap:wrap;margin-top:17px;gap:14px}.play-controls{width:100%;gap:7px}.btn{min-height:38px;font-size:10px;padding:9px 13px;gap:14px}.speed-label{margin-left:auto;padding-left:0;font-size:9px}.speed-label select{font-size:9px}.secondary-controls{flex-direction:row;align-items:center;gap:22px}.text-btn{font-size:9px}.save-note{font-size:9px;line-height:1.7}.how{grid-template-columns:1fr;margin-top:32px;gap:24px;padding:26px 0}.how h3{margin-top:8px}.how p{max-width:none}.install{flex-direction:column;align-items:flex-start;gap:12px;padding-top:29px}.install h2{font-size:26px}.install-links{align-items:flex-start;gap:12px}.fine-print{font-size:9px;margin-top:12px}.site-footer{font-size:8px;flex-direction:column;gap:10px}dialog{padding:30px 23px}.device.half_vertical,.device.quadrant{width:70%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

[hidden]{display:none!important}.notice{padding:18px;margin:16px 0;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:4px;font-size:14px;line-height:1.6}.journey-wait{display:flex;flex-direction:column;justify-content:center;max-width:620px;height:100%;margin:auto;padding:30px;font:16px/1.6 Georgia,serif}.journey-wait h2{font-size:28px}.btn:disabled,.text-btn:disabled{opacity:.55;cursor:default}