:root{--bg:#0f1623;--panel:#18212f;--panel-2:#1f2b3d;--text:#e6edf3;--muted:#93a4b8;--border:#2a394f;--accent:#2f81f7;--valid:#2ea043;--soon:#d29922;--expired:#f85149;--noexpiry:#6e7681;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.5}.container{max-width:1040px;margin:0 auto;padding:24px 20px 64px}.app-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.app-title{margin:0;font-size:1.4rem}.lang-toggle{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.85rem}.lang-toggle:hover{border-color:var(--accent)}button{font:inherit}.username-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;max-width:560px;margin:40px auto;padding:28px}.username-card h2{margin-top:0}.tagline{color:var(--muted)}.username-form label{color:var(--muted);margin-bottom:6px;font-size:.85rem;display:block}.username-row{gap:8px;display:flex}.username-row input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;flex:1;padding:10px 12px;font-size:1rem}.username-row input:focus{border-color:var(--accent);outline:none}.username-row button,.results-actions button,.error-panel button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.95rem}.username-row button:hover,.results-actions button:hover{filter:brightness(1.1)}.error-text{color:var(--expired);font-size:.85rem}.results-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.user-handle{font-size:1.05rem;font-weight:600}.fetched-at{color:var(--muted);font-size:.8rem;display:block}.results-actions{gap:8px;display:flex}.results-actions button{background:var(--panel-2);border:1px solid var(--border)}.summary-bar{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px;display:grid}.summary-item{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:12px;padding:14px}.summary-count{font-size:1.6rem;font-weight:700;display:block}.summary-label{color:var(--muted);font-size:.78rem}.summary-item.status-valid .summary-count{color:var(--valid)}.summary-item.status-soon .summary-count{color:var(--soon)}.summary-item.status-expired .summary-count{color:var(--expired)}.summary-item.status-noexpiry .summary-count{color:var(--noexpiry)}.cert-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.cert-card{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.cert-card.status-valid{border-left-color:var(--valid)}.cert-card.status-soon{border-left-color:var(--soon)}.cert-card.status-expired{border-left-color:var(--expired)}.cert-card.status-noexpiry{border-left-color:var(--noexpiry)}.cert-card-head{justify-content:space-between;align-items:center;display:flex}.cert-img{object-fit:contain;width:56px;height:56px}.cert-img-placeholder{background:var(--panel-2);border-radius:8px}.cert-name{min-height:2.6em;margin:0;font-size:1rem}.cert-meta{gap:16px;margin:0;display:flex}.cert-meta dt{color:var(--muted);font-size:.72rem}.cert-meta dd{font-variant-numeric:tabular-nums;margin:0;font-size:.85rem}.cert-remaining{margin:0;font-weight:600}.cert-card.status-soon .cert-remaining{color:var(--soon)}.cert-card.status-expired .cert-remaining{color:var(--expired)}.cert-link{color:var(--accent);font-size:.82rem;text-decoration:none}.cert-link:hover{text-decoration:underline}.badge{border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.badge.status-valid{color:var(--valid);background:#2ea04326;border-color:#2ea04366}.badge.status-soon{color:var(--soon);background:#d2992226;border-color:#d2992266}.badge.status-expired{color:var(--expired);background:#f8514926;border-color:#f8514966}.badge.status-noexpiry{color:var(--muted);background:#6e768126;border-color:#6e768166}.loading,.empty-panel,.error-panel{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:12px;padding:24px}.error-panel p{color:var(--expired)}@media (max-width:620px){.summary-bar{grid-template-columns:repeat(2,1fr)}}