body{font:16px/1.5 system-ui,sans-serif;margin:0;color:#1a1a1a;background:#fafafa}
header{background:#0b3d5c;color:#fff;padding:28px 20px}header h1{margin:0}.tag{margin:.3em 0 0;opacity:.9}
main{max-width:1200px;margin:auto;padding:16px}
.signup{background:#e8f3f9;padding:14px 18px;border-radius:8px;margin-bottom:16px}.signup h2{margin:0 0 8px;font-size:1.1rem}
.signup input{padding:8px;width:260px;max-width:60%}button{padding:8px 14px}
.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.controls input,.controls select{padding:8px}
.controls input{flex:1;min-width:220px}
.wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff}
th,td{padding:8px 10px;border-bottom:1px solid #e3e3e3;text-align:left;vertical-align:top;font-size:.92rem}
th{background:#f0f0f0;cursor:pointer;white-space:nowrap}tr:hover td{background:#fafcff}
.badge{padding:2px 7px;border-radius:10px;font-size:.78rem;color:#fff}.A{background:#1b7f4b}.B{background:#b7791f}
.stopped td:nth-child(5){color:#a12;font-weight:600}
.note{margin-top:24px;font-size:.9rem}footer{text-align:center;color:#666;padding:24px;font-size:.85rem}

.note small,small.note{color:#666;font-weight:normal}.tagmiss{background:#fde8e8;color:#9b1c1c;border-radius:8px;padding:1px 6px;font-size:.75rem}th[data-k]{cursor:pointer}th[aria-sort=ascending]::after{content:" ▲"}th[aria-sort=descending]::after{content:" ▼"}

.signup .fallback{margin:8px 0 0;font-size:.9rem}

/* signup */
.sr{position:absolute;left:-9999px}
.signup .sub{margin:0 0 10px}
.sf{display:flex;gap:8px}.sf input{flex:1;width:auto;max-width:none;min-width:0;font-size:16px;padding:12px;border:1px solid #9bb;border-radius:8px}
.sf button{font-size:16px;font-weight:600;padding:12px 20px;border:0;border-radius:8px;background:#0b3d5c;color:#fff;cursor:pointer}
.controls input,.controls select{font-size:16px;border:1px solid #bbb;border-radius:8px;background:#fff}
.controls #sort{display:none}
@media(max-width:700px){
header{padding:20px 16px}header h1{font-size:1.5rem}.tag{font-size:.95rem}
main{padding:12px}
.sf{flex-direction:column}.sf input,.sf button{width:100%;box-sizing:border-box;min-height:48px}
.controls{flex-direction:column;align-items:stretch}.controls input,.controls select{width:100%;box-sizing:border-box;min-height:48px;min-width:0}
.controls #sort{display:block}
#count{font-size:.9rem;color:#555}
.wrap{overflow:visible}
table,tbody,tr,td{display:block;width:100%;box-sizing:border-box}
thead{display:none}
tr{background:#fff;border:1px solid #e3e3e3;border-radius:10px;margin-bottom:12px;padding:8px 12px}
td{border:0;padding:5px 0;display:flex;gap:10px;justify-content:space-between;text-align:right;font-size:.95rem}
td::before{content:attr(data-l);font-weight:600;color:#555;text-align:left;flex:0 0 90px}
td:first-child{font-size:1rem}
td[data-l=Source] a{padding:6px 0;display:inline-block}
.stopped{border-left:4px solid #a12}
.stopped td:nth-child(5){font-weight:600}
}
.bh{display:block;width:100%;max-width:none;height:96px;border:0;margin:0;padding:0;background:transparent}