:root{color-scheme:dark;background:#050914;--hud-left: max(20px, env(safe-area-inset-left));--hud-right: max(20px, env(safe-area-inset-right));--hud-bottom: max(20px, env(safe-area-inset-bottom))}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}canvas{display:block;width:100%;height:100%;height:100dvh;touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;outline:none}canvas.dragging{cursor:grabbing}.site-heading,.github-link,.view-info,.reset-view{position:fixed;box-sizing:border-box;border:1px solid #c7ddff24;border-radius:14px;background:linear-gradient(145deg,#172334d9,#080f1de8);color:#e5edf8;box-shadow:0 8px 32px #02071328,inset 0 1px #ffffff0a;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.site-heading{top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));max-width:calc(100vw - var(--hud-left) - var(--hud-right) - 56px);padding:17px 20px 15px;pointer-events:none}.site-heading h1{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:500 clamp(18px,3vw,21px)/1.2 system-ui,sans-serif;letter-spacing:-.035em}.reference-link{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:6px;color:#b2c9df;pointer-events:auto;touch-action:manipulation}.reference-link svg{width:15px;height:15px}.reference-link:hover{color:#eef7ff;background:#b4d0ed18}.reference-link:focus-visible{outline:2px solid #a7d7ff;outline-offset:2px}.github-link{top:max(20px,env(safe-area-inset-top));right:var(--hud-right);display:grid;place-items:center;width:44px;height:44px;touch-action:manipulation}.github-link svg{width:22px;height:22px}.github-link:hover{color:#fff;border-color:#a7d7ff66}.github-link:focus-visible{outline:2px solid #a7d7ff;outline-offset:3px}@media(pointer:coarse){.reference-link{width:44px;height:44px}}.site-formula{font-size:16px;color:#b2c9df}.site-formula math{font-size:inherit}.view-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;left:var(--hud-left);bottom:var(--hud-bottom);width:min(564px,calc(100vw - var(--hud-left) - var(--hud-right) - 84px));padding:7px 10px 7px 14px;border-radius:12px;font:11px/1.6 system-ui,sans-serif}.copy-view{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #b4d0ed24;border-radius:7px;background:#b4d0ed09;color:#c9d9ec;cursor:pointer;touch-action:manipulation}.copy-view svg{width:14px;height:14px}.copy-view:hover{border-color:#a7d7ff66;color:#eef7ff}.copy-view:focus-visible{outline:2px solid #91ceff;outline-offset:3px}.copy-view:disabled{opacity:.6;cursor:wait}.copy-view .copy-check{display:none}.copy-view[data-state=copied]{color:#a4e8ca}.copy-view[data-state=copied] .copy-icon{display:none}.copy-view[data-state=copied] .copy-check{display:block}.copy-feedback{position:absolute;left:0;bottom:calc(100% + 8px);box-sizing:border-box;width:max-content;max-width:min(280px,calc(100vw - 32px));padding:7px 10px;border:1px solid #c7ddff24;border-radius:8px;background:#101d2ef5;color:#e5edf8;pointer-events:none}.copy-feedback:empty{display:none}.reset-view{right:var(--hud-right);bottom:var(--hud-bottom);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;min-width:70px;padding:8px 12px;border-radius:12px;color:#c9d9ec;font:11px/1.6 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;transition:border-color .14s ease,color .14s ease}.reset-view svg{width:13px;height:13px;flex:none}.reset-view:hover{border-color:#a7d7ff66;color:#eef7ff}.reset-view:active{background:#20394de8}.reset-view:focus-visible{outline:2px solid #91ceff;outline-offset:3px}.view-info dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:12px;margin:0}.view-info dl>div{display:flex;align-items:baseline;gap:8px;min-width:0}.view-info dl>div+div{border-left:1px solid #c7ddff24;padding-left:12px}.view-info dt{flex:none;color:#9bacc2;font-size:10.5px;white-space:nowrap}.view-info dd{min-width:0;flex:1;margin:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#91b5d44d transparent;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.01em}#zoom-level{color:#a4dce8}.coordinate-value{display:block;width:100%;min-width:0;padding:0;border:0;border-radius:3px;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;white-space:nowrap;cursor:pointer;touch-action:manipulation}.coordinate-value:hover{color:#b9e5ff;text-decoration:underline;text-underline-offset:3px}.coordinate-value:focus-visible{outline:2px solid #91ceff;outline-offset:-2px}.coordinate-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #c7ddff30;border-radius:14px;background:#101b2b;color:#e5edf8;box-shadow:0 16px 64px #0006;font:12px/1.6 system-ui,sans-serif}.coordinate-dialog::backdrop{background:#02071399}.coordinate-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.coordinate-dialog h2{margin:0;font-size:15px;font-weight:500}.coordinate-dialog button{min-height:36px;padding:6px 12px;border:1px solid #b4d0ed30;border-radius:7px;background:#b4d0ed0d;color:#e5edf8;font:inherit;cursor:pointer}.coordinate-dialog button:hover{background:#b4d0ed20}.coordinate-dialog :focus-visible{outline:2px solid #91ceff;outline-offset:2px}#coordinate-hint{margin:10px 0 12px;color:#9bacc2}.coordinate-dialog-body{max-height:55dvh;overflow-y:auto;overscroll-behavior:contain}#coordinate-full{margin:0;padding:12px;border-radius:8px;background:#060f1b;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}@media(max-width:640px){.view-info{padding:10px;gap:8px}.view-info dl{gap:8px}.view-info dl>div{display:block}.view-info dl>div+div{padding-left:8px}.view-info dt{margin-bottom:3px}}@media(max-width:480px){:root{--hud-left: max(12px, env(safe-area-inset-left));--hud-right: max(12px, env(safe-area-inset-right));--hud-bottom: max(12px, env(safe-area-inset-bottom))}.site-heading{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));padding:14px 16px 12px}.github-link{top:max(12px,env(safe-area-inset-top))}}@media(pointer:coarse){.reset-view{min-height:44px}.copy-view{width:44px;height:44px}.coordinate-dialog button{min-height:44px}}@media(prefers-reduced-motion:reduce){.reset-view{transition:none}}