:root{color-scheme:light;--surface:#fbfcfc;--surface-raised:#eee;--surface-card:#fff;--surface-hover:#e6e9ea;--nav-bg:#fbfcfceb;--text:#303841;--muted:#52606d;--muted-light:#758594;--line:#d5dcde;--line-subtle:#e8ecee;--accent:#007e85;--accent-hover:#005f64;--accent-soft:#e2f6f7;--accent-contrast:#fff;--secondary:#ff5722;--content:68rem;--nav-content:68rem;--radius:.5rem;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface:#0e1114;--surface-raised:#161c22;--surface-card:#1d242c;--surface-hover:#26303a;--nav-bg:#0e1114eb;--text:#f2f5f7;--muted:#93a2af;--muted-light:#697886;--line:#24303c;--line-subtle:#1a222b;--accent:#00adb5;--accent-hover:#20c7cf;--accent-soft:#00adb526;--accent-contrast:#0e1114;--secondary:#ff5722}}[data-theme=dark]{color-scheme:dark;--surface:#0e1114;--surface-raised:#161c22;--surface-card:#1d242c;--surface-hover:#26303a;--nav-bg:#0e1114eb;--text:#f2f5f7;--muted:#93a2af;--muted-light:#697886;--line:#24303c;--line-subtle:#1a222b;--accent:#00adb5;--accent-hover:#20c7cf;--accent-soft:#00adb526;--accent-contrast:#0e1114;--secondary:#ff5722}[data-theme=light]{color-scheme:light;--surface:#fbfcfc;--surface-raised:#eee;--surface-card:#fff;--surface-hover:#e6e9ea;--nav-bg:#fbfcfceb;--text:#303841;--muted:#52606d;--muted-light:#758594;--line:#d5dcde;--line-subtle:#e8ecee;--accent:#007e85;--accent-hover:#005f64;--accent-soft:#e2f6f7;--accent-contrast:#fff;--secondary:#ff5722}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}.tags-page{max-width:var(--content);margin:0 auto;padding:2.5rem 1.5rem 5rem}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.825rem;display:flex}.breadcrumbs a{color:var(--muted);text-decoration:none;transition:color .15s}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs-sep{color:var(--muted-light);align-items:center;display:inline-flex}.breadcrumbs-sep svg{stroke:currentColor;width:12px;height:12px}.breadcrumbs-current{color:var(--text);font-weight:600}.tags-hero{border-bottom:1px solid var(--line-subtle);margin-bottom:2.5rem;padding-bottom:2rem}.tags-meta-badge{letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.tags-meta-sep{opacity:.4}.tags-hero h1{letter-spacing:-.025em;color:var(--text);margin:0 0 1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.15}.tags-hero h1 span.hash{color:var(--accent)}.tags-description{color:var(--muted);max-width:48rem;margin:0 0 1.5rem;font-size:1.15rem;line-height:1.6}.toolbar{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.search-box{max-width:32rem;position:relative}.search-icon{color:var(--muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-icon svg{width:18px;height:18px}.tag-search-input{width:100%;font-family:var(--font-sans);color:var(--text);background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);outline:none;padding:.75rem 1rem .75rem 2.75rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.tag-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tag-search-input::placeholder{color:var(--muted-light)}.filter-tabs{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-btn{appearance:none;background:var(--surface-raised);border:1px solid var(--line);color:var(--muted);font-family:var(--font-sans);cursor:pointer;border-radius:9999px;min-height:36px;padding:.4rem .85rem;font-size:.825rem;font-weight:600;transition:all .15s}.filter-btn:hover{background:var(--surface-hover);color:var(--text)}.filter-btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:700}.search-status{color:var(--muted);font-size:.825rem;font-family:var(--font-mono)}.tags-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.tag-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;padding:1.35rem;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s,border-color .18s;display:flex}.tag-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px -6px #00000014}[data-theme=dark] .tag-card:hover{box-shadow:0 8px 20px -6px #00adb51a}.tag-card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.tag-card-title{letter-spacing:-.015em;color:var(--text);align-items:center;gap:.25rem;margin:0;font-size:1.15rem;font-weight:750;transition:color .15s;display:flex}.tag-card:hover .tag-card-title{color:var(--accent)}.tag-card-title span.hash{color:var(--accent);font-weight:700}.tag-card-count{font-family:var(--font-mono);background:var(--surface-raised);color:var(--muted);border:1px solid var(--line-subtle);border-radius:9999px;padding:.2rem .55rem;font-size:.725rem;font-weight:600}.tag-card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin:0 0 1rem;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden}.tag-card-footer{color:var(--muted-light);border-top:1px solid var(--line-subtle);justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.75rem;display:flex}.tag-card-topic{color:var(--muted);align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.tag-card-explore{color:var(--accent);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.tag-card-explore svg{width:14px;height:14px}.empty-state{text-align:center;background:var(--surface-card);border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);grid-column:1/-1;padding:4rem 1.5rem}.empty-state h3{color:var(--text);margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.empty-state p{margin:0 0 1.25rem;font-size:.9rem}.clear-filter-btn{appearance:none;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius);cursor:pointer;border:none;min-height:44px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600}@media (width<=640px){.tags-page{padding:1.5rem 1rem 4rem}.tags-grid{grid-template-columns:1fr}}