.system35{position:fixed;inset:0;z-index:11;padding-top:86px;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;background:transparent;visibility:hidden;color:#171717}
.system35-content{width:min(1060px,86vw);transform-origin:center top;background:none}
.system35-heading{margin-bottom:26px}
.system35-heading>span{font:10px/1.5 'Geist Mono',monospace;letter-spacing:.1em;color:#666}
.system35-heading h2{margin:12px 0 0;font:700 clamp(23px,2.35vw,30px)/1.3 var(--lemon-read,'Sarasa UI SC',sans-serif)}
.system35-drawing{background:none;border:0;line-height:0}
.system35-drawing svg{display:block;width:100%;height:auto;overflow:visible}
@media(max-width:700px){.system35{padding-top:75px}.system35-content{width:96vw}.system35-heading{margin-bottom:20px}.system35-heading h2{font-size:20px}}

.system35-intro{max-width:1000px;margin:14px 0 0;font:400 15px/1.65 var(--lemon-read,'Sarasa UI SC',sans-serif);color:#494949;text-wrap:pretty}
@media(max-width:700px){.system35-intro{font-size:12px;line-height:1.5}}

.system40-tabs{display:flex;gap:18px;margin:15px 0 0;pointer-events:auto}.system40-tabs button{padding:5px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#777;font:12px/1.5 'Story Mechanical','Lemon Mono',monospace;cursor:pointer}.system40-tabs button[aria-selected=true]{color:#171717;border-bottom-color:#171717}.system40-tabs button:focus-visible{outline:2px solid #e30613;outline-offset:4px}.system35-heading{margin-bottom:20px}.system35-intro{margin-top:10px;min-height:25px}

@media(min-width:701px){.system35-intro{min-height:75px}}

/* Two actual reading windows replace the circle-clipped diagram. */
#app .clock__ball--dark,#app .clock__ball--dot,#app .clock__ball--light{opacity:var(--engineering-ball-alpha,1)!important}.system35.system-windows{padding-top:76px;z-index:19;clip-path:none!important}.system-windows .system35-content{width:min(1080px,91vw);transform:none!important}.system-windows .system35-heading{margin:0 0 16px;pointer-events:none}.system-windows .system35-heading h2{font:400 clamp(20px,2vw,25px)/1.35 'Story Mechanical','Lemon Fusion','Lemon Mono',monospace;margin:7px 0 0}.system-window{position:relative;border:1px solid #171717;background:var(--color-bg,#f5f3ed);box-shadow:0 7px 20px #0000000c;transform-origin:50% 0%;will-change:transform,opacity}.system-window>header{display:flex;align-items:center;gap:12px;min-height:34px;background:#171717;color:#f8f7f4;padding:7px 13px;line-height:1.3}.system-window-index{font:10px/1.4 'Lemon Mono',monospace;color:#ffb9b1}.system-window h3{font:400 12px/1.4 'Lemon Mono','Lemon Sarasa',monospace;margin:0}.system-window header button{margin-left:auto;border:0;border-bottom:1px solid #aaa;background:none;color:inherit;padding:2px 0;font:10px/1.4 'Lemon Mono','Lemon Sarasa',monospace;cursor:pointer;flex-shrink:0}.system-window header button:focus-visible{outline:2px solid #fff;outline-offset:3px}.system-window-body{padding:12px 18px 24px}.system-windows .system35-intro,.system-window-intro{font:400 13px/1.6 'Lemon Mono','Lemon Sarasa',monospace;color:#494949;margin:0 0 12px;min-height:0}.system-windows .system35-drawing svg{width:100%;height:auto;max-height:28vh;overflow:visible}.system-window--journey{width:96%;z-index:1}.system-window--engineering{width:92%;margin:-12px 0 0 auto;z-index:2}.engineering-row{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid #17171726}.engineering-row:last-child{border:0}.engineering-row>span{font:10px/1.6 'Lemon Mono','Lemon Sarasa',monospace}.engineering-row strong{font:500 14px/1.5 'Lemon Mono','Lemon Sarasa',monospace}.engineering-row p{font:12px/1.5 'Lemon Mono','Lemon Sarasa',monospace;margin:3px 0 0;color:#555}.system-window-viewer{width:min(1240px,96vw);max-height:92svh;padding:0;border:1px solid #171717;background:#f5f3ed;color:#171717}.system-window-viewer::backdrop{background:#1119}.system-window-viewer>header{display:flex;align-items:center;gap:20px;padding:14px 18px;background:#171717;color:#fff}.system-window-viewer h2{font:400 15px/1.5 'Lemon Mono','Lemon Sarasa',monospace;margin:0}.system-window-viewer [data-close]{margin-left:auto;background:none;border:0;color:inherit;font:12px monospace;cursor:pointer}.system-window-viewer>p{font:13px/1.7 'Lemon Mono','Lemon Sarasa',monospace;padding:0 20px}.system-viewer-drawing{padding:12px 20px 24px;overflow-x:auto}.system-viewer-drawing svg{display:block;width:100%;min-width:1040px;height:auto}.system-window-viewer:focus{outline:none}@media(max-height:780px) and (min-width:701px){.system35.system-windows{padding-top:65px}.system-windows .system35-heading{margin-bottom:10px}.system-windows .system35-heading h2{font-size:20px}.system-window-body{padding:9px 15px 18px}.system-windows .system35-intro,.system-window-intro{font-size:11px;margin-bottom:8px}.system-windows .system35-drawing svg{max-height:24vh}.engineering-row{padding:4px 0}.engineering-row p{font-size:11px}.engineering-row strong{font-size:12px}}@media(max-width:700px){.system35.system-windows{padding-top:65px}.system-windows .system35-content{width:94vw}.system-windows .system35-heading{margin-bottom:12px}.system-windows .system35-heading>span{font-size:8px}.system-windows .system35-heading h2{font-size:18px}.system-window--journey{width:98%}.system-window--engineering{width:98%;margin-top:-9px}.system-window-body{padding:10px 10px 18px}.system-window h3{font-size:10px}.system-window>header{gap:7px;padding:7px 9px}.system-window header button{font-size:9px}.system-windows .system35-intro,.system-window-intro{font-size:11px;line-height:1.5;margin-bottom:10px}.engineering-row{grid-template-columns:82px 1fr;gap:8px;padding:6px 0}.engineering-row>span{font-size:9px}.engineering-row strong{font-size:12px}.engineering-row p{font-size:10px}.system-viewer-drawing svg{min-width:1000px}}
@media(max-width:700px){.system-window header button{min-width:58px;min-height:32px}.system-window>header{padding-block:3px}.system-window-viewer [data-close]{min-width:44px;min-height:36px}}

/* The departing square is the same first-window surface, transformed to its final rectangle. */
.system-windows .system35-content{position:relative}.clock__ball--dot{border-radius:0!important}.system-window--journey::after{content:"";position:absolute;inset:0;background:#171717;opacity:var(--window-seed-cover,0);pointer-events:none;z-index:4}.system-window-caret{display:inline-block;margin-left:4px;animation:system-caret 1.1s steps(1,end) infinite}@keyframes system-caret{0%,49%{visibility:visible}50%,100%{visibility:hidden}}@media(prefers-reduced-motion:reduce){.system-window-caret{animation:none}}