:root{--fs-l: 28px;--fs-m: 18px;--fs-s: 14px;--ink: #22201c;--sub: #6f6a60;--line: #d9d3c7;--paper: #f3efe6;--card: #fbf9f4;--work: #2f8f5b;--wait: #c98a1a;--idle: #a39d91;--err: #b8432f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:var(--fs-m);line-height:1.5}svg text{font-family:Pretendard,sans-serif}.big{font-size:var(--fs-l);font-weight:700;letter-spacing:-.02em;margin:0}.small{font-size:var(--fs-s);color:var(--sub)}.topbar{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.topbar .spacer{flex:1}.conn{font-size:var(--fs-s);padding:2px 10px;border-radius:999px;border:1px solid currentColor}.conn.live{color:var(--work)}.conn.offline{color:var(--err)}.btn{font:inherit;font-size:var(--fs-s);background:transparent;border:1px solid var(--ink);border-radius:8px;padding:6px 14px;cursor:pointer;color:var(--ink)}.btn.primary{background:var(--ink);color:var(--paper)}.stage{display:grid;grid-template-columns:1fr 360px;gap:20px;padding:20px 24px}.office{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;overflow:auto}.feed{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 20px;max-height:calc(100vh - 140px);overflow:auto}.feed .item{padding:12px 0;border-bottom:1px solid var(--line)}.feed .item:last-child{border-bottom:0}.who{font-weight:700}.pill{display:inline-block;font-size:var(--fs-s);padding:0 10px;border-radius:999px;border:1px solid currentColor;margin-left:6px}.pill.started{color:var(--work)}.pill.finished{color:var(--sub)}.pill.failed{color:var(--err)}.pill.push{color:var(--ink)}.unknown{margin-top:12px;padding:12px;border:1px dashed var(--idle);border-radius:12px}.login{max-width:420px;margin:18vh auto;padding:32px;background:var(--card);border:1px solid var(--line);border-radius:16px}.login input{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;margin:16px 0;background:#fff}@media (max-width: 900px){.stage{grid-template-columns:1fr}.feed{max-height:none}}