.invitation-theme{--ink:#413543;--muted:#786b78;--line:#eadde3;--pink:#ee7f9e;--pink-deep:#d95d82;--invite-bg:#fff8f4;--invite-surface:#fff;--invite-soft:#f8edf4;--invite-accent:#ee7f9e;--invite-accent-ink:#fff;--invite-border:#eadde3;--invite-shadow:0 18px 60px #7e526f1f;--invite-envelope:#ee7f9e;--invite-flap:#f7a5b9;color:var(--ink);background:var(--invite-bg)}.invitation-theme-clouds{--ink:#354458;--muted:#607286;--line:#cfe0eb;--pink:#8ebbd4;--pink-deep:#568aa9;--invite-bg:#eef7fc;--invite-surface:#fff;--invite-soft:#dfedf6;--invite-accent:#8ebbd4;--invite-accent-ink:#213c50;--invite-border:#c4dce9;--invite-shadow:0 20px 60px #46779629;--invite-envelope:#8ebbd4;--invite-flap:#b5d5e4}.invitation-theme-strawberry{--ink:#533541;--muted:#876674;--line:#efd1d8;--pink:#e77a96;--pink-deep:#bc4e70;--invite-bg:#fff3ed;--invite-surface:#fffdfb;--invite-soft:#ffe2e4;--invite-accent:#e77a96;--invite-accent-ink:#4e2536;--invite-border:#efc9d2;--invite-shadow:0 20px 60px #b1546f29;--invite-envelope:#e77a96;--invite-flap:#f3a2ae}.invitation-theme-moon{--ink:#f8f4ff;--muted:#d0c7e1;--line:#655b85;--pink:#d8c9ff;--pink-deep:#eadfff;--invite-bg:#292640;--invite-surface:#393252;--invite-soft:#51476e;--invite-accent:#c7b5f5;--invite-accent-ink:#292640;--invite-border:#655b85;--invite-shadow:0 22px 64px #18112f59;--invite-envelope:#8173b1;--invite-flap:#a99bda}.character-art{aspect-ratio:1;background-repeat:no-repeat;background-size:200% 200%;width:100%;max-width:100%;display:block}.character-art-letter{background-position:0 0}.character-art-ask{background-position:100% 0}.character-art-plan{background-position:0 100%}.character-art-celebrate{background-position:100% 100%}.preview-card.invitation-theme{border-color:var(--invite-border);background:var(--invite-surface);box-shadow:var(--invite-shadow);overflow:hidden}.preview-card.invitation-theme .preview-top{background:var(--invite-soft);min-height:220px;color:var(--ink);padding:18px}.preview-card.invitation-theme .preview-top:before,.preview-card.invitation-theme .preview-top:after{content:"";background:color-mix(in srgb, var(--invite-surface) 60%, transparent);border-radius:999px;display:block;position:absolute}.preview-card.invitation-theme .preview-top:before{width:160px;height:70px;bottom:-24px;left:-45px}.preview-card.invitation-theme .preview-top:after{width:120px;height:54px;top:26px;right:-22px}.preview-card.invitation-theme .preview-character{z-index:1;aspect-ratio:1;filter:drop-shadow(0 12px 9px #3b364b21);width:min(220px,100% - 40px);height:auto;font-size:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-card.invitation-theme .preview-body{background:var(--invite-surface);padding:26px}.preview-card.invitation-theme .preview-body .eyebrow{color:var(--pink-deep)}.preview-card.invitation-theme .preview-body .message,.preview-card.invitation-theme .preview-meta{color:var(--muted)}.theme-picker,.character-picker{background:0 0;border:0;gap:10px;margin:0;padding:0;display:grid}.editor-panel .inline-grid.appearance-grid{grid-template-rows:auto;grid-template-columns:1fr}.theme-picker legend,.character-picker legend{margin-bottom:2px;font-size:13px;font-weight:700}.theme-picker__options,.character-picker__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.theme-option,.character-option{border:1px solid var(--line);background:var(--invite-surface,#fff);min-width:0;color:var(--ink);text-align:left;cursor:pointer;border-radius:18px;align-content:start;gap:8px;padding:9px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative}.theme-option:hover,.character-option:hover{transform:translateY(-2px)}:is(.theme-option:has(input:checked),.character-option:has(input:checked)){border-color:var(--invite-accent,var(--pink));box-shadow:0 0 0 3px color-mix(in srgb, var(--invite-accent,var(--pink)) 20%, transparent)}:is(.theme-option:has(input:focus-visible),.character-option:has(input:focus-visible)){outline-offset:2px;outline:3px solid #9f7cf0}:is(.theme-option:has(input:disabled),.character-option:has(input:disabled)){opacity:.56;cursor:not-allowed}.theme-option input,.character-option input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:0;left:0;overflow:hidden}.theme-option__swatch{background:var(--invite-soft);border-radius:12px;height:66px;display:block;position:relative;overflow:hidden}.theme-option__swatch:before,.theme-option__swatch:after{content:"";border-radius:999px;display:block;position:absolute}.theme-option__swatch--clouds{background:linear-gradient(145deg,#cfe8f4,#e8ddf7)}.theme-option__swatch--clouds:before{background:#f8fcff;width:78px;height:31px;bottom:8px;left:-8px}.theme-option__swatch--clouds:after{background:#fff;width:55px;height:24px;top:12px;right:-7px}.theme-option__swatch--strawberry{background:linear-gradient(145deg,#ffc9d2,#ffe6bd)}.theme-option__swatch--strawberry:before{background:#df6d88;width:28px;height:28px;top:17px;left:17px;box-shadow:36px 18px #ef8b89,74px -4px #d95d82}.theme-option__swatch--strawberry:after{background:#ffffff94;width:38px;height:5px;bottom:12px;left:20px;box-shadow:52px 0 #ffffff94}.theme-option__swatch--moon{background:linear-gradient(145deg,#292640,#665883)}.theme-option__swatch--moon:before{background:#eee4ff;width:31px;height:31px;top:13px;right:18px;box-shadow:-54px 31px 0 -12px #d4c4fa,-83px 7px 0 -14px #e5d8ff}.theme-option__swatch--moon:after{background:#e4d9ff8c;width:44px;height:4px;bottom:13px;left:17px;box-shadow:57px 0 #e4d9ff8c}.theme-option__label,.character-option__label{font-size:13px;font-weight:800;display:block}.theme-option__description,.character-option__description{color:var(--muted);font-size:11px;line-height:1.35;display:block}.character-option{padding:8px}.character-option__art{background-color:var(--invite-soft,#f8edf4);border-radius:12px;width:100%}@media (max-width:540px){.theme-picker__options,.character-picker__options{grid-template-columns:1fr}.theme-option,.character-option{grid-template-columns:86px minmax(0,1fr);align-items:center;column-gap:11px}.theme-option__swatch,.character-option__art{grid-row:span 2}}@media (prefers-reduced-motion:reduce){.theme-option,.character-option{transition:none}.theme-option:hover,.character-option:hover{transform:none}}
.datepuff-select{width:100%;position:relative}.datepuff-select__trigger{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);text-align:left;background:#fff;border-radius:16px;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px 13px 16px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.datepuff-select__trigger:hover{background:#fffdfd;border-color:#e8c4d0}.datepuff-select__trigger:focus-visible{border-color:var(--pink);box-shadow:0 0 0 4px #ee7f9e29}.datepuff-select__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.datepuff-select__value.is-placeholder{color:var(--muted)}.datepuff-select__chevron{color:var(--pink-deep);flex:none;transition:transform .18s}.datepuff-select.is-open .datepuff-select__chevron{transform:rotate(180deg)}.datepuff-select.is-disabled .datepuff-select__trigger,.datepuff-select__trigger:disabled{cursor:not-allowed;opacity:.52}.datepuff-select__popup{z-index:30;border:1px solid var(--line);background:#fffffffa;border-radius:17px;width:100%;min-width:0;max-width:calc(100vw - 28px);padding:7px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 40px #7e526f2e}.datepuff-select[data-placement=above] .datepuff-select__popup{top:auto;bottom:calc(100% + 8px)}.datepuff-select__search-wrap{border:1px solid var(--line);color:var(--muted);background:#fff8fa;border-radius:12px;align-items:center;gap:8px;margin-bottom:6px;padding:0 11px;display:flex}.datepuff-select__search{width:100%;min-height:40px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:9px 0}.datepuff-select__search:focus{box-shadow:none;border:0}.datepuff-select__list{overscroll-behavior:contain;gap:2px;min-height:0;max-height:min(320px,100vh - 48px);display:grid;overflow:hidden auto}.datepuff-select__option{width:100%;min-height:42px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;font-size:14px;display:flex}.datepuff-select__option>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.datepuff-select__option:hover,.datepuff-select__option.is-active{color:var(--pink-deep);background:#fff1f5}.datepuff-select__option.is-selected{font-weight:700}.datepuff-select__option svg{color:var(--pink-deep);flex:none}.datepuff-select__empty{color:var(--muted);text-align:center;padding:16px 11px;font-size:13px}@media (max-width:540px){.datepuff-select__popup{min-width:0}.datepuff-select__list{max-height:min(300px,100dvh - 48px)}}
.datepuff-date-time{width:100%;position:relative}.datepuff-date-time__trigger{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);text-align:left;background:#fff;border-radius:16px;outline:none;align-items:center;gap:10px;padding:12px 14px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.datepuff-date-time__trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.datepuff-date-time__trigger>svg:first-child,.datepuff-date-time__trigger>svg:last-child{color:var(--pink-deep);flex:none}.datepuff-date-time__trigger>svg:last-child{margin-left:auto}.datepuff-date-time__trigger:hover{background:#fffdfd;border-color:#e8c4d0}.datepuff-date-time__trigger:focus-visible{border-color:var(--pink);box-shadow:0 0 0 4px #ee7f9e29}.datepuff-date-time__trigger .is-placeholder{color:var(--muted)}.datepuff-date-time.is-disabled .datepuff-date-time__trigger,.datepuff-date-time__trigger:disabled{cursor:not-allowed;opacity:.52}.datepuff-date-time__popover{z-index:100;overscroll-behavior:contain;background:#fffaf8;border:1px solid #eadde3f5;border-radius:24px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:15px;position:fixed;overflow:auto;box-shadow:0 22px 60px #7e526f33}.datepuff-date-time__header,.datepuff-date-time__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.datepuff-date-time__header strong{font:700 18px/1.25 Manrope,sans-serif;display:block}.datepuff-date-time__header span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.datepuff-date-time__month-actions{gap:5px;display:flex}.datepuff-date-time__month-actions button,.datepuff-date-time__quick-actions button{min-height:34px;color:var(--pink-deep);background:#f5edf8;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.datepuff-date-time__month-actions button{width:34px}.datepuff-date-time__month-actions button:hover,.datepuff-date-time__quick-actions button:hover{background:#f9dfe8}.datepuff-date-time__quick-actions{grid-template-columns:1fr 1fr;gap:7px;margin:15px 0 13px;display:grid}.datepuff-date-time__quick-actions button{gap:6px;padding:7px 9px;font-size:12px;font-weight:700}.datepuff-date-time__weekdays,.datepuff-date-time__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.datepuff-date-time__grid-row{grid-column:1/-1;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.datepuff-date-time__weekdays{color:#ad9ba7;text-align:center;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.datepuff-date-time__day{aspect-ratio:1;width:100%;min-height:34px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:10px;outline:none;padding:0;font-size:13px}.datepuff-date-time__day:hover,.datepuff-date-time__day:focus-visible{background:#fff0f4;border-color:#f0b6c7}.datepuff-date-time__day.is-outside{color:#cbbbc4}.datepuff-date-time__day.is-today{font-weight:700;box-shadow:inset 0 0 0 1px #eeb0c0}.datepuff-date-time__day.is-selected{border-color:var(--pink);color:#4f263d;background:#f29ab2;font-weight:800;box-shadow:0 5px 12px #d95d8233}.datepuff-date-time__day.is-selected.is-today{box-shadow:0 5px 12px #d95d8233}.datepuff-date-time__time{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:14px;margin-top:16px;padding-top:14px;display:flex}.datepuff-date-time__time-label{color:var(--muted);align-items:center;gap:6px;padding-bottom:7px;font-size:12px;font-weight:700;display:inline-flex}.datepuff-date-time__time-fields{align-items:end;gap:5px;display:flex}.datepuff-date-time__time-fields>span{color:var(--muted);padding-bottom:8px;font-weight:700}.datepuff-date-time__time-fields label{color:var(--muted);text-align:center;gap:4px;font-size:10px;display:grid}.datepuff-date-time__time-fields input{border:1px solid var(--line);width:48px;min-height:39px;color:var(--ink);text-align:center;background:#fff;border-radius:10px;padding:7px 4px;font-weight:700}.datepuff-date-time__time-fields input:focus{border-color:var(--pink);outline:none;box-shadow:0 0 0 3px #ee7f9e24}.datepuff-date-time__error{color:#bf4b68;margin:9px 0 0;font-size:11px;line-height:1.35}.datepuff-date-time__footer{margin-top:15px}.datepuff-date-time__footer button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.datepuff-date-time__clear{color:var(--muted);background:0 0}.datepuff-date-time__done{color:#4f263d;background:#f29ab2;box-shadow:0 7px 15px #d95d8233}.datepuff-date-time__clear:hover{background:#f5edf8}.datepuff-date-time__done:hover{background:var(--pink-deep)}.choice-row.choice-row-datetime{grid-template-columns:38px minmax(0,1fr) 42px}.choice-row.choice-row-datetime .datepuff-date-time{grid-area:2/2/auto/4}.choice-row.choice-row-datetime>.button{grid-area:1/3}@media (max-width:540px){.datepuff-date-time__popover{border-radius:22px;max-height:calc(100dvh - 20px);bottom:10px;width:calc(100vw - 20px)!important;top:auto!important;left:10px!important}.choice-row.choice-row-datetime{grid-template-columns:32px minmax(0,1fr) 42px}.choice-row.choice-row-datetime .datepuff-date-time{grid-column:2/4}.datepuff-date-time__time{align-items:end}}
:root{--ink:#413543;--muted:#786b78;--pink:#ee7f9e;--pink-deep:#d95d82;--peach:#ffb893;--milk:#fffaf7;--lav:#ede9fa;--line:#eadde3;--shadow:0 18px 60px #7e526f1f;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff8f4}body{color:var(--ink);background:radial-gradient(circle at 15% -5%,#ffe9ef 0 22%,#0000 44%),radial-gradient(circle at 92% 4%,#eeeafa 0 18%,#0000 38%),#fff8f4;margin:0;font-family:DM Sans,system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;font-family:Manrope,sans-serif}h1{font-size:clamp(38px,6vw,72px);line-height:1.03}h2{font-size:clamp(28px,4vw,44px);line-height:1.1}h3{font-size:20px;line-height:1.2}p{line-height:1.65}input,textarea,select{width:100%;min-height:48px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:16px;outline:none;padding:13px 16px}textarea{resize:vertical;min-height:112px}input:focus,textarea:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ee7f9e29}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #9f7cf0}.page-shell{min-height:100vh;overflow:hidden}.topbar{z-index:3;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);margin:auto;padding:22px 0;display:flex;position:relative}.wordmark{letter-spacing:-.07em;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;display:inline-flex}.wordmark span{color:var(--pink);font-size:17px}.nav-links{color:var(--muted);align-items:center;gap:28px;font-size:14px;display:flex}.nav-links a:hover{color:var(--pink-deep)}.button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 21px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff;box-shadow:0 10px 22px #4135432e}.button-primary:hover{box-shadow:0 13px 28px #41354340}.button-pink{background:var(--pink);color:#fff;box-shadow:0 10px 22px #d95d8238}.button-soft{color:var(--pink-deep);background:#f5e9ee}.button-ghost{color:var(--muted);background:0 0}.button:disabled{opacity:.48;cursor:wait;transform:none}.hero{grid-template-columns:1fr 480px;align-items:center;gap:72px;width:min(1180px,100% - 40px);margin:0 auto;padding:74px 0 112px;display:grid}.eyebrow{color:var(--pink-deep);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.hero h1{max-width:620px;margin:17px 0 22px}.hero h1 em{color:var(--pink-deep);font-style:normal}.hero-copy{max-width:510px;color:var(--muted);font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.mini-note{color:#a2909d;align-items:center;gap:8px;margin-top:20px;font-size:13px;display:flex}.mini-note strong{color:var(--ink)}.hero-art{place-items:center;min-height:460px;display:grid;position:relative}.hero-card{z-index:1;width:min(100%,385px);box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #ffffffe0;border-radius:32px;padding:37px 34px 31px;position:relative;transform:rotate(3deg)}.hero-card:before{content:"";opacity:.75;z-index:-1;background:#ffd0dc;border-radius:50%;width:140px;height:140px;position:absolute;top:-80px;right:-60px}.hero-card .card-ornament{color:var(--pink);font-size:30px}.hero-card h3{margin:22px 0 7px;font-size:29px}.hero-card p{color:var(--muted);font-size:14px}.hero-card .fake-line{background:#f5e2e8;border-radius:9px;width:85%;height:9px;margin-top:24px}.hero-card .fake-line.short{width:56%;margin-top:10px}.floating-pill{color:var(--muted);z-index:2;background:#ffffffd1;border:1px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:11px 15px;font-size:13px;display:flex;position:absolute;box-shadow:0 11px 30px #7e526f1a}.floating-pill.one{top:42px;left:0;transform:rotate(-9deg)}.floating-pill.two{bottom:48px;right:0;transform:rotate(7deg)}.floating-pill span{font-size:19px}.section{width:min(1180px,100% - 40px);margin:auto;padding:80px 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.section-heading p{max-width:370px;color:var(--muted)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature{border:1px solid var(--line);background:#ffffffb8;border-radius:25px;min-height:230px;padding:27px}.feature:nth-child(2){background:#fbf2fd}.feature:nth-child(3){background:#fff2e8}.feature-icon{margin-bottom:36px;font-size:28px}.feature p{color:var(--muted);margin-top:11px;font-size:15px}.demo-wrap{background:#f5effb;border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:28px;display:grid}.demo-wrap p{color:var(--muted);max-width:430px}.demo-preview{background:#fff;border-radius:23px;padding:24px;box-shadow:0 15px 35px #7e526f14}.demo-preview header{color:#b391a3;justify-content:space-between;font-size:12px;display:flex}.demo-preview blockquote{letter-spacing:-.05em;margin:32px 0 25px;font-family:Manrope;font-size:27px;font-weight:700}.demo-answer{gap:8px;display:flex}.demo-answer span{text-align:center;color:var(--pink-deep);background:#f8e7ee;border-radius:12px;flex:1;padding:12px;font-size:13px;font-weight:700}.footer{color:#a18e9a;border-top:1px solid var(--line);justify-content:space-between;gap:20px;width:min(1180px,100% - 40px);margin:auto;padding:30px 0 42px;font-size:13px;display:flex}.footer-links{gap:18px;display:flex}.auth-layout{place-items:center;min-height:100vh;padding:36px 20px;display:grid}.auth-card{border:1px solid var(--line);width:min(100%,460px);box-shadow:var(--shadow);background:#ffffffde;border-radius:31px;padding:38px}.auth-card h1{margin:26px 0 10px;font-size:36px}.auth-card>p{color:var(--muted)}.form-grid{gap:17px;margin-top:28px;display:grid}.field{gap:7px;display:grid}.field label{font-size:13px;font-weight:700}.field small{color:#9c8995;font-size:12px}.error{color:#c64261;font-size:13px}.legal-check{color:var(--muted);align-items:flex-start;gap:10px;font-size:13px;display:flex}.legal-check input{width:18px;height:18px;min-height:auto;accent-color:var(--pink);margin-top:1px;padding:0}.legal-check a{color:var(--pink-deep);text-underline-offset:3px;text-decoration:underline}.back-link{color:var(--muted);margin-bottom:14px;font-size:14px;display:inline-flex}.form-note{color:var(--pink-deep);background:#f8edf1;border-radius:13px;padding:12px 14px;font-size:13px}.app-frame{min-height:100vh}.app-main{width:min(1180px,100% - 40px);margin:auto;padding:42px 0 80px}.app-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:36px;display:flex}.app-header p{color:var(--muted);margin-top:7px}.profile-grid{grid-template-columns:minmax(0,1fr) 310px;gap:18px;display:grid}.panel{border:1px solid var(--line);background:#ffffffc7;border-radius:26px;padding:26px}.panel h2{font-size:23px}.invites{gap:12px;margin-top:21px;display:grid}.invite-row{border:1px solid var(--line);background:#fff;border-radius:19px;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.invite-row h3{font-size:17px}.invite-row p{color:var(--muted);margin-top:4px;font-size:13px}.row-actions{flex-wrap:wrap;gap:7px;display:flex}.row-actions .button{min-height:37px;padding:9px 13px;font-size:12px}.empty-state{text-align:center;color:var(--muted);padding:44px 10px}.empty-state p{max-width:330px;margin:9px auto 20px}.stat{background:#faf1f7;border-radius:18px;margin-top:14px;padding:19px}.stat strong{font-family:Manrope;font-size:32px;display:block}.stat span{color:var(--muted);font-size:13px}.side-links{gap:4px;margin-top:25px;display:grid}.side-links button{color:var(--muted);text-align:left;background:0 0;border:0;padding:11px 0}.side-links button:hover{color:var(--pink-deep)}.editor-grid{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:20px;display:grid}.editor-panel{gap:23px;display:grid}.editor-section{border-bottom:1px solid var(--line);gap:15px;padding-bottom:24px;display:grid}.editor-section:last-child{border-bottom:0;padding-bottom:0}.editor-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-section-title h2{font-size:20px}.inline-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.editor-panel .inline-grid{grid-template-rows:auto 50px auto;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.editor-panel .inline-grid>.field{grid-template-rows:subgrid;grid-row:span 3;align-content:start;align-self:start;min-width:0}.editor-panel .inline-grid>.field>input,.editor-panel>.field>input{width:100%;min-width:0;height:50px;min-height:50px}.choice-row{background:#fff8fa;border-radius:15px;grid-template-columns:38px 1fr 125px 42px;align-items:center;gap:8px;padding:10px;display:grid}.choice-row>span{width:31px;height:31px;color:var(--pink-deep);background:#f4dce5;border-radius:10px;place-items:center;font-size:12px;font-weight:800;display:grid}.choice-row .button{min-height:40px;padding:0}.question-card{border:1px solid var(--line);background:#fffcfc;border-radius:18px;gap:13px;padding:17px;display:grid}.question-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-head strong{font-size:14px}.question-tools{gap:5px;display:flex}.question-tools button{width:34px;min-height:34px;color:var(--pink-deep);background:#f8e9ef;border:0;border-radius:9px}.switch-row{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.switch-row input{width:17px;min-height:17px;accent-color:var(--pink)}.preview-sticky{position:sticky;top:20px}.preview-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:30px;overflow:hidden}.preview-top{min-height:145px;padding:25px;position:relative;overflow:hidden}.preview-top.clouds{background:linear-gradient(130deg,#e4f1fa,#f5eafb)}.preview-top.strawberry{background:linear-gradient(130deg,#ffdbe4,#fff0d7)}.preview-top.moon{color:#fff;background:linear-gradient(130deg,#2d3155,#736b9e)}.preview-top:after{content:"☁︎  ✦  ☁︎";color:#ffffffb3;letter-spacing:10px;font-size:34px;position:absolute;bottom:10px;right:18px}.preview-character{z-index:1;font-size:63px;position:absolute;top:26px;right:28px}.preview-body{padding:28px}.preview-body .eyebrow{font-size:10px}.preview-body h2{margin:11px 0;font-size:28px}.preview-body .message{color:var(--muted);white-space:pre-wrap}.preview-meta{color:var(--muted);gap:9px;margin:22px 0;font-size:13px;display:grid}.preview-meta span{align-items:center;gap:9px;display:flex}.preview-final{color:var(--pink-deep);background:#fff4f6;border-radius:15px;margin-top:18px;padding:16px;font-size:13px}.answer-card{padding:26px}.answer-card h2{font-size:27px}.answer-card .question-label{margin:22px 0 10px;font-size:14px;font-weight:700;display:block}.answer-card .option{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:9px;width:100%;min-height:46px;margin-top:8px;padding:10px 14px;display:flex}.answer-card .option.selected{border-color:var(--pink);color:var(--pink-deep);background:#fff1f5}.answer-card .option input{width:17px;min-height:17px;accent-color:var(--pink)}.response-result{text-align:center;padding:38px 22px}.response-result .result-mark{width:65px;height:65px;color:var(--pink-deep);background:#f7dce6;border-radius:50%;place-items:center;margin:0 auto 17px;font-size:32px;display:grid}.response-result p{color:var(--muted);max-width:350px;margin:12px auto 22px}.locked-note{color:#9b8995;margin-top:16px;font-size:12px}.modal-backdrop{z-index:20;background:#41354357;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fffaf8;border-radius:26px;width:min(100%,460px);padding:28px;box-shadow:0 28px 80px #41354338}.modal h2{font-size:27px}.modal p{color:var(--muted);margin:9px 0 19px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.qr-box{background:#fff;border-radius:19px;place-items:center;min-height:230px;padding:15px;display:grid}.qr-box canvas{max-width:100%;height:auto!important}.legal-page{min-height:100vh;padding:30px 20px 70px}.legal-page .wordmark{width:min(860px,100%);margin:0 auto 28px;display:flex}.paper{border:1px solid var(--line);width:min(860px,100%);box-shadow:var(--shadow);background:#fff;border-radius:28px;margin:auto;padding:clamp(25px,5vw,60px)}.paper h1{margin:16px 0 12px;font-size:48px}.legal-description{color:var(--muted);font-size:18px}.paper section{margin-top:34px}.paper h2{margin-bottom:12px;font-size:24px}.paper section p+p{margin-top:10px}.paper li{margin:8px 0;line-height:1.6}.paper footer{border-top:1px solid var(--line);color:var(--muted);margin-top:45px;padding-top:20px;font-size:13px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:22px;padding-top:48px}.hero-art{width:100%;max-width:500px;min-height:370px;margin:auto}.feature-grid,.demo-wrap,.profile-grid,.editor-grid{grid-template-columns:1fr}.preview-sticky{grid-row:1;position:static}.nav-links a:not(.button){display:none}.app-header{flex-direction:column}.inline-grid{grid-template-columns:1fr}.editor-panel .inline-grid{grid-template-rows:none;grid-template-columns:1fr}.editor-panel .inline-grid>.field{grid-row:auto;grid-template-rows:none}}@media (max-width:540px){.topbar,.section,.hero,.app-main,.footer{width:min(100% - 28px,1180px)}.topbar{padding:17px 0}.nav-links{gap:5px}.nav-links .button{min-height:42px;padding:11px 14px}.hero{padding:42px 0 70px}.hero h1{font-size:43px}.hero-art{min-height:330px}.hero-card{width:92%;padding:28px 24px}.floating-pill.one{top:27px;left:-3px}.floating-pill.two{bottom:20px;right:-3px}.section{padding:54px 0}.section-heading{display:block}.section-heading p{margin-top:10px}.footer{flex-direction:column}.auth-card{padding:27px 20px}.app-main{padding-top:28px}.panel{padding:20px 15px}.invite-row{flex-direction:column;align-items:flex-start}.row-actions{width:100%}.row-actions .button{flex:1}.choice-row{grid-template-columns:32px 1fr 42px}.choice-row select{grid-column:2/4}.choice-row .button{grid-area:1/3}.paper h1{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.main-answer{gap:10px;min-height:54px;margin-top:19px;display:flex}.main-answer button{flex:1;order:1;transition:transform .18s,order .18s}.main-answer button:last-child,.main-answer.is-swapped button:first-child{order:2}.main-answer.is-swapped button:last-child{order:1}.envelope-screen{text-align:center;align-content:center;place-items:center;min-height:570px;padding:30px 10px;display:grid}.envelope-screen.strawberry{background:radial-gradient(circle at 50% 25%,#ffe3e7,#0000 46%)}.envelope-screen.moon{background:radial-gradient(circle at 50% 25%,#e7e5fb,#0000 46%)}.envelope{aspect-ratio:1.45;perspective:800px;background:0 0;border:0;width:min(100%,370px);position:relative}.envelope-paper{z-index:1;background:#fff;border-radius:12px;align-content:center;justify-items:center;padding:20px;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:8% 11% 7%;box-shadow:0 14px 38px #7e526f21}.envelope-paper strong{letter-spacing:-.06em;margin-top:10px;font:700 23px/1.14 Manrope;display:block}.envelope:before{content:"";background:linear-gradient(135deg,#f28ba7,#e77798);border-radius:13px 13px 20px 20px;position:absolute;inset:18% 0 0;box-shadow:0 22px 42px #d95d8238}.envelope-flap{z-index:2;clip-path:polygon(0 0,50% 70%,100% 0,100% 15%,50% 84%,0 15%);transform-origin:top;background:#f9a0b7;width:100%;height:59%;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:18%;left:0}.envelope-heart{z-index:3;width:48px;height:48px;color:var(--pink-deep);background:#fff;border-radius:50%;place-items:center;font-size:22px;display:grid;position:absolute;bottom:18%;left:calc(50% - 24px);box-shadow:0 8px 17px #7e526f21}.envelope:hover .envelope-paper,.envelope:focus-visible .envelope-paper{transform:translateY(-27%)}.envelope:hover .envelope-flap,.envelope:focus-visible .envelope-flap{transform:rotateX(155deg)}.review-list,.result-summary{text-align:left;gap:8px;margin-top:22px;display:grid}.review-list>div,.result-summary>div{background:#fff5f7;border-radius:14px;gap:5px;padding:13px 14px;display:grid}.review-list strong,.result-summary strong{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.review-list span,.result-summary span{font-weight:700}.swap-1{transform:translate(14px)}.swap-0{transform:translate(-14px)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body.modal-open{overflow:hidden}.modal{max-height:calc(100dvh - 32px);overflow:auto}.guest-embedded .app-main{width:100%;padding:0}.template-row{flex-wrap:wrap;gap:7px;display:flex}.message-template-picker{gap:8px;display:grid}.message-template-label{color:var(--muted);font-size:13px;font-weight:700}.message-template-row{flex-wrap:wrap;gap:8px;display:flex}.message-template-pill{min-height:38px;color:var(--pink-deep);background:#fff1f5;border:1px solid #f2cbd8;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.message-template-pill:hover{background:#ffe5ed}.message-template-pill[aria-pressed=true]{border-color:var(--pink);background:#f7c7d5;box-shadow:0 5px 13px #d95d8224}.message-template-pill:disabled{opacity:.48;cursor:not-allowed}.message-template-picker small{color:#9c8995;font-size:12px}.text-button{width:max-content;color:var(--pink-deep);background:0 0;border:0;padding:0;text-decoration:underline}.hero-art img{border-radius:32px}.theme-examples{gap:10px;margin-top:20px;display:flex}.theme-examples span{border-radius:15px;padding:10px 14px;font-size:13px}.theme-examples .clouds{background:#e4f1fa}.theme-examples .strawberry{background:#ffdbe4}.theme-examples .moon{color:#fff;background:#2d3155}.confetti{position:relative}.confetti i{background:var(--peach);border-radius:4px;width:7px;height:12px;animation:1.6s ease-in-out infinite confetti-pop;position:absolute}.confetti i:first-of-type{top:-15px;left:-12px}.confetti i:nth-of-type(2){background:var(--lav);animation-delay:.2s;top:-9px;right:-13px}.confetti i:nth-of-type(3){background:var(--pink);animation-delay:.4s;bottom:-3px;left:-20px}.confetti i:nth-of-type(4){background:#bce7db;animation-delay:.6s;bottom:2px;right:-19px}@keyframes confetti-pop{50%{opacity:.5;transform:translateY(-8px)rotate(35deg)}}@media (prefers-reduced-motion:reduce){.confetti i{animation:none}}body[data-visibility=hidden] .confetti i{animation-play-state:paused}
.guest-page{background:var(--invite-bg,#fff8f4);min-height:100svh;color:var(--ink,#413543);flex-direction:column;display:flex;position:relative;overflow:hidden}.guest-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 7% 5%, color-mix(in srgb, var(--invite-accent,#ee7f9e) 16%, transparent), transparent 23rem), radial-gradient(circle at 93% 10%, color-mix(in srgb, var(--invite-soft,#f8edf4) 80%, transparent), transparent 25rem);position:absolute;inset:0}.guest-page>*{z-index:1;position:relative}.guest-page>.topbar,.guest-page>.footer{width:min(740px,100% - 32px)}.guest-page .topbar{color:var(--ink)}.guest-page .footer{border-color:var(--invite-border,var(--line));color:var(--muted)}.guest-page .button-primary,.guest-page .button-pink{background:var(--invite-accent,var(--pink));color:var(--invite-accent-ink,#fff);box-shadow:0 10px 22px color-mix(in srgb, var(--invite-accent,#ee7f9e) 24%, transparent)}.guest-page .button-soft{background:var(--invite-soft,#f5e9ee);color:var(--pink-deep,var(--invite-accent))}.guest-app-main{flex:1;width:min(740px,100% - 32px);margin:0 auto;padding:30px 0 54px}.guest-embedded{min-height:0}.guest-embedded .guest-app-main{width:100%;padding:0}.guest-flow{gap:16px;display:grid}.guest-invite-header,.guest-panel{border:1px solid var(--invite-border,var(--line));background:var(--invite-surface,#fff);box-shadow:var(--invite-shadow,0 18px 60px #7e526f1f)}.guest-invite-header{border-radius:24px;display:block;overflow:hidden}.guest-invite-copy{min-width:0;padding:23px 24px 22px}.guest-eyebrow{color:var(--pink-deep,var(--invite-accent));letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-size:11px;font-weight:800;line-height:1.35}.guest-invite-copy h1{letter-spacing:-.05em;overflow-wrap:anywhere;margin:7px 0 9px;font-size:clamp(20px,4vw,30px);line-height:1.04}.guest-message,.guest-final-message{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.guest-invite-meta{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:12px;display:flex}.guest-invite-meta span,.guest-result-meta strong{align-items:center;gap:6px;min-width:0;display:inline-flex}.guest-panel{border-radius:24px;min-width:0;padding:clamp(22px,4vw,32px)}.guest-stage-layout{grid-template-columns:minmax(180px,230px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,38px);display:grid}.guest-stage-character{filter:drop-shadow(0 14px 10px #3b364b21);width:min(100%,230px);margin:auto}.guest-stage-character-plan{transform:translateY(4px)}.guest-stage-content{min-width:0}.guest-panel h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:8px 0 0;font-size:clamp(24px,4vw,31px);line-height:1.1}.guest-step{gap:14px;display:grid}.guest-step h2{margin-bottom:4px}.guest-step-heading{outline:none}.guest-error{color:#bd4967;margin:0;font-size:13px}.guest-options{gap:8px;display:grid}.guest-option{border:1px solid var(--invite-border,var(--line));background:var(--invite-surface,#fff);overflow-wrap:anywhere;cursor:pointer;border-radius:14px;align-items:flex-start;gap:10px;min-width:0;padding:12px 14px;line-height:1.4;display:flex}.guest-option-selected{border-color:var(--invite-accent,var(--pink));background:var(--invite-soft,#fff1f5);color:var(--pink-deep,var(--invite-accent-ink))}.guest-option input{width:17px;height:17px;min-height:17px;accent-color:var(--invite-accent,var(--pink));flex:none;margin:1px 0 0}.guest-textarea{resize:vertical;border:1px solid var(--invite-border,var(--line));background:var(--invite-surface,#fff);width:100%;min-height:130px;color:var(--ink);border-radius:14px;padding:13px 14px;line-height:1.5}.guest-step-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:2px;display:flex}.guest-review-list,.guest-result-meta{gap:8px;display:grid}.guest-review-list{margin:2px 0 4px}.guest-review-list>div,.guest-result-meta>div{border:1px solid color-mix(in srgb, var(--invite-border,#eadde3) 70%, transparent);background:var(--invite-soft,#fff5f7);border-radius:14px;gap:5px;min-width:0;padding:12px 14px;display:grid}.guest-review-list strong,.guest-result-meta strong{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.35}.guest-review-list span,.guest-result-meta span{overflow-wrap:anywhere}.guest-text-button{width:max-content;color:var(--pink-deep,var(--invite-accent));text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.guest-opening{border:1px solid var(--invite-border,var(--line));background:color-mix(in srgb, var(--invite-surface,#fff) 82%, transparent);min-height:clamp(480px,100svh - 150px,660px);box-shadow:var(--invite-shadow,0 18px 60px #7e526f1f);border-radius:34px;grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:center;gap:clamp(25px,6vw,76px);padding:clamp(28px,6vw,70px) clamp(18px,5vw,56px);display:grid;position:relative;overflow:hidden}.guest-opening-wash{pointer-events:none;background:radial-gradient(circle at 75% 42%, color-mix(in srgb, var(--invite-soft,#f8edf4) 92%, transparent), transparent 34rem);position:absolute;inset:0}.guest-opening-copy,.guest-opening-art-column{z-index:1;position:relative}.guest-opening-copy{max-width:410px}.guest-opening-kicker{color:var(--pink-deep,var(--invite-accent));letter-spacing:.14em;text-transform:uppercase;margin:0 0 15px;font-size:12px;font-weight:800}.guest-opening h1{letter-spacing:-.07em;margin:0;font-size:clamp(42px,7vw,72px);line-height:.98}.guest-opening h1 em{color:var(--pink-deep,var(--invite-accent));font-style:normal;display:block}.guest-opening-lede{max-width:370px;color:var(--muted);margin:20px 0 0;font-size:17px}.guest-opening-details{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-top:20px;font-size:13px;display:flex}.guest-opening-details strong{color:var(--ink)}.guest-opening-cta{background:var(--invite-accent,var(--pink));min-height:52px;color:var(--invite-accent-ink,#fff);box-shadow:0 12px 25px color-mix(in srgb, var(--invite-accent,#ee7f9e) 25%, transparent);border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:17px;margin-top:29px;padding:7px 8px 7px 20px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.guest-opening-cta:hover{box-shadow:0 15px 30px color-mix(in srgb, var(--invite-accent,#ee7f9e) 30%, transparent);transform:translateY(-2px)}.guest-opening-cta:disabled{cursor:wait;opacity:.7}.guest-opening-cta-icon{background:color-mix(in srgb, var(--invite-accent-ink,#fff) 24%, transparent);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.guest-opening-hint{color:var(--muted);margin:12px 0 0 20px;font-size:12px}.guest-opening-art-column{justify-items:center;min-width:0;padding:20px 0 10px;display:grid}.guest-opening-orbits{pointer-events:none;position:absolute;inset:0}.guest-opening-orbit{border:1px solid color-mix(in srgb, var(--invite-accent,#ee7f9e) 40%, transparent);border-radius:50%;position:absolute;transform:rotate(-18deg)}.guest-opening-orbit-one{inset:9% -5% 15%}.guest-opening-orbit-two{inset:19% 8% 8%;transform:rotate(29deg)}.guest-opening-orbit-three{inset:1% 21% 28%;transform:rotate(-47deg)}.guest-opening-spark{color:var(--invite-accent,var(--pink));font-size:20px;position:absolute}.guest-opening-spark-one{top:3%;left:12%}.guest-opening-spark-two{top:20%;right:2%}.guest-opening-spark-three{bottom:15%;right:13%}.guest-opening-letter{z-index:0;border:1px solid var(--invite-border,var(--line));background:var(--invite-surface,#fff);color:var(--muted);border-radius:999px;padding:9px 13px;font-size:11px;position:absolute;top:12%;right:12%;transform:rotate(7deg)}.guest-opening-art-button{cursor:pointer;width:min(100%,350px);transform:perspective(900px) rotateX(var(--invitation-opening-tilt-x,0deg)) rotateY(var(--invitation-opening-tilt-y,0deg)) rotate(2deg);background:0 0;border:0;place-items:center;padding:0;transition:transform .24s;display:grid;position:relative}.guest-opening-art-button:hover{transform:rotate(-1deg)translateY(-4px)}.guest-opening-art-button:focus-visible{outline-offset:9px;border-radius:50%}.guest-opening-art-shadow{z-index:-1;background:color-mix(in srgb, var(--ink) 17%, transparent);filter:blur(18px);border-radius:50%;position:absolute;inset:69% 6% 4%}.guest-opening-art-image{filter:drop-shadow(0 18px 12px #3b364b29);width:100%}.guest-opening-art-recipient,.guest-opening-art-signature{color:var(--muted);margin:-7px 0 0;font-size:12px;position:relative}.guest-opening-art-recipient{color:var(--ink);font-weight:800}.guest-opening-art-signature{margin-top:3px}.guest-response-result{text-align:center;justify-items:center;gap:12px;padding:clamp(25px,5vw,40px) clamp(18px,5vw,40px);display:grid;overflow:hidden}.guest-response-result .guest-stage-character{width:min(100%,240px);margin-bottom:-7px}.guest-response-result .result-mark{background:var(--invite-soft,#f7dce6);width:65px;height:65px;color:var(--pink-deep,var(--invite-accent));border-radius:50%;place-items:center;margin:0 0 5px;font-size:32px;display:grid;position:relative}.guest-response-result h1{letter-spacing:-.06em;max-width:520px;margin:0;font-size:clamp(29px,6vw,46px);line-height:1}.guest-final-message{max-width:520px;color:var(--pink-deep,var(--invite-accent))}.guest-result-meta{text-align:left;width:min(100%,460px);margin:4px 0}.guest-step-transition{animation:.3s cubic-bezier(.22,.8,.22,1) both guest-step-in}.guest-opening-is-opening{animation:1.51s cubic-bezier(.22,.8,.22,1) both guest-opening-finish}@keyframes guest-opening-finish{0%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:1;transform:translateY(-5px)scale(1.01)}to{opacity:0;transform:translateY(-14px)scale(.98)}}@keyframes guest-step-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.guest-opening-is-opening,.guest-step-transition{transition:none;animation:none}}@media (max-width:640px){.guest-page>.topbar,.guest-page>.footer,.guest-app-main{width:min(100% - 24px,740px)}.guest-app-main{padding-top:18px}.guest-invite-copy{padding:17px 14px}.guest-invite-copy h1{font-size:24px}.guest-panel{padding:21px 16px}.guest-stage-layout{grid-template-columns:1fr;gap:8px}.guest-stage-character{width:min(100%,195px)}.guest-stage-content{width:100%}.guest-opening{text-align:center;border-radius:27px;grid-template-columns:1fr;gap:15px;min-height:0;padding:31px 18px 35px}.guest-opening-copy{max-width:none}.guest-opening-lede{margin-inline:auto;font-size:16px}.guest-opening-details{justify-content:center}.guest-opening-hint{margin-left:0}.guest-opening-art-column{order:-1;padding-top:0}.guest-opening-art-button{width:min(100%,280px)}.guest-opening-letter{top:6%;right:6%}}@media (max-width:380px){.guest-invite-copy{padding-inline:11px}.guest-invite-copy h1{font-size:21px}.guest-opening h1{font-size:43px}.guest-step-actions .button{flex:130px}}.guest-embedded .guest-opening{min-height:0}.guest-embedded .guest-stage-layout{grid-template-columns:1fr;gap:8px}.guest-embedded .guest-stage-character{width:min(100%,195px);margin-inline:auto}.guest-embedded .guest-stage-content{width:100%}.guest-embedded .guest-invite-copy{padding:17px 18px}.guest-embedded .guest-invite-copy h1{font-size:clamp(20px,6vw,26px)}
.guest-answer-pair{--guest-answer-gap:10px;align-items:center;gap:var(--guest-answer-gap);min-height:132px;margin-top:20px;padding:38px 0 34px;display:flex;position:relative;overflow:visible}.guest-answer-pair .guest-answer-motion{width:calc((100% - var(--guest-answer-gap)) / 2);flex:0 0 calc((100% - var(--guest-answer-gap)) / 2);min-width:0}.guest-answer-pair .guest-answer-button{width:100%;min-width:0;transition:box-shadow .2s,background .2s}.guest-answer-pair .guest-answer-button:hover{transform:translateY(-2px)}.guest-answer-pair .guest-answer-button:disabled{transform:none}.guest-answer-pair.guest-answer-pair-swapped .guest-answer-motion-yes{transform:translateX(calc(100% + var(--guest-answer-gap)))}.guest-answer-pair.guest-answer-pair-swapped .guest-answer-motion-no{transform:translateX(calc(-100% - var(--guest-answer-gap)))}.guest-answer-pair.guest-answer-pair-dancing.guest-answer-pair-swapped .guest-answer-motion-yes{animation:.76s cubic-bezier(.22,.8,.22,1) both guest-answer-yes-forward}.guest-answer-pair.guest-answer-pair-dancing.guest-answer-pair-swapped .guest-answer-motion-no{animation:.76s cubic-bezier(.22,.8,.22,1) both guest-answer-no-forward}.guest-answer-pair.guest-answer-pair-dancing:not(.guest-answer-pair-swapped) .guest-answer-motion-yes{animation:.76s cubic-bezier(.22,.8,.22,1) both guest-answer-yes-return}.guest-answer-pair.guest-answer-pair-dancing:not(.guest-answer-pair-swapped) .guest-answer-motion-no{animation:.76s cubic-bezier(.22,.8,.22,1) both guest-answer-no-return}.guest-answer-pair .guest-answer-flourish{z-index:1;color:var(--pink);opacity:0;pointer-events:none;font-size:15px;position:absolute;top:8px;left:50%;transform:translate(-50%)scale(.7)}.guest-answer-pair.guest-answer-pair-dancing .guest-answer-flourish{animation:.76s ease-out both guest-answer-flourish}@keyframes guest-answer-yes-forward{0%{transform:translate(0,0)rotate(0)scale(1)}10%{transform:translate(-5%,5px)rotate(-3deg)scale(.94,.86)}25%{transform:translateY(40px)rotate(3deg)scale(.98,1.03)}60%{transform:translate(68%,40px)rotate(-2deg)scale(1.01,.99)}75%{transform:translate3d(calc(100% + var(--guest-answer-gap) + 4px), 40px, 0) rotate(2deg) scale(1.02, 1.02)}85%{transform:translate3d(calc(100% + var(--guest-answer-gap) + 4px), -2px, 0) rotate(1.5deg) scale(1.01, 1.01)}94%{transform:translate3d(calc(100% + var(--guest-answer-gap) + 2px), 1px, 0) rotate(-1deg) scale(.98, .98)}to{transform:translate3d(calc(100% + var(--guest-answer-gap)), 0, 0) rotate(0) scale(1)}}@keyframes guest-answer-no-forward{0%{transform:translate(0,0)rotate(0)scale(1)}10%{transform:translate(5%,-5px)rotate(3deg)scale(.94,.86)}25%{transform:translateY(-40px)rotate(-3deg)scale(.98,1.03)}60%{transform:translate(-68%,-40px)rotate(2deg)scale(1.01,.99)}75%{transform:translate3d(calc(-100% - var(--guest-answer-gap) - 4px), -40px, 0) rotate(-2deg) scale(1.02, 1.02)}85%{transform:translate3d(calc(-100% - var(--guest-answer-gap) - 4px), 2px, 0) rotate(-1.5deg) scale(1.01, 1.01)}94%{transform:translate3d(calc(-100% - var(--guest-answer-gap) - 2px), -1px, 0) rotate(1deg) scale(.98, .98)}to{transform:translate3d(calc(-100% - var(--guest-answer-gap)), 0, 0) rotate(0) scale(1)}}@keyframes guest-answer-yes-return{0%{transform:translate3d(calc(100% + var(--guest-answer-gap)), 0, 0) rotate(0) scale(1)}10%{transform:translate3d(calc(105% + var(--guest-answer-gap)), -5px, 0) rotate(3deg) scale(.94, .86)}25%{transform:translate3d(calc(100% + var(--guest-answer-gap)), -40px, 0) rotate(-3deg) scale(.98, 1.03)}60%{transform:translate(32%,-40px)rotate(2deg)scale(1.01,.99)}75%{transform:translate(-4px,-40px)rotate(-2deg)scale(1.02)}85%{transform:translate(-4px,2px)rotate(-1.5deg)scale(1.01)}94%{transform:translate(-2px,-1px)rotate(1deg)scale(.98)}to{transform:translate(0,0)rotate(0)scale(1)}}@keyframes guest-answer-no-return{0%{transform:translate3d(calc(-100% - var(--guest-answer-gap)), 0, 0) rotate(0) scale(1)}10%{transform:translate3d(calc(-105% - var(--guest-answer-gap)), 5px, 0) rotate(-3deg) scale(.94, .86)}25%{transform:translate3d(calc(-100% - var(--guest-answer-gap)), 40px, 0) rotate(3deg) scale(.98, 1.03)}60%{transform:translate(-32%,40px)rotate(-2deg)scale(1.01,.99)}75%{transform:translate(4px,40px)rotate(2deg)scale(1.02)}85%{transform:translate(4px,-2px)rotate(1.5deg)scale(1.01)}94%{transform:translate(2px,1px)rotate(-1deg)scale(.98)}to{transform:translate(0,0)rotate(0)scale(1)}}@keyframes guest-answer-flourish{0%,to{opacity:0;transform:translate(-50%,5px)scale(.7)rotate(-12deg)}25%{opacity:1;transform:translate(-50%,-2px)scale(1)rotate(0)}70%{opacity:.72;transform:translate(-50%,1px)scale(.88)rotate(9deg)}}.guest-answer-pair .guest-answer-selected{box-shadow:0 0 0 3px #d95d8233,0 10px 22px #d95d8238}@media (prefers-reduced-motion:reduce){.guest-answer-pair.guest-answer-pair-dancing .guest-answer-motion,.guest-answer-pair.guest-answer-pair-dancing .guest-answer-flourish{animation:none!important}}
@font-face{font-family:Datepuff Inter;src:url(../media/Inter.11h1g-42o_zcf.woff2)format("woff2");font-weight:100 900;font-display:swap}.guest-page.guest-opening-frame .guest-app-main{width:min(1180px,100% - 40px);padding:clamp(16px,3vw,30px) 0 clamp(42px,7vw,86px)}.guest-page.guest-opening-frame>.topbar,.guest-page.guest-opening-frame>.footer{width:min(1180px,100% - 40px)}.invitation-opening{--io-accent:var(--pink-deep,var(--invite-accent,#b54370));--io-soft:var(--invite-soft,#f8edf4);--io-ink:var(--ink,#302239);--io-muted:var(--muted,#806e7e);isolation:isolate;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);grid-template-areas:"copy art";align-items:center;gap:clamp(28px,5vw,92px);min-height:min(730px,100svh - 130px);padding:clamp(32px,6vw,70px) 0 clamp(45px,8vw,94px);animation:.8s cubic-bezier(.2,.8,.2,1) both invitation-opening-enter;display:grid;position:relative;overflow:hidden}.invitation-opening-is-opening{animation:1.45s cubic-bezier(.76,0,.24,1) both invitation-opening-finish}.invitation-opening-wash{z-index:-1;background:var(--io-accent);pointer-events:none;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:74%;transform:translate(-50%,-50%)scale(0)}.invitation-opening-is-opening .invitation-opening-wash{animation:1.45s cubic-bezier(.72,0,.2,1) both invitation-opening-wash}.invitation-opening-copy{z-index:2;grid-area:copy;min-width:0;position:relative}.invitation-opening-kicker{color:var(--io-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 21px;font-size:12px;font-weight:800;line-height:1.3;animation:.72s cubic-bezier(.22,.8,.22,1) 80ms both invitation-opening-rise}.invitation-opening-copy h1{letter-spacing:-.055em;word-spacing:.03em;text-wrap:balance;max-width:620px;margin:0;font-family:Datepuff Inter,Inter,Manrope,system-ui,sans-serif;font-size:clamp(52px,7.6vw,94px);font-weight:800;line-height:.9;animation:.84s cubic-bezier(.22,.8,.22,1) .14s both invitation-opening-rise}.invitation-opening-copy h1 em{color:var(--io-accent);letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-size:1.16em;font-style:italic;font-weight:700;line-height:.92;display:block;transform:translate(.1em)rotate(-3deg)}.invitation-opening-lede{max-width:365px;color:var(--io-muted);overflow-wrap:anywhere;margin:30px 0 0;font-size:clamp(15px,1.7vw,18px);line-height:1.55;animation:.7s cubic-bezier(.22,.8,.22,1) .28s both invitation-opening-rise}.invitation-opening-cta{color:#fff;background:#302239;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;min-width:min(100%,272px);min-height:58px;margin-top:34px;padding:7px 8px 7px 22px;font-size:14px;font-weight:800;transition:transform .24s,box-shadow .24s;animation:.7s cubic-bezier(.22,.8,.22,1) .4s both invitation-opening-rise;display:inline-flex;box-shadow:0 16px 34px #30223933}.invitation-opening-cta:hover{transform:translateY(-3px);box-shadow:0 20px 40px #30223947}.invitation-opening-cta:disabled{cursor:wait;opacity:.86;transform:none}.invitation-opening-cta:focus-visible{outline:3px solid var(--io-accent);outline-offset:5px}.invitation-opening-cta-icon{color:#302239;background:#f4c4d2;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.invitation-theme-moon .invitation-opening-cta{color:#292640;background:#d8c9ff}.invitation-theme-moon .invitation-opening-cta-icon{color:#292640;background:#b9a9e9}.invitation-opening-hint{color:var(--io-muted);margin:14px 0 0 22px;font-size:12px;animation:.7s cubic-bezier(.22,.8,.22,1) .48s both invitation-opening-rise}.invitation-opening-art-column{grid-area:art;place-items:center;min-width:0;min-height:520px;display:grid;position:relative;overflow:clip}.invitation-opening-orbits{z-index:-1;pointer-events:none;position:absolute;inset:2% -4% 5%}.invitation-opening-orbit{border:1px solid color-mix(in srgb, var(--io-accent) 38%, transparent);border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-19deg)}.invitation-opening-orbit-one{width:98%;height:51%}.invitation-opening-orbit-two{border-color:color-mix(in srgb, var(--io-accent) 27%, transparent);width:75%;height:84%;transform:translate(-50%,-50%)rotate(27deg)}.invitation-opening-orbit-three{border-color:color-mix(in srgb, var(--io-accent) 22%, transparent);width:49%;height:94%;transform:translate(-50%,-50%)rotate(77deg)}.invitation-opening-spark{color:var(--io-accent);font-family:Georgia,serif;font-size:25px;position:absolute}.invitation-opening-spark-one{top:10%;left:14%;transform:rotate(-16deg)}.invitation-opening-spark-two{font-size:36px;top:24%;right:9%;transform:rotate(15deg)}.invitation-opening-spark-three{font-size:17px;bottom:14%;left:10%}.invitation-opening-letter{aspect-ratio:1/1.12;border:1px solid color-mix(in srgb, var(--io-accent) 18%, white);color:#a73362;opacity:0;background:#fff9fb;border-radius:18px;place-items:center;width:min(60%,315px);font-family:Georgia,serif;font-size:clamp(19px,2.5vw,28px);font-style:italic;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)rotate(8deg)scale(.86);box-shadow:0 24px 48px #673f6329}.invitation-opening-is-opening .invitation-opening-letter{animation:1.25s cubic-bezier(.24,.86,.22,1) .22s both invitation-opening-letter}.invitation-opening-art-button{--invitation-opening-tilt-x:0deg;--invitation-opening-tilt-y:0deg;cursor:pointer;width:min(100%,530px);transform:perspective(900px) rotateX(var(--invitation-opening-tilt-x)) rotateY(var(--invitation-opening-tilt-y)) rotate(2deg);transform-style:preserve-3d;background:0 0;border:0;padding:0;transition:transform .35s,filter .35s;animation:6.5s ease-in-out 1.2s infinite invitation-opening-float;display:block;position:relative}.invitation-opening-art-button:hover{filter:drop-shadow(0 22px 25px #804b7029)}.invitation-opening-art-button:focus-visible{outline:3px solid var(--io-accent);outline-offset:12px;border-radius:42%}.invitation-opening-art-button:disabled{cursor:wait}.invitation-opening-art-image{z-index:2;width:100%;height:auto;animation:1.12s cubic-bezier(.17,.88,.25,1.13) .1s both invitation-opening-art-in;display:block;position:relative}.invitation-opening-art-shadow{z-index:0;background:color-mix(in srgb, var(--io-ink) 20%, transparent);filter:blur(18px);border-radius:50%;height:16%;position:absolute;bottom:7%;left:14%;right:14%;transform:rotate(-4deg)}.invitation-opening-is-opening .invitation-opening-art-button{animation:1.4s cubic-bezier(.65,0,.22,1) 50ms both invitation-opening-art-out}.invitation-opening-is-opening .invitation-opening-art-image{animation:none}.invitation-opening-art-recipient,.invitation-opening-art-signature{z-index:4;overflow-wrap:anywhere;text-align:center;max-width:43%;margin:0;position:absolute}.invitation-opening-art-recipient{color:#563b58;background:#fffdfbd1;border:1px solid #ffffffd1;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:800;top:12%;right:1%;transform:rotate(5deg);box-shadow:0 12px 24px #724c701a}.invitation-opening-art-signature{color:var(--io-accent);font-family:Georgia,serif;font-size:clamp(19px,2.4vw,27px);font-style:italic;bottom:11%;left:4%;transform:rotate(-8deg)}.invitation-opening-is-opening .invitation-opening-art-recipient,.invitation-opening-is-opening .invitation-opening-art-signature{animation:.8s .1s both invitation-opening-label-out}@keyframes invitation-opening-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes invitation-opening-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes invitation-opening-art-in{0%{opacity:0;transform:translate(30px,42px)rotate(-9deg)scale(.82)}72%{opacity:1;transform:translate(-8px,-9px)rotate(4deg)scale(1.035)}to{opacity:1;transform:translate(0,0)rotate(2deg)scale(1)}}@keyframes invitation-opening-float{0%,to{transform:perspective(900px) rotateX(var(--invitation-opening-tilt-x)) rotateY(var(--invitation-opening-tilt-y)) translateY(0) rotate(2deg)}50%{transform:perspective(900px) rotateX(var(--invitation-opening-tilt-x)) rotateY(var(--invitation-opening-tilt-y)) translateY(-12px) rotate(2deg)}}@keyframes invitation-opening-finish{0%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1.01)}to{opacity:0;transform:scale(.97)}}@keyframes invitation-opening-art-out{0%{opacity:1;transform:translate(0,0)rotate(2deg)scale(1)}35%{opacity:1;transform:translate(-7%,-11%)rotate(-7deg)scale(1.1)}to{opacity:0;transform:translate(70%,-80%)rotate(30deg)scale(.75)}}@keyframes invitation-opening-label-out{to{opacity:0;transform:translateY(-12px)scale(.8)rotate(5deg)}}@keyframes invitation-opening-letter{0%{opacity:0;transform:translate(-50%,-42%)rotate(8deg)scale(.86)}48%{opacity:1;transform:translate(-50%,-52%)rotate(-3deg)scale(1.08)}to{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1.42)}}@keyframes invitation-opening-wash{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}44%{opacity:.16;transform:translate(-50%,-50%)scale(18)}to{opacity:1;transform:translate(-50%,-50%)scale(100)}}@keyframes invitation-opening-reveal{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.guest-page:not(.guest-opening-frame) .guest-flow{animation:.7s cubic-bezier(.22,.8,.22,1) 40ms both invitation-opening-reveal}@media (prefers-reduced-motion:reduce){.invitation-opening,.invitation-opening *,.guest-page .guest-flow{transition:none!important;animation:none!important}}@media (max-width:820px){.guest-page.guest-opening-frame .guest-app-main{width:min(100% - 32px,740px)}.invitation-opening{grid-template-columns:1fr;grid-template-areas:"copy""art";gap:8px;min-height:0;padding-top:clamp(28px,8vw,58px)}.invitation-opening-copy{text-align:center;max-width:620px;margin:0 auto}.invitation-opening-kicker{margin-bottom:15px}.invitation-opening-copy h1{margin-inline:auto;font-size:clamp(52px,12vw,80px)}.invitation-opening-lede{margin-inline:auto}.invitation-opening-cta{margin-top:30px}.invitation-opening-hint{margin-left:0}.invitation-opening-art-column{width:min(100%,590px);min-height:clamp(350px,67vw,530px);margin:0 auto}}@media (max-width:560px){.guest-page.guest-opening-frame .guest-app-main{width:calc(100% - 24px);padding-top:18px}.guest-page.guest-opening-frame>.topbar,.guest-page.guest-opening-frame>.footer{width:calc(100% - 24px)}.invitation-opening{padding:29px 0 39px}.invitation-opening-kicker{font-size:12px}.invitation-opening-copy h1{font-size:clamp(46px,15vw,68px)}.invitation-opening-lede{margin-top:23px;font-size:15px}.invitation-opening-cta{width:100%;min-width:0;margin-top:28px}.invitation-opening-hint{font-size:12px}.invitation-opening-art-column{min-height:340px}.invitation-opening-orbits{inset:1% -8% 2%}.invitation-opening-art-recipient{width:fit-content;max-width:70%;padding:8px 11px;font-size:12px;top:8%;right:0}.invitation-opening-art-signature{overflow-wrap:normal;text-align:center;justify-self:center;max-width:100%;margin:8px 0 0;font-size:19px;line-height:1.15;position:relative;bottom:auto;left:auto;transform:rotate(-2deg)}}@media (max-width:360px){.invitation-opening-copy h1{font-size:43px}.invitation-opening-art-column{min-height:292px}}.guest-page.guest-embedded.guest-opening-frame .guest-app-main{width:100%;min-width:0;padding:0}.guest-page.guest-embedded.guest-opening-frame .invitation-opening{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""art";gap:8px;width:100%;min-width:0;min-height:0;padding:24px 12px 32px}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-copy{text-align:center;min-width:0}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-copy h1{overflow-wrap:anywhere;max-width:100%;margin-inline:auto;font-size:clamp(42px,13vw,50px);line-height:.94}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-lede{max-width:100%;margin-inline:auto;font-size:14px}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-kicker,.guest-page.guest-embedded.guest-opening-frame .invitation-opening-hint{font-size:12px}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-cta{gap:8px;width:100%;min-width:0;margin-top:26px;padding-left:14px;font-size:12px}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-cta>span:first-child{overflow-wrap:anywhere;min-width:0}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-cta-icon{width:40px;height:40px}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-hint{margin-left:0}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-art-column{width:min(100%,280px);min-width:0;min-height:278px;margin:0 auto}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-art-button{width:min(100%,270px)}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-art-recipient{width:fit-content;max-width:70%;padding:7px 9px;font-size:12px}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-art-signature{overflow-wrap:normal;text-align:center;justify-self:center;max-width:100%;margin:8px 0 0;font-size:18px;line-height:1.15;position:relative;bottom:auto;left:auto;transform:rotate(-2deg)}@media (max-width:380px){.guest-page.guest-embedded.guest-opening-frame .invitation-opening-copy h1{font-size:clamp(34px,10vw,46px)}.guest-page.guest-embedded.guest-opening-frame .invitation-opening-copy h1 em{white-space:nowrap}}
.music-picker{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.music-picker legend{margin-bottom:2px;font-size:13px;font-weight:700}.music-picker-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.music-picker-option{border:1px solid var(--line);background:var(--invite-surface,#fff);min-width:0;color:var(--ink);border-radius:18px;padding:9px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}.music-picker-preview{border:1px solid color-mix(in srgb, var(--invite-accent,var(--pink)) 35%, var(--line));background:color-mix(in srgb, var(--invite-accent,var(--pink)) 9%, var(--invite-surface,#fff));min-height:32px;color:var(--pink-deep);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:5px;margin-top:8px;padding:5px 9px;font-size:11px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.music-picker-preview:hover{background:color-mix(in srgb, var(--invite-accent,var(--pink)) 16%, var(--invite-surface,#fff));transform:translateY(-1px)}.music-picker-preview:focus-visible{outline-offset:2px;outline:3px solid #9f7cf0}.music-picker-preview span:first-child{place-items:center;display:grid}.music-picker-preview:disabled{cursor:wait;opacity:.62}.music-picker-audio{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;left:-1px;overflow:hidden}.music-picker-option:hover{transform:translateY(-2px)}.music-picker-option:has(input:checked){border-color:var(--invite-accent,var(--pink));box-shadow:0 0 0 3px color-mix(in srgb, var(--invite-accent,var(--pink)) 20%, transparent)}.music-picker-option:has(input:focus-visible){outline-offset:2px;outline:3px solid #9f7cf0}.music-picker-label{cursor:pointer;grid-template-rows:auto 1fr;gap:8px;min-width:0;display:grid}.music-picker-label input{opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;position:absolute}.music-picker-cover{aspect-ratio:1.7;width:100%;color:var(--pink-deep);background:linear-gradient(135deg,#f8dfe8,#f9efe5);border-radius:12px;place-items:center;display:grid;overflow:hidden}.music-picker-cover img{object-fit:contain;width:100%;height:100%;display:block}.music-picker-copy{gap:3px;min-width:0;display:grid}.music-picker-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;display:block;overflow:hidden}.music-picker-copy span{color:var(--muted);font-size:11px;line-height:1.35}.music-picker:disabled .music-picker-option{cursor:not-allowed;opacity:.56}.music-picker:disabled .music-picker-label,.music-picker:disabled .music-picker-preview{cursor:not-allowed}@media (max-width:540px){.music-picker-options{grid-template-columns:1fr}.music-picker-option{min-height:86px}.music-picker-label{grid-template-rows:1fr;grid-template-columns:86px minmax(0,1fr);align-items:center;column-gap:11px}.music-picker-cover{grid-row:1;width:86px;height:68px}.music-picker-preview{justify-self:start;margin-top:0;margin-left:97px}}@media (prefers-reduced-motion:reduce){.music-picker-option{transition:none}.music-picker-option:hover{transform:none}.music-picker-preview{transition:none}.music-picker-preview:hover{transform:none}}
.invitation-music-audio{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;left:-1px;overflow:hidden}.guest-topbar-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.guest-embedded-topbar{justify-content:flex-end;padding:10px 12px 0;display:flex}.invitation-music-control{border:1px solid var(--invite-border,var(--line));background:color-mix(in srgb, var(--invite-surface,#fff) 92%, transparent);min-width:0;max-width:min(100%,225px);min-height:38px;color:var(--ink);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 7px 20px #7e526f1a}.invitation-music-control:hover{transform:translateY(-1px)}.invitation-music-control:disabled{cursor:wait;opacity:.62}.invitation-music-cover{object-fit:cover;border-radius:50%;flex:none;width:29px;height:29px}.invitation-music-icon{background:var(--invite-soft,#f5e9ee);width:24px;height:24px;color:var(--pink-deep,var(--invite-accent));border-radius:50%;flex:none;place-items:center;display:grid}.invitation-music-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (max-width:420px){.invitation-music-control{max-width:178px}}