@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg: #000;--text: #f3f3f3;--muted: #8e8e8e;--line: #313131;--line-strong: #686868;--accent: #ff4a4a;--accent-soft: #591a1a}*{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:dark}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.45}body.is-booting{overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.06) .8px,transparent .9px);background-size:18px 18px;opacity:.14}button,input{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:1px solid var(--line-strong);outline-offset:2px}button{border:0;background:none;cursor:pointer}pre{margin:0;font:inherit;white-space:pre}.app-shell{position:relative;z-index:1;padding:10px 14px 14px}.boot-shell{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#000;animation:boot-failsafe 13.8s steps(2,end) forwards}.boot-shell.is-fading{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s steps(4,end),visibility 0s linear .18s}.boot-shell.is-hidden{display:none}.boot-shell__frame{width:min(100%,680px);border:1px solid var(--line);padding:14px 16px;background:#000}.boot-shell__head,.boot-shell__hint{display:flex;justify-content:space-between;gap:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.boot-shell__head{padding-bottom:10px;border-bottom:1px solid var(--line)}.boot-shell__head>span:last-child{color:var(--accent)}#boot-status:after{content:" _";animation:boot-cursor 1s steps(2,end) infinite}.boot-shell__log{min-height:11.2em;padding:12px 0 10px;color:var(--text);white-space:pre-wrap}.boot-shell__progress{padding:10px 0 8px;border-top:1px solid var(--line);color:var(--accent)}.boot-shell__hint{justify-content:flex-start;padding-top:8px;border-top:1px solid var(--line)}.topline{display:flex;justify-content:space-between;gap:16px;padding:8px 0 12px;border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.topline__cluster{display:flex;flex-wrap:wrap;gap:16px}.topline__cluster--right{justify-content:flex-end}.main-grid{display:grid;grid-template-columns:220px minmax(270px,320px) minmax(380px,1fr) minmax(220px,250px);gap:0;align-items:start;min-width:0}.directory,.viewport-column,.dossier-column,.trace-column{min-width:0;padding:14px 16px 0;border-left:1px solid var(--line)}.trace-column{border-right:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;min-width:0;padding:0 0 10px;border-bottom:1px solid var(--line);color:var(--accent);text-transform:uppercase;letter-spacing:.16em}.section-head>*{min-width:0}.section-head>*:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-head>*:last-child{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-head--nested{margin-top:14px}.section-head--hinted{color:var(--muted)}.section-head--hinted>*:last-child{color:var(--line-strong)}.field{display:grid;gap:8px;margin-top:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.field>span,.field-hint,.micro-stat__label,.record-link__type,.metric-item__label,.detail-item__label,.trace-item__stamp,.relation-link__meta,.shuffle-link{color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.field-hint{color:var(--line-strong)}.field input{width:100%;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;outline:none}.field input:focus{border-color:var(--line-strong)}.filter-line{display:flex;flex-wrap:wrap;gap:14px}.filter-link,.shuffle-link,.relation-link,.record-link{text-align:left;white-space:normal}.filter-link:before,.shuffle-link:before{content:"> ";display:inline-block;min-width:1.4ch;color:transparent}.filter-link{padding:0;color:var(--muted)}.filter-link.is-active:before,.filter-link:hover:before,.shuffle-link:hover:before{color:var(--accent)}.filter-link.is-active,.filter-link:hover,.shuffle-link:hover,.relation-link:hover,.record-link:hover{color:var(--accent)}.micro-stats,.record-list,.metric-list,.detail-list,.trace-stack,.relation-stack{display:grid}.trace-stack,.relation-stack{gap:0;min-width:0}.micro-stats{margin-top:14px}.micro-stat,.record-link,.metric-item,.detail-item,.trace-item,.relation-link,.ticker-block,.footer-command{padding:8px 0;border-bottom:1px solid var(--line)}.micro-stat__value{margin-top:4px}.record-list{margin-top:12px;max-height:calc(100vh - 260px);overflow:auto;padding-right:4px}.record-link.is-active{color:var(--accent)}.record-link,.relation-link{position:relative;transition:color .12s steps(2,end),padding-left .12s steps(2,end)}.record-link:before,.relation-link:before{content:">";position:absolute;left:0;top:8px;color:var(--accent);opacity:0}.record-link:hover,.record-link.is-active,.relation-link:hover,.relation-link:focus-visible{padding-left:10px}.record-link:hover:before,.record-link.is-active:before,.record-link:focus-visible:before,.relation-link:hover:before,.relation-link:focus-visible:before{opacity:1}.record-link__row{display:flex;justify-content:space-between;gap:10px}.record-link__title{margin-top:4px;font-size:.92rem;color:var(--text)}.record-link__meta,.detail-item__copy,.trace-item,.relation-link__meta{color:var(--muted)}.trace-item,.trace-item>div,.relation-link,.relation-link>div,.relation-link__meta,.ticker-block,.footer-command{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.viewport-column,.dossier-column,.trace-column{display:grid;gap:14px}.dossier-column{align-content:start}.viewport-column{overflow:hidden}.trace-column{align-content:start}.terminal-viewport{position:relative;width:100%;max-width:100%;min-width:0;aspect-ratio:10 / 16;min-height:clamp(480px,62vh,620px);overflow:hidden;border:1px solid var(--line);background:#000}.terminal-viewport__screen,.terminal-viewport__overlay{position:absolute;inset:0}.terminal-viewport__screen{display:block;width:100%;height:100%;padding:10px 8px;font-size:clamp(.31rem,.4vw,.44rem);line-height:1.04;letter-spacing:.012em;color:#e7e7e7;overflow:hidden}.terminal-viewport__overlay{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:8px;color:var(--muted);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase}.terminal-viewport__overlay>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-panels{display:none}.dossier-meta{display:grid;gap:10px;max-width:74ch}.dossier-meta__path,.dossier-meta__signal{color:var(--accent);text-transform:uppercase;letter-spacing:.16em}.dossier-meta__path{font-size:.78rem}.dossier-meta__signal{font-size:.82rem}.dossier-meta__title{margin:0;font-size:clamp(1.9rem,2.4vw,3.1rem);line-height:.95;text-transform:uppercase;text-wrap:balance}.dossier-tags{display:flex;flex-wrap:wrap;gap:8px 14px;max-width:74ch;color:var(--muted)}.dossier-tags span:before{content:"[";color:var(--accent)}.dossier-tags span:after{content:"]";color:var(--accent)}.dossier-copy{max-width:54ch;font-size:clamp(1rem,.3vw + .92rem,1.12rem);line-height:1.66;text-wrap:pretty}.metric-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;max-width:74ch}.detail-list{max-width:74ch}.black-shell{display:grid;gap:10px;max-width:74ch;padding-top:6px}.black-shell__message{color:var(--muted);line-height:1.58;text-wrap:pretty}.black-shell__head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--accent);text-transform:uppercase;letter-spacing:.16em}.black-shell__head>span:last-child{color:var(--muted)}.black-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.black-form input{flex:1 1 220px;min-width:0;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;outline:none}.black-form input:focus{border-color:var(--line-strong)}.black-actions{display:flex;flex-wrap:wrap;gap:14px}.black-link{padding:0;color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.16em}.black-link:before{content:"> ";display:inline-block;min-width:1.4ch;color:transparent}.black-link:hover:before,.black-link:focus-visible:before{color:var(--accent)}.black-link:hover,.black-link:focus-visible{color:var(--accent)}.metric-item__label,.detail-item__label{margin-bottom:6px;color:var(--accent)}.metric-item__value{color:var(--text)}.ticker-block,.footer-command{display:block;min-height:28px;color:var(--muted)}.footer-command:before{content:"> ";color:var(--accent)}.trace-item,.relation-link{display:grid;gap:4px}.relation-link>div:first-child{color:var(--text)}.relation-link__meta{letter-spacing:.08em;text-transform:none;line-height:1.5}.detail-item__copy{line-height:1.62;text-wrap:pretty}.record-link.is-active .record-link__title{color:var(--accent)}.noscript-message{margin:16px;padding:14px;border:1px solid var(--line)}.record-list::-webkit-scrollbar{width:8px}.record-list::-webkit-scrollbar-thumb{background:#222}@media(max-width:1450px){.main-grid{grid-template-columns:200px minmax(250px,290px) minmax(340px,1fr) 220px}}@media(max-width:1180px){.main-grid{grid-template-columns:240px minmax(0,1fr)}.trace-column{grid-column:1 / -1;border-top:1px solid var(--line)}}@media(max-width:980px){.main-grid{grid-template-columns:1fr}.dossier-column{order:1}.viewport-column{order:2}.directory{order:3}.trace-column{order:4;border-top:0}.directory,.viewport-column,.dossier-column,.trace-column{border-right:0;border-left:0;padding-inline:0}.topline{gap:10px;padding-top:4px}.topline__cluster{gap:10px}.metric-list{grid-template-columns:1fr}.record-list{max-height:38vh}.terminal-viewport{aspect-ratio:12 / 10;min-height:clamp(260px,46vh,420px)}}@media(max-width:700px){body{font-size:11px}.topline,.section-head{letter-spacing:.12em}.dossier-meta__title{font-size:clamp(1.8rem,10vw,2.8rem)}.dossier-copy{max-width:none;font-size:.98rem}.dossier-tags{gap:6px 12px}.boot-shell__frame{padding:12px 14px}.boot-shell__log{min-height:9.6em}}@keyframes boot-failsafe{0%,84%{opacity:1;visibility:visible;pointer-events:auto}to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes boot-cursor{0%,49%{opacity:1}50%,to{opacity:0}}
