:root{font-family:"Yu Gothic UI","Meiryo",system-ui,sans-serif;color:#192522;background:#f5f7f6;line-height:1.55;--green:#12704e;--line:#dce4df}*{box-sizing:border-box}body{margin:0}header,main{max-width:1480px;margin:auto;padding:28px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h1{font-size:32px;letter-spacing:-.05em;margin:0}h2{font-size:17px;margin:0}p{margin:5px 0}.eyebrow{color:var(--green);font-size:12px;letter-spacing:.13em;font-weight:700}#account,.muted{color:#68766f;font-size:13px}button,.action{font:inherit;font-weight:600;border:1px solid var(--green);border-radius:6px;padding:9px 15px;background:var(--green);color:white;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible,input:focus,select:focus{outline:3px solid #8dc8ae;outline-offset:2px}.secondary{background:white;color:#41584b;border-color:var(--line)}button:disabled{opacity:.45;cursor:default}.diagnostics{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;border-bottom:1px solid var(--line);padding-bottom:23px;gap:24px}.diagnostics div{display:flex;flex-direction:column;gap:7px}.diagnostics span{font-size:12px;color:#64776a}.diagnostics strong{font-size:30px;letter-spacing:-.03em}.diagnostics .time{font-size:17px;padding-top:8px}.statusline{padding:14px 0;color:#35694e;font-size:13px}.statusline.error{color:#a53030}form{display:flex;gap:12px;align-items:end;padding:10px 0 23px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#54695c}.search{flex:1;min-width:190px}input,select{font:inherit;font-size:14px;padding:10px 12px;border:1px solid #cbd7cf;background:white;border-radius:5px;min-height:42px}select{min-width:130px}.workspace{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(320px,1fr);border:1px solid var(--line);background:white;min-height:520px}.list-panel{border-right:1px solid var(--line)}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}#count{color:#74847a;font-size:12px}.message{display:block;background:white;color:inherit;text-align:left;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:16px 20px;width:100%;white-space:normal;font-weight:400;transition:background .12s}.message:hover,.message[aria-pressed=true]{background:#edf5ef}.message-top{display:flex;justify-content:space-between;gap:8px;color:#5f7467;font-size:12px}.preview{font-size:14px;line-height:1.7;margin-top:6px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.message-state{font-size:11px;margin-top:7px;color:#77847c}.pager{display:flex;justify-content:space-between;padding:16px 20px}.detail{min-width:0}#detail-meta,#detail-empty,#detail-state,#detail-text{margin:20px}#detail-text{font:inherit;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow:auto}dl{display:grid;grid-template-columns:minmax(100px,130px) 1fr;gap:10px;font-size:12px}dt{color:#697c6f}dd{margin:0;overflow-wrap:anywhere}.technical{margin-top:25px;font-size:13px;color:#64756a}.technical summary{cursor:pointer;font-weight:600}.technical dl{padding-top:12px}.technical p{max-width:900px;line-height:1.8}#remote{padding:35px 0}#remote p{margin:15px 0 25px}.empty{padding:35px 20px;color:#718276;font-size:14px}[hidden]{display:none!important}@media(max-width:850px){header,main{padding:20px 16px}.workspace{grid-template-columns:1fr}.list-panel{border-right:0}.detail{border-top:1px solid var(--line)}.diagnostics{grid-template-columns:1fr;gap:12px}.diagnostics div{flex-direction:row;align-items:center;justify-content:space-between}.diagnostics strong{font-size:24px}.diagnostics .time{font-size:14px;padding:0}header button{font-size:12px;padding:9px}form button{font-size:13px}}
