:root{color-scheme:dark;--color-atlas: #060a12;--color-atlas-raised: #0b1220;--color-surface: rgba(11, 18, 32, .88);--color-surface-solid: #111a2a;--color-surface-hover: #182338;--color-text: #edf3fc;--color-text-muted: #a3afc2;--color-text-faint: #748198;--color-hairline: rgba(213, 224, 240, .16);--color-hairline-strong: rgba(232, 240, 252, .3);--color-focus: #f2cf91;--color-focus-strong: #ffe1ab;--color-selection: #fff0c9;--color-edge: rgba(170, 194, 226, .18);--color-edge-active: rgba(255, 225, 171, .86);--color-success: #76d6a8;--color-warning: #f1bd66;--color-error: #f28b7e;--color-info: #77c8f5;--community-01: #ffb34d;--community-02: #61d482;--community-03: #61bdf2;--community-04: #c987f2;--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-ui: "IBM Plex Sans", Inter, "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--type-landmark: clamp(1.25rem, 2.3vw, 2.25rem);--type-title: clamp(1.5rem, 2.4vw, 2rem);--type-heading: 1.125rem;--type-body: 1rem;--type-body-small: .875rem;--type-caption: .75rem;--leading-tight: 1.18;--leading-body: 1.5;--tracking-tight: -.02em;--tracking-label: .035em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--control-height: 2.75rem;--radius-control: .5rem;--radius-sheet: .75rem;--content-measure: 42rem;--sheet-width: 24rem;--z-map: 0;--z-labels: 2;--z-chrome: 4;--z-sheet: 6;--z-status: 8;--z-skip: 10;--motion-micro: .12s;--motion-standard: .24s;--motion-open: .32s;--motion-collapse: .28s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-atlas: cubic-bezier(.45, 0, .55, 1);--line-thin: calc(var(--space-1) / 4);--line-focus: calc(var(--space-1) / 2);--target-min: calc(var(--space-10) + var(--space-1))}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--color-atlas);color:var(--color-text);font-family:var(--font-ui);font-size:var(--type-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}body{overflow:hidden}button,input,summary{font:inherit}button,summary,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible{outline:var(--line-focus) solid var(--color-focus);outline-offset:var(--space-1)}#app{position:relative;width:100%;min-height:100dvh;overflow:hidden}.sr-only{position:absolute;width:var(--line-thin);height:var(--line-thin);padding:0;margin:calc(var(--line-thin) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:var(--z-skip);inset-block-start:var(--space-3);inset-inline-start:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-atlas);background:var(--color-focus-strong);border-radius:var(--radius-control);transform:translateY(calc((var(--space-12) + var(--space-8)) * -1));transition:transform var(--motion-micro) var(--ease-standard)}.skip-link:focus{transform:translateY(0)}.fatal-error{padding:var(--space-8);color:var(--color-error)}#atlas,#graph{position:absolute;inset:0;width:100%;min-height:100dvh}#atlas{z-index:var(--z-map);background:var(--color-atlas)}.chrome{position:absolute;z-index:var(--z-chrome)}.brand{inset-block-start:calc(var(--space-5) + env(safe-area-inset-top));inset-inline-start:calc(var(--space-6) + env(safe-area-inset-left));max-width:min(var(--content-measure),calc(100% - var(--space-12)));pointer-events:none}.brand-kicker,.panel-kicker{margin:0 0 var(--space-1);color:var(--color-focus);font-size:var(--type-caption);font-weight:600;letter-spacing:var(--tracking-label)}.brand h1{margin:0;font-family:var(--font-display);font-size:var(--type-title);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.scale-copy{max-width:var(--content-measure);margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--type-body-small);text-wrap:pretty}.breadcrumbs{inset-block-start:calc((var(--space-12) * 3) + env(safe-area-inset-top));inset-inline-start:calc(var(--space-6) + env(safe-area-inset-left))}.breadcrumbs ol{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none}.breadcrumbs li+li:before{content:"/";margin-inline-end:var(--space-2);color:var(--color-text-faint)}.breadcrumbs button{min-height:var(--target-min);padding:0 var(--space-2);border:0;color:var(--color-text-muted);background:transparent;cursor:pointer}.breadcrumbs button[aria-current=page]{color:var(--color-text)}.map-navigation{position:absolute;z-index:var(--z-labels);inset-block-start:31%;inset-inline-start:calc(var(--space-6) + env(safe-area-inset-left));display:grid;gap:var(--space-3);max-width:min(var(--sheet-width),calc(100% - var(--space-12)))}.map-navigation button{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);min-height:var(--target-min);padding:var(--space-2) var(--space-3);border:var(--line-thin) solid transparent;border-radius:var(--radius-control);color:var(--color-text);background:transparent;cursor:pointer;text-align:start}.map-navigation button:hover,.map-navigation button:focus-visible{border-color:var(--color-hairline-strong);background:var(--color-surface)}.map-navigation small{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--type-caption)}.hint{inset-block-start:42%;inset-inline-end:calc(var(--space-6) + env(safe-area-inset-right));display:flex;align-items:center;max-width:var(--sheet-width);color:var(--color-text-faint);font-size:var(--type-body-small)}.hint[hidden]{display:none}.hint button{min-width:var(--target-min);min-height:var(--target-min);border:0;color:var(--color-text-muted);background:transparent;cursor:pointer}.loading{position:absolute;z-index:var(--z-status);inset-block-start:calc((var(--space-12) * 3) + var(--space-3));inset-block-end:auto;inset-inline-start:50%;display:flex;align-items:center;gap:var(--space-3);width:min(var(--sheet-width),calc(100% - var(--space-8)));box-sizing:border-box;padding:var(--space-3) var(--space-4);border:var(--line-thin) solid var(--color-hairline-strong);border-radius:var(--radius-sheet);background:var(--color-surface-solid);transform:translate(-50%);transition:opacity var(--motion-standard) var(--ease-standard);pointer-events:none}.loading.hidden{opacity:0;pointer-events:none}.loading[data-state=error]{pointer-events:auto}.loading-copy{display:grid;gap:var(--space-1);max-width:var(--content-measure);color:var(--color-text-muted);text-align:start}.loading-copy strong{color:var(--color-text);font-family:var(--font-display);font-size:var(--type-heading)}.loading-copy button{min-height:var(--target-min);margin-block-start:var(--space-3)}.skeleton-cloud{position:relative;width:calc(var(--space-12) * 2);height:var(--space-12);flex:0 0 auto}.skeleton-cloud i{position:absolute;width:var(--space-12);height:var(--space-12);border-radius:50%;background:var(--color-surface-hover);animation:breathe var(--motion-open) var(--ease-atlas) infinite alternate}.skeleton-cloud i:nth-child(2){transform:translate(var(--space-8),var(--space-5))}.skeleton-cloud i:nth-child(3){transform:translate(var(--space-8))}.skeleton-cloud i:nth-child(4){transform:translate(var(--space-12),var(--space-2))}@keyframes breathe{to{opacity:.55;transform:scale(1.12)}}.commands{inset-block-start:calc(var(--space-5) + env(safe-area-inset-top));inset-inline-end:calc(var(--space-6) + env(safe-area-inset-right));display:grid;gap:var(--space-2);width:min(var(--sheet-width),calc(100% - var(--space-12)))}.search-wrap{position:relative}.search-wrap label{display:block;margin-block-end:var(--space-1);color:var(--color-text-muted);font-size:var(--type-caption);font-weight:600;letter-spacing:var(--tracking-label)}.search-wrap input{width:100%;min-height:var(--control-height);appearance:none;border:var(--line-thin) solid var(--color-hairline);border-radius:var(--radius-control);padding:0 var(--space-4);background:var(--color-surface);color:var(--color-text)}.search-wrap input::placeholder{color:var(--color-text-faint)}.search-results{display:none;max-height:calc(var(--space-12) * 6);margin-block-start:var(--space-2);overflow:auto;border:var(--line-thin) solid var(--color-hairline);border-radius:var(--radius-control);background:var(--color-surface-solid)}.search-results.open{display:block}.search-results button[role=option]{display:grid;gap:var(--space-1);width:100%;min-height:var(--target-min);padding:var(--space-3) var(--space-4);border:0;border-block-end:var(--line-thin) solid var(--color-hairline);color:var(--color-text);background:transparent;text-align:start;cursor:pointer}.search-results button:hover,.search-results button[aria-selected=true]{background:var(--color-surface-hover)}.search-results .ecli{font-family:var(--font-mono);font-size:var(--type-body-small);overflow-wrap:anywhere}.search-results .meta{color:var(--color-text-muted);font-size:var(--type-caption)}.search-state{display:grid;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-muted);font-size:var(--type-body-small)}.search-state strong{color:var(--color-text)}.search-state button,.quiet-action{min-height:var(--target-min);padding:0 var(--space-3);border:var(--line-thin) solid var(--color-hairline);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-surface);cursor:pointer}.command-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.quiet-action{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--type-body-small)}.quiet-action:hover,.search-state button:hover{color:var(--color-text);background:var(--color-surface-hover)}.control-icon{width:var(--space-4);height:var(--space-4);fill:none;stroke:currentColor;stroke-width:var(--line-focus);stroke-linecap:round;stroke-linejoin:round}.map-key{inset-block-end:calc(var(--space-12) + var(--space-10) + env(safe-area-inset-bottom));inset-inline-start:calc(var(--space-6) + env(safe-area-inset-left));max-width:var(--sheet-width);color:var(--color-text-muted);font-size:var(--type-body-small)}.map-key summary{min-height:var(--target-min);padding:var(--space-2) var(--space-3);border:var(--line-thin) solid var(--color-hairline);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer}.key-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-4);margin-block-start:var(--space-2);padding:var(--space-3);border:var(--line-thin) solid var(--color-hairline);border-radius:var(--radius-control);background:var(--color-surface-solid)}.key-items span{display:flex;align-items:center;gap:var(--space-2)}.key-items p{grid-column:1 / -1;margin:var(--space-1) 0 0}.key-items i{display:inline-block;width:var(--space-3);height:var(--space-3)}.key-cloud{border-radius:50%;background:var(--community-03);opacity:.65}.key-dust{border-radius:50%;background:var(--community-02);transform:scale(.45)}.key-flow{height:var(--line-thin);background:var(--color-edge-active)}.key-selected{border:var(--line-focus) solid var(--color-selection);border-radius:50%}.timebar{inset-inline:calc(var(--space-6) + env(safe-area-inset-left)) calc(var(--space-6) + env(safe-area-inset-right));inset-block-end:calc(var(--space-4) + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-block-start:var(--line-thin) solid var(--color-hairline);background:var(--color-surface)}.timebar button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);padding:0 var(--space-3);border:var(--line-thin) solid var(--color-hairline);border-radius:var(--radius-control);color:var(--color-focus);background:transparent;cursor:pointer}.timebar label,.timebar .year{color:var(--color-text-muted);font-size:var(--type-body-small)}.no-flow-copy{display:none;grid-column:1 / -1;color:var(--color-warning);font-size:var(--type-body-small)}.timebar[data-state=no-flow] .no-flow-copy{display:block}#app:has(.timebar[data-state=no-flow]) .map-key{inset-block-end:calc((var(--space-12) * 3) + env(safe-area-inset-bottom))}.timebar input[type=range]{width:100%;min-height:var(--target-min);accent-color:var(--color-focus)}.timebar .year{min-width:4.5ch;color:var(--color-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.panel{z-index:var(--z-sheet);inset-block:calc(var(--space-12) + var(--space-12) + env(safe-area-inset-top)) calc(var(--space-12) + var(--space-8) + env(safe-area-inset-bottom));inset-inline-end:calc(var(--space-6) + env(safe-area-inset-right));width:min(var(--sheet-width),calc(100% - var(--space-12)));overflow:auto;padding:var(--space-5);border:var(--line-thin) solid var(--color-hairline);border-radius:var(--radius-sheet);background:var(--color-surface-solid);opacity:0;pointer-events:none;transform:translate(var(--space-4));transition:opacity var(--motion-collapse) var(--ease-standard),transform var(--motion-collapse) var(--ease-standard)}.panel.open{opacity:1;pointer-events:auto;transform:translate(0)}.panel header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.panel h2{margin:0;font-family:var(--font-display);font-size:var(--type-heading);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-wrap:pretty}.panel h3{margin:var(--space-5) 0 var(--space-2);color:var(--color-text-muted);font-size:var(--type-body-small)}.panel .close{flex:0 0 var(--target-min);width:var(--target-min);height:var(--target-min);border:0;color:var(--color-text-muted);background:transparent;cursor:pointer}.panel .ecli-line{margin-block-start:var(--space-3);color:var(--color-focus);font-family:var(--font-mono);font-size:var(--type-body-small);overflow-wrap:anywhere}.panel .metadata{color:var(--color-text-muted);font-size:var(--type-body-small)}.panel .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:var(--space-5) 0;padding-block:var(--space-3);border-block:var(--line-thin) solid var(--color-hairline)}.panel .stat{display:grid;gap:var(--space-1)}.panel .stat b{font-family:var(--font-mono);font-size:var(--type-heading)}.panel .stat span,.panel .list .meta{color:var(--color-text-muted);font-size:var(--type-caption)}.panel .badge{display:inline-block;margin-block-start:var(--space-2);padding:var(--space-1) var(--space-2);border:var(--line-thin) solid var(--color-warning);border-radius:var(--radius-control);color:var(--color-warning);font-size:var(--type-caption)}.panel .list button{display:grid;gap:var(--space-1);width:100%;min-height:var(--target-min);padding:var(--space-2) 0;border:0;border-block-end:var(--line-thin) solid var(--color-hairline);color:var(--color-text);background:transparent;text-align:start;cursor:pointer}.panel .list button:hover{color:var(--color-focus-strong)}.panel .actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-5)}.panel .actions a,.panel .actions button,.panel-error button{display:inline-flex;align-items:center;min-height:var(--target-min);padding:0 var(--space-3);border:var(--line-thin) solid var(--color-hairline-strong);border-radius:var(--radius-control);color:var(--color-focus-strong);background:transparent;text-decoration:none;cursor:pointer}.panel .actions a:hover,.panel .actions button:hover,.panel-error button:hover{background:var(--color-surface-hover)}.panel-error{display:grid;gap:var(--space-2);margin-block-start:var(--space-4);padding:var(--space-3);border-inline-start:var(--line-focus) solid var(--color-error);color:var(--color-error);font-size:var(--type-body-small)}@media(max-width:52rem){.brand{inset-inline-end:calc(var(--space-4) + env(safe-area-inset-right))}.scale-copy{max-width:44ch}.commands{inset-block-start:calc((var(--space-12) * 3) + env(safe-area-inset-top));inset-inline:calc(var(--space-4) + env(safe-area-inset-left)) calc(var(--space-4) + env(safe-area-inset-right));width:auto}.breadcrumbs{display:none}.map-navigation{inset-block-start:38%;inset-inline-start:calc(var(--space-4) + env(safe-area-inset-left))}.hint{display:none}.map-key{inset-inline-start:calc(var(--space-4) + env(safe-area-inset-left))}.panel{inset-block:auto calc(var(--space-12) + var(--space-8) + env(safe-area-inset-bottom));inset-inline:calc(var(--space-4) + env(safe-area-inset-left)) calc(var(--space-4) + env(safe-area-inset-right));width:auto;max-height:56dvh;transform:translateY(var(--space-4))}.panel.open{transform:translateY(0)}.timebar{inset-inline:calc(var(--space-4) + env(safe-area-inset-left)) calc(var(--space-4) + env(safe-area-inset-right))}.loading{inset-block-start:calc((var(--space-12) * 5) + var(--space-8) + var(--space-1))}}@media(max-width:30rem){.brand{inset-block-start:calc(var(--space-3) + env(safe-area-inset-top));inset-inline-start:calc(var(--space-4) + env(safe-area-inset-left))}.brand-kicker{display:none}.brand h1{font-size:var(--type-heading)}.scale-copy{margin-block-start:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commands{inset-block-start:calc(var(--space-12) + var(--space-5) + env(safe-area-inset-top))}.search-wrap label{position:absolute;width:var(--line-thin);height:var(--line-thin);overflow:hidden;clip:rect(0,0,0,0)}.command-actions{justify-content:stretch}.quiet-action{flex:1;justify-content:center}.map-navigation{inset-block-start:35%}.map-key{inset-block-end:calc(var(--space-12) + var(--space-12) + env(safe-area-inset-bottom))}.key-items{grid-template-columns:1fr}.key-items p{grid-column:auto}.timebar{grid-template-columns:auto auto minmax(0,1fr) auto;gap:var(--space-2)}.timebar button span{display:none}.timebar button{width:var(--target-min);padding:0;justify-content:center}.loading{inset-block-start:calc((var(--space-12) * 3) + var(--space-6) + var(--space-1));gap:var(--space-2);padding:var(--space-2) var(--space-3)}.loading .skeleton-cloud{width:calc(var(--space-12) + var(--space-4));height:var(--space-8)}.loading .skeleton-cloud i{width:var(--space-8);height:var(--space-8)}.loading .skeleton-cloud i:nth-child(2){transform:translate(var(--space-6),var(--space-3))}.loading .skeleton-cloud i:nth-child(3){transform:translate(var(--space-6))}.loading .skeleton-cloud i:nth-child(4){transform:translate(calc(var(--space-8) + var(--space-1)),var(--space-2))}.loading-copy strong{font-size:var(--type-body)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:0s;animation-iteration-count:1;transition-duration:0s}.panel,.loading,.skip-link,.skeleton-cloud i,.quiet-action,.search-wrap input,.timebar button{animation:none;transition:none}}@media(prefers-contrast:more){.commands,.map-key,.timebar,.panel,.search-wrap input{--color-surface: var(--color-surface-solid);--color-hairline: var(--color-hairline-strong)}}.atlas-density,.atlas-topology,.atlas-labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.atlas-topology{z-index:calc(var(--z-map) + 1)}.atlas-density{z-index:var(--z-map)}#graph{z-index:calc(var(--z-map) + 1);background:transparent}.atlas-labels{z-index:var(--z-labels)}.system-probe{position:fixed;width:var(--line-thin);height:var(--line-thin);overflow:hidden;opacity:0;pointer-events:none}.system-canvas{color:CanvasText;background:Canvas}.system-highlight{color:HighlightText;background:Highlight}
