:root{--bg: #0b0e14;--panel: #131824;--panel2: #1a2130;--border: #232c3d;--text: #d6deeb;--muted: #7a8aa5;--accent: #4dd0e1;--ok: #66bb6a;--ng: #ef5350}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;font-size:14px}.app{max-width:1320px;margin:0 auto;padding:16px}.header{display:flex;align-items:baseline;gap:14px;margin-bottom:10px;flex-wrap:wrap}.header h1{font-size:20px;margin:0}.header .sub{color:var(--muted);font-size:12px}.header .commit{color:var(--muted);font-size:11px;margin-left:auto}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot.on{background:var(--ok)}.dot.off{background:var(--ng)}.intro{color:var(--text);font-size:13px;line-height:1.75;background:linear-gradient(150deg,#141d30,var(--panel));border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:12px}.intro a,.explain a{color:var(--accent)}.intro code,.explain code,.hint code{background:var(--panel2);padding:1px 5px;border-radius:4px;font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px;margin-top:14px}.panel h2{font-size:13px;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.controls .meta{color:var(--muted);font-size:12px;margin-left:auto}.controls .meta b{color:var(--text)}button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#06222a;border-color:var(--accent);font-weight:600}button.active{border-color:var(--accent);color:var(--accent)}.hint{color:var(--muted);font-size:11px;line-height:1.6;margin-top:8px}.dim{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.tmbars{display:flex;flex-direction:column;gap:10px;margin:8px 0}.tmrow{display:grid;grid-template-columns:90px 1fr 60px 210px;gap:10px;align-items:center}.tmlabel{font-weight:600;font-size:13px}.tmlabel .policy{font-size:10px;color:var(--muted);margin-left:5px;letter-spacing:1px}.tmtrack{position:relative;height:20px;background:var(--panel2);border-radius:5px;overflow:hidden}.tmfill{position:absolute;top:0;bottom:0;left:0;opacity:.55;border-radius:5px;transition:width .2s}.tmlbts{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;opacity:.7}.tmadv{position:absolute;right:6px;top:2px;font-size:10px;color:var(--accent)}.tmtime{font-variant-numeric:tabular-nums;font-size:12px;text-align:right}.tmla{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.tmla input[type=range]{flex:1;accent-color:var(--accent)}.tmla .lav{color:var(--accent);min-width:20px}.fedcard{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:8px}.fedhead{font-size:13px}.fedhead .fedpol{color:var(--muted);font-size:11px;margin-left:8px}.pubsub{font-size:11px;margin:4px 0;line-height:1.7}.ps{display:inline-block;width:34px;font-size:9px;text-align:center;border-radius:3px;margin-right:6px}.ps.pub{background:#ba9cf040;color:#ba9cf0}.ps.sub{background:#81c78433;color:#81c784}.inbox{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.inmsg{font-size:10px;background:#0e1622;border:1px solid var(--border);border-radius:4px;padding:2px 6px;color:var(--muted)}.fom{font-size:12px;margin-bottom:8px}.fomrow{padding:3px 0}.fomk{display:inline-block;font-size:9px;padding:1px 6px;border-radius:3px;margin-right:6px}.fomk.obj{background:#81c78433;color:#81c784}.fomk.int{background:#4dd0e133;color:var(--accent)}.objs{font-size:12px}.objrow{padding:3px 0;border-top:1px solid var(--border)}.evlog{max-height:260px;overflow-y:auto;font-size:12px;font-variant-numeric:tabular-nums}.evrow{display:grid;grid-template-columns:42px 84px 20px 190px 66px 1fr;gap:8px;align-items:center;padding:3px 2px;border-bottom:1px solid var(--border)}.evseq{color:var(--muted);font-size:10px}.evgrp{font-size:9px;text-align:center;border-radius:3px;color:#06222a;padding:1px 0;font-weight:600}.evdir{text-align:center;color:var(--muted)}.evsvc{color:var(--text)}.evfed{font-weight:600}.evdet{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explain{background:linear-gradient(150deg,#141d30,var(--panel))}.exgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.exgrid h3{font-size:13px;margin:0 0 5px;color:var(--accent)}.exgrid p{margin:0;font-size:12px;line-height:1.6;color:var(--text)}