.issue-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.issue-options label{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:9px;padding:12px;font-size:13px;cursor:pointer}.issue-options label:has(input:checked){border-color:var(--ok);background:#10b98112}.issue-options input{accent-color:var(--ok)}
.card{position:relative;padding-bottom:36px!important}.detail-link{position:absolute;bottom:10px;left:20px;color:var(--text-muted);font-size:11px;text-decoration:none}.detail-link:hover{text-decoration:underline;color:var(--text-main)}
.language-picker{position:relative;z-index:80}.language-picker>button{background:transparent;color:var(--text-main);border:1px solid var(--border);border-radius:8px;padding:8px 12px;cursor:pointer}.language-menu{display:none;position:absolute;right:0;top:100%;min-width:155px;padding:6px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #0003}.language-picker:hover .language-menu,.language-picker:focus-within .language-menu,.language-picker[data-open=true] .language-menu{display:grid}.language-menu button{background:none;border:0;text-align:left;color:var(--text-main);padding:10px;cursor:pointer;border-radius:6px}.language-menu button:hover,.language-menu button:focus{background:var(--card-hover)}.theme-bar{gap:10px;align-items:center}
:focus-visible{outline:2px solid var(--ok);outline-offset:3px}

.language-picker img{width:22px;height:15px;object-fit:cover;border-radius:2px;vertical-align:middle;margin-right:7px}.language-picker button{min-height:38px}
/* 3.3 — ink black, violet/cyan interaction accents; status colors retain their meaning. */
:root{--accent:#a78bfa;--accent-strong:#7c3aed;--accent-cyan:#67e8f9;--accent-wash:rgba(167,139,250,.09)}
:root:not([data-theme=light]){--bg:#08080d;--card:#121219;--card-hover:#1b1926;--border:#2b2939;--text-main:#f2f0fa;--text-muted:#aaa6ba}
:root[data-theme=light]{--accent:#6d28d9;--accent-strong:#6d28d9;--accent-cyan:#0e7490;--accent-wash:rgba(109,40,217,.06)}
body{background-color:var(--bg);background-image:radial-gradient(ellipse 70% 420px at 8% 0%,rgba(124,58,237,.13),transparent),radial-gradient(ellipse 55% 330px at 95% 6%,rgba(6,182,212,.08),transparent);background-repeat:no-repeat}
.search-input{border-color:var(--border);box-shadow:0 8px 35px #0002}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-wash),0 10px 35px #0002;outline:none}
.tab-btn.active{background:var(--accent-wash)!important;color:var(--accent)!important;border-color:var(--accent)!important;box-shadow:inset 0 -2px var(--accent)}
.card{isolation:isolate;overflow:hidden;border-radius:16px!important}.card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,var(--accent-wash),transparent 55%);opacity:0;transition:opacity .2s}.card:hover:before,.card:focus-within:before{opacity:1}.card:hover{border-color:var(--accent)!important;box-shadow:0 12px 30px #0003!important}.card:has(.badge-down){border-left:3px solid var(--down)}.card:has(.badge-err){border-left:3px solid var(--err)}.card:has(.badge-ok){border-left:3px solid var(--ok)}
.detail-link{color:var(--accent);transition:letter-spacing .2s}.card:hover .detail-link{letter-spacing:.25px}.site-name{font-weight:550!important}.status-badge{font-weight:500!important}.site-logo{padding:3px;border-radius:9px;background:var(--accent-wash)}
.sidebar-widget{background:linear-gradient(140deg,var(--accent-wash),transparent 70%),var(--card)!important}.widget-title,.category-title{color:var(--accent)!important}.issue-item:hover{border-color:var(--accent)!important}
.refresh-btn:hover{background:var(--accent-wash)!important;color:var(--accent)!important;border-color:var(--accent)!important}.refresh-btn[aria-pressed=true]{background:var(--accent-wash);color:var(--accent);border-color:var(--accent)}
.issue-options label{transition:border-color .18s,background .18s,transform .18s}.issue-options label:hover{border-color:var(--accent);background:var(--accent-wash)}.issue-options label:has(input:checked){border-color:var(--accent);background:var(--accent-wash);box-shadow:inset 3px 0 var(--accent)}.issue-options input{accent-color:var(--accent)}
.language-picker>button:hover{border-color:var(--accent)}.language-menu{box-shadow:0 14px 40px #0004}.language-menu button:hover{color:var(--accent)}
:focus-visible{outline-color:var(--accent)}
@media(hover:hover){button:active,.report-jump:active{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}