/* Shared glass surfaces for the composer and greeting experiences. */
.builder-page { background: var(--paper); }
.builder-heading,.composer fieldset,.preview-caption,.recipient-page,.site-scene-toolbar {
 color:var(--brand-white); background:linear-gradient(135deg,rgba(52,38,42,.83),rgba(42,33,49,.76));
 border:1px solid rgba(255,235,220,.5);border-radius:22px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 18px 48px rgba(18,10,28,.28);
 backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);
}
.builder-heading {max-width:none;padding:28px 32px;margin-bottom:16px;}
.builder-heading h1,.recipient-page h1,.composer legend {font-family:var(--display-font);font-weight:400;color:var(--brand-white);}
.builder-heading > p:last-child,.composer .hint,.theme-heading small,.design-choice small,.delivery-note,.hand-note {color:var(--brand-soft);}
.builder-heading h1 {max-width:850px;}
.site-scene-toolbar {padding:12px 20px;margin:0 0 28px;}
.site-scene-toolbar .seasonal-controls {margin:0;padding:0;border:0;}
.composer fieldset {min-width:0;margin-top:12px;}
.composer legend {background:rgba(42,33,49,.94);border:1px solid var(--glass-line);border-radius:12px;padding:8px 12px;}
.composer legend span {background:var(--red);}
.composer input,.composer textarea,.composer select {color:var(--brand-white);border:1px solid rgba(255,235,245,.43);border-radius:12px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 #ffffff22;}
.composer input::placeholder,.composer textarea::placeholder {color:#d4c9d4;opacity:1;}
.composer select option {background:#302733;color:#fffaf5;}
.composer :is(input,textarea,select):focus-visible {outline:2px solid var(--brand-gold);outline-offset:3px;}
.design-choice {color:var(--brand-white);background:rgba(255,255,255,.075);border:1px solid #ffffff50;border-radius:12px;}
.design-choice:hover,.design-choice.is-selected {border-color:var(--brand-gold);box-shadow:inset 0 0 0 2px var(--brand-gold);}
.delivery-note,.email-details,#shareStatus:not(:empty) {background:#ffffff0c;border-color:var(--brand-gold);border-radius:12px;color:var(--brand-soft);}
.preview-caption {padding:15px 20px;margin-bottom:16px;}
.preview-caption .eyebrow {margin:0;}
.preview-controls {background:rgba(42,33,49,.82);border-radius:18px;padding:12px;backdrop-filter:blur(28px);}
.greeting {color:#392d41;}
.envelope-label {font-family:var(--display-font);}
.recipient-page {padding:24px;margin:32px auto;}
.experience-page .experience {background:transparent;}
.experience-page .experience::before {background:linear-gradient(180deg,#100a181a,#100a1866);}
.experience-page .moon-glow,.experience-page .stars {display:none;}
.experience-page .recipient-intro {padding:16px 30px;background:rgba(42,33,49,.76);border:1px solid var(--glass-line);border-radius:22px;backdrop-filter:blur(28px);}
.experience-page .recipient-intro h1,.experience-page .card-prompt {font-family:var(--display-font);color:var(--brand-white);}
.experience-page .eyebrow {color:var(--brand-gold);}
.experience-scenes {position:relative;z-index:5;max-width:760px;margin:16px auto;}
.experience-page .personalize-dialog input,.experience-page .personalize-dialog textarea {color:#382d40;background:rgba(255,255,255,.75);}
.experience-page .brand {color:#fffaf5;text-shadow:0 2px 8px #000;}
@media(max-width:600px){.builder-heading{padding:22px 20px}.composer fieldset{padding:18px 14px}.preview-caption{flex-wrap:wrap}.site-scene-toolbar{padding:14px}.experience-scenes{margin:12px}.recipient-page{margin:20px 12px}.composer legend{font-size:1.05rem}.builder-layout>*{min-width:0}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.builder-heading,.composer fieldset,.preview-caption,.recipient-page,.site-scene-toolbar{background:#302733}}
.experience-page .envelope-address-face strong,.experience-page .inside-recipient,.experience-page .message,.experience-page .signature {font-family:var(--display-font);}