:root{--bg: #f7f5f1;--fg: #2a2a2a;--muted: #6b6b6b;--accent: #c9531c;--accent-hover: #a8410f;--card-bg: #ffffff;--border: #e5e0d6;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--radius: 12px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1280px;margin:0 auto;padding:24px 20px 64px}.status{padding:48px 24px;text-align:center;color:var(--muted)}.status--error{color:#b00020}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--border)}.header h1{margin:0;font-size:28px;letter-spacing:-.01em}.subtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.sort-toggle{display:inline-flex;gap:0;background:var(--card-bg);border:1px solid var(--border);border-radius:999px;padding:4px}.sort-toggle button{border:0;background:transparent;padding:8px 16px;font-size:14px;color:var(--muted);border-radius:999px;cursor:pointer;transition:background .12s,color .12s}.sort-toggle button.is-active{background:var(--accent);color:#fff}.groups{display:flex;flex-direction:column;gap:40px}.group__header{margin:0 0 16px}.group__title{margin:0 0 6px;font-size:22px;letter-spacing:-.01em;color:var(--fg)}.group__description{color:var(--muted);font-size:14px;line-height:1.55;max-width:760px}.group__description p{margin:0 0 8px}.group__description p:last-child{margin-bottom:0}.group__description a{color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s}.card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000014,0 12px 24px #0000000f}.card__media{position:relative;aspect-ratio:1 / 1;background:#eee;overflow:hidden}.card__media img,.card__media video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.card__group-badge{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;font-size:11px;padding:4px 8px;border-radius:999px;letter-spacing:.04em}.card__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.card__title{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.vote-btn{border:0;background:var(--accent);color:#fff;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s}.vote-btn:hover:not(:disabled){background:var(--accent-hover)}.vote-btn:disabled{background:#d8d3c6;cursor:default;color:#555}.vote-count{font-variant-numeric:tabular-nums;font-weight:700;font-size:18px;color:var(--accent)}@media (max-width: 540px){.grid{grid-template-columns:repeat(2,1fr)}}