.announcement-app{--announcement-ink:var(--foreground);--announcement-muted:var(--muted-foreground);--announcement-border:var(--border);--announcement-field:var(--color-stone-300);--announcement-action:var(--primary);--announcement-action-hover:color-mix(in oklch, var(--primary) 87%, black);--announcement-action-line:color-mix(in srgb, var(--primary) 35%, var(--border));--announcement-blush:color-mix(in srgb, var(--brand) 8%, var(--card));--announcement-line:color-mix(in srgb, var(--brand) 30%, var(--border));--announcement-rose-line:color-mix(in srgb, var(--brand) 45%, var(--card));--announcement-rule:color-mix(in srgb, var(--brand) 32%, var(--card));--announcement-pin:color-mix(in oklch, var(--brand) 78%, var(--foreground));--announcement-gold:color-mix(in oklch, var(--secondary) 65%, oklch(72% .13 75));--announcement-dot-rose:color-mix(in srgb, var(--brand) 30%, var(--card));--announcement-dot-gold:color-mix(in srgb, var(--secondary) 70%, var(--card));--announcement-warm:color-mix(in srgb, var(--secondary) 26%, var(--card));--announcement-care:color-mix(in oklch, var(--accent) 60%, black);--announcement-care-soft:color-mix(in srgb, var(--accent) 9%, var(--card));--announcement-care-border:color-mix(in srgb, var(--accent) 30%, var(--border));--announcement-danger:var(--color-red-700,#c10007);--announcement-danger-soft:var(--color-red-50,#fef2f2);--announcement-paper:var(--card);background:var(--background);color:var(--announcement-ink);font-family:var(--font-sans);font-size:16px;line-height:1.6}.announcement-container{max-width:1160px;margin:auto;padding:0 32px}.announcement-app h1,.announcement-app h2,.announcement-app h3{font-family:var(--font-serif);color:var(--announcement-ink);text-wrap:balance}.announcement-app p{text-wrap:pretty}.announcement-app svg{flex-shrink:0}.announcement-skip{z-index:100;background:var(--card);color:var(--announcement-action);border-radius:12px;padding:12px 16px;font-weight:600;position:absolute;top:-100px;left:20px}.announcement-skip:focus{top:16px}.announcement-app :is(input,textarea,button,a):focus-visible{outline:2px solid var(--announcement-action);outline-offset:2px;box-shadow:none}.announcement-app label{margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4}.announcement-app input,.announcement-app [data-slot=date-picker-trigger],.announcement-app textarea{background:var(--card);border-color:var(--announcement-field);box-shadow:none;color:var(--announcement-ink);border-radius:12px;font-size:16px}.announcement-app input,.announcement-app [data-slot=date-picker-trigger]{height:46px;padding-inline:14px}.announcement-app textarea{resize:vertical;min-height:116px;padding:12px 14px;line-height:1.65}.announcement-app input::placeholder,.announcement-app [data-slot=date-picker-trigger][data-placeholder],.announcement-app textarea::placeholder{color:var(--announcement-muted)}.announcement-app [data-slot=button]{border-radius:12px;min-height:40px;font-size:14px;font-weight:600}.announcement-app .announcement-primary{background:var(--announcement-action);width:100%;height:auto;min-height:50px;color:var(--color-white,#fff);white-space:normal;gap:10px;padding:12px 20px;font-size:16px}.announcement-app .announcement-primary:hover{background:var(--announcement-action-hover)}.announcement-fields{border:0;flex-direction:column;gap:20px;min-width:0;margin:0;padding:0;display:flex}.announcement-two-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.announcement-two-fields>div{min-width:0}.announcement-field-hint{color:var(--announcement-muted);align-items:flex-start;gap:7px;margin-top:8px;font-size:14px;line-height:1.5;display:flex}.announcement-field-hint svg{color:var(--announcement-action);margin-top:1px}.announcement-two-fields+.announcement-field-hint{margin-top:-12px}.announcement-consent{align-items:flex-start;gap:12px;display:flex}.announcement-consent label{color:var(--announcement-muted);cursor:pointer;margin:0;font-size:14px;font-weight:400;line-height:1.55;display:block}.announcement-consent [data-slot=checkbox]{border-color:var(--announcement-muted);margin-top:2px}.announcement-consent [data-slot=checkbox][data-selected]{background:var(--announcement-action);border-color:var(--announcement-action);color:var(--color-white,#fff)}.announcement-form-note{color:var(--announcement-muted);text-align:center;font-size:14px;line-height:1.55}.announcement-form-note a{color:var(--announcement-ink);text-underline-offset:3px;text-decoration:underline}.announcement-honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.announcement-error,.announcement-notice{border-radius:12px;margin:16px 0;padding:12px 14px;font-size:14px;line-height:1.5}.announcement-fields .announcement-error{margin:0}.announcement-error{color:var(--announcement-danger);background:var(--announcement-danger-soft)}.announcement-notice{color:var(--announcement-care);background:var(--announcement-care-soft);border:1px solid var(--announcement-care-border)}.announcement-round-icon{background:var(--announcement-blush);width:44px;height:44px;color:var(--announcement-action);border-radius:50%;place-items:center;display:grid}.announcement-builder{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:56px;padding-top:56px;display:grid}.announcement-hero{padding-bottom:36px}.announcement-hero h1{letter-spacing:-.035em;margin:0 0 20px;font-size:36px;font-weight:500;line-height:1.06}.announcement-hero h1 em{color:var(--announcement-action);font-style:normal}.announcement-hero>p{max-width:30em;color:var(--announcement-muted);font-size:18px;line-height:1.6}.announcement-promises{color:var(--announcement-muted);flex-wrap:wrap;gap:8px 22px;margin:20px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.announcement-promises li{align-items:center;gap:6px;display:flex}.announcement-promises svg{color:var(--announcement-action)}.announcement-form-card{border:1px solid var(--announcement-border);background:var(--card);box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 4%, transparent);border-radius:24px;padding:32px}.announcement-group-heading h2{letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.3}.announcement-group-heading p{color:var(--announcement-muted);margin-top:2px;font-size:14px}.announcement-group-break{border-top:1px solid var(--announcement-border);margin-top:8px;padding-top:28px}.announcement-preview{position:sticky;top:24px}.announcement-preview-label{color:var(--announcement-muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;margin:6px 0 12px;font-size:12px;font-weight:600;display:flex}.announcement-live-dot{background:var(--brand);width:7px;height:7px;box-shadow:0 0 0 3px var(--announcement-blush);border-radius:50%}.announcement-after{align-items:flex-start;gap:14px;padding:24px 8px 0;display:flex}.announcement-after>svg{color:var(--announcement-action);margin-top:2px}.announcement-after h3{margin-bottom:4px;font-size:16px;font-weight:600}.announcement-after p{max-width:34em;color:var(--announcement-muted);font-size:14px;line-height:1.6}.announcement-stage{isolation:isolate;background:var(--announcement-blush);border-radius:24px;padding:40px 36px;position:relative;overflow:hidden}.announcement-stage:before{content:"";z-index:-1;background-image:radial-gradient(circle, var(--announcement-dot-rose) 0 2px, transparent 2.5px), radial-gradient(circle, var(--announcement-dot-gold) 0 2px, transparent 2.5px);background-position:0 0,14px 14px;background-size:28px 28px;position:absolute;inset:0}.announcement-keepsake{filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--foreground) 7%, transparent)) drop-shadow(0 16px 28px color-mix(in srgb, var(--brand) 16%, transparent))}.announcement-card{--scallop:11px;padding:var(--scallop);background:var(--announcement-paper);-webkit-mask:linear-gradient(#fff 0 0) content-box, radial-gradient(var(--scallop), #fff 98%, #fff0) 0 0 / calc(2 * var(--scallop)) calc(2 * var(--scallop)) round;-webkit-mask:linear-gradient(#fff 0 0) content-box, radial-gradient(var(--scallop), #fff 98%, #fff0) 0 0 / calc(2 * var(--scallop)) calc(2 * var(--scallop)) round;mask:linear-gradient(#fff 0 0) content-box, radial-gradient(var(--scallop), #fff 98%, #fff0) 0 0 / calc(2 * var(--scallop)) calc(2 * var(--scallop)) round}.announcement-card-face{border:1px solid var(--announcement-rule);text-align:center;border-radius:4px;margin:5px;padding:30px 32px 34px}.announcement-art{width:184px;max-width:70%;height:auto;margin:0 auto 6px;display:block}.announcement-app .announcement-name{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:36px;font-weight:400;line-height:1.08}.announcement-eyebrow{color:var(--announcement-action);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:600;line-height:1.4;display:block}.announcement-birth-date{color:var(--announcement-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:16px;font-size:12px;font-weight:600}.announcement-birth-details{overflow-wrap:anywhere;margin-top:4px;font-size:16px}.announcement-divider{color:var(--brand);justify-content:center;align-items:center;gap:12px;margin:22px 0;display:flex}.announcement-divider span{background:var(--announcement-line);width:40px;height:1px}.announcement-divider svg{fill:currentColor}.announcement-message{white-space:pre-wrap;overflow-wrap:anywhere;max-width:32em;margin-inline:auto;font-size:16px;line-height:1.7}.announcement-message.is-placeholder{color:var(--announcement-muted)}.announcement-signoff{color:var(--announcement-muted);margin-top:22px;font-size:14px}.announcement-signoff strong{color:var(--announcement-ink);letter-spacing:-.01em;overflow-wrap:anywhere;margin-top:2px;font-size:18px;font-weight:600;display:block}.announcement-stage-arrive .announcement-keepsake{animation:.9s cubic-bezier(.2,.8,.2,1) both announcement-arrive}@keyframes announcement-arrive{0%{opacity:0;transform:translateY(40px)rotate(-1.5deg)}}.announcement-support{background:var(--announcement-warm);border-radius:24px;justify-content:space-between;align-items:center;gap:40px;margin:72px 0;padding:36px 40px;display:flex}.announcement-support h2{letter-spacing:-.02em;margin-bottom:6px;font-size:24px;font-weight:500;line-height:1.2}.announcement-support p{max-width:36em;color:var(--announcement-muted);font-size:16px}.announcement-support a{border:1px solid var(--announcement-border);background:var(--card);min-height:46px;color:var(--announcement-action);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:11px 20px;font-size:16px;font-weight:600;transition:border-color .15s;display:inline-flex}.announcement-support a:hover{border-color:var(--announcement-action-line)}.announcement-empty{min-height:60vh;color:var(--announcement-muted);flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;display:flex}.announcement-empty h1{letter-spacing:-.02em;font-size:30px;font-weight:500}.announcement-empty a{color:var(--announcement-action);text-underline-offset:3px;font-weight:600;text-decoration:underline}.announcement-shared-intro{padding:28px 0 24px;font-size:14px}.announcement-shared-intro a{color:var(--announcement-muted);align-items:center;gap:6px;font-weight:600;transition:color .15s;display:inline-flex}.announcement-shared-intro a:hover{color:var(--announcement-action)}.announcement-shared-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.announcement-shared-grid>aside{flex-direction:column;gap:20px;display:flex}.announcement-subscribe,.announcement-organizer,.announcement-share,.announcement-action-card{border:1px solid var(--announcement-border);background:var(--card);border-radius:24px;padding:28px}.announcement-subscribe{box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 4%, transparent)}.announcement-subscribe h2,.announcement-organizer h2{letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:500;line-height:1.2}.announcement-subscribe .announcement-round-icon{margin-bottom:16px}.announcement-subscribe>p:not([class]),.announcement-subscribe>[role=status]>p:not([class]),.announcement-organizer>p:not([class]),.announcement-share>p:not([class]){color:var(--announcement-muted);font-size:14px}.announcement-subscribe .announcement-small{color:var(--announcement-muted);margin:12px 0 18px;font-size:14px}.announcement-subscribe form,.announcement-organizer form{margin-top:22px}.announcement-subscribe .announcement-form-note{font-size:14px}.announcement-share h2{letter-spacing:-.01em;margin-bottom:4px;font-size:18px;font-weight:600}.announcement-copy{flex-wrap:wrap;align-items:end;gap:8px;margin-top:18px;display:flex}.announcement-copy>label{flex:1;min-width:120px;margin:0;display:block}.announcement-copy input{margin-top:8px;font-size:14px}.announcement-app .announcement-copy>button{height:46px}.announcement-copy>span{width:100%;color:var(--announcement-action);font-size:14px;display:block}.announcement-copy>span:empty{display:none}.announcement-private-note{border-top:1px solid var(--announcement-border);align-items:flex-start;gap:10px;margin-top:20px;padding-top:20px;display:flex}.announcement-private-note svg{color:var(--announcement-action);margin-top:3px}.announcement-private-note p{font-size:14px}.announcement-updates{padding:48px 0 0}.announcement-updates>h2{letter-spacing:-.02em;margin-bottom:24px;font-size:24px;font-weight:500}.announcement-timeline{margin:0;padding:0;list-style:none}.announcement-update{padding:0 0 32px 30px;position:relative}.announcement-update:before{content:"";background:var(--announcement-line);width:1px;position:absolute;top:14px;bottom:0;left:4px}.announcement-update:last-child{padding-bottom:0}.announcement-update:last-child:before{display:none}.announcement-update:after{content:"";background:var(--brand);width:9px;height:9px;box-shadow:0 0 0 4px var(--background);border-radius:50%;position:absolute;top:5px;left:0}.announcement-update time{color:var(--announcement-muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.6;display:block}.announcement-update p{white-space:pre-wrap;overflow-wrap:anywhere;max-width:38em;margin-top:6px;font-size:16px;line-height:1.7}.announcement-empty-updates{border:1px dashed var(--announcement-line);text-align:center;border-radius:20px;padding:32px}.announcement-empty-updates p{font-size:16px;font-weight:600}.announcement-empty-updates span{color:var(--announcement-muted);margin-top:4px;font-size:14px;display:block}.announcement-manage-row{border-top:1px solid var(--announcement-border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding-top:22px;display:flex}.announcement-app .announcement-delete{color:var(--announcement-danger)}.announcement-app .announcement-delete:hover{background:var(--announcement-danger-soft);color:var(--announcement-danger)}.announcement-manager-note{color:var(--announcement-muted);margin-top:14px;font-size:14px;line-height:1.55}.announcement-pending{background:var(--announcement-warm);border-radius:16px;margin-top:16px;padding:16px;font-size:14px}.announcement-pending button{margin-top:10px}.announcement-action-card{align-items:center;gap:18px;margin-bottom:28px;display:flex}.announcement-action-card h2{letter-spacing:-.01em;font-size:20px;font-weight:600}.announcement-action-card p{color:var(--announcement-muted);font-size:14px}.announcement-app .announcement-action-card .announcement-primary{width:auto;margin-left:auto}@media (width>=768px){.announcement-hero h1,.announcement-app .announcement-name{font-size:48px}}@media (width<=960px){.announcement-builder,.announcement-shared-grid{grid-template-columns:minmax(0,1fr);gap:32px}.announcement-builder{padding-top:40px}.announcement-hero{padding-bottom:8px}.announcement-preview{position:static}.announcement-shared-grid>div{display:contents}.announcement-shared-grid>aside{order:1}.announcement-updates{order:2;padding-top:8px}}@media (width<=640px){.announcement-container{padding:0 16px}.announcement-builder{padding-top:32px}.announcement-hero h1{font-size:36px}.announcement-hero>p{font-size:16px}.announcement-form-card,.announcement-subscribe,.announcement-organizer,.announcement-share,.announcement-action-card{border-radius:20px;padding:22px 18px}.announcement-two-fields{grid-template-columns:minmax(0,1fr)}.announcement-app input,.announcement-app textarea{font-size:16px}.announcement-stage{border-radius:20px;padding:20px 14px}.announcement-card-face{padding:24px 18px 28px}.announcement-app .announcement-name{font-size:36px}.announcement-support{flex-direction:column;align-items:flex-start;gap:20px;margin:48px 0;padding:28px 22px}.announcement-support h2{font-size:24px}.announcement-shared-intro{padding:20px 0}.announcement-action-card{flex-wrap:wrap}.announcement-app .announcement-action-card .announcement-primary{width:100%}}@media (prefers-reduced-motion:reduce){.announcement-app *,.announcement-app :before,.announcement-app :after{transition:none!important;animation:none!important}}
