@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexSans-Regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexSans-Medium.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-Regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-Medium.woff2) format("woff2")}:root{--paper: #071018;--paper-elevated: #0d1a24;--paper-muted: #122230;--ink: #e8f1f5;--ink-soft: #d0dde6;--ink-muted: #9bb0bf;--ink-subtle: #7a93a6;--blue-line: #5ec8d8;--blue-line-soft: rgba(94, 200, 216, .14);--blue-line-mid: rgba(94, 200, 216, .32);--blue-fill: rgba(94, 200, 216, .08);--blue-strong: #7ad4e2;--gray-200: #1c3344;--black: #02060a;--pop: #5ec8d8;--pop-strong: #8adce8;--live: #3ecf8e;--bad: #f07178;--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--text-sm: .875rem;--text-base: 1rem;--leading-normal: 1.55;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 4px;--nav-h: 4.25rem;--max: 42rem;--grid-size: 24px;--grid-color: rgba(180, 220, 235, .07);--motion-fast: .18s;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);-webkit-font-smoothing:antialiased}:focus{outline:none}:focus-visible{outline:2px solid var(--blue-strong);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus,.sr-only:focus-visible{position:fixed;top:.75rem;left:.75rem;z-index:100;width:auto;height:auto;margin:0;padding:.5rem .75rem;overflow:visible;clip:auto;white-space:normal;background:var(--paper-elevated);color:var(--ink);border:1px solid var(--blue-line)}img{max-width:100%;display:block}.wrap{width:min(100% - 2rem,var(--max));margin-inline:auto}.wrap-wide{width:min(100% - 2rem,92rem)}.site-header{position:sticky;top:0;z-index:50;height:var(--nav-h);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--blue-line-soft)}.site-header .inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink)}.brand-mark{flex-shrink:0;width:3.5rem;height:3.5rem;border-radius:.35rem;box-shadow:0 0 0 1px #5ec8d838;overflow:hidden}.brand-mark img{width:3.5rem;height:3.5rem;object-fit:contain}.brand-text{display:flex;flex-direction:column;gap:.05rem}.brand-name{font-weight:600;font-size:1.05rem;letter-spacing:-.02em;line-height:1.1}.brand-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle)}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.user-label{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-muted)}.main{padding:var(--space-7) 0 var(--space-9, 6rem)}.label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-strong);margin:0 0 var(--space-3)}h1{font-size:clamp(1.6rem,1.2rem + 1.5vw,2.25rem);letter-spacing:-.03em;line-height:1.2;font-weight:600;margin:0 0 var(--space-4)}h2{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--ink-soft);margin:0 0 var(--space-4)}.lede{color:var(--ink-muted);margin:0 0 var(--space-6);max-width:40rem}.panel-card{background:var(--paper-elevated);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:var(--space-5);margin:0 0 var(--space-5)}.kv{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:.55rem 0;border-bottom:1px solid var(--blue-line-soft)}.kv:last-of-type{border-bottom:0}.k{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-muted)}.pill{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;border:1px solid transparent}.pill-ok{color:var(--live);border-color:color-mix(in srgb,var(--live) 40%,transparent);background:color-mix(in srgb,var(--live) 12%,transparent)}.pill-bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent);background:color-mix(in srgb,var(--bad) 12%,transparent)}.pill-warn{color:#e6c07b;border-color:color-mix(in srgb,#e6c07b 40%,transparent);background:color-mix(in srgb,#e6c07b 12%,transparent);margin-left:.4rem;text-transform:uppercase}.muted{color:var(--ink-subtle)}.mono{font-family:var(--font-mono);font-size:.8rem}.error{color:var(--bad);font-size:var(--text-sm)}.footnote{font-size:.8rem;margin-top:var(--space-6)}.site-footer{padding:0 0 var(--space-6);font-family:var(--font-mono);font-size:.7rem;color:var(--ink-subtle)}.ea-build-id{display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.65rem 1.25rem;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.btn-secondary{background:var(--paper-elevated);color:var(--ink);border-color:var(--blue-line-mid)}.btn-secondary:hover{background:var(--blue-fill);border-color:var(--blue-line)}.btn-pop{background:var(--pop);color:var(--black);border-color:var(--pop)}.btn-pop:hover{background:var(--pop-strong);border-color:var(--pop-strong)}.vault-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-4)}.search-input{flex:1 1 16rem;min-height:2.75rem;padding:.55rem .85rem;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background:var(--paper-elevated);border:1px solid var(--blue-line-mid);border-radius:var(--radius-sm)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:.8rem}.crumb{background:none;border:0;color:var(--blue-strong);cursor:pointer;padding:.2rem .25rem;font:inherit}.crumb-sep{color:var(--ink-subtle)}.vault-status{margin:0 0 var(--space-4)}.analytics-strip{margin:0 0 var(--space-5);padding:var(--space-4);background:var(--paper-elevated);border:1px solid var(--gray-200);border-radius:var(--radius-sm)}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin:0 0 var(--space-4)}.analytics-card{padding:var(--space-3);background:var(--paper-muted);border:1px solid var(--blue-line-soft);border-radius:var(--radius-sm);min-width:0}.analytics-value{margin:.2rem 0 .45rem;font-size:1.15rem;color:var(--ink)}.analytics-meta{margin:0;font-size:.75rem;color:var(--ink-subtle);display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.analytics-pill{margin-left:0;text-transform:uppercase}.analytics-recent{margin:0 0 var(--space-3)}.analytics-recent-list{list-style:none;margin:0;padding:0}.analytics-recent-list li{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;padding:.2rem 0}.analytics-recent-btn{background:none;border:0;padding:0;color:var(--blue-strong);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;text-align:left}.analytics-recent-btn:hover{text-decoration:underline}.analytics-note{margin:0;font-size:.75rem}.vault-banner{padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--gray-200);background:var(--paper-elevated);margin:0 0 var(--space-4)}.vault-banner-bad{border-color:color-mix(in srgb,var(--bad) 40%,transparent)}.vault-layout{display:grid;grid-template-columns:minmax(9rem,13rem) minmax(0,1fr) minmax(16rem,26rem);gap:var(--space-4);align-items:start}.folder-pane,.list-pane,.detail-pane{background:var(--paper-elevated);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:var(--space-4);min-width:0}.folder-list{list-style:none;margin:0;padding:0}.folder-btn{display:block;width:100%;text-align:left;background:none;border:0;color:var(--ink);font-family:var(--font-mono);font-size:.8rem;padding:.45rem .2rem;cursor:pointer}.folder-btn:hover{color:var(--blue-strong)}.object-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.object-table th{text-align:left;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);font-weight:500;padding:.4rem .5rem .6rem 0;border-bottom:1px solid var(--blue-line-soft)}.object-table td{padding:.55rem .5rem .55rem 0;border-bottom:1px solid var(--blue-line-soft);vertical-align:top}.object-table tr{cursor:pointer}.object-table tr:hover td,.row-selected td{background:var(--blue-fill)}.row-sensitive td:first-child{box-shadow:inset 2px 0 #e6c07b}.list-pane{overflow-x:auto}.detail-title{font-family:var(--font-sans);font-size:1.05rem;color:var(--ink);margin:0 0 var(--space-3)}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0}.preview-box{margin-top:var(--space-3);min-height:4rem}.preview-pre{margin:0;padding:var(--space-3);max-height:28rem;overflow:auto;background:var(--black);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;white-space:pre-wrap;word-break:break-word}.preview-img{max-height:28rem;width:auto;border:1px solid var(--gray-200);border-radius:var(--radius-sm)}.preview-frame{width:100%;height:28rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--black)}.wrap-any{overflow-wrap:anywhere;text-align:right}@media(max-width:960px){.vault-layout{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.brand-mark,.brand-mark img{width:2.75rem;height:2.75rem}.user-label{display:none}.object-table th:nth-child(3),.object-table td:nth-child(3){display:none}.analytics-grid{grid-template-columns:1fr}}
