:root{font-family:Inter,"Segoe UI",sans-serif;color:#232d29;background:#f7f8f4}*{box-sizing:border-box}body{margin:0}header{height:76px;border-bottom:1px solid #d9ded6;background:#fff}.wrap{width:min(1080px,calc(100% - 64px));margin:auto}.bar,.intro,.boardhead,.identity,.controls,footer{display:flex;align-items:center}.bar,.intro,.boardhead,.controls{justify-content:space-between}.bar{height:100%}.brand{color:inherit;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1.4px;display:flex;align-items:center}.brand>span:last-child{color:#708075}.mark{display:grid;place-items:center;margin-right:10px;background:#194e3d;color:white;border-radius:8px;width:34px;height:34px;font-size:26px}.bar #health,.interval,.tag,.mono,.boardhead>span,footer{font:12px Consolas,monospace}.bar #health:before{content:'';display:inline-block;background:#779389;border-radius:50%;width:8px;height:8px;margin-right:8px}.bar #health.online:before{background:#36835b}.intro{padding:60px 0 34px;align-items:flex-end;gap:20px}h1{font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.065em;margin:0 0 13px;font-weight:620}p{color:#58665c;font-size:15px;line-height:1.5;margin:0}.interval{background:#e9eee7;border:1px solid #d4ddd2;border-radius:20px;padding:9px 14px;white-space:nowrap}.board{background:#fff;border:1px solid #d2dad1;border-radius:15px;overflow:hidden}.boardhead{background:#edf1e9;padding:16px 24px}.boardhead h2{font-size:15px;margin:0}.boardhead>span{color:#536356}article{display:grid;grid-template-columns:minmax(166px,.85fr) 1.5fr minmax(130px,.65fr);align-items:center;gap:24px;padding:27px 24px;border-top:1px solid #dce1d9;min-height:129px}.identity{gap:14px}.icon{height:48px;width:48px;display:grid;place-items:center;font:36px Georgia,serif;border-radius:13px;flex-shrink:0}.claude{background:#f8e7dc;color:#ae562e}.chatgpt{background:#dfede8;color:#216951}.gemini{background:#e9e9fc;color:#5557a3}h3{margin:0 0 4px;font-size:20px;letter-spacing:-.7px}.sub,.hint,.mono{color:#637168}.sub,.hint{font-size:13px}.hint{line-height:1.5}.tag{display:inline-block;margin-bottom:7px;color:#46554a}.tag.live{color:#177047}.controls{flex-direction:column;align-items:flex-end;gap:7px}button{background:white;border:1px solid #bec9bf;border-radius:7px;padding:9px 13px;font:600 13px inherit;font-family:inherit;color:#294936;cursor:pointer}button:hover{background:#edf3ed}button:focus-visible{outline:3px solid #699c78}button:disabled{opacity:.6}.reading+.reading{margin-top:12px}.reading strong{font-size:14px}.reading small{display:block;color:#5b695e;margin-top:3px}.value{float:right;font:12px Consolas,monospace}progress{width:100%;height:5px;display:block;margin-top:6px;accent-color:#3e7456}footer{gap:9px;color:#637168;margin:20px 1px}.mini{font-size:17px}.divider{color:#a2ada3}#message:not(:empty){margin-top:14px}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.intro{display:block;padding:35px 0 23px}.interval{display:inline-block;margin-top:15px}article{grid-template-columns:1fr auto;gap:14px;padding:20px}.metrics{grid-row:2;grid-column:1/-1}.controls{grid-column:2;grid-row:1}.boardhead{padding:14px 20px}.icon{width:39px;height:39px;font-size:29px}}
