*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}#app{grid-template-rows:1fr auto;height:100%;display:grid;position:relative}#viewport{min-height:0;position:relative}#viewport canvas{touch-action:none;width:100%;height:100%;display:block}#panel{background:var(--panel);border-radius:8px;width:min(260px,100% - 24px);padding:12px 14px;position:absolute;top:12px;left:12px}#panel h1{margin:0;font-size:1.1rem}#panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px;font-size:.8rem;font-weight:600}.muted{color:var(--muted);margin:4px 0 0;font-size:.85rem}#layers{--layer-height:136px;--thumb:16px;height:var(--layer-height);gap:10px;display:flex}#layer-slider{writing-mode:vertical-lr;width:var(--thumb);height:100%;accent-color:var(--accent);cursor:pointer;margin:0}.layer-stops{padding:calc(var(--thumb) / 2 - .65em) 0;flex-direction:column;justify-content:space-between;margin:0;list-style:none;display:flex}.layer-stops button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;line-height:1.3}.layer-stops button:hover,.layer-stops button:focus-visible{color:var(--accent)}#systems{margin:0;padding:0;list-style:none}#systems .subgroup{padding-left:24px;font-size:.9rem}#systems label{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}#systems .status{color:var(--muted);margin-left:auto;font-size:.8rem}#systems li[data-status=loading] .status{color:var(--accent)}#systems li[data-status=error] .status,#message{color:var(--error)}#message:empty{display:none}#notice{text-align:center;color:var(--muted);background:#121418;padding:6px 12px;font-size:.8rem}#hidden-structures{color:var(--muted);align-items:center;gap:8px;margin:8px 0 0;font-size:.85rem;display:flex}#hidden-structures[hidden]{display:none}#panel button,.label button{font:inherit;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:4px;padding:2px 8px;font-size:.8rem}#panel button:hover,.label button:hover,#panel button:focus-visible,.label button:focus-visible{border-color:var(--accent)}#panel .layer-stops button{font-size:inherit;background:0 0;border:0;padding:0}.hint{color:var(--muted);margin:10px 0 0;font-size:.75rem}.labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.label{max-width:240px;color:var(--text);background:var(--panel);pointer-events:auto;white-space:nowrap;border-radius:6px;padding:6px 8px;position:absolute;top:0;left:0}.label:after{content:"";opacity:.6;background:currentColor;width:2px;height:10px;margin-left:-1px;position:absolute;bottom:-10px;left:50%}.label.selected{border:1px solid #3d7bff}.label.pinned{font:inherit;cursor:pointer;border:1px solid #d4932a;font-size:.8rem}.label[hidden]{display:none}.label-name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.label-actions{gap:4px;margin-top:6px;display:flex}#info{background:var(--panel);border-radius:8px;width:min(320px,100% - 24px);max-height:calc(100% - 112px);padding:12px 14px;position:absolute;top:60px;right:12px;overflow-y:auto}#info[hidden]{display:none}.info-header{align-items:flex-start;gap:8px;display:flex}.info-header h2{margin:0;font-size:1.05rem;line-height:1.3}.info-header h2:focus{outline:none}#info .info-close{margin-left:auto;padding:0 8px;font-size:1.1rem;line-height:1.4}.info-latin{color:var(--muted);margin:2px 0 0;font-style:italic}.info-badges{margin:10px 0 0;padding:0;list-style:none}.info-badges li{color:var(--muted);margin-bottom:8px;font-size:.85rem;line-height:1.4}.info-facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:4px 0 0;font-size:.85rem;display:grid}.info-facts dt{color:var(--muted)}.info-facts dd{overflow-wrap:anywhere;margin:0}@media (max-width:640px){#info{width:auto;max-height:55%;inset:auto 12px 40px}}.panel-header{justify-content:space-between;align-items:center;gap:8px;display:flex}#panel.collapsed{width:auto}#panel-body[hidden]{display:none}#view-tools{gap:6px;display:flex;position:absolute;bottom:44px;right:12px}#view-tools button{min-width:36px;height:36px;font:inherit;color:var(--text);background:var(--panel);cursor:pointer;border:1px solid #ffffff2e;border-radius:6px;padding:0 10px;font-size:1rem}#view-tools button:hover,#view-tools button:focus-visible{border-color:var(--accent)}#viewport canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hint-touch{display:none}@media (pointer:coarse){.hint-mouse{display:none}.hint-touch{display:block}#panel button,.label button{min-height:36px;padding:6px 12px}#view-tools button{min-width:44px;height:44px}#systems label{padding:8px 0}}#search{width:min(320px,100% - 24px);position:absolute;top:12px;right:12px}#search-input{width:100%;height:38px;font:inherit;color:var(--text);background:var(--panel);border:1px solid #ffffff2e;border-radius:8px;padding:0 12px}#search-input:focus{border-color:var(--accent);outline:none}#search-results{background:var(--panel);border-radius:8px;max-height:min(60vh,480px);margin:4px 0 0;padding:4px 0;list-style:none;overflow-y:auto}#search-results[hidden]{display:none}#search-results li{flex-direction:column;padding:6px 12px;display:flex}#search-results [role=option]{cursor:pointer}#search-results [role=option]:hover,#search-results [aria-selected=true]{background:#7fb2ff29}.search-meta,.search-empty{color:var(--muted);font-size:.78rem}@media (max-width:640px){#panel.collapsed{padding:8px}#panel.collapsed h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#search{width:auto;top:12px;left:112px;right:12px}#search-input{height:52px}}#notice a{color:var(--accent);margin-left:8px}.fps-meter{color:#9fe870;pointer-events:none;background:#0009;border-radius:4px;padding:2px 8px;font:12px/1.4 ui-monospace,monospace;position:fixed;top:8px;left:50%;transform:translate(-50%)}