.create-preview-shell{min-height:100dvh;padding-bottom:max(1.5rem, env(safe-area-inset-bottom))}.create-preview-shell .lang-switch{display:none}.create-preview-controls{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.create-preview-card{background-image:linear-gradient(145deg, color-mix(in oklab, var(--card) 96%, var(--primary)), var(--card));box-shadow:var(--shadow-soft)}.create-preview-choice[aria-pressed=true]{border-color:var(--primary);background:color-mix(in oklab, var(--primary) 16%, var(--card));box-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 36%, transparent)}.create-preview-action-bar{z-index:20;padding:.85rem 1.25rem max(.85rem, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--background) 72%, transparent);margin-inline:-1.25rem;position:sticky;bottom:0}.create-preview-gift{background-image:linear-gradient(180deg, transparent 30%, color-mix(in oklab, var(--background) 88%, transparent) 100%), var(--gradient-veil)}@media (width<=430px){.create-preview-shell main{min-height:calc(100dvh - 4rem)}}@media (prefers-reduced-motion:reduce){.create-preview-shell *,.create-preview-shell :before,.create-preview-shell :after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.create-preview-choice[data-moment]{--moment-icon:var(--moment-violet);border-color:color-mix(in oklab, var(--border) 78%, transparent);background:var(--card);transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.create-preview-choice[data-moment-accent=violet]{--moment-icon:var(--moment-violet)}.create-preview-choice[data-moment-accent=purple]{--moment-icon:var(--moment-purple)}.create-preview-choice[data-moment-accent=magenta]{--moment-icon:var(--moment-magenta)}.create-preview-choice[data-moment-accent=coral]{--moment-icon:var(--moment-coral)}.create-preview-moment-icon{width:2.75rem;height:2.75rem;color:var(--moment-icon);filter:drop-shadow(0 5px 9px color-mix(in oklab, var(--moment-icon) 38%, transparent));background:0 0;flex-shrink:0;place-items:center;transition:filter .18s,transform .18s;display:grid}.create-preview-moment-icon svg{stroke-width:2.65px;width:2rem;height:2rem}.create-preview-moment-accent{background:var(--border);opacity:.9;border-radius:999px;width:2.25rem;height:.3rem;transition:background .2s,opacity .2s,width .2s,height .2s,box-shadow .2s;display:block}.create-preview-choice[data-moment]:hover .create-preview-moment-accent{background:color-mix(in oklab, var(--primary) 55%, var(--border))}.create-preview-choice[data-moment][aria-pressed=true]{background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(135deg, var(--moment-violet), var(--moment-magenta), var(--moment-coral)) border-box;box-shadow:0 0 0 1px color-mix(in oklab, var(--moment-magenta) 40%, transparent), 0 14px 32px -20px color-mix(in oklab, var(--moment-icon) 82%, transparent);border-color:#0000;transform:translateY(-1px)}.create-preview-choice[data-moment][aria-pressed=true] .create-preview-moment-icon{color:var(--moment-icon);filter:drop-shadow(0 6px 10px color-mix(in oklab, var(--moment-icon) 58%, transparent));background:0 0;transform:scale(1.12)}.create-preview-choice[data-moment][aria-pressed=true] .create-preview-moment-accent{background:var(--gradient-brand);opacity:1;box-shadow:0 2px 10px -2px color-mix(in oklab, var(--moment-magenta) 55%, transparent)}.create-relationship-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.create-relationship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.create-relationship-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.create-relationship-card{text-align:start;border-radius:var(--radius-2xl);border:1px solid color-mix(in oklab, var(--foreground) 14%, transparent);background-image:linear-gradient(145deg, color-mix(in oklab, var(--card) 88%, var(--primary)), var(--card));height:100%;min-height:44px;box-shadow:var(--shadow-soft);cursor:pointer;flex-direction:column;align-items:flex-start;padding:1rem 1.15rem 1.05rem;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;display:flex;position:relative}.create-relationship-accent{background:var(--border);opacity:.9;border-radius:999px;width:2.25rem;height:.3rem;transition:background .2s,opacity .2s;display:block}.create-relationship-title{font-family:var(--font-display);color:color-mix(in oklab, var(--foreground) 92%, transparent);margin-top:.7rem;font-size:1.05rem;line-height:1.3}.create-relationship-blurb{color:var(--muted-foreground);margin-top:.25rem;font-size:.82rem;line-height:1.35}.create-relationship-card:hover{border-color:color-mix(in oklab, var(--foreground) 26%, transparent);box-shadow:var(--shadow-lift,var(--shadow-soft));transform:translateY(-1px)}.create-relationship-card:hover .create-relationship-accent{background:color-mix(in oklab, var(--primary) 55%, var(--border))}.create-relationship-card:focus-visible{outline:2px solid var(--ring,var(--primary));outline-offset:3px}.create-relationship-card[aria-checked=true]{background:linear-gradient(145deg, color-mix(in oklab, var(--card) 70%, var(--primary)), color-mix(in oklab, var(--card) 88%, var(--primary))) padding-box, var(--gradient-gold) border-box;box-shadow:0 10px 30px -14px color-mix(in oklab, var(--primary) 55%, transparent);border-color:#0000}.create-relationship-card[aria-checked=true] .create-relationship-accent{background:var(--gradient-brand);opacity:1;box-shadow:0 2px 10px -2px color-mix(in oklab, var(--moment-magenta) 55%, transparent)}.create-relationship-card[aria-checked=true] .create-relationship-title{color:var(--foreground)}.create-relationship-card[aria-checked=true] .create-relationship-blurb{color:color-mix(in oklab, var(--foreground) 78%, transparent)}.create-relationship-check{background:var(--gradient-gold);width:1.35rem;height:1.35rem;color:var(--primary-foreground);top:.8rem;border-radius:999px;place-items:center;display:grid;position:absolute;inset-inline-end:.8rem}.create-relationship-check svg{width:.8rem;height:.8rem}@media (prefers-reduced-motion:reduce){.create-relationship-card:hover{transform:none}}