.btn-ring{--btn-color:#6b7280;--btn-hover:#4b5563;padding:8px 16px;border:1px solid var(--btn-color);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;background-color:white;color:var(--btn-color);display:inline-flex;align-items:center;justify-content:center}.btn-ring:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 0 0 2px white,0 0 0 4px var(--btn-color)}.btn-ring:not(:disabled):active{transform:scale(.97);filter:brightness(.95)}@media (prefers-color-scheme:dark){.btn-ring{background-color:transparent}.btn-ring:not(:disabled):hover{filter:brightness(1.2)}}.btn-ring:disabled{--btn-color:#9ca3af;cursor:not-allowed;opacity:.6}.btn-ring:disabled:hover{background-color:white;border-color:#d1d5db;color:inherit;box-shadow:none}.btn-ring:hover{color:var(--btn-hover);box-shadow:0 0 0 2px rgb(194,194,194),0 0 0 4px var(--btn-color)}.btn-ring.blue{--btn-color:#3b82f6;--btn-hover:#2563eb}.btn-ring.red{--btn-color:#ef4444;--btn-hover:#dc2626}.btn-ring.green{--btn-color:#22c55e;--btn-hover:#16a34a}.btn-ring.gray{--btn-color:#6b7280;--btn-hover:#4b5563}.btn-ring.purple{--btn-color:#8b5cf6;--btn-hover:#7c3aed}.pwa-install-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 4px rgba(59,130,246,.3)}.pwa-install-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.4);filter:brightness(1.05)}.pwa-install-btn:active{transform:scale(.97)}