:root{color-scheme:dark;--bg:#091720;--surface:#122633;--line:#315363;--txt:#f2f7fa;--soft:#b8ced8;--gold:#facc15}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 0%,#193d4b,#091720 60%);color:var(--txt);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}a{color:#a9e8ff}
header{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;padding:14px clamp(12px,3vw,32px);border-bottom:1px solid #365563;background:#081721d9;position:sticky;top:0;z-index:10}header .brand{font-weight:900;letter-spacing:.07em;font-size:1.15rem;color:#f4f8f6;text-decoration:none}header nav{display:flex;gap:13px;flex-wrap:wrap}header .tag{color:#c0dbe1}
h1{font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 6px}.intro{max-width:900px;color:var(--soft);line-height:1.6}.wrap{padding:22px clamp(12px,3vw,32px);margin:auto;max-width:1550px}.pills{display:flex;flex-wrap:wrap;gap:9px}.pills a{display:inline-block;padding:9px 14px;border:1px solid #3a5965;border-radius:999px;text-decoration:none;color:#d7eaf2}.pills a[aria-current='page']{background:#2a5965;color:white;border-color:#90d6d8}
.layout{display:grid;grid-template-columns:minmax(265px,390px) minmax(0,1fr);gap:18px;margin-top:18px}.panel{background:#112631db;border:1px solid #35505d;border-radius:14px;padding:15px}.panel h2{font-size:1.13rem;margin:3px 0 12px}.grid{display:grid;gap:12px}.status-line{color:#b9cdd7;margin:10px 0;line-height:1.5}.rule-list{max-height:65vh;overflow:auto;padding-right:5px}.rule{padding:13px 5px;border-bottom:1px solid #2e4b57}.rule h3{margin:0 0 4px;font-size:1rem}.rule p{margin:6px 0;color:var(--soft);line-height:1.45}.rule small{color:#d4d9e2}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.row.space{justify-content:space-between}.rule .row{margin-top:8px}button,select,input{font:inherit}button,select,input[type='number'],input[type='text'],input[type='search']{background:#193845;color:white;border:1px solid #46616e;border-radius:8px;padding:8px 10px}button{cursor:pointer}button:hover{background:#265a68}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #facc15;outline-offset:2px}label{color:#dfedf1}input[type=checkbox]{width:16px;height:16px;accent-color:#facc15;vertical-align:middle}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.controls label{display:flex;align-items:center;gap:7px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;margin:12px 0}.stat{border:1px solid #325362;background:#112e3c;border-radius:10px;padding:11px}.stat strong{font-size:1.4rem;display:block}.stat span{color:#b5cbd2}.status{border-radius:999px;font-size:11px;padding:4px 8px;color:#16232d;white-space:nowrap;background:var(--status,#38bdf8);font-weight:800}.legend{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0}.legend span{display:inline-flex;gap:5px;align-items:center}.dot{width:13px;height:13px;border:1px solid #e3eef7;border-radius:50%;display:inline-block;background:var(--c)}
.note{color:#bcd2d9;line-height:1.6;font-size:13px}.field{display:flex;flex-direction:column;gap:5px}.field input{width:100%}details{border:1px solid #35515d;border-radius:10px;margin:10px 0;padding:8px 12px}summary{cursor:pointer;font-weight:700}details p{line-height:1.5}.group{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#9abecb;font-weight:bold;margin:15px 0 7px}.activity-visual{min-height:160px;border-radius:12px;border:1px solid #37515e;background:linear-gradient(135deg,#102d3a,#23414b);padding:15px}.activity-visual h2{margin-top:0}.empty{color:#bdd0d8}.badge-inline{color:#dff7a1;font-size:12px}.check-label{display:flex;align-items:center;gap:6px}.alert{border-left:3px solid #e4bc50;padding:7px 10px;color:#e9d6a5;background:#242c2e;border-radius:3px}.foot{padding:20px;color:#b4c7cd}
@media(max-width:900px){.layout{grid-template-columns:1fr}.rule-list{max-height:none}}