body[data-style="botanical"]{background-image:radial-gradient(ellipse at 5% 5%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),radial-gradient(ellipse at 95% 90%,color-mix(in srgb,var(--ink) 8%,transparent),transparent 55%)}
body[data-style="romantic"]{background-image:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 65%)}
body[data-style="coastal"]{background-image:repeating-radial-gradient(ellipse at 50% -90%,transparent 0 70px,color-mix(in srgb,var(--accent) 7%,transparent) 72px 74px,transparent 76px 145px)}
body[data-style="deco"]{background-image:repeating-linear-gradient(135deg,transparent 0 54px,color-mix(in srgb,var(--accent) 5%,transparent) 55px 56px,transparent 57px 110px)}
body[data-style="playful"]{background-image:radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--accent) 12%,transparent) 0 12%,transparent 12.2%),radial-gradient(circle at 95% 80%,color-mix(in srgb,var(--accent) 9%,transparent) 0 18%,transparent 18.2%)}
body[data-style="botanical"] .door{border-radius:28px 8px 28px 8px}
body[data-style="romantic"] .door{border-radius:24px;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 8%,transparent)}
body[data-style="coastal"] .door{border-radius:32px 32px 12px 12px}
body[data-style="arches"] .door{border-radius:48% 48% 8px 8px}
body[data-style="deco"] .door{border-radius:2px;border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
body[data-style="deco"] .door::after{content:'';position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);pointer-events:none}
body[data-style="deco"] h1{font-style:normal;letter-spacing:.04em}
body[data-style="minimal"] .door{border-radius:0;border-color:var(--muted);box-shadow:none}
body[data-style="minimal"] .door.locked,body[data-style="minimal"] .door.plain{background:var(--surface)}
body[data-style="minimal"] .door.plain::before{display:none}
body[data-style="minimal"] h1,body[data-style="minimal"] .door .num,body[data-style="minimal"] .pnum{font-family:var(--sans);font-style:normal;font-weight:400}
body[data-style="minimal"] .kicker{letter-spacing:.1em}
body[data-style="playful"] .door{border-radius:30px 14px 30px 14px}
body[data-style="romantic"] .reveal-btn{background:var(--drop);color:white}
body[data-style="romantic"] .reveal{border-top-style:dashed}
.snow i.motif{background:none;width:auto!important;height:auto!important;line-height:1;color:var(--accent);font-size:16px}
body[data-effect="flowers"] .snow i.motif{font-size:19px}
.theme-preview{padding:16px;border-radius:12px;background:var(--bg);color:var(--ink);margin-top:10px;border:1px solid var(--accent)}
.theme-preview .theme-name{font-size:.85rem;font-weight:500;margin-bottom:12px}
.theme-preview .theme-doors{display:flex;gap:8px}
.theme-preview .theme-door{display:grid;place-items:center;aspect-ratio:3/4;flex:1;max-width:64px;background:linear-gradient(150deg,var(--surface-2),var(--surface));color:var(--accent);border:1px solid var(--accent);border-radius:8px;font-family:Georgia,serif;font-size:1.4rem}
.theme-preview[data-style="botanical"] .theme-door{border-radius:18px 4px 18px 4px}
.theme-preview[data-style="arches"] .theme-door{border-radius:50% 50% 4px 4px}
.theme-preview[data-style="coastal"] .theme-door{border-radius:20px 20px 5px 5px}
.theme-preview[data-style="romantic"] .theme-door,.theme-preview[data-style="playful"] .theme-door{border-radius:16px}
.theme-preview[data-style="deco"] .theme-door,.theme-preview[data-style="minimal"] .theme-door{border-radius:0}
.theme-preview .theme-description{font-size:.75rem;margin-top:10px;color:var(--muted)}