@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#17201c;--muted:#68736d;--paper:#f2f1ea;--line:#d7d8ce;--acid:#d9ef63;--violet:#775cf2;--orange:#e86f42;--cyan:#78e0ce;--deep:#23372f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.topbar,main,.footer{max-width:1440px;margin:auto;padding-left:5vw;padding-right:5vw}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:500 11px 'DM Mono',monospace;letter-spacing:.14em}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:26px;line-height:0;color:var(--violet)}.micro{color:var(--muted);font-size:9px;letter-spacing:.08em}.live-dot{height:7px;width:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #e86f421c}.top-meta{color:var(--muted)}.slash{color:#b2b5aa;padding:0 13px}.hero{padding:76px 0 64px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end}.eyebrow,.readout-label,.legend-kicker{font:500 10px 'DM Mono',monospace;letter-spacing:.16em;color:var(--violet)}h1{font-size:clamp(52px,7.4vw,108px);line-height:.88;letter-spacing:-.07em;margin:18px 0 28px;font-weight:600}h1 em{font-style:normal;color:var(--violet)}.dek{max-width:540px;font-size:17px;line-height:1.5;color:var(--muted);margin:0}.hero-readout{justify-self:end;width:min(100%,330px);padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.field-condition{font:500 13px 'DM Mono',monospace;margin:15px 0;display:flex;align-items:center;gap:11px}.condition-orb{height:13px;width:13px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 8px #d9ef6330}.readout-note{font-size:12px;color:var(--muted)}.control-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;align-items:center}.controls{display:flex;gap:10px}.controls button{height:38px;border:1px solid var(--ink);background:transparent;font:500 10px 'DM Mono',monospace;letter-spacing:.06em;padding:0 16px;cursor:pointer;transition:.2s}.controls button:hover{transform:translateY(-2px)}.controls .primary{background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:9px}.button-pulse{width:7px;height:7px;border-radius:50%;background:var(--acid)}.quiet{color:var(--muted);border-color:var(--line)!important}.stream-state{font:500 10px 'DM Mono',monospace;color:var(--muted);display:flex;align-items:center;gap:9px}.stream-led{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.event-count{padding-left:12px;color:#a4aaa2}.section-heading{display:flex;align-items:center;gap:13px;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;color:var(--muted);padding:26px 0 15px}.section-index{color:var(--violet)}.rule{height:1px;background:var(--line);flex:1}.section-hint{font-size:9px;letter-spacing:0;color:#9ba29b}.atlas{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:12px}.segment{position:relative;background:#e6e7df;border:1px solid #d0d2c8;padding:20px;cursor:pointer;overflow:hidden;transition:background .6s,border-color .3s,transform .25s,box-shadow .3s}.segment:hover,.segment.selected{transform:translateY(-3px);border-color:var(--ink);box-shadow:5px 5px 0 #17201c16}.segment::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#fff4 48%,transparent 55%);transform:translateX(-120%);pointer-events:none}.segment.pulse::after{animation:sweep .8s ease-out}@keyframes sweep{to{transform:translateX(120%)}}.segment.q{grid-column:span 5}.segment.cap{grid-column:span 4}.segment.ev{grid-column:span 3}.segment.exp{grid-column:span 7}.segment.rev{grid-column:span 5}.segment.dec{grid-column:span 4}.segment-top{display:flex;justify-content:space-between;align-items:center;font:500 9px 'DM Mono',monospace;color:#5f6b64;letter-spacing:.1em}.age-label{color:#4e5c53}.segment h2{font-size:23px;letter-spacing:-.04em;margin:22px 0 8px;font-weight:500}.segment p{font-size:12px;line-height:1.4;color:#667169;margin:0;max-width:330px}.segment-foot{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono',monospace;color:#67736a}.trust{display:flex;gap:6px;align-items:center}.trust-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--cyan)}.trust-dot.open{background:var(--violet)}.trust-dot.alert{background:var(--orange)}.edge{position:absolute;width:28px;height:28px;border-right:1px solid #17201c44;border-bottom:1px solid #17201c44;right:-14px;bottom:31px;transform:rotate(-45deg);z-index:2;background:inherit}.lower-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:46px}.activity-panel,.inspector-panel{border-top:1px solid var(--ink)}.event-log{height:245px;overflow:auto;border-bottom:1px solid var(--line)}.event{display:grid;grid-template-columns:84px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.event-time{font:10px 'DM Mono',monospace;color:#9aa39b}.event-text{color:#48554c}.event-text strong{color:var(--ink);font-weight:500}.event-tag{font:9px 'DM Mono',monospace;color:var(--violet);border:1px solid #c8c1fa;padding:4px 6px}.inspector-panel{padding-left:28px}.inspector-empty{min-height:245px;padding:30px 0;font-size:24px;line-height:1.1;letter-spacing:-.04em}.inspector-empty span{font-size:13px;line-height:1.4;color:var(--muted);letter-spacing:0}.inspector-content{padding:7px 0}.inspector-content h3{font-size:28px;letter-spacing:-.05em;margin:13px 0}.inspect-meta{font:10px 'DM Mono',monospace;color:var(--muted);display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.inspect-copy{font-size:13px;line-height:1.5;color:#58655c;margin:20px 0}.inspect-actions{display:flex;gap:8px}.inspect-actions button{font:10px 'DM Mono',monospace;padding:9px 10px;background:transparent;border:1px solid var(--line);cursor:pointer}.legend-row{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:58px 0 30px;padding:19px 0;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;font-size:11px;color:var(--muted)}.legend-kicker{font-size:9px;margin-right:12px}.age-scale{display:flex;align-items:center;gap:8px;font:9px 'DM Mono',monospace}.scale-swatch{width:35px;height:8px}.fresh{background:#d9ef63}.warm{background:#e6a259}.old{background:#8c7fd0}.right{text-align:right}.footer{display:flex;justify-content:space-between;padding-top:0;padding-bottom:26px;font:9px 'DM Mono',monospace;color:#9aa39b;letter-spacing:.04em}.footer span:last-child{text-align:right}@media(max-width:800px){.topbar,.control-strip,.footer{height:auto;gap:12px;align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}.hero{grid-template-columns:1fr;padding:52px 0 42px;gap:38px}.hero-readout{justify-self:stretch;width:100%}.control-strip{align-items:stretch}.controls{flex-wrap:wrap}.atlas{display:flex;flex-direction:column}.segment{min-height:160px}.lower-grid{grid-template-columns:1fr}.inspector-panel{padding-left:0}.legend-row{grid-template-columns:1fr;gap:13px}.right{text-align:left}.footer{flex-direction:column}.footer span:last-child{text-align:left}}