:root{--seed-brand: #f0a63c;--seed-support: #4fb3a5;--seed-ground: #16203a;--color-bg: var(--seed-ground);--color-bg-deep: color-mix(in oklab, var(--seed-ground) 72%, black);--color-bg-raised: color-mix(in oklab, var(--seed-ground) 86%, white);--color-card: color-mix(in oklab, var(--seed-ground) 74%, white);--color-card-dim: color-mix(in oklab, var(--seed-ground) 82%, white);--color-ink: color-mix(in oklab, var(--seed-ground) 88%, black);--color-ink-soft: color-mix(in oklab, var(--color-ink) 62%, transparent);--color-ink-faint: color-mix(in oklab, var(--color-ink) 34%, transparent);--color-accent: var(--seed-brand);--color-accent-deep: color-mix(in oklab, var(--seed-brand) 84%, black);--color-accent-soft: color-mix(in oklab, var(--seed-brand) 16%, transparent);--color-support: var(--seed-support);--color-support-soft: color-mix(in oklab, var(--seed-support) 18%, transparent);--color-danger: #e0685c;--color-text: color-mix(in oklab, var(--seed-ground) 8%, white);--color-text-dim: color-mix(in oklab, var(--color-text) 66%, transparent);--color-text-muted: color-mix(in oklab, var(--color-text) 38%, transparent);--avatar-1: var(--seed-brand);--avatar-2: var(--seed-support);--avatar-3: color-mix(in oklab, var(--seed-brand) 45%, var(--seed-support));--avatar-1-deep: color-mix(in oklab, var(--avatar-1) 76%, black);--avatar-2-deep: color-mix(in oklab, var(--avatar-2) 76%, black);--avatar-3-deep: color-mix(in oklab, var(--avatar-3) 76%, black);--color-border: color-mix(in oklab, var(--color-text) 14%, transparent);--color-border-strong: color-mix(in oklab, var(--color-text) 28%, transparent);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-card: 0 8px 24px rgb(0 0 0 / .34);--shadow-lift: 0 12px 34px rgb(0 0 0 / .42);--glow-accent: 0 0 24px color-mix(in oklab, var(--seed-brand) 34%, transparent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(ellipse at 50% 0%,var(--color-bg-raised) 0%,transparent 62%),var(--color-bg);background-attachment:fixed;color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.page{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center}.content:has(.watch){max-width:none}.content{width:100%;max-width:520px;flex:1;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.btn{display:block;width:100%;padding:14px 24px;background:transparent;border:2px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-body);font-size:1rem;font-weight:600;letter-spacing:.3px;border-radius:var(--radius-pill);cursor:pointer;transition:background .16s,border-color .16s,transform .1s,box-shadow .16s,opacity .16s}.btn:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft)}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{cursor:default;background:transparent;border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none}.btn[aria-busy=true],.btn-primary[aria-busy=true]:disabled{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-deep);cursor:progress}.spinner{display:inline-block;width:1em;height:1em;vertical-align:-.125em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-deep);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--color-accent-deep);border-color:var(--color-accent-deep);box-shadow:var(--glow-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.section-label{font-size:.72rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--color-text-muted)}.card{background:var(--color-card);color:var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}