*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0d;--surface: #161616;--surface-hover: #1c1c1c;--border: rgba(255,255,255,.07);--text: rgba(255,255,255,.88);--text-muted: rgba(255,255,255,.35);--text-dim: rgba(255,255,255,.18);--accent: #fff}html,body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}#app{max-width:1100px;margin:0 auto;padding:0 24px 80px}.header{padding:56px 0 32px;border-bottom:1px solid var(--border);margin-bottom:40px}.header-inner{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.site-title{font-size:22px;font-weight:500;letter-spacing:-.02em}.site-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.count{font-size:12px;color:var(--text-dim)}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s ease}.filter-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dot, #666);display:none}.filter-pill[data-filter]:not([data-filter=all]):before{display:block}.filter-pill:hover{border-color:#ffffff2e;color:var(--text)}.filter-pill.active{background:#ffffff0f;border-color:#ffffff26;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}.card{display:flex;flex-direction:column;gap:10px;background:var(--surface);padding:24px;text-decoration:none;color:inherit;transition:background .15s ease;min-height:180px}.card:hover{background:var(--surface-hover)}.card--local{opacity:.5;pointer-events:none}.card-top{display:flex;align-items:center;justify-content:space-between}.card-date{font-size:11px;color:var(--text-dim)}.card-lang{display:flex;align-items:center;gap:5px;font-size:11px}.lang-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.card-title{font-size:15px;font-weight:500;letter-spacing:-.01em;line-height:1.3;text-transform:capitalize;flex:1}.card-desc{font-size:12px;color:var(--text-muted);line-height:1.6}.card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto}.tag{font-size:10px;color:var(--text-dim);background:#ffffff0a;border:1px solid var(--border);padding:2px 7px;border-radius:4px}.card-footer{display:flex;justify-content:flex-end}.card-arrow{font-size:14px;color:var(--text-dim);transition:color .15s ease,transform .15s ease;display:inline-block}.card:hover .card-arrow{color:var(--text);transform:translate(2px,-2px)}.empty,.error{grid-column:1/-1;padding:60px;text-align:center;color:var(--text-muted);font-size:14px}