:root{color-scheme:dark;--bg:#0e1515;--surface:#141e1e;--text:#f2f5ef;--muted:#98aaa6;--line:#2b3936;--accent:#c4f564;--ink:#101910;--accent-text:#c4f564}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}html[data-theme=light]{color-scheme:light;--bg:#f1f4ef;--surface:#fff;--text:#142321;--muted:#536460;--line:#cbd4cb}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-text);outline-offset:5px}header{margin:0 5%;min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:24px;font-weight:700;letter-spacing:-1px}.brand-light{font-weight:400}.brand-mark{font-size:35px;letter-spacing:-9px;color:var(--accent-text);width:39px;font-style:italic}.brand-mark span{font-weight:400}nav{display:flex;align-items:center;gap:30px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--accent);color:var(--ink);border:0;border-radius:5px;padding:16px 23px;font-size:14px;font-weight:700}.button:hover{filter:brightness(.93)}.small{padding:12px 18px}.plus{font-size:22px;font-weight:400}main{flex:1;display:flex;align-items:center}.hero{width:100%;padding:66px 5% 72px;display:grid;grid-template-columns:1.16fr 1fr;gap:24px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:12px;margin:0 0 32px}.tiny-line{width:26px;height:2px;background:var(--accent)}h1{font-size:clamp(42px,5.6vw,86px);font-weight:400;line-height:1.1;letter-spacing:-.052em;margin:0 0 28px}em{font-family:Georgia,'Times New Roman',serif;color:var(--accent-text);font-weight:400}.period{color:var(--accent-text)}.intro{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:36px}.status{display:flex;gap:15px;align-items:center}.status-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--accent-text);font-size:25px}.status strong,.status span:not(.status-icon){display:block;font-size:14px}.status strong{font-weight:400;margin-bottom:6px}.status div span{color:var(--muted)}.visual-wrap{min-width:0;border:1px solid var(--line);border-radius:2px;padding:20px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 4%,var(--bg)),var(--bg));position:relative}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:monospace;font-size:12px;letter-spacing:1px;color:var(--muted)}.visual-top{min-height:25px}.visual-bottom{padding-top:10px;border-top:1px solid var(--line)}canvas{width:100%;aspect-ratio:1;display:block}.text-button{border:0;background:none;color:var(--muted);font-size:14px;padding:8px 0}.text-button:hover{color:var(--text)}#pause{font-size:12px;letter-spacing:0}footer{margin:0 5%;padding:25px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer-middle{letter-spacing:2px;font-size:11px}#appearance{font-size:12px}#appearance span{margin-right:7px;color:var(--accent-text)}.auth-layout{width:100%;padding:70px 12%;display:grid;grid-template-columns:1fr 1fr;gap:100px}.auth-story h2{font-size:clamp(42px,5vw,72px);line-height:1.06;font-weight:400;letter-spacing:-3px;margin:0 0 24px}.auth-story p{line-height:1.8;color:var(--muted)}.auth-story>a{font-size:14px;display:inline-block;margin-top:24px;border-bottom:1px solid var(--line);padding-bottom:6px}.auth-card{max-width:440px;width:100%;justify-self:end}.auth-card h2{font-size:42px;font-weight:400;letter-spacing:-2px;margin:0 0 15px}.auth-card .eyebrow{margin-bottom:18px}.auth-card>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.6}.notice{padding:12px;border:1px solid var(--line);border-radius:5px}.notice:empty{display:none}label{display:block;font-size:14px;margin:22px 0 10px}input:not([type=range]):not([type=color]),select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:5px;padding:14px;width:100%;min-height:48px}input:disabled{opacity:.6}.password-wrap{position:relative}.password-wrap input{padding-right:65px!important}.password-wrap button{position:absolute;right:10px;top:12px;background:none;border:0;color:var(--muted);padding:4px}.submit{width:100%;margin-top:24px}.help{font-size:12px;color:var(--muted);line-height:1.6}#form-message{font-size:14px;line-height:1.6}.subtle-link,.switch-auth{font-size:14px}.subtle-link{color:var(--muted)}.switch-auth{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.switch-auth a{color:var(--accent-text)}#account-actions a{display:block;margin-top:20px}dialog{border:1px solid var(--line);color:var(--text);background:var(--surface);border-radius:12px;padding:30px;width:min(520px,calc(100% - 24px));max-height:90vh;overflow-y:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;gap:15px}.dialog-top .eyebrow{margin-bottom:12px}.dialog-top h2{font-size:24px;font-weight:400;margin:0;letter-spacing:-.7px}.close{background:none;border:0;color:var(--muted);font-size:30px;align-self:start}.settings-intro{color:var(--muted);font-size:14px;line-height:1.6}.colour-row{display:flex;align-items:center;gap:10px}input[type=color]{width:42px;height:36px;border:1px solid var(--line);background:none;border-radius:5px;padding:3px}.swatch{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--swatch)}#colour-code{font-size:12px;color:var(--muted);font-family:monospace;margin-left:auto}input[type=range]{width:100%;accent-color:var(--accent-text)}#speed-label{float:right;color:var(--muted)}.settings-actions{display:flex;gap:24px;margin-top:25px;align-items:center}.skip{position:fixed;top:-80px;left:15px;padding:15px;background:var(--accent);color:var(--ink);z-index:10}.skip:focus{top:15px}[hidden]{display:none!important}@media(min-width:1600px){header,footer{margin-left:auto;margin-right:auto;width:1440px}.hero{max-width:1600px;margin:auto}}@media(max-width:900px){.hero{gap:25px;padding-top:45px;padding-bottom:45px}h1{font-size:clamp(39px,5.8vw,58px)}.visual-wrap{padding:13px}.visual-top,.visual-bottom{font-size:10px}.auth-layout{padding:55px 7%;gap:40px}}@media(max-width:680px){header{min-height:85px}.brand{font-size:20px;gap:9px}nav{gap:15px}.small{padding:10px 12px}.plus{display:none}.hero{grid-template-columns:1fr;padding-top:42px;gap:38px}h1{font-size:clamp(40px,9vw,60px)}.eyebrow{margin-bottom:23px}.intro{margin-bottom:25px}.visual-wrap{max-width:460px;width:100%;justify-self:center;padding:18px}canvas{aspect-ratio:1.15}.visual-top,.visual-bottom{font-size:11px}.footer-middle{display:none}footer{gap:10px;flex-wrap:wrap}.auth-layout{grid-template-columns:1fr;padding:40px 7%;gap:30px}.auth-story h2,.auth-story p,.auth-story .eyebrow{display:none}.auth-story>a{margin:0}.auth-card{max-width:none}.settings-actions{gap:16px}.settings-actions .button{padding:14px}.brand-mark{font-size:30px;width:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Blend the engine visual into the page without a surrounding panel. */
.visual-wrap{border:0;border-radius:0;background:transparent;box-shadow:none}.visual-bottom{border-top:0}