:root{--bg:#080b11;--panel:#101621;--line:#273247;--text:#edf2fb;--muted:#94a3b8;--lime:#a9dc83;--blue:#84b5f7;--gold:#ebc979;--red:#ee8e99}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font:14px Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(900px 500px at 50% -20%,#253446 0%,transparent 65%),linear-gradient(150deg,#080b11,#0a0d13)}.topbar,main{max-width:1440px;margin:auto;padding:18px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}.brand{color:inherit;text-decoration:none;display:flex;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b7e48c77;border-radius:10px;color:var(--lime);font-weight:900}.brand b{display:block;font-size:16px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.health,.badge{color:var(--muted);font-size:11px;border:1px solid var(--line);background:#0c111a;border-radius:999px;padding:7px 10px}.intro{display:grid;grid-template-columns:1.5fr .75fr;gap:30px;padding:48px 0 28px;align-items:end}.eyebrow{margin:0;color:var(--lime);font-weight:800;font-size:10px;letter-spacing:.15em}.intro h1{margin:8px 0;font-size:clamp(38px,6vw,68px);letter-spacing:-.07em;line-height:.95}.intro p:not(.eyebrow){max-width:620px;color:var(--muted);line-height:1.6}.intro aside{padding:18px;border-left:2px solid var(--lime);background:#111a18aa}.intro aside b,.intro aside span{display:block}.intro aside span{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}.summary{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.summary article,.panel,.tree-panel{border:1px solid var(--line);background:linear-gradient(135deg,#121925e8,#0d121be8);box-shadow:0 22px 60px #0004}.summary article{padding:15px;border-radius:12px}.summary b{display:block;font-size:26px;letter-spacing:-.06em}.summary span{display:block;margin-top:3px;font-weight:700}.summary small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.tree-panel,.panel{border-radius:18px;padding:20px;margin-top:18px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.section-heading h2{font-size:19px;letter-spacing:-.04em;margin:4px 0 0}.legend{display:flex;gap:10px;color:var(--muted);font-size:10px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:4px}.tree{position:relative;overflow:auto;padding:34px 0 8px}.tree-root{display:flex;justify-content:center;position:relative;z-index:2}.root-node{position:relative;text-align:center;width:132px;height:132px;padding-top:28px;border-radius:50%;border:1px solid #b7e48caa;background:radial-gradient(circle at 38% 28%,#243c29,#121c19 65%);box-shadow:0 0 0 10px #a9dc8308,0 0 50px #a9dc8322}.root-node b{font-size:20px;letter-spacing:-.05em}.root-node small{display:block;color:#b7c9ba;font-size:9px;margin-top:4px}.crown{display:block;color:var(--gold);font-size:17px;margin-bottom:2px}.trunk{height:42px;width:1px;background:linear-gradient(var(--lime),#3e6372);margin:auto}.branches{position:relative;display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:16px 12px;padding-top:28px}.branches:before{content:"";position:absolute;top:0;left:12.5%;right:12.5%;height:1px;background:#466479}.branch{position:relative;border:1px solid #29364a;border-radius:13px;background:#0c121bd9;min-height:178px;padding:14px}.branch-line{position:absolute;width:1px;height:29px;background:#466479;top:-29px;left:50%}.branch.live{border-color:#5eaf83;box-shadow:0 0 30px #7ed89d13}.branch.blocked{border-color:#754451}.branch header{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:start}.branch header b{display:block;font-size:13px}.branch header small{display:block;color:var(--muted);font-size:10px;line-height:1.3;margin-top:3px}.branch header>span{font-size:9px;color:var(--muted);background:#18212e;border-radius:999px;padding:4px 6px}.branch ul{padding:0;margin:14px 0 0;list-style:none}.branch li{border-top:1px solid #1e2938;padding:8px 0 0;margin-top:7px;display:grid;grid-template-columns:1fr auto;gap:3px}.branch li b{font-size:11px}.branch li span{color:var(--gold);font-size:9px}.branch li small{grid-column:1/-1;color:var(--muted);font-size:9px}.branch li.empty-project{display:block;color:#6d7b8c;font-size:10px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-top:4px;background:#738095}.dot.live{background:var(--lime);box-shadow:0 0 0 4px #a9dc8314}.dot.blocked{background:var(--red)}.dot.ready{background:var(--blue)}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row{display:flex;gap:9px;border-top:1px solid #243044;padding:12px 0}.row:first-child{border-top:0;padding-top:2px}.row div{flex:1}.row b{font-size:12px}.row p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.row>small{font-size:10px;color:var(--muted)}.empty{padding:10px 0;color:var(--muted);font-size:12px;line-height:1.5}.empty b{color:var(--text);font-size:12px}.empty p{margin:3px 0}.feed{margin-bottom:24px}.event{display:grid;grid-template-columns:10px 180px 1fr auto;gap:8px;align-items:center;border-top:1px solid #243044;padding:10px 0;font-size:11px}.event span,.event time{color:var(--muted)}.event time{font-size:10px}@media(max-width:1000px){.branches{grid-template-columns:repeat(2,minmax(240px,1fr))}.summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.topbar,main{padding-left:16px;padding-right:16px}.topbar{align-items:flex-start;gap:10px;flex-direction:column}.intro,.lower-grid{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr)}.branches{grid-template-columns:minmax(230px,1fr);padding-left:16px}.branches:before{left:16px;right:auto;width:1px;height:calc(100% - 26px)}.branch-line{left:-17px;width:17px;height:1px;top:25px}.tree{padding-top:26px}.trunk{height:28px}.event{grid-template-columns:10px 1fr auto}.event span{display:none}.legend{display:none}}