/* Native HTML adaptation of MIT coss ui Button/Input/Card/Badge.
 * Attribution retained in legal/ui-sources.md and legal/coss-LICENSE.txt. */
.coss-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);transition:border-color .16s}.coss-card:hover{border-color:#61758a}.coss-card.collection-card{border-color:#435968;background:#172129}
.coss-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:#1c2026;color:var(--text);font-weight:550;font-size:13px;transition:background .16s,border-color .16s;cursor:pointer}.coss-button:hover{background:#28313b;border-color:#63768a}.coss-button:disabled{opacity:.5;pointer-events:none}.coss-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.coss-input{border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:border-color .16s}.coss-input:focus-within{border-color:var(--accent)}.coss-badge{display:inline-flex;align-items:center;gap:4px;border-radius:5px;font-weight:500}
@media(prefers-reduced-motion:reduce){.coss-button,.coss-card,.coss-input{transition:none}}