:root{color-scheme:dark;--bg:#11191e;--panel:#182228;--line:#354148;--muted:#98a9ad;--white:#eff3ed;--accent:#ff985d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'Avenir Next','PingFang SC','Helvetica Neue',sans-serif}button,select{font:inherit;color:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:3px;min-height:44px;padding:8px 15px}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line)}a{color:inherit}.brand{font-size:14px;letter-spacing:2px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:15px}.mark{font-size:40px;line-height:1;color:var(--accent)}.edition{font-weight:400;color:var(--muted)}.status{font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.status i,.dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:690px;height:calc(100svh - 134px);max-height:1000px}.stage{position:relative;overflow:hidden;min-width:0;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#2d4148,#11191e 72%)}#viewport{position:absolute;inset:0}canvas{display:block;touch-action:none}.title{pointer-events:none;position:absolute;left:36px;top:30px}.title p,.section-label{font-size:10px;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(45px,6vw,82px);font-weight:500;letter-spacing:-4px;margin:12px 0;line-height:1}h1 span{display:block;font-size:16px;letter-spacing:3px;margin-top:15px;font-weight:400}.title .model-note{font-size:10px;letter-spacing:.3px;margin-top:18px;color:#b4c2c4}.flow-label{position:absolute;left:36px;bottom:125px;color:#a1e5e4;font-size:24px;pointer-events:none}.flow-label span{display:block;font-size:10px;letter-spacing:2px}.legend{position:absolute;right:24px;top:40px;color:var(--muted);font-size:10px;display:flex;flex-direction:column;gap:8px}.legend-bar{width:95px;height:3px;background:linear-gradient(90deg,#7adce8,#f1d598,#ff8f59)}.view-buttons{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);display:flex;background:#142026d9;border:1px solid var(--line);border-radius:5px;padding:4px}.view-buttons button{border:0;white-space:nowrap;font-size:12px;min-height:38px;padding:8px 18px}.selected{background:#e8eeea!important;color:#162229}.stage-footer{position:absolute;bottom:20px;left:36px;right:24px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px;pointer-events:none}.controls{padding:34px 25px;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.section-label{display:flex;justify-content:space-between;letter-spacing:1px}.section-label span{font-size:10px;letter-spacing:0}.speed-display{display:flex;align-items:baseline;gap:9px;margin-top:24px}.speed-display output{font-size:88px;line-height:1;letter-spacing:-6px;font-variant-numeric:tabular-nums;font-weight:300}.speed-display>span{font-size:13px;color:var(--accent)}.speed-display div{margin-left:auto;font-size:10px;line-height:1.9;color:var(--muted)}.speed-display strong{font-size:13px;color:var(--white);font-weight:500}input[type=range]{width:100%;accent-color:var(--accent);margin:25px 0 0;height:24px;cursor:pointer}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.range-label button{border:0;font-size:10px;color:var(--accent);padding:0 10px;min-height:34px}.rule{border-top:1px solid var(--line);margin:22px 0 15px}.select-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:8px 0;gap:12px}.select-row>span{color:var(--muted)}select{background:#182228;border:1px solid var(--line);border-radius:3px;padding:9px 7px;min-height:44px;font-size:11px;max-width:170px}.play-row{display:flex;gap:8px;margin-top:21px}.play-row button{font-size:12px;flex:1}.primary{background:var(--accent);color:#1b2428;border-color:var(--accent)}.reading{margin-top:28px;font-size:11px;color:var(--muted)}.reading strong{float:right;color:var(--white);font-weight:400}.reading p{font-size:11px;line-height:1.9;margin-top:12px}.honesty{margin-top:20px;border-top:1px solid var(--line);padding-top:21px;display:flex;align-items:baseline;gap:10px}.honesty .dot{flex-shrink:0}.honesty strong{font-size:12px;font-weight:500}.honesty p{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 0}footer{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:8px 36px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);gap:12px}footer>span:first-child{letter-spacing:2px}footer button{font-size:10px;border:0;color:var(--white)}dialog{max-width:580px;width:calc(100% - 32px);background:#1b282f;color:var(--white);border:1px solid #5b6b71;padding:34px;border-radius:6px;max-height:85svh}dialog::backdrop{background:#020c12bb;backdrop-filter:blur(5px)}dialog h2{font-size:30px;font-weight:400;line-height:1.5}dialog p{font-size:13px;color:#b4c3c7;line-height:1.95}dialog a{color:var(--accent)}#close{float:right;border:0;font-size:26px}#error{position:absolute;inset:45% 10% auto;padding:25px;background:#492d26;z-index:5;font-size:14px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){header{padding:0 20px;height:62px}main{height:auto;min-height:0;max-height:none;grid-template-columns:1fr}.stage{height:65svh;min-height:490px;max-height:760px}.title{left:20px;top:20px}h1{font-size:52px}.title p{font-size:9px}.title h1 span{font-size:13px}.title .model-note{max-width:220px}.legend{right:20px;top:24px;max-width:90px;line-height:1.8}.legend-bar{width:70px}.flow-label{left:20px;bottom:108px;font-size:19px}.view-buttons{bottom:42px}.view-buttons button{padding:8px 16px}.stage-footer{left:20px;right:20px;bottom:12px;font-size:9px}.controls{border-left:0;border-top:1px solid var(--line);padding:25px 24px}.speed-display{margin-top:18px}.speed-display output{font-size:76px}.reading{margin-top:21px}.honesty{margin-top:12px}footer{flex-wrap:wrap;padding:12px 20px;gap:5px}footer>span:nth-child(2){order:3;width:100%;font-size:9px}.status{font-size:10px}.brand{font-size:11px;gap:10px}.edition{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}