:root{--ink:#101827;--muted:#667085;--line:#e4e7ec;--blue:#073c99}*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,sans-serif;color:var(--ink);background:#f5f8fb}header{min-height:82px;padding:16px max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;color:white;background:#111827;gap:20px}header strong{font-size:18px}header small{display:block;color:#b5bfce;margin-top:4px}.logo{display:inline-block;font-style:italic;color:#ffcd36;margin-right:12px;font-size:26px}header>span{font-size:12px;color:#b5bfce;white-space:nowrap}main{max-width:1180px;margin:auto;padding:28px 20px 60px}nav{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}button,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:8px;padding:11px 16px;cursor:pointer;background:white;font-weight:650;color:var(--ink)}button:hover{border-color:var(--blue)}button:disabled{opacity:.5;cursor:default}nav button.active,#refresh,.actions button:not(#retry){background:var(--blue);color:white;border-color:var(--blue)}.toolbar{display:flex;align-items:end;gap:12px;padding:24px 0 8px;flex-wrap:wrap}.toolbar label{display:grid;gap:5px;color:var(--muted);font-size:13px}select{padding:10px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}#notice{color:var(--muted);min-height:24px;margin:12px 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 3px 12px #1018280d}.card h2{font-size:21px;margin:10px 0 5px}.card p{margin:5px 0}.card .tag{font-size:12px;color:var(--blue);font-weight:750}.card .date{font-weight:650;margin-top:15px}.card .time{color:var(--muted);min-height:44px}.card button{width:100%;background:#111827;color:white;margin-top:12px}.empty{grid-column:1/-1;background:white;padding:30px;border-radius:12px;border:1px solid var(--line)}footer{padding:22px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}dialog{width:min(840px,94vw);border:0;border-radius:16px;padding:26px;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#101828aa}.close{float:right;font-size:24px;border:0;padding:0 8px}dialog h2{margin:0 35px 6px 0;font-size:23px}#listMeta{color:var(--muted)}#output{width:100%;height:430px;resize:vertical;padding:14px;border:1px solid var(--line);border-radius:8px;font:15px/1.7 ui-monospace,monospace;white-space:pre;tab-size:5}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}a{color:var(--blue)}[hidden]{display:none!important}@media(max-width:600px){header strong{font-size:15px}.toolbar label{flex:1 1 135px}main{padding:20px 14px}.actions button{flex:1}dialog{padding:20px}#output{height:50vh}}
.version-badge{display:inline-block;margin-left:8px;padding:2px 9px;border:1px solid #475467;border-radius:7px;color:#d0d5dd;font-size:14px;font-weight:600;vertical-align:middle;white-space:nowrap}header>div{min-width:0}header #lang{flex-shrink:0;min-width:74px}header small{letter-spacing:.08em}@media(max-width:600px){header{padding:16px;gap:12px}.version-badge{font-size:11px;margin-left:4px}header #lang{min-width:64px}}

header .logo{width:44px;height:44px;vertical-align:middle;margin-right:12px;font-style:normal}header strong{line-height:1.6}
