html,body{color:#eee;background:#111318;height:100%;margin:0;font-family:system-ui,Segoe UI,Noto Sans Arabic,Noto Sans SC,Microsoft YaHei,sans-serif}#app{position:fixed;inset:0;overflow:hidden}#app canvas{touch-action:none;width:100%;height:100%;display:block}.status{pointer-events:none;background:#00000080;border-radius:.4rem;padding:.4rem .8rem;font-size:.9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status:empty{display:none}.status.error{color:#ffb4a8}.region-label{top:1rem;pointer-events:none;text-shadow:0 1px 3px #000c;max-width:calc(100% - 10rem);position:absolute;inset-inline-start:1rem}.region-label .selected{font-size:1.15rem;font-weight:600}.region-label .hover{opacity:.75;font-size:.9rem}.overlay-button{color:inherit;font:inherit;cursor:pointer;background:#00000073;border:1px solid #ffffff40;border-radius:.4rem;padding:.45rem .8rem;font-size:.9rem;position:absolute}.overlay-button:hover,.overlay-button:focus-visible{background:#ffffff26}.reset-view{top:1rem;inset-inline-end:1rem}.region-toolbar{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:.4rem;width:max-content;max-width:calc(100% - 2rem);display:flex;position:absolute;transform:translate(-50%)}.toolbar-button{color:inherit;font:inherit;cursor:pointer;background:#00000073;border:1px solid #ffffff40;border-radius:.4rem;padding:.45rem .75rem;font-size:.85rem}.toolbar-button:hover:not(:disabled),.toolbar-button:focus-visible{background:#ffffff26}.toolbar-button:disabled{opacity:.4;cursor:default}.toolbar-button.toggle[aria-pressed=true]{border-color:#8cc8ffcc}.toolbar-button.toggle[aria-pressed=false]{opacity:.7;text-decoration:line-through}.side-panels{top:3.6rem;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:calc(100% - 2rem);max-height:calc(100% - 4.6rem);display:flex;position:absolute;inset-inline-end:1rem;overflow-y:auto}.side-panel{background:#0000008c;border:1px solid #ffffff40;border-radius:.4rem;max-width:100%;padding:.4rem .7rem;font-size:.85rem}.side-panel summary{cursor:pointer;font-size:.9rem}.slice-row{grid-template-columns:6.2rem minmax(6rem,10rem) 3.6rem 6.2rem;align-items:center;gap:.4rem;margin-top:.45rem;display:grid}.slice-row input[type=range]{width:100%}@media (max-width:30rem){.slice-row{grid-template-columns:5.5rem minmax(3.5rem,1fr) 3.4rem 5.6rem}}.slice-value{font-variant-numeric:tabular-nums;text-align:end}.slice-flip{white-space:nowrap;padding:.25rem .5rem;font-size:.8rem}.slice-note{opacity:.7;max-width:22rem;margin:.5rem 0 .1rem;font-size:.75rem}.layer-row{grid-template-columns:8.5rem minmax(6rem,10rem) 3.2rem;align-items:center;gap:.4rem;margin-top:.45rem;display:grid}.layer-row input[type=range]{width:100%}.layer-row.unavailable{opacity:.45}.layer-value{font-variant-numeric:tabular-nums;text-align:end}.layer-buttons{gap:.4rem;margin-top:.55rem;display:flex}.side-note{opacity:.7;max-width:22rem;margin:.5rem 0 .1rem;font-size:.75rem}.segmented-toggle{background:#0000008c;border:1px solid #ffffff40;border-radius:.4rem;margin:0;padding:0;font-size:.85rem;display:flex;overflow:hidden}.segmented-toggle legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.segmented-toggle label{cursor:pointer;position:relative}.segmented-toggle label+label{border-inline-start:1px solid #ffffff40}.segmented-toggle input{opacity:0;pointer-events:none;position:absolute}.segmented-toggle span{padding:.4rem .7rem;display:block}.segmented-toggle label:hover span{background:#ffffff1f}.segmented-toggle input:checked+span{background:#8cc8ff40;font-weight:600}.segmented-toggle input:focus-visible+span{outline-offset:-2px;outline:2px solid #8cc8ffe6}.content-panel{top:4.5rem;bottom:4.5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101218e0;border:1px solid #ffffff40;border-radius:.5rem;flex-direction:column;width:min(24rem,100% - 2rem);font-size:.9rem;line-height:1.45;display:flex;position:absolute;inset-inline-start:1rem}.content-panel[hidden]{display:none}.content-header{border-bottom:1px solid #ffffff1f;align-items:center;gap:.3rem;padding-block:.55rem .45rem;padding-inline:.9rem .6rem;display:flex}.content-title{flex:1;margin:0;font-size:1.05rem;font-weight:600}.content-icon-button{width:2rem;height:2rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.35rem;flex:none;font-size:1.2rem;line-height:1}.content-icon-button:hover,.content-icon-button:focus-visible{background:#ffffff1a;border-color:#ffffff40}.content-expand{display:none}.content-body{overscroll-behavior:contain;flex:1;padding:.2rem .9rem .9rem;overflow-y:auto}.content-body p{margin:.45rem 0}.content-meta,.content-note{opacity:.7;font-size:.78rem}.content-status.error{color:#ffb4a8}.content-section h3{margin:.9rem 0 .2rem;font-size:.95rem}.content-cite{opacity:.65;margin-inline-start:.15rem;font-size:.7rem}.content-tag{color:#ffe0aa;vertical-align:.1em;border:1px solid #ffd68c8c;border-radius:.25rem;padding:0 .35rem;font-size:.68rem;font-weight:500;display:inline-block}.content-connections{margin:0;padding:0;list-style:none}.content-connections li{border-inline-start:2px solid #8cc8ff73;margin:.45rem 0;padding-inline-start:.6rem}.content-connections p{margin:.1rem 0}.content-direction{opacity:.7;font-size:.78rem}.content-target{font-weight:600}.content-sources ol{opacity:.85;margin:.3rem 0;padding-inline-start:1.4rem;font-size:.75rem}.content-sources li{overflow-wrap:anywhere;margin:.25rem 0}.content-sources a{color:#8cc8ff}@media (max-width:48rem){.content-panel{top:auto;bottom:0;width:auto;max-height:45vh;padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:.8rem .8rem 0 0;inset-inline:0}.content-panel.expanded{max-height:85vh}.content-expand{display:block}.content-title{cursor:pointer}.region-toolbar{bottom:calc(var(--sheet-height,0px) + .6rem)}:root.sheet-expanded .region-toolbar{display:none}}@media (prefers-reduced-motion:no-preference){.content-panel{transition:max-height .2s ease-out}}
