:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d1c19;background:radial-gradient(circle at 0 0,#f3c65159,#0000 30rem),radial-gradient(circle at 100% 0,#da7c5233,#0000 28rem),linear-gradient(#f8f3e8 0%,#efe4d1 100%);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}#root,.app-frame{min-height:100vh}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem clamp(1.25rem,2vw,2.5rem);display:flex}.brandmark{letter-spacing:.08em;text-transform:uppercase;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1.2rem;font-weight:700}.topnav{gap:1rem;font-size:.95rem;display:flex}.shell{width:min(1100px,100vw - 2rem);margin:0 auto;padding:1rem 0 3rem}.hero{padding:1rem 0 2rem}.eyebrow,.section-label{letter-spacing:.14em;text-transform:uppercase;color:#6d5b4d;margin:0;font-size:.78rem}.hero h1,.panel h1{margin:.4rem 0 .8rem;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95}.lede{color:#3f352d;max-width:42rem;margin:0;font-size:1.05rem;line-height:1.7}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffbf4d1;border:1px solid #45362a1f;border-radius:1.75rem;padding:clamp(1.25rem,2.4vw,2rem);box-shadow:0 1.2rem 3rem #49311514}.stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.form-grid{grid-template-columns:18rem minmax(0,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.avatar-panel,.details-panel{background:#ffffff8c;border-radius:1.25rem;padding:1rem}.avatar-preview{aspect-ratio:1;object-fit:cover;background:#f4e5d0;border-radius:1.5rem;width:100%;max-width:11rem;margin-bottom:1rem;display:block}.field{gap:.45rem;display:grid}.field-label{letter-spacing:.08em;text-transform:uppercase;color:#5b4638;font-size:.84rem;font-weight:700}.text-input,.upload-input{background:#ffffffe6;border:1px solid #47332226;border-radius:.95rem;width:100%;padding:.9rem 1rem}.helper-copy{color:#5f5248;margin:.75rem 0 0;line-height:1.6}.auth-form,.admin-grid{gap:1rem;display:grid}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-pill,.default-name{margin:.35rem 0 0;font-size:1.1rem;font-weight:600}.mode-pill{color:#fef8ef;text-transform:capitalize;background:#2f6054;border-radius:999px;padding:.35rem .75rem;display:inline-flex}.amount-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.amount-card{color:#2a2017;cursor:pointer;background:linear-gradient(#fff8ef 0%,#f0d8ba 100%);border:0;border-radius:1.25rem;padding:1rem;font-size:1rem;font-weight:700;box-shadow:inset 0 0 0 1px #422f1e14}.amount-card:hover{transform:translateY(-1px)}.amount-card-active{color:#fdf8ef;background:linear-gradient(#2f6054 0%,#21463e 100%)}.checkout-bar{border-top:1px solid #4131271a;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.checkout-amount{margin:.35rem 0 0;font-size:1.2rem;font-weight:700}.checkout-button{color:#fff9f1;cursor:pointer;background:#c46038;border:0;border-radius:999px;padding:.95rem 1.4rem;font-weight:700}.checkout-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button{color:#422f23;cursor:pointer;background:0 0;border:1px solid #41312726;border-radius:999px;padding:.95rem 1.4rem;font-weight:700}.admin-actions{gap:.75rem;margin-top:1rem;display:flex}.inline-link{color:#8a3d1f;margin-top:1rem;font-weight:700;display:inline-flex}.leaderboard-panel{margin-top:1.5rem}.leaderboard-header h2{margin:.35rem 0 0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:2rem}.leaderboard-list{gap:.8rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.compact-list{margin-top:1rem}.leaderboard-item{background:#fff9;border-radius:1.1rem;align-items:center;gap:.9rem;padding:.9rem 1rem;display:flex}.leaderboard-avatar{object-fit:cover;background:#f4e5d0;border-radius:1rem;width:3rem;height:3rem}.leader-name,.leader-amount{margin:0}.leader-name{font-weight:700}.leader-amount{color:#6a5748}@media (width<=768px){.topbar,.topnav{flex-direction:column;align-items:flex-start}.stack,.form-grid,.admin-grid,.amount-grid{grid-template-columns:1fr}.checkout-bar{flex-direction:column;align-items:stretch}.admin-actions{flex-direction:column}}
