/* Shared semantic palette names for Wbijak app themes. */
.theme-note::before,.season-secret{display:none!important}
body[data-theme="halloween"]{--bg:#211923;--surface:#302231;--line:#5c3b45;--text:#fff2e8;--muted:#e3bcb1;--blue:#ffad67;--light:#fff5ed;--light-text:#39232b;--light-muted:#694951;--light-line:#e7cec9;--season-deep:#2b1b2b;--season-button-ink:#3a2026;--season-light-accent:#873d18}
body[data-theme="christmas"]{--bg:#102a2b;--surface:#183a38;--line:#3b6060;--text:#f4f8f2;--muted:#b9d5cd;--blue:#e8c886;--light:#f5f7f0;--light-text:#19362e;--light-muted:#496b5f;--light-line:#cddfd3;--season-deep:#143633;--season-button-ink:#26362f;--season-light-accent:#72501c}
body[data-theme="valentines"]{--bg:#291b2c;--surface:#38243d;--line:#62425b;--text:#fff0f7;--muted:#e4bfd2;--blue:#f5a6c6;--light:#fff5f8;--light-text:#43243c;--light-muted:#79536c;--light-line:#edd3df;--season-deep:#332039;--season-button-ink:#41233b;--season-light-accent:#993562}
body[data-theme="summer"]{--bg:#103448;--surface:#194759;--line:#3e7180;--text:#f2fbfb;--muted:#b6d9df;--blue:#ffd184;--light:#f1f9f8;--light-text:#173b47;--light-muted:#4b6974;--light-line:#c9e2e3;--season-deep:#164253;--season-button-ink:#234252;--season-light-accent:#80601c}
body[data-theme="easter"]{--bg:#24283f;--surface:#32364f;--line:#555b7a;--text:#f8f7ff;--muted:#d3cdeb;--blue:#c6ddad;--light:#f7f5fa;--light-text:#33354e;--light-muted:#62647a;--light-line:#ded8e6;--season-deep:#2c3048;--season-button-ink:#303e35;--season-light-accent:#516837}
body[data-theme]:not([data-theme="default"]) .site-header{background:var(--bg)}
body[data-theme]:not([data-theme="default"]) .hero{border-top:4px solid var(--blue)}
body[data-theme]:not([data-theme="default"]) .hero-kicker,body[data-theme]:not([data-theme="default"]) .section-context,body[data-theme]:not([data-theme="default"]) .text-link{color:var(--blue)}
body[data-theme]:not([data-theme="default"]) .section-light .section-context{color:var(--season-light-accent)}
body[data-theme]:not([data-theme="default"]) .hero-copy>p:not(.hero-kicker):not(.theme-note){color:var(--muted)}
body[data-theme]:not([data-theme="default"]) .section-deep{background:var(--season-deep)}
body[data-theme]:not([data-theme="default"]) .integration-item{background:var(--season-deep)}
body[data-theme]:not([data-theme="default"]) .button-outline{border-color:var(--blue);color:var(--blue)}
body[data-theme]:not([data-theme="default"]) .integration-item>p:not(.small-note),body[data-theme]:not([data-theme="default"]) .install-body{color:var(--muted)}
body[data-theme]:not([data-theme="default"]) .button-primary{color:var(--season-button-ink)}
body[data-theme]:not([data-theme="default"]) .owner-panel .button-primary{background:var(--bg);color:var(--text)}
body[data-theme]:not([data-theme="default"]) .owner-panel .button-primary:hover{background:var(--surface)}
body[data-theme]:not([data-theme="default"]) .owner-panel,body[data-theme]:not([data-theme="default"]) .claim-result{color:var(--light-text)}
body[data-theme]:not([data-theme="default"]) .verified,body[data-theme]:not([data-theme="default"]) .subtle-button,body[data-theme]:not([data-theme="default"]) .auth-tabs button.active{color:var(--light-text)}
.theme-note{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:7px 11px;margin:0 0 26px!important;color:var(--blue)!important;font-size:13px!important;font-weight:700;line-height:1.2!important}
.theme-note[hidden]{display:none}
.theme-note::before{content:"✦";font-size:17px;line-height:1}
body[data-theme="halloween"] .theme-note::before{content:"✧"}
body[data-theme="christmas"] .theme-note::before{content:"✶"}
body[data-theme="valentines"] .theme-note::before{content:"♡"}
body[data-theme="summer"] .theme-note::before{content:"☀"}
body[data-theme="easter"] .theme-note::before{content:"✿"}
.season-row{display:flex;align-items:center;gap:12px;margin-bottom:26px}.season-row .theme-note{margin:0!important}.season-secret{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--blue);font-size:18px;line-height:1;display:grid;place-items:center;transition:transform .2s,box-shadow .2s}.season-secret:hover{transform:rotate(-16deg) scale(1.12);box-shadow:0 0 18px color-mix(in srgb,var(--blue) 35%,transparent)}.season-secret[hidden]{display:none}.season-reveal[hidden]{display:none}.season-reveal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(5,11,17,.76);backdrop-filter:blur(8px)}.season-reveal-card{position:relative;width:min(440px,100%);padding:36px;text-align:center;border:1px solid var(--blue);border-radius:16px;background:var(--surface);box-shadow:0 25px 100px rgba(0,0,0,.45);animation:season-pop .6s cubic-bezier(.16,1,.3,1)}.season-reveal-close{position:absolute;right:14px;top:10px;color:var(--muted);background:transparent;border:0;font-size:28px}.season-reveal-art{font-size:82px;line-height:1.3;animation:season-float 2s ease-in-out infinite}.season-reveal-kicker{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.16em}.season-reveal-card h2{margin:8px 0;font-size:30px}.season-reveal-card p{color:var(--muted)}.season-reveal-hint{font-size:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:24px}@keyframes season-pop{from{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes season-float{50%{transform:translateY(-9px) rotate(7deg)}}@media(prefers-reduced-motion:reduce){.season-reveal-card,.season-reveal-art{animation:none}.season-secret{transition:none}}
body[data-theme="halloween"] .hero{position:relative;isolation:isolate}
body[data-theme="halloween"] .hero::before{content:"✧";position:absolute;right:7%;top:11%;z-index:-1;color:#ffad67;font-size:34px;opacity:.12;animation:halloween-spark 7s ease-in-out infinite}
body[data-theme="halloween"] .theme-note::before{animation:halloween-spark 5s ease-in-out infinite}
body[data-theme="halloween"] .season-secret{animation:halloween-sway 9s ease-in-out infinite}
@keyframes halloween-spark{50%{opacity:.65;transform:translateY(-6px) scale(1.15)}}
@keyframes halloween-sway{50%{transform:rotate(12deg)}}
@media(prefers-reduced-motion:reduce){body[data-theme="halloween"] .hero::before,body[data-theme="halloween"] .theme-note::before,body[data-theme="halloween"] .season-secret{animation:none}}
.halloween-stars{display:none;position:fixed;inset:0;z-index:5;overflow:hidden;pointer-events:none}
body[data-theme="halloween"] .halloween-stars{display:block}
.halloween-stars span{position:absolute;left:var(--x);top:var(--y);color:#ffba7c;font-size:var(--size);line-height:1;text-shadow:0 0 12px #ff8c46;opacity:0;animation:halloween-cross var(--duration) ease-in-out var(--delay) infinite alternate}
.halloween-stars span:nth-child(1){--x:15%;--y:20%;--size:20px;--duration:13s;--delay:-2s;--from-x:-10vw;--from-y:-6vh;--to-x:18vw;--to-y:10vh}
.halloween-stars span:nth-child(2){--x:26%;--y:22%;--size:15px;--duration:16s;--delay:-9s;--from-x:14vw;--from-y:-4vh;--to-x:-12vw;--to-y:11vh}
.halloween-stars span:nth-child(3){--x:72%;--y:35%;--size:22px;--duration:18s;--delay:-6s;--from-x:-18vw;--from-y:8vh;--to-x:10vw;--to-y:-10vh}
.halloween-stars span:nth-child(4){--x:58%;--y:32%;--size:14px;--duration:12s;--delay:-4s;--from-x:15vw;--from-y:-10vh;--to-x:-14vw;--to-y:10vh}
.halloween-stars span:nth-child(5){--x:12%;--y:74%;--size:18px;--duration:17s;--delay:-12s;--from-x:-5vw;--from-y:-10vh;--to-x:20vw;--to-y:8vh}
.halloween-stars span:nth-child(6){--x:28%;--y:72%;--size:13px;--duration:15s;--delay:-7s;--from-x:18vw;--from-y:6vh;--to-x:-16vw;--to-y:-12vh}
.halloween-stars span:nth-child(7){--x:76%;--y:78%;--size:19px;--duration:14s;--delay:-3s;--from-x:-15vw;--from-y:-12vh;--to-x:12vw;--to-y:10vh}
.halloween-stars span:nth-child(8){--x:65%;--y:75%;--size:16px;--duration:19s;--delay:-15s;--from-x:14vw;--from-y:8vh;--to-x:-16vw;--to-y:-8vh}
@keyframes halloween-cross{0%{opacity:0;transform:translate(var(--from-x),var(--from-y)) scale(.7)}15%,80%{opacity:.5}50%{opacity:.28}100%{opacity:0;transform:translate(var(--to-x),var(--to-y)) scale(1.2)}}
@media(max-width:700px){.halloween-stars span:nth-child(n+6){display:none}}
@media(prefers-reduced-motion:reduce){body[data-theme="halloween"] .halloween-stars{display:none}}