:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#253442;background:#e7edf2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:500 14px/1.3 inherit;font-family:inherit;font-size:14px;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid #3d7cac;outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}#stage{position:relative;width:100%;height:100dvh;min-height:560px;overflow:hidden}canvas{display:block;touch-action:none;width:100%;height:100%}header{position:absolute;left:38px;right:38px;top:28px;display:flex;justify-content:space-between;pointer-events:none;z-index:2}h1{font-size:32px;letter-spacing:.02em;font-weight:650;margin:0}.title-rule{width:45px;height:2px;background:#687e91;margin-top:15px}.brand{text-align:right;font-size:19px;font-weight:600}.brand span{display:block;margin-top:5px;font-size:9px;letter-spacing:2px;color:#768693}.utilities{position:absolute;right:36px;top:102px;display:flex;gap:18px;z-index:3}.utilities button{border:0;background:transparent;color:#637685;font-size:12px;padding:5px 0}.utilities button:hover{color:#1d4f6e}#labels{position:absolute;inset:0;pointer-events:none;z-index:2}.anchor{position:absolute;border:1px solid #ffffffdd;background:#ffffffd9;backdrop-filter:blur(8px);border-radius:25px;padding:8px 15px;white-space:nowrap;transform:translate(-50%,-100%);pointer-events:auto;box-shadow:0 3px 20px #4252650a}.anchor:after{content:"";position:absolute;width:1px;height:16px;top:100%;left:50%;background:#90a0ae}.anchor:hover{background:#fff;box-shadow:0 4px 18px #33475620}footer{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:20px 32px 20px;background:linear-gradient(transparent,#e7edf2c9 35%,#e7edf2ee);pointer-events:none}nav{display:flex;justify-content:center;gap:9px;pointer-events:auto;width:max-content;max-width:100%;margin:auto}nav button{border:1px solid #ffffffd0;border-radius:28px;background:#ffffffaf;padding:13px 23px;box-shadow:0 5px 15px #52667b07;transition:background .2s,color .2s}nav button[aria-pressed=true]{color:#fff;background:#2d4b60;border-color:#2d4b60}nav button:hover{background:#fff;color:#253442}#caption{min-height:22px;font-size:14px;text-align:center;margin:18px auto 16px;line-height:1.65;color:#536978;max-width:820px}.footline{display:flex;justify-content:space-between;font-size:11px;color:#82919e}.footline span:last-child{letter-spacing:.5px}#loading{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#576c7d;background:#ffffffdb;padding:16px 25px;border-radius:8px;z-index:4}#detail{position:absolute;left:38px;top:125px;max-width:380px;z-index:3;border-left:2px solid #8ca2b3;padding:7px 35px 7px 14px;background:#e7edf2cd}#detail-title{display:block;font-size:18px;font-weight:600;margin-bottom:6px}#detail-text{font-size:13px;line-height:1.7;color:#617687}#close-detail{position:absolute;right:0;top:0;background:none;border:0;font-size:24px;padding:3px 8px}#safety-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:166px;z-index:3;display:flex;align-items:center;gap:9px;white-space:nowrap;background:#ffffffd9;padding:9px 14px;border-radius:12px;box-shadow:0 4px 20px #3143540e}#safety-controls[hidden],#monitor-note[hidden],#detail[hidden]{display:none}#safety-status{font-size:13px;color:#466958;margin-right:9px}#safety-status.tripped{color:#ab4245}#safety-controls button{border:1px solid #d8e0e5;background:#fff;border-radius:7px;padding:8px 12px;font-size:12px}#monitor-note{position:absolute;left:50%;transform:translateX(-50%);bottom:176px;z-index:3;font-size:16px;text-align:center;color:#35749b;padding:10px 24px;background:#f4f8fbdf;border-radius:10px;white-space:nowrap}#monitor-note span{display:block;font-size:11px;margin-top:6px;color:#6c8395}dialog{border:0;border-radius:16px;padding:28px;max-width:1000px;width:90vw;background:#f9fbfd;color:#253442;box-shadow:0 30px 110px #172b4555}dialog::backdrop{background:#172b4566;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:21px;margin:0 0 20px}.dialog-heading button{font-size:28px;border:0;background:none;margin-top:-20px}.reference-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:18px}.reference-grid figure{margin:0}.reference-grid img{width:100%;height:250px;object-fit:contain;background:#eef2f5;border-radius:8px}.reference-grid figcaption{font-size:12px;color:#627989;margin-top:10px}dialog p{font-size:12px;line-height:1.8;color:#6c7e8d;margin:20px 0 0}@media(max-width:650px){header{left:20px;right:20px;top:22px}h1{font-size:24px}.brand{font-size:15px}.brand span{font-size:7px;letter-spacing:1px}.utilities{top:83px;right:20px;gap:15px}.anchor{font-size:11px;padding:6px 10px}footer{padding:15px 12px 18px}nav{gap:5px;flex-wrap:wrap;width:100%;max-width:410px}nav button{font-size:12px;padding:10px 12px}#caption{font-size:12px;max-width:340px;margin:12px auto 14px}.footline{font-size:9px}.footline span:last-child{display:none}#detail{left:20px;top:115px;max-width:270px}#detail-title{font-size:16px}#detail-text{font-size:11px}#safety-controls{bottom:188px;gap:6px;padding:8px}#safety-status{font-size:11px;margin:0}#safety-controls button{padding:8px;font-size:11px}#monitor-note{bottom:190px;font-size:14px}.reference-grid{grid-template-columns:1fr}.reference-grid img{height:180px}dialog{max-height:85dvh;padding:20px}.title-rule{margin-top:10px}#stage{min-height:630px}}