:root{--btn-border:#e5e7eb;--btn-border-hover:#9ca3af;--btn-bg:#fff;--btn-text:#111827;--btn-success-border:#10b981;--btn-success-bg:#ecfdf5;--btn-success-text:#065f46;--btn-primary-bg:#111827;--btn-primary-text:#fff;--btn-primary-border:#111827;--btn-primary-hover:#374151}body,html{margin:0}.appButton{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);padding:10px 12px;border-radius:12px;font-weight:900;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}.appButton:hover{border-color:var(--btn-border-hover);box-shadow:0 0 0 2px rgba(156,163,175,.15)}.appButtonLink{display:inline-flex;align-items:center;text-decoration:none}.appButtonPrimary{border:1px solid var(--btn-primary-border);background:var(--btn-primary-bg);color:var(--btn-primary-text)}.appButtonPrimary:hover{border-color:var(--btn-primary-hover);box-shadow:0 0 0 2px rgba(17,24,39,.15)}.appButtonSuccess{border:1px solid var(--btn-success-border);background:var(--btn-success-bg);color:var(--btn-success-text)}