:root{font-family:system-ui,-apple-system,'Segoe UI','Noto Sans SC',sans-serif;color:#202923;background:#f4f5f1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.topbar{height:62px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8ebe5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#25352a;font-size:14px;font-weight:700}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:#286849;color:white;border-radius:7px;font-size:15px}.top-actions{display:flex;align-items:center;gap:16px}.live{display:flex;align-items:center;gap:7px;color:#5e685f;font-size:12px}.live i{width:7px;height:7px;border-radius:50%;background:#39a36d}.icon-button{width:34px;height:34px;border:1px solid #e1e6df;border-radius:7px;background:#fff;color:#34483b;display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:#f1f5f1}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}main{max-width:1160px;margin:0 auto;padding:52px 24px 72px}.heading-row{display:flex;justify-content:space-between;align-items:end}.eyebrow{margin:0 0 11px;color:#62816c;font-size:10px;font-weight:700;letter-spacing:1px}h1{font-size:30px;line-height:1.3;letter-spacing:0;margin:0;color:#202a23}.subtitle{margin:9px 0 0;font-size:14px;color:#707970}.updated{font-size:12px;color:#828a82;padding-bottom:3px}.toolbar{margin-top:32px;display:flex;gap:18px;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe4dc}.filters{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.filter{border:0;border-bottom:2px solid transparent;padding:12px 12px 11px;white-space:nowrap;background:transparent;color:#707970;font:inherit;font-size:13px;cursor:pointer}.filter.active{color:#276947;border-color:#35845d;font-weight:600}.results{padding-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.work{min-height:170px;padding:19px;background:#fff;border:1px solid #e6e9e3;border-radius:7px;display:flex;flex-direction:column;cursor:pointer;transition:border-color .15s,transform .15s}.work:hover{border-color:#8bb29a;transform:translateY(-2px)}.work-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-label{font-size:11px;color:#33704e;background:#edf5ef;padding:5px 8px;border-radius:4px}.work h2{font-size:16px;line-height:1.5;margin:14px 0 6px;letter-spacing:0}.work-meta{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;color:#929a92;font-size:11px}.notice{margin-top:18px;padding:12px 14px;border:1px solid #e8d6b1;background:#fff9e9;color:#735c2c;border-radius:6px;font-size:13px}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;color:#7a837a;font-size:14px}.skeleton{height:170px;background:linear-gradient(90deg,#ecefe9,#f7f8f5,#ecefe9);background-size:200% 100%;animation:shine 1.2s infinite;border-radius:7px}@keyframes shine{to{background-position:-200% 0}}.detail-dialog{width:min(1000px,calc(100vw - 28px));height:min(800px,calc(100dvh - 28px));padding:0;border:1px solid #e1e6df;border-radius:8px;background:#fff;color:#202923;box-shadow:0 24px 80px #18251b40}.detail-dialog::backdrop{background:#17231bc0}.detail-head{height:74px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebe5}.detail-head .eyebrow{margin-bottom:3px}.detail-head h2{font-size:17px;line-height:1.3;margin:0}.detail-description{margin:0;padding:11px 20px;color:#707970;font-size:12px}.frame-wrap{position:relative;height:calc(100% - 148px);min-height:200px;margin:0 14px;border:1px solid #e8ebe5;border-radius:5px;overflow:hidden;background:#f8f9f7}.frame-wrap iframe{width:100%;height:100%;border:0;background:white}.frame-loading{position:absolute;inset:0;display:grid;place-items:center;background:#f8f9f7;color:#788078;font-size:13px}.frame-loading[hidden]{display:none}.detail-foot{height:50px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;color:#858d85;font-size:11px}.detail-dialog[open]{display:flex;flex-direction:column}.detail-description:empty{display:none}@media(max-width:760px){main{padding:34px 16px 48px}.heading-row{align-items:start;gap:12px;flex-direction:column}.heading-row h1{font-size:25px}.updated{padding:0}.toolbar{margin-top:24px;align-items:stretch;flex-direction:column;gap:10px}.filters{margin:0 -16px;padding:0 12px}.filter{padding:10px 9px}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:15px}.work{min-height:160px;padding:14px}.work h2{font-size:14px;margin-top:12px}.detail-dialog{height:calc(100dvh - 20px);width:calc(100vw - 20px)}.frame-wrap{height:calc(100% - 170px);margin:0 8px}}@media(max-width:420px){.results{grid-template-columns:1fr}.work{min-height:142px}.work-meta{padding-top:12px}}