/* Reusable Zen Flow button states. Import AFTER style.css. */
:root{--zf-midnight:#0D0C22;--zf-gold:#F1CB78;--zf-cream:#FFF3DF;--zf-muted:#E0D5E9;--zf-button-top:#FFEEB5;--zf-button-middle:#FFC653;--zf-button-bottom:#EEB153;--zf-button-ink:#1C0D06;--zf-outline-border:#EFB4FF;--zf-focus:#F1CB78;--zf-radius-button:28px;--zf-radius-card:10px}
.gold,.outline,button.login{min-height:44px;touch-action:manipulation}
.gold:focus-visible,.outline:focus-visible,button.login:focus-visible{outline:3px solid var(--zf-focus);outline-offset:4px}
.gold:active,.outline:active{transform:translateY(1px)}
.gold:disabled,.outline:disabled,button.login:disabled{opacity:.48;cursor:not-allowed;transform:none;filter:none;box-shadow:none}
.gold[aria-busy="true"]{cursor:progress;opacity:.8}
.gold.preview-hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 0 25px #FFAE6399}
.outline.preview-hover{background:#482254}
.button-gallery{max-width:1000px;margin:0 auto;padding:40px 24px}.button-gallery h1{font-size:46px;margin-bottom:15px}.button-gallery h2{font-size:30px;margin:36px 0 17px}.button-gallery p{max-width:700px;color:var(--muted)}.button-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.button-example{display:flex;gap:10px;flex-direction:column;align-items:start}.button-example small{font-size:11px;color:var(--muted)}.button-gallery pre{white-space:pre-wrap;background:#181029;border:1px solid #594263;padding:18px;font-size:12px}.button-gallery #button-status{margin-top:22px;color:var(--gold)}
@media(max-width:700px){.button-gallery{padding:28px 18px}.button-row{align-items:stretch}.button-example{width:100%}.button-example .gold,.button-example .outline{width:100%}}