/* Approved local default. Earlier treatment is retained at /?mood=original. */
html[data-mood=afterdark]{--bg:#0b0c10;--panel:#141419;--text:#f7f1e7;--muted:#aaa8b1;--line:#ffffff16;--orange:#ff5a36}
html[data-mood=afterdark] body{background:radial-gradient(ellipse 780px 470px at 51% 140px,#b9862d19,transparent 75%),radial-gradient(ellipse 900px 620px at 95% 600px,#4537a31a,transparent 75%),#0b0c10}
html[data-mood=afterdark] .site-header{background:#0c0d11e8;border-bottom-color:#ffffff12;backdrop-filter:blur(20px)}
html[data-mood=afterdark] .desktop-nav a{color:#c6c2cb}
html[data-mood=afterdark] .desktop-nav a:hover{color:#ffad82}
html[data-mood=afterdark] .site-header .coffee-button{background:linear-gradient(112deg,#e94b28 0%,#ff7147 42%,#ffb986 52%,#ff7449 66%,#f45a32 100%);border-color:#ffb08066;border-radius:12px;box-shadow:inset 0 1px #ffe2b65c,0 4px 16px #e86e2324;color:#1b100c}
html[data-mood=afterdark] .site-header .coffee-button:hover{box-shadow:inset 0 1px #ffe2b680,0 6px 24px #e86e2338;filter:brightness(1.06)}
html[data-mood=afterdark] .language-trigger{background:linear-gradient(150deg,#24242c,#17171e);border-color:#ffffff21;border-radius:12px;box-shadow:inset 0 1px #ffffff07}
html[data-mood=afterdark] .language-menu{background:#1a1a24f5;border-color:#ffffff24;border-radius:16px;box-shadow:0 16px 48px #0008}
html[data-mood=afterdark] .supporter-ribbon{background:linear-gradient(110deg,#1c19153d,#191a241f);border:1px solid #ffffff10;border-radius:14px;padding-inline:14px;margin-top:20px}
html[data-mood=afterdark] .supporter-group>span{border-color:#ffffff0d}
html[data-mood=afterdark] .supporter-group b{color:#ff9673}
html[data-mood=afterdark] .section-heading .eyebrow{color:#dba67d;letter-spacing:2px}
html[data-mood=afterdark] #concert-title{color:#faf3e5;text-shadow:0 3px 25px #ffb25c0b}
html[data-mood=afterdark] .fan-heading-mark{color:#ef946d;opacity:.8}
html[data-mood=afterdark] .concert-controls{margin-top:8px}
html[data-mood=afterdark] .filters{display:inline-flex;gap:5px;border:1px solid #ffffff14;background:#17171c9c;padding:5px;border-radius:15px}
html[data-mood=afterdark] .filters button{border-radius:10px;color:#aaa6af;padding-inline:16px}
html[data-mood=afterdark] .filters button.selected{background:linear-gradient(110deg,#ff5a36,#ff9862);border-color:#ffad7a66;color:#23120e;box-shadow:inset 0 1px #fff2cc66,0 3px 10px #ff5a361a;font-weight:700}
html[data-mood=afterdark] .filters button.selected span{color:#5b291b}
html[data-mood=afterdark] .showcase:before{inset:0 -5% 5%;background:radial-gradient(ellipse at 36% 30%,#e7a13723,transparent 60%),radial-gradient(ellipse at 70% 75%,#5141a128,transparent 60%);filter:blur(25px)}
html[data-mood=afterdark] .showcase .concert-card{background:linear-gradient(155deg,#202025 0%,#14141b 55%,#0e0f15 100%);border-color:#ffffff22;border-radius:20px;box-shadow:0 15px 45px #0006,inset 0 1px #ffffff08}
html[data-mood=afterdark] .showcase .concert-card.is-current{border-color:#d6a16377;box-shadow:0 22px 45px #0007,0 0 36px #df8b3012,inset 0 1px #fff3cf22}
html[data-mood=afterdark] .showcase .concert-footer{border-top-color:#ffffff14}
html[data-mood=afterdark] .showcase .art-badge{border-radius:7px;background:#17151cdd;border:1px solid #e6bc7c44;color:#f6d9a6}
html[data-mood=afterdark] .showcase .official-show-link,html[data-mood=afterdark] .showcase .card-action{color:#ffaf88}
html[data-mood=afterdark] .showcase .venue{color:#b0aab4}
html[data-mood=afterdark] .showcase .date-label{color:#d3c4b5}
html[data-mood=afterdark] .lyric-request-strip{background:linear-gradient(120deg,#1e1b1b80,#17172180);border:1px solid #ffffff12;border-radius:16px;padding:12px 16px}
html[data-mood=afterdark] .request-lyrics-button{border-radius:10px;background:#ff7e4e0c;border-color:#b9805b66;color:#ffb792}
html[data-mood=afterdark] .toolkit-section{border-top-color:#ffffff13}
html[data-mood=afterdark] .toolkit-grid>.tool-card{border-radius:20px;border-color:#ffffff1c;background:linear-gradient(135deg,#212026,#14141b 75%);box-shadow:inset 0 1px #ffffff09,0 10px 30px #0002}
html[data-mood=afterdark] .tool-card .tool-top{position:relative;z-index:1}
html[data-mood=afterdark] .toolkit-grid>.tool-card:not(.teaser-tool):hover{border-color:#e2ad7966;box-shadow:inset 0 1px #ffffff12,0 12px 30px #0004}
html[data-mood=afterdark] .tool-card .tool-link{border-top-color:#ffffff12;color:#e8ddd2}
html[data-mood=afterdark] .tool-card .tool-graphic{background:radial-gradient(ellipse at center,#ce934a0a,transparent 65%)}
html[data-mood=afterdark] .teaser-cover{border-radius:20px;background:linear-gradient(155deg,#111116aa,#13131bd9)}
html[data-mood=afterdark] .teaser-cover>span{border-radius:999px;background:#24202b99;border-color:#c5a07f55}
html[data-mood=afterdark] .creator-panel{border-radius:24px;border-color:#ffffff18;background:radial-gradient(ellipse at 95% 0,#e9ab4020,transparent 60%),linear-gradient(140deg,#1a191f,#111218)}
html[data-mood=afterdark] .site-footer{border-color:#ffffff12}
html[data-mood=afterdark] .mobile-nav{background:#12121ce8;border-color:#ffffff16;backdrop-filter:blur(20px)}
html[data-mood=afterdark] .mobile-nav a.active{color:#ffad80}
html[data-mood=afterdark] .modal{background:radial-gradient(ellipse 420px 190px at 50% 0,#b98b3f26,transparent 75%),radial-gradient(ellipse 350px 280px at 85% 100%,#38337424,transparent 80%),linear-gradient(145deg,#1b191b,#101016 60%,#0c0d13);border:1px solid #ffffff1c;border-radius:28px;box-shadow:0 32px 90px #000b,inset 0 1px #ffffff07;color:#f8f3e9}
html[data-mood=afterdark] .modal::backdrop{background:#04060cd4;backdrop-filter:blur(12px)}
html[data-mood=afterdark] .modal .eyebrow{color:#d3b27e}
html[data-mood=afterdark] .modal p{color:#b8b7c4}
html[data-mood=afterdark] .modal .icon-button{border-radius:50%;background:#ffffff08;border-color:#ffffff0c;color:#cbc7cb}
html[data-mood=afterdark] .modal .button.primary{position:relative;overflow:hidden;border-radius:15px;border:1px solid #ffc19770;background:linear-gradient(108deg,#e65a31 0%,#ff955b 44%,#ffcea0 55%,#f58a50 73%,#f17742);color:#21110b;box-shadow:inset 0 1px #fff1cd77,0 7px 24px #f3922822;font-weight:700}
html[data-mood=afterdark] .modal .button.primary:hover{filter:brightness(1.06)}
html[data-mood=afterdark] .modal :is(input,textarea,select){background:#191922;border-color:#ffffff26;border-radius:12px;color:#f7f0e8}
html[data-mood=afterdark] .modal .guide-notice,html[data-mood=afterdark] .modal .checklist-add-form{border-radius:15px;background:#ffffff05;border-color:#ffffff16}
html[data-mood=afterdark] .modal .payment-qr{background:#ffffff03;border:1px solid #ffffff15;border-radius:14px;padding:0 14px}
html[data-mood=afterdark] .modal .payment-qr img{border-radius:12px}
html[data-mood=afterdark] .support-modal .large-tool-icon{border-radius:18px;border-color:#d69c4e44;background:radial-gradient(circle at 30% 20%,#edb95427,#7c452414);color:#f4c384;box-shadow:inset 0 1px #ffe1a318,0 0 35px #b67e2f16}
@media(max-width:760px){
 html[data-mood=afterdark] .supporter-ribbon{padding-inline:8px;margin-top:10px;border-radius:11px}
 html[data-mood=afterdark] .section-heading .eyebrow{letter-spacing:1.4px}
 html[data-mood=afterdark] .filters{gap:0;padding:3px;flex-wrap:nowrap;border-radius:13px}
 html[data-mood=afterdark] .filters button{padding-inline:9px;font-size:11px}
 html[data-mood=afterdark] .showcase .concert-card{border-radius:16px}
 html[data-mood=afterdark] .lyric-request-strip{padding:10px 12px;gap:10px}
 html[data-mood=afterdark] .toolkit-grid>.tool-card,html[data-mood=afterdark] .teaser-cover{border-radius:17px}
 html[data-mood=afterdark] .modal{border-radius:24px;padding:20px}
 html[data-mood=afterdark] .site-header .header-actions>.coffee-button{border-radius:10px}
}
@media(prefers-reduced-motion:reduce){html[data-mood=afterdark] .site-header,html[data-mood=afterdark] .mobile-nav,html[data-mood=afterdark] .modal::backdrop{backdrop-filter:none}}

/* A foil/security-print illustration family, shared with the ticket study. */
html[data-mood=afterdark] .matte-toolkit .tool-graphic.foil-graphic{background:transparent;border-radius:16px;isolation:isolate}
html[data-mood=afterdark] .foil-graphic img{object-fit:contain;filter:drop-shadow(0 9px 10px #0004);transition:transform .3s ease}
/* Light follows card coordinates across the whole surface, never an image-sized box. */
html[data-mood=afterdark] .toolkit-grid>.tool-card:not(.teaser-tool){background:radial-gradient(ellipse farthest-corner at var(--foil-x,50%) var(--foil-y,30%),#eac78d0c,transparent 70%),linear-gradient(135deg,#212026,#14141b 75%)}
@media(hover:hover) and (pointer:fine){html[data-mood=afterdark] .toolkit-grid>.tool-card:not(.teaser-tool):hover{background:radial-gradient(ellipse farthest-corner at var(--foil-x,50%) var(--foil-y,30%),#eac78d27,transparent 70%),linear-gradient(135deg,#212026,#14141b 75%)}html[data-mood=afterdark] .tool-card:hover .foil-graphic img{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){html[data-mood=afterdark] .foil-graphic img{transition:none}html[data-mood=afterdark] .tool-card:hover .foil-graphic img{transform:none}}