:root{color-scheme:dark;--bg:#070a09;--panel:#101514;--panel2:#0b100f;--line:#222b28;--line2:#303b37;--text:#f5f7f6;--muted:#99aaa4;--muted2:#687771;--green:#88e2b3;--green2:#5cd494;--yellow:#f3c65d;--purple:#b897ff;--blue:#79b9ff;--danger:#ff8d82;--radius:26px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,input{font:inherit}.app-shell{width:min(1900px,calc(100% - 28px));margin:14px auto 46px}.topbar{position:sticky;top:8px;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border:1px solid var(--line);background:rgba(7,10,9,.93);backdrop-filter:blur(16px);border-radius:22px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--green);color:#082016;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:1.15rem}.brand small{color:var(--muted);margin-top:3px}.top-actions{display:flex;align-items:center;gap:10px}.mode-badge{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:10px 14px;border-radius:999px;color:var(--muted)}.mode-badge:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--yellow)}.mode-badge.live:before{background:var(--green)}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:var(--text);cursor:pointer;font-size:1.2rem}main{display:grid;gap:22px;margin-top:22px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.hero{min-height:460px;display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:end;padding:clamp(36px,6vw,86px);background:radial-gradient(circle at 78% 12%,rgba(136,226,179,.12),transparent 34%),linear-gradient(135deg,#111816,#0b100f)}.eyebrow{margin:0 0 18px;color:var(--green);font-size:.8rem;font-weight:900;letter-spacing:.18em}.hero h1{margin:0 0 28px;font-size:clamp(3.5rem,7vw,7.5rem);line-height:.94;letter-spacing:-.06em;font-weight:500}.hero-copy{max-width:1000px;color:#b9c7c2;font-size:clamp(1.05rem,1.8vw,1.55rem);line-height:1.62}.assembled{border-left:1px solid var(--line);padding-left:34px;display:flex;flex-direction:column;gap:14px}.assembled span{color:var(--muted)}.assembled strong{font-size:2.3rem}.primary-button,.secondary-button{border-radius:999px;padding:14px 22px;font-weight:850;cursor:pointer}.primary-button{border:0;background:var(--green);color:#07150e}.primary-button:hover{background:var(--green2)}.secondary-button{border:1px solid var(--line2);background:transparent;color:var(--text)}.metrics{display:grid;grid-template-columns:repeat(4,1fr)}.metrics article{padding:30px 34px;min-height:180px;border-right:1px solid var(--line)}.metrics article:last-child{border-right:0}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;margin:18px 0 10px;font-size:3.7rem;line-height:1}.rail-panel,.sources-panel{padding:clamp(28px,4vw,54px)}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:34px;align-items:end;margin-bottom:32px}.section-heading h2,.restart-panel h2,.ledger-header h2{margin:0;font-weight:500;letter-spacing:-.04em}.section-heading h2{font-size:clamp(2.2rem,4vw,4rem)}.section-heading>p{margin:0;color:var(--muted);line-height:1.6}.component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.component-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel2)}.component-card-top{display:flex;justify-content:space-between;gap:16px}.component-card h3{margin:5px 0 0;font-size:1.35rem}.component-kind{color:var(--muted2);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.component-card p{color:var(--muted);line-height:1.55}.component-card small{color:var(--muted2)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,500px);gap:22px}.ledger-panel,.detail-panel{min-height:720px}.ledger-header{display:grid;grid-template-columns:1fr minmax(250px,350px);gap:26px;align-items:end;padding:34px 36px 18px}.ledger-header h2{font-size:clamp(2.4rem,4vw,4.2rem)}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:15px;padding:0 14px;background:var(--panel2)}.search-box input{width:100%;padding:15px 0;border:0;outline:0;background:transparent;color:var(--text)}.filters{display:flex;flex-wrap:wrap;gap:7px;padding:0 34px 20px;border-bottom:1px solid var(--line)}.filter{border:0;background:transparent;color:var(--muted);padding:10px 15px;border-radius:999px;cursor:pointer}.filter:hover,.filter.is-active{background:#181f1d;color:var(--text)}.record-list{display:grid}.record-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:18px;padding:27px 34px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.record-row:hover,.record-row.is-selected{background:#151b19}.record-row.is-selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green)}.record-row-main{display:flex;gap:16px;min-width:0}.record-dot{width:14px;height:14px;margin-top:6px;border-radius:50%;background:#18221f;flex:0 0 auto}.record-title-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.record-copy strong{font-size:1rem}.record-copy small{display:block;color:var(--muted2);margin-top:9px}.record-time{color:var(--muted2);white-space:nowrap}.status{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line2);border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.status.verified,.status.governed{color:var(--green);background:rgba(136,226,179,.08);border-color:rgba(136,226,179,.25)}.status.assured{color:var(--purple);background:rgba(184,151,255,.09);border-color:rgba(184,151,255,.25)}.status.unresolved,.status.attention,.status.unavailable{color:var(--yellow);background:rgba(243,198,93,.08);border-color:rgba(243,198,93,.25)}.status.observed,.status.current{color:#b8c8c2}.detail-panel{padding:34px;background:radial-gradient(circle at 40% 0%,rgba(136,226,179,.05),transparent 38%),var(--panel)}#recordDetail h2{font-size:3.4rem;margin:0 0 18px;font-weight:500}#recordDetail h3{font-size:1.4rem;margin:28px 0 14px}#recordDetail>p{color:#aebdb7;line-height:1.65}.detail-meta{display:grid;margin:30px 0;border-top:1px solid var(--line)}.detail-meta div{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.detail-meta dt{color:var(--muted2)}.detail-meta dd{margin:0;overflow-wrap:anywhere}.source-button{width:100%;display:flex;justify-content:space-between;align-items:center;text-decoration:none;margin-top:24px}.rule-box{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.rule-box strong{color:var(--yellow)}.rule-box p{margin:10px 0 0;color:var(--muted);line-height:1.55}.restart-panel{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end;padding:clamp(38px,5vw,68px);background:radial-gradient(circle at 12% 0%,rgba(136,226,179,.13),transparent 36%),var(--panel)}.restart-panel h2{font-size:clamp(2.8rem,6vw,6.2rem);max-width:1200px;line-height:1.04}.restart-panel p:not(.eyebrow){color:var(--muted);font-size:1.1rem;line-height:1.65;max-width:1050px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.source-card{min-height:165px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel2)}.source-card-top{display:flex;justify-content:space-between;gap:12px}.source-card h3{margin:0}.source-card p{color:var(--muted);line-height:1.5}.source-card small{color:var(--muted2)}.source-status{width:9px;height:9px;border-radius:50%;background:var(--muted2)}.source-status.connected{background:var(--green)}.empty-state{color:var(--muted);line-height:1.7}.toast{position:fixed;right:22px;bottom:22px;max-width:380px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#151c1a;opacity:0;transform:translateY(100px);transition:.25s;z-index:50}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1120px){.hero{grid-template-columns:1fr}.assembled{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.workspace-grid{grid-template-columns:1fr}.source-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{width:calc(100% - 16px);margin-top:8px}.mode-badge{display:none}.hero{padding:34px 24px;min-height:520px}.hero h1{font-size:clamp(3.1rem,15vw,5rem)}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.component-grid,.source-grid,.section-heading,.ledger-header,.restart-panel{grid-template-columns:1fr}.record-row{grid-template-columns:1fr}.record-time{padding-left:30px}.detail-meta div{grid-template-columns:1fr;gap:5px}}