:root{color:#172026;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#e2eef2e6,#f6f9f6f2),#eef2f5}button,a{font:inherit}.shell{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;min-height:100vh;padding:32px}.workspace{display:grid;align-content:center;justify-items:center;min-height:calc(100vh - 64px);padding:40px;border:1px solid rgba(23,32,38,.12);border-radius:8px;background:#fbfcfd}.status-strip{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 14px;border:1px solid rgba(23,32,38,.12);border-radius:999px;color:#465660;background:#fff}.status-dot{width:10px;height:10px;border-radius:999px;background:#87939b}.status-dot[data-state=connecting]{background:#d9892b}.status-dot[data-state=live]{background:#20845c}.status-dot[data-state=error]{background:#c94747}.identity{display:grid;gap:8px;margin-top:48px;text-align:center}.identity span{color:#61717b;font-size:18px}.identity strong{color:#172026;font-size:104px;line-height:.9;font-weight:800;letter-spacing:0}.meter{display:grid;grid-template-columns:repeat(5,12px);align-items:end;gap:8px;height:80px;margin-top:44px}.meter span{display:block;width:12px;height:18px;border-radius:999px;background:#9fb2a8;opacity:.45}.meter.active span{animation:level 1.1s ease-in-out infinite;opacity:.95}.meter.active span:nth-child(2){animation-delay:.14s}.meter.active span:nth-child(3){animation-delay:.28s}.meter.active span:nth-child(4){animation-delay:.42s}.meter.active span:nth-child(5){animation-delay:.56s}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:48px}button{min-width:116px;min-height:44px;padding:0 18px;border:1px solid rgba(23,32,38,.14);border-radius:8px;color:#172026;background:#fff;cursor:pointer}button.primary{border-color:#1c6b4d;color:#fff;background:#1f7a58}button:disabled{cursor:not-allowed;opacity:.55}button.loading{cursor:wait}.detail{max-width:680px;min-height:24px;margin:24px 0 0;color:#5c6a72;font-size:16px;line-height:1.5;text-align:center}.lines{display:grid;align-content:start;gap:8px;min-height:calc(100vh - 64px);padding:16px;border:1px solid rgba(23,32,38,.12);border-radius:8px;background:#fff}.lines a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:6px;color:#27343b;text-decoration:none}.lines a:hover{background:#eef4f2}.lines a[aria-current=page]{color:#fff;background:#293a43}body[data-role=host] .status-dot[data-state=live],body[data-role=host] .meter.active span{background:#b0563f}body[data-role=host] button.primary{border-color:#994631;background:#b0563f}@keyframes level{0%,to{height:20px}50%{height:76px}}@media (max-width: 760px){.shell{grid-template-columns:1fr;padding:14px}.workspace{min-height:auto;padding:32px 16px}.identity strong{font-size:84px}.lines{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto}}