/* October: gentle lavender Halloween, with clear working surfaces. */
:root{background:#f4eefb}
body{background-color:#f4eefb;background-image:linear-gradient(#f4eefb24,#f4eefb24),url('./halloween-lavender.webp');background-position:center top;background-size:100% auto;background-repeat:repeat-y}
header{background-color:#eee3f5;background-image:linear-gradient(90deg,#f7f1fcda 0%,#f7f1fcab 48%,#f7f1fc44 100%),url('./halloween-lavender.webp');background-position:center,center bottom;background-size:cover; border-bottom-color:#b994cb}
header .header-copy p{background:#e7d6ee;color:#684178}header .header-copy h1{color:#49305c}header .header-copy small{color:#665071}.header-title-accent{color:#975d98}.header-note{color:#b27c3c}
body .search,body .card,body .song{background:#fffdfefa}
.tag-entry{background:linear-gradient(110deg,#faf3fd,#f2e8fa);border-color:#9470aa}
header .inner h1,header .inner a{color:#49305c}
@media(max-width:650px){body{background-size:100% auto;background-position:center top}header{background-position:center,center bottom}}

/* Keep the character clear; seasonal artwork lives in its own band. */
header{background-image:linear-gradient(110deg,#f3eaf9,#e8dcf3);border-bottom:2px solid #b98cbd}
.header-yukko{mix-blend-mode:multiply;background:transparent;box-shadow:none;border-radius:0}
.halloween-band{position:relative;height:84px;overflow:hidden;background:linear-gradient(90deg,#e5cdea,#f2e7f7 40%,#f2e7f7 60%,#e5cdea);border-bottom:2px solid #d3ac73}
.halloween-band::before,.halloween-band::after{content:'';position:absolute;top:0;bottom:0;width:220px;max-width:45%;background-image:url('./halloween-lavender.webp');background-size:330px 220px;background-repeat:no-repeat;pointer-events:none}
.halloween-band::before{left:0;background-position:left bottom;mask-image:linear-gradient(to right,#000 72%,transparent)}
.halloween-band::after{right:0;background-position:right bottom;mask-image:linear-gradient(to left,#000 72%,transparent)}
body{background-image:linear-gradient(#efe4f510,#efe4f510),url('./halloween-lavender.webp')}
.tag-entry{border-color:#9a71aa;box-shadow:0 4px 15px #bb8a4520}
@media(max-width:650px){.halloween-band{height:70px}.halloween-band::before,.halloween-band::after{width:150px;background-size:270px 180px}.header-yukko{box-shadow:none}}

.halloween-candy{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:540px;max-width:calc(100% - 260px);height:auto;object-fit:contain;pointer-events:none}
@media(max-width:650px){.halloween-candy{max-width:calc(100% - 100px);height:auto}}

/* Seasonal divider stays small so search controls remain close to the header. */
header{border-bottom:1px solid #b98cbd55}
.halloween-band{height:42px;border-bottom:0;background:linear-gradient(90deg,#e5cdea88,#f2e7f799 40%,#f2e7f799 60%,#e5cdea88)}
.halloween-band::before,.halloween-band::after{width:140px;background-size:210px 140px;opacity:.8}
.halloween-candy{width:300px;max-width:calc(100% - 170px)}
@media(max-width:650px){.halloween-band{height:34px}.halloween-band::before,.halloween-band::after{width:95px;background-size:150px 100px}.halloween-candy{width:220px;max-width:calc(100% - 90px)}}