:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243648;background:#edf2f6;font-size:14px}*{box-sizing:border-box}body{margin:0}header{background:#152e44;color:white;display:flex;align-items:center;gap:18px;padding:20px max(24px,calc((100vw - 1500px)/2));border-bottom:4px solid #31c9a3}.brand{font-weight:900;letter-spacing:-2px;font-size:24px;border:1px solid #577184;border-radius:8px;padding:10px}.brand span{color:#46dbb5}h1{font-size:20px;margin:0}header p{margin:4px 0 0;color:#b8cbd9}.public{margin-left:auto;font-size:10px;letter-spacing:1.3px;color:#bfe9dd;border:1px solid #466675;border-radius:20px;padding:8px 12px}main{max-width:1548px;margin:auto;padding:32px 24px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#437a83}h2{font-size:30px;letter-spacing:-1px;margin:7px 0}.intro p{color:#637788;margin:0}.clock{color:#637788;font-variant-numeric:tabular-nums}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.summary>div{border:1px solid #dbe4eb;background:white;border-radius:9px;padding:19px 23px;display:flex;flex-direction:column;gap:4px}.summary strong{font-size:28px;color:#173e54}.summary span{color:#70818f;font-size:12px}#feed-status{font-size:20px;padding:5px 0}.toolbar{display:flex;align-items:end;gap:18px;margin-bottom:18px}label{font-size:11px;font-weight:650;color:#5b7080;display:flex;flex-direction:column;gap:7px}label:first-child{flex:1;max-width:470px}input,select{font:inherit;font-size:14px;border:1px solid #cbd8e2;background:white;color:#243648;border-radius:6px;padding:11px;min-height:42px}input:focus,select:focus{outline:2px solid #269e89;outline-offset:2px}.legend{margin-left:auto;font-size:12px;color:#657a89;white-space:nowrap}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#159c72;margin-right:5px}.legend b{color:#b07812;margin-left:14px}.hub{background:white;border:1px solid #d6e1e9;border-radius:9px;overflow:hidden;margin-bottom:20px}.hub-head{display:flex;gap:12px;align-items:center;padding:17px 20px;background:#f8fafc;border-bottom:1px solid #e1e9ef}.hub-id{background:#173e54;color:white;padding:7px 10px;border-radius:5px;font-weight:750;font-variant-numeric:tabular-nums}.hub-title{font-weight:700;flex:1}.hub-meta{color:#6a7e8d;font-size:11px;margin-top:4px}.badge{font-size:11px;border-radius:20px;padding:5px 10px;background:#e5f5ef;color:#197450;white-space:nowrap}.badge.warn{background:#fff3d9;color:#8e6312}.badge.error{background:#fdeae8;color:#a33932}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;background:#edf3f7;color:#526b7e;font-weight:650;font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:11px 16px}td{padding:12px 16px;border-top:1px solid #ecf0f4;font-variant-numeric:tabular-nums}td:first-child{font-weight:700;color:#244e68}td:nth-child(2){white-space:normal;min-width:220px}tr.transmitting{background:#e1f6ec}tr.transmitting td:first-child{color:#08764e}tr.connecting{background:#fff8e8}.empty{padding:24px;color:#778996;text-align:center}.hub-status{font-size:11px;color:#7b6a3f}footer{display:flex;flex-wrap:wrap;gap:18px;color:#7c8d99;font-size:11px;padding:12px 0}footer a{color:#426e85;margin-left:auto}#notice:empty{display:none}#notice{font-size:12px;color:#8e6312}#directory-status{flex:1}@media(max-width:700px){header{padding:16px;gap:10px}.brand{font-size:18px}h1{font-size:16px}.public{display:none}main{padding:22px 12px}.intro{display:block}h2{font-size:26px}.clock{margin-top:14px;font-size:12px}.summary{grid-template-columns:repeat(2,1fr);gap:8px}.summary>div{padding:14px 18px}.toolbar{flex-wrap:wrap;gap:10px}label:first-child{min-width:200px}.legend{margin:3px 0}.hub-head{padding:12px;flex-wrap:wrap}.hub-title{min-width:130px}th,td{padding:10px 12px}}

:root{color-scheme:light}.theme-toggle{margin-left:auto;border:1px solid #668398;border-radius:6px;background:#203f57;color:#edf6fc;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.theme-toggle:hover{background:#2b516b}.theme-toggle:focus-visible{outline:2px solid #46dbb5;outline-offset:3px}
:root[data-theme="dark"]{color-scheme:dark;color:#dce6ef;background:#101922}
[data-theme="dark"] header{background:#101f2d;border-bottom-color:#31c9a3}
[data-theme="dark"] .eyebrow{color:#74c5bd}
[data-theme="dark"] .intro p,[data-theme="dark"] .clock,[data-theme="dark"] label,[data-theme="dark"] .legend{color:#a6bacb}
[data-theme="dark"] .summary>div,[data-theme="dark"] .hub{background:#192632;border-color:#334655}
[data-theme="dark"] .summary strong{color:#e3f1fa}
[data-theme="dark"] .summary span,[data-theme="dark"] .hub-meta,[data-theme="dark"] .empty,[data-theme="dark"] footer{color:#a6bacb}
[data-theme="dark"] input,[data-theme="dark"] select{background:#192632;color:#e1ecf4;border-color:#4b6274}
[data-theme="dark"] input::placeholder{color:#9aafbf}
[data-theme="dark"] .hub-head{background:#1e2e3d;border-color:#334655}
[data-theme="dark"] .hub-id{background:#30536c}
[data-theme="dark"] th{background:#25394a;color:#bfd1df}
[data-theme="dark"] td{border-color:#304250}
[data-theme="dark"] td:first-child{color:#a7d7f5}
[data-theme="dark"] .badge{background:#193e33;color:#91e8bc}
[data-theme="dark"] .badge.warn{background:#493b20;color:#f4d18a}
[data-theme="dark"] .badge.error{background:#4a292a;color:#ffb5b0}
[data-theme="dark"] tr.transmitting{background:#163e30}
[data-theme="dark"] tr.transmitting td:first-child{color:#8be5b5}
[data-theme="dark"] tr.connecting{background:#3e3422}
[data-theme="dark"] #notice,[data-theme="dark"] .hub-status{color:#f4d18a}
[data-theme="dark"] a{color:#8eccf4}
[data-theme="dark"] a:visited{color:#c6b9f5}
@media(max-width:480px){.theme-toggle{padding:8px;font-size:11px}header{flex-wrap:wrap}}