:root,[data-theme=meadow]{--accent:#8fdc2f;--accent-grad:linear-gradient(180deg, #dcf74a 0%, #8fdc2f 55%, #5fc21f 100%);--accent-deep:#4f9a17;--accent-ink:#1b3305;--accent-soft:#f1fbd6;--accent-line:#c5ea6a;--accent-text:#3f8a10;--pop:#ffd23f;--bg:#b9aeff;--sky:linear-gradient(180deg, #7a68ff 0%, #a99eff 40%, #d9c9ff 70%, #f3dcff 100%);--stage:linear-gradient(180deg, #e6dfff 0%, #fbf8ff 100%);--hero:linear-gradient(180deg, #7a68ff 0%, #a99eff 45%, #dccaff 100%);--rim:#e9e6f3}[data-theme=violet]{--accent:#6d4aff;--accent-ink:#fff;--accent-soft:#efeaff;--accent-line:#bcaeff;--accent-text:#5a3af0;--pop:#ffd23f;--bg:#d9d2ff;--sky:linear-gradient(180deg, #8f78ff 0%, #c4b6ff 45%, #f2dcff 100%);--stage:linear-gradient(180deg, #d8cdff 0%, #f6efff 100%);--hero:linear-gradient(160deg, #9f8bff 0%, #ffb7e0 62%, #ffe1b3 100%)}[data-theme=coral]{--accent:#ff5a3c;--accent-ink:#fff;--accent-soft:#fff0eb;--accent-line:#ffb4a3;--accent-text:#e63e20;--pop:#ffd23f;--bg:#ffd6cb;--sky:linear-gradient(180deg, #ff8f6e 0%, #ffc3ab 45%, #ffe9d6 100%);--stage:linear-gradient(180deg, #ffd9cb 0%, #fff4ee 100%);--hero:linear-gradient(160deg, #ff9e80 0%, #ffa6c4 62%, #f1c1ff 100%)}[data-theme=blue]{--accent:#2f7bff;--accent-ink:#fff;--accent-soft:#e9f1ff;--accent-line:#a9c8ff;--accent-text:#1f63e6;--pop:#ffd23f;--bg:#cfe2ff;--sky:linear-gradient(180deg, #4a9bff 0%, #9fcbff 45%, #e2f1ff 100%);--stage:linear-gradient(180deg, #cfe5ff 0%, #f3f9ff 100%);--hero:linear-gradient(160deg, #6fb4ff 0%, #b5b0ff 62%, #ffc9e8 100%)}[data-theme=mint]{--accent:#20d6a0;--accent-ink:#0f3d31;--accent-soft:#e5faf3;--accent-line:#9be8d0;--accent-text:#0aa77a;--pop:#ffd23f;--bg:#bff0df;--sky:linear-gradient(180deg, #4fd9b0 0%, #a5ecd3 45%, #e6fbf3 100%);--stage:linear-gradient(180deg, #cdf6e6 0%, #f4fffa 100%);--hero:linear-gradient(160deg, #6fe6c2 0%, #a9d8ff 62%, #fff0b0 100%)}[data-theme=red]{--accent:#f0283c;--accent-ink:#fff;--accent-soft:#ffecee;--accent-line:#ffb0b8;--accent-text:#d11a2e;--pop:#ffd23f;--bg:#ffc9cf;--sky:linear-gradient(180deg, #f56 0%, #ff9fa9 45%, #ffe0e3 100%);--stage:linear-gradient(180deg, #ffd0d5 0%, #fff3f4 100%);--hero:linear-gradient(160deg, #ff6b7a 0%, #ffa98a 62%, #ffe38a 100%)}[data-theme=tiffany]{--accent:#0abab5;--accent-ink:#fff;--accent-soft:#e4f9f7;--accent-line:#8fe3dd;--accent-text:#079a95;--pop:#ffd23f;--bg:#c5efea;--sky:linear-gradient(180deg, #4fd2ca 0%, #9fe6e0 45%, #e3faf8 100%);--stage:linear-gradient(180deg, #c3f0ec 0%, #f2fffd 100%);--hero:linear-gradient(160deg, #5fd9d1 0%, #a6e4ff 62%, #ffe9b8 100%)}html{background:var(--bg)}[data-theme=violet],[data-theme=coral],[data-theme=red],[data-theme=blue],[data-theme=mint],[data-theme=tiffany]{--accent-grad:var(--accent);--accent-deep:#00000030;--rim:transparent}body{background:0 0}.sky{z-index:-1;background:var(--sky);pointer-events:none;position:fixed;inset:0;overflow:hidden}.clouds{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.cloud{filter:drop-shadow(0 8px 10px #0000001a);will-change:left;animation:linear infinite drift;position:absolute;left:-30%}.cloud svg{width:100%;height:auto;display:block}@keyframes drift{0%{left:-30%}to{left:110%}}@media (prefers-reduced-motion:reduce){.cloud{animation:none;left:30%}}.theme-dots{z-index:50;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px #00000014,0 8px 24px #00000018}.theme-dots__label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.theme-dots__dot{border:0;border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 2px #00000014}.theme-dots__dot.is-active{outline:3px solid var(--ink);outline-offset:2px}.auth__hero>:not(.clouds):not(.scene),.creator__stage>:not(.clouds):not(.scene),.onboard__stage>:not(.clouds):not(.scene){z-index:1;position:relative}.card.creator__stage,.card.onboard__stage{background:var(--stage);overflow:hidden}.card.creator__stage>.creator__title.creator__title,.card.creator__stage>.sound-toggle.sound-toggle{position:absolute}.scene{position:absolute;inset:0}:root:not([data-theme=meadow]) .scene{display:none}.sun{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#fff3a0,#ffc93a 70%);border-radius:50%;width:clamp(70px,11vw,150px);animation:5s ease-in-out infinite sunpulse;position:absolute;top:5%;left:6%;box-shadow:0 0 0 10px #ffd23f40,0 0 60px 20px #ffe27a80}@keyframes sunpulse{50%{transform:scale(1.06)}}.hill{width:100%;height:30%;display:block;position:absolute;bottom:0;left:0;right:0}.flower{transform-origin:50% 100%;width:clamp(26px,3vw,44px);animation:4s ease-in-out infinite sway;position:absolute}@keyframes sway{50%{transform:rotate(6deg)}}.card{border:5px solid var(--rim);box-shadow:0 8px #00000014}.ribbon{background:var(--accent-grad);color:var(--accent-ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 0 var(--accent-deep);border-radius:12px;padding:8px 20px;font-weight:800;display:inline-block;transform:rotate(-3deg)}.hl{background:linear-gradient(transparent 58%, var(--accent-soft) 58%, var(--accent) 58%, var(--accent) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -6px;padding:0 6px}.btn--primary,.mini--yes{box-shadow:inset 0 2px 0 #ffffff80, 0 5px 0 var(--accent-deep)}.btn--primary:active{box-shadow:inset 0 2px 0 #ffffff80, 0 1px 0 var(--accent-deep)}.auth__hero>.scene{z-index:0}.auth__hero .scene .hill{height:34%}.auth__hero .scene .sun{top:4%;left:auto;right:8%}.creator__stage>.scene .hill,.onboard__stage>.scene .hill{height:26%}.creator__stage>.scene,.onboard__stage>.scene{z-index:0}