:root{font-family:Inter,"Noto Sans CJK KR",system-ui,sans-serif;color:#302b39;background:#f4f2f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:24px 32px 12px;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #7562be;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:32px;color:#827099}.brand strong{font-size:20px;letter-spacing:-.6px}.brand small{display:block;color:#8e8498;font-size:10px;margin-top:4px}.tools{display:flex;gap:8px}.tools button,input{border:1px solid #ddd6e4;border-radius:8px;background:transparent;padding:9px 12px;color:#756a82;font-size:11px}input{width:170px}.status-line{display:flex;gap:18px;padding:22px 0 16px;font-size:10px;color:#8b8194;flex-shrink:0;white-space:nowrap;overflow:hidden}#connection{color:#557c65}#shown{margin-left:auto}#grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));grid-template-rows:repeat(var(--rows,4),minmax(0,1fr));gap:12px;flex:1;min-height:0}.tile{container-type:size;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;text-align:left;border:1px solid #3e3a49;border-radius:14px;padding:18px;background:#28262f;color:#f9f7fa;box-shadow:0 3px 0 #dad5e0}.tile-head{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:clamp(7px,5cqh,12px);color:#c9bed3}.provider{display:flex;gap:8px;align-items:center;white-space:nowrap}.mark{display:grid;place-items:center;background:#d9cae9;color:#41314f;width:30px;height:30px;border-radius:9px;font-weight:700;flex-shrink:0}.claude .mark{background:#f2cdb0}.pi .mark{background:#c9e8d5}.host{font-size:9px;opacity:.6}.project{font-size:clamp(7px,5cqh,10px);color:#a298ac;margin-top:auto;padding-top:6px}.title{font-size:clamp(12px,min(11cqh,9cqw),25px);line-height:1.4;letter-spacing:-.5px;margin:6px 0 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}.state{font-size:clamp(7px,5cqh,10px);margin-top:10px;color:#afd6c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track{height:2px;position:absolute;bottom:9px;left:18px;right:18px;overflow:hidden}.running .track:after{content:"";display:block;height:100%;width:22%;background:#a8e8b6;animation:work 2s linear infinite}.attention{background:#ffda93;color:#3d2d18;border-color:#d2a358;animation:attention 2s ease-in-out infinite}.attention .tile-head,.attention .state{color:#65481f}.attention .project{color:#886b42}.inactive{background:#dddde3;color:#83818d;border-color:#cfccd7}.inactive .tile-head,.inactive .state,.inactive .project{color:#92909c}.inactive .mark{filter:grayscale(1);opacity:.6}.stale{background:#303b4f;border:1px dashed #a3b2ca;color:#e9eff8;animation:none}.stale .state{color:#bfd0e9}.stale .track:after,.inactive .track:after{animation:none;display:none}.counter{background:#dacef0;border-color:#c9b5e4;color:#513d69;justify-content:center;gap:8px}.counter>span:first-child{font-size:12px}.counter>strong{font-size:clamp(26px,min(30cqh,30cqw),100px);line-height:1;font-weight:600;letter-spacing:-3px}.counter>small{font-size:10px;color:#89749f}#summary{font-size:11px;line-height:1.6}.counter.uncertain{border:2px dashed #9081a4}footer{display:flex;justify-content:space-between;gap:8px;flex-shrink:0;height:33px;align-items:center;font-size:9px;color:#9c90a5}footer b{color:#b48a49;margin-left:15px}.gray{margin-left:15px;color:#9693a1}dialog{max-width:480px;width:calc(100% - 32px);border:1px solid #d9cce5;border-radius:18px;padding:28px;color:#3c3445;background:#faf8fc}dialog::backdrop{background:#241c3566;backdrop-filter:blur(4px)}dialog h2{font-size:22px}dialog p{white-space:pre-line;line-height:1.8;font-size:14px}dialog form{text-align:right}dialog button{border:1px solid #d9cce5;border-radius:7px;padding:6px 18px;background:transparent}.disconnected .tile,.disconnected .track:after{animation-play-state:paused!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes work{from{transform:translateX(-110%)}to{transform:translateX(550%)}}@keyframes attention{50%{border-color:#875b24}}@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important}}@media(max-width:600px){body{padding:16px 14px 4px}.brand strong{font-size:17px}.brand small,.tools button,#scope{display:none}input{width:118px}.status-line{padding:16px 0 12px}#grid{gap:8px}.tile{padding:11px;border-radius:10px}.track{left:11px;right:11px;bottom:6px}footer{font-size:8px}#mode{max-width:44%;text-align:right}}@container(max-height:125px){.mark{width:19px;height:19px;border-radius:5px;font-size:9px}.provider{gap:4px}.host{display:none}.project{font-size:8px}.title{font-size:12px;margin:3px 0}.state{margin-top:4px}.counter>small:last-child{display:none}.counter>span:first-child{font-size:9px}#summary{font-size:8px}.counter>small{font-size:8px}.counter>strong{letter-spacing:-1px}}@container(max-height:75px){.project,.host,.provider-name{display:none}.mark{width:14px;height:14px}.title{font-size:9px}.state{font-size:7px}.counter>small,#summary{display:none}.counter>strong{font-size:20px}}