#app{flex-direction:column;height:100%;display:flex}#app,.page{width:100%;max-width:100vw;overflow-x:hidden}.page{--accent-500:var(--light-orange);--accent-600:var(--orange);--accent-700:var(--selected-orange);--bg-gradient-1:var(--white-background);--bg-gradient-2:color-mix(in srgb, var(--light-orange) 30%, var(--white-background));--radial-highlight:color-mix(in srgb, var(--light-orange) 40%, transparent);--text:var(--dark-background);--muted:color-mix(in srgb, var(--dark-background) 55%, var(--white-background));--border:color-mix(in srgb, var(--dark-background) 18%, transparent);--card-bg:color-mix(in srgb, var(--white-background) 65%, transparent);--card-border:color-mix(in srgb, var(--dark-background) 20%, transparent);--shadow:0 10px 30px #0000001a, 0 2px 8px #0000000f;--radius-card:20px;--radius-input:12px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent-600) 35%, transparent);--google-bg:#fff;--google-text:#111;--google-border:#e5e7eb;--apple-bg:#000;--apple-text:#fff;--facebook-bg:var(--facebook-blue);--facebook-text:#fff;color:var(--text);box-sizing:border-box;font-family:Fredoka;position:relative}@media (prefers-color-scheme:dark){.page{--bg-gradient-1:var(--dark-background);--bg-gradient-2:color-mix(in srgb, var(--light-background) 70%, var(--dark-background));--radial-highlight:color-mix(in srgb, var(--light-orange) 25%, transparent);--text:var(--white-background);--muted:color-mix(in srgb, var(--white-background) 65%, var(--dark-background));--border:color-mix(in srgb, var(--white-background) 28%, transparent);--card-bg:color-mix(in srgb, var(--dark-background) 78%, transparent);--card-border:color-mix(in srgb, var(--white-background) 18%, transparent);--shadow:0 12px 38px #00000080, 0 2px 10px #00000059}}.container{flex-direction:column;width:100%;max-width:1440px;margin:0 auto;display:flex;position:relative}.btn,.container{justify-content:center}.btn{cursor:pointer;will-change:transform;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:.98rem;font-weight:700;line-height:1;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s,color .16s,opacity .16s;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:hover{transform:translateY(-1px)scale(1.01)}.btn:active{transform:translateY(0)scale(.99)}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(180deg,var(--accent-600),var(--accent-700));color:#fff;width:fit-content}.btn.primary:hover{background:linear-gradient(180deg,var(--accent-600),color-mix(in srgb,var(--accent-700) 90%,#000))}.btn.primary.unactive{opacity:.7}.btn.primary:active{background:linear-gradient(180deg,var(--accent-700),var(--accent-700))}.m-a{margin:auto}.m-10{margin:10px}.page-size-select{border:1px solid var(--light-background);background:var(--light-background);color:var(--white-background);cursor:pointer;border-radius:999px;outline:none;padding:.3rem .6rem;font-size:.85rem;transition:background-color .2s,border-color .2s}.page-size-select:hover{background:var(--dark-background);border-color:var(--orange)}