:root{--bg:#121110;--surface:#1c1a18;--surface-2:#26231f;--line:#383430;--text:#f2ede6;--text-dim:#b8b0a4;--free:#4ade80;--freemium:#fbbf24;--paid:#f87171;--unverified:#9ca3af;--accent:#7dd3fc;--radius:10px;--font-data:ui-monospace,'SF Mono','Cascadia Code',monospace;--font-body:-apple-system,'Segoe UI',system-ui,sans-serif;color-scheme:dark}html[data-theme=light]{--bg:#faf7f2;--surface:#fff;--surface-2:#f0ebe4;--line:#d7d0c6;--text:#1c1a18;--text-dim:#625d56;--free:#16a34a;--freemium:#b45309;--paid:#dc2626;--unverified:#6b7280;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:450 16px/1.6 var(--font-body);min-height:100vh}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.command-bar{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px)}.command-inner,.board-shell,.footer-inner{max-width:1440px;margin:auto;padding-left:clamp(16px,3vw,38px);padding-right:clamp(16px,3vw,38px)}.command-inner{min-height:60px;display:flex;align-items:center;gap:20px}.wordmark,.login-mark{font:700 15px/1 var(--font-data);letter-spacing:.12em;color:var(--text);text-decoration:none;white-space:nowrap}.wordmark span,.login-mark span{color:var(--accent)}.stats-strip{display:flex;align-items:center;gap:12px;overflow:auto;white-space:nowrap;margin:0;flex:1;font:600 12px/1.2 var(--font-data);color:var(--text-dim)}.stats-strip span+span:before{content:'·';color:var(--text-dim);margin-right:12px}.stats-strip .free{color:var(--free)}.stats-strip .freemium{color:var(--freemium)}.stats-strip .paid{color:var(--paid)}.stats-strip .unverified{color:var(--unverified)}.command-actions{display:flex;gap:8px}.icon-button,.quiet-button,.clear-button{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text-dim);min-height:32px;padding:4px 9px}.icon-button{font:700 18px/1 var(--font-data)}.quiet-button{font:600 12px var(--font-data)}.board-shell{padding-top:26px;padding-bottom:55px}.search-section{margin-bottom:14px}.search-wrap{height:56px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);position:relative;display:flex;align-items:center}.search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.search-wrap input{border:0;outline:0;color:var(--text);background:transparent;width:100%;height:100%;padding:0 62px 0 18px;font-size:18px;font-weight:550}.search-wrap input::placeholder{color:var(--text-dim);opacity:1}.search-wrap kbd{position:absolute;right:14px;border:1px solid var(--line);border-radius:4px;padding:1px 7px;color:var(--text-dim);font:600 13px var(--font-data)}.filter-rail{position:sticky;top:60px;z-index:9;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 0 13px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px)}.filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.filter-label{font:700 11px/1 var(--font-data);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.filter-chip{border:1px solid var(--line);border-radius:100px;color:var(--text-dim);background:var(--surface);font:600 12px/1 var(--font-data);padding:7px 9px}.filter-chip i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--text-dim)}.tier-free i{background:var(--free)}.tier-freemium i{background:var(--freemium)}.tier-paid i{background:var(--paid)}.tier-unverified i{background:var(--unverified)}.tier-free[aria-pressed=true]{border-color:var(--free);background:color-mix(in srgb,var(--free) 12%,var(--surface))}.tier-freemium[aria-pressed=true]{border-color:var(--freemium);background:color-mix(in srgb,var(--freemium) 12%,var(--surface))}.tier-paid[aria-pressed=true]{border-color:var(--paid);background:color-mix(in srgb,var(--paid) 12%,var(--surface))}.tier-unverified[aria-pressed=true]{border-color:var(--unverified);background:color-mix(in srgb,var(--unverified) 12%,var(--surface))}.filter-chip:not(.tier-free):not(.tier-freemium):not(.tier-paid):not(.tier-unverified)[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--text)}.filter-selects select{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:5px 8px;font:600 12px var(--font-data)}.filter-summary{margin:0 auto 0 0;color:var(--text-dim);font:600 12px var(--font-data)}.clear-button{font:600 12px var(--font-data);color:var(--accent);border-color:transparent;padding:3px}.new-band{margin:22px 0 30px;padding:14px 0 14px 16px;background:var(--surface-2);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0}.new-band h2,.section-heading h1{margin:0 0 10px;font:700 13px var(--font-data);letter-spacing:.09em}.new-band h2{color:var(--text)}.new-band h2:first-letter{color:var(--accent)}.new-track{display:flex;gap:10px;overflow-x:auto;padding:0 14px 3px 0}.compact-card{flex:0 0 290px;min-height:auto}.compact-card .tool-name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.3}.compact-card.is-linked{cursor:pointer}.compact-card .card-links{margin-top:9px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.section-heading h1{font-size:12px;color:var(--text-dim);text-transform:uppercase}.section-heading span{font:600 12px var(--font-data);color:var(--text-dim)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:14px}.tool-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px 16px 13px 20px;overflow:hidden;transition:background 120ms ease,transform 120ms ease;animation:card-in 220ms ease both;animation-delay:var(--stagger,0ms)}.tool-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--unverified)}.rail-free:before{background:var(--free)}.rail-freemium:before{background:var(--freemium)}.rail-paid:before{background:var(--paid)}.rail-unverified:before{background:repeating-linear-gradient(to bottom,var(--unverified) 0 6px,transparent 6px 10px)}.tool-card:hover{background:var(--surface-2);transform:translateY(-1px)}.tool-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px}.tool-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;line-height:1.35;font-weight:650}.stars{font:700 12px var(--font-data);white-space:nowrap;color:var(--text)}.favorite{border:0;background:transparent;padding:1px;color:var(--text-dim);font-size:21px;line-height:1}.favorite.is-favorite{color:var(--freemium);animation:favorite-pop 200ms ease}.card-chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.tag{border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:var(--text-dim);font:600 12px/1.3 var(--font-data);white-space:nowrap}.tier-tag{border-color:color-mix(in srgb,currentColor 35%,var(--line))}.tier-tag.tier-free{color:var(--free);background:color-mix(in srgb,var(--free) 10%,transparent)}.tier-tag.tier-freemium{color:var(--freemium);background:color-mix(in srgb,var(--freemium) 10%,transparent)}.tier-tag.tier-paid{color:var(--paid);background:color-mix(in srgb,var(--paid) 10%,transparent)}.tier-tag.tier-unverified{color:var(--unverified);background:color-mix(in srgb,var(--unverified) 10%,transparent)}.tool-description{color:var(--text-dim);margin:0;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tool-card[aria-expanded=true] .tool-description{-webkit-line-clamp:unset}.card-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 13px;margin-top:12px;font:600 12px var(--font-data)}.card-links a{text-decoration:none}.card-links time{margin-left:auto;color:var(--text-dim);white-space:nowrap}.compact-card .card-chips{margin-bottom:0}.error-state{display:flex;align-items:center;gap:14px;border:1px solid var(--paid);border-left:4px solid var(--paid);border-radius:var(--radius);padding:12px;margin-bottom:14px;color:var(--text-dim)}.error-state button,.empty-state button,.load-more,.admin-forms button,.login-card button{border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#10202a;padding:7px 12px;font-weight:700}.error-state button{margin-left:auto}.empty-state{text-align:center;padding:75px 14px;font:600 18px var(--font-data);color:var(--text-dim)}.empty-state button{margin-top:14px;background:transparent;color:var(--accent)}.load-more-wrap{text-align:center;min-height:42px;padding-top:22px}.load-more{background:var(--surface);color:var(--text);border-color:var(--line);font:600 13px var(--font-data)}.skeleton{height:210px;border-color:transparent;background:linear-gradient(100deg,var(--surface-2) 28%,color-mix(in srgb,var(--text) 8%,var(--surface-2)) 45%,var(--surface-2) 62%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton:before{display:none}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:24px 0}.footer-inner{display:flex;flex-wrap:wrap;align-items:start;gap:16px 28px;color:var(--text-dim);font:600 12px var(--font-data)}.footer-inner p{margin:0}.export-links{display:flex;gap:14px}.export-links a{color:var(--accent)}.footer-inner details{width:100%;border-top:1px solid var(--line);padding-top:14px}.footer-inner summary{cursor:pointer;color:var(--text)}.admin-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.admin-forms label{display:block;margin-bottom:4px}.admin-forms form>div{display:flex;gap:7px}.admin-forms input,.login-card input{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:8px}.admin-forms button{white-space:nowrap;padding:7px 9px}.form-message{grid-column:1/-1;color:var(--accent)}.login-page{display:grid;place-items:center;padding:20px}.login-card{width:min(100%,420px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:34px}.login-mark{font-size:22px}.login-card h1{font-size:24px;margin:28px 0 4px}.login-intro{color:var(--text-dim);margin:0 0 24px}.login-card form{display:grid;gap:8px}.login-card label{font:600 13px var(--font-data);color:var(--text-dim);margin-top:6px}.login-card input{height:42px}.login-card button{margin-top:16px}.login-error{margin:10px 0 0;border-left:4px solid var(--paid);background:color-mix(in srgb,var(--paid) 10%,transparent);padding:8px 10px;color:var(--text-dim);font:600 13px var(--font-data)}.shake{animation:shake 240ms ease-in-out}@keyframes card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes favorite-pop{50%{transform:scale(1.25)}}@keyframes shake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}@media(max-width:760px){.command-inner{gap:10px}.stats-strip{order:3;width:100%;flex-basis:100%;padding-bottom:8px}.command-inner{flex-wrap:wrap;padding-top:12px}.filter-rail{top:98px}.filter-summary{order:4;width:100%;margin:2px 0}.admin-forms{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}}@media(max-width:480px){.quiet-button{display:none}.board-shell{padding-top:16px}.filter-rail{top:98px;gap:9px}.filter-selects{width:100%}.filter-selects select{max-width:calc(50% - 35px)}.card-top{gap:6px}.stars{font-size:11px}.admin-forms form>div{display:block}.admin-forms button{width:100%;margin-top:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.favorite.is-favorite{animation:none}.favorite.favorite-pop{animation:favorite-pop 200ms ease}@media(max-width:480px){.quiet-button{display:inline-block;padding:4px 6px;font-size:11px}}

.card-select{display:none;position:absolute;left:8px;top:12px;z-index:2}
.select-checkbox{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin:0}
.select-mode .card-select{display:flex}
.select-mode .tool-card{padding-left:46px}
.tool-card:has(.select-checkbox:checked){outline:2px solid var(--accent);outline-offset:-1px}
.select-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px clamp(16px,3vw,38px);background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,.25)}
#selectCount{font:700 13px var(--font-data);color:var(--text);white-space:nowrap}
.select-bar-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.danger-button{border:1px solid var(--paid);border-radius:6px;background:var(--paid);color:#2a0d0d;padding:7px 12px;font:700 13px var(--font-data)}
.danger-button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:480px){.select-bar{padding:10px 16px}.select-bar-actions{width:100%;justify-content:flex-end}}