.header{text-align:center;margin-bottom:52px}.header__badge{border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent);font:700 13px/1 var(--font-sans);letter-spacing:.04em;margin-bottom:16px;padding:6px 14px;display:inline-block}.header__title{font:800 40px/1.15 var(--font-sans);color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 12px}.header__subtitle{max-width:480px;font:17px/1.6 var(--font-sans);color:var(--color-text-secondary);margin:0 auto}.filter-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.filter-bar__pill{font:600 12.5px var(--font-sans);border-radius:var(--radius-pill);background:var(--pill-bg);color:var(--pill-color);border:1px solid var(--pill-border);cursor:pointer;transition:background var(--transition-card), color var(--transition-card), border-color var(--transition-card);padding:8px 16px}.visual{border-radius:var(--radius-visual);flex-shrink:0;height:130px;position:relative;overflow:hidden}.visual__bars{align-items:flex-end;gap:6px;padding:16px;display:flex;position:absolute;inset:0}.visual__bar{background:var(--accent);border-radius:3px 3px 0 0;width:14%}.visual__grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid;position:absolute;inset:16px}.visual__cell{border-radius:2px}.visual__cell--strong{background:var(--accent)}.visual__cell--soft{background:var(--accent-soft)}.visual__rings{justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.visual__ring{border:3px solid var(--accent);border-radius:50%;width:34px;height:34px}.visual__ring--filled{background:var(--accent)}.visual__pixels{grid-template-columns:repeat(8,16px);grid-auto-rows:16px;place-content:center;gap:4px;display:grid;position:absolute;inset:0}.visual__pixel--strong{background:var(--accent)}.visual__pixel--soft{background:var(--accent-soft)}.card-link{height:100%;text-decoration:none;display:flex}.card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-card);transition:transform var(--transition-card), box-shadow var(--transition-card), border-color var(--transition-card);flex-direction:column;gap:14px;padding:24px;display:flex}.card-link:not(.card-link--static):hover .card,.card-link:focus-visible .card{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card__badge{font:600 11px/1 var(--font-sans);border-radius:var(--radius-pill);width:fit-content;padding:5px 10px;display:inline-block}.card__title{font:700 18px var(--font-sans);color:var(--color-text-primary);margin:0}.card__description{font:13.5px/1.55 var(--font-sans);color:var(--color-text-secondary);flex:1;margin:0}.card__cta{font:600 13px var(--font-sans);border-radius:var(--radius-cta);align-items:center;gap:6px;width:fit-content;padding:10px 16px;text-decoration:none;display:inline-flex}.add-card{border-radius:var(--radius-card);border:1.5px dashed var(--color-border-dashed);min-height:200px;color:var(--color-text-tertiary);background:0 0;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.add-card__glyph{font:600 26px var(--font-sans);color:var(--color-placeholder-glyph)}.add-card__caption{font:12.5px var(--font-sans);color:var(--color-text-tertiary);text-align:center;margin:6px 0 0}.footer{border-top:1px solid var(--color-border);text-align:center;margin-top:72px;padding-top:40px}.footer__title{font:700 17px var(--font-sans);color:var(--color-text-primary);margin:0 0 10px}.footer__bio{max-width:460px;font:14.5px/1.6 var(--font-sans);color:var(--color-text-secondary);margin:0 auto 16px}.footer__links{justify-content:center;gap:20px;display:flex}.footer__link{font:600 13px var(--font-sans);color:var(--color-accent);text-decoration:none}.footer__link:hover{text-decoration:underline}.footer__copyright{text-align:center;font:13px/1.6 var(--font-sans);color:var(--color-text-tertiary);margin-top:24px}.app-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}:root{--color-bg:#fdf8f0;--color-text-primary:#3a2f26;--color-text-secondary:#8a7a6a;--color-text-tertiary:#c2b195;--color-accent:#c8763a;--color-accent-soft:#fbe9d7;--color-surface:#fff;--color-border:#efe6d8;--color-border-dashed:#e3d5b8;--color-placeholder-glyph:#dcc9a8;--font-sans:Inter, system-ui, sans-serif;--radius-cta:8px;--radius-visual:10px;--radius-card:14px;--radius-pill:20px;--shadow-card:0 1px 3px #3a2f260d;--shadow-card-hover:0 10px 24px #3a2f261a;--transition-card:.18s ease}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}.page{max-width:1080px;margin:0 auto;padding:64px 24px 96px}