.btn-ring{--btn-color:#6b7280;--btn-hover:#4b5563;border:1px solid var(--btn-color);cursor:pointer;color:var(--btn-color);background-color:#fff;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.btn-ring:not(:disabled):hover{filter:brightness(1.05);box-shadow:0 0 0 2px white, 0 0 0 4px var(--btn-color);transform:translateY(-1px)}.btn-ring:not(:disabled):active{filter:brightness(.95);transform:scale(.97)}@media (prefers-color-scheme:dark){.btn-ring{background-color:#0000}.btn-ring:not(:disabled):hover{filter:brightness(1.2)}}.btn-ring:disabled{--btn-color:#9ca3af;cursor:not-allowed;opacity:.6}.btn-ring:disabled:hover{color:inherit;box-shadow:none;background-color:#fff;border-color:#d1d5db}.btn-ring:hover{color:var(--btn-hover);box-shadow:0 0 0 2px #c2c2c2, 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{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex;box-shadow:0 2px 4px #3b82f64d}.pwa-install-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.pwa-install-btn:active{transform:scale(.97)}