@layer components{:root{--stage:#0d1530;--stage-2:#1a2450;--penlight:#9fe6ff;--penlight-2:#ffb8f0;--glass-bg:rgba(255,255,255,0.58);--glass-border:rgba(255,255,255,0.85);--glass-shadow:0 10px 36px -10px rgba(42,116,176,0.22),0 2px 6px rgba(42,116,176,0.06)}.pop{font-family:var(--font-zen-maru),var(--font-noto-sans-jp),sans-serif;font-weight:900;letter-spacing:.01em}.band-base,.band-base-2,.band-paper,.band-stage,.band-vivid{position:relative}.band-base,.bg-aurora{background-image:radial-gradient(42rem 30rem at 8% 12%,rgba(150,220,252,.5),transparent 62%),radial-gradient(36rem 28rem at 94% 70%,rgba(196,190,255,.34),transparent 60%),radial-gradient(30rem 24rem at 55% 105%,rgba(255,214,120,.3),transparent 60%)}.band-base-2{background-image:radial-gradient(40rem 28rem at 92% 10%,rgba(150,220,252,.55),transparent 60%),radial-gradient(34rem 26rem at 6% 90%,rgba(255,214,120,.32),transparent 60%)}.band-paper{background-image:radial-gradient(38rem 26rem at 88% 85%,rgba(150,220,252,.38),transparent 60%),radial-gradient(32rem 24rem at 10% 8%,rgba(200,195,255,.26),transparent 60%)}.band-stage{background-color:var(--stage)}.band-vivid{background-color:var(--sky);background-image:radial-gradient(36rem 26rem at 12% 0,rgba(255,255,255,.5),transparent 60%),radial-gradient(40rem 30rem at 95% 100%,rgba(170,160,255,.5),transparent 62%),linear-gradient(135deg,#8fd2f7,#67b4e8 50%,#86aef2)}.sticker{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--glass-border);border-radius:1.5rem;box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.95)}.sticker-img{filter:drop-shadow(0 8px 14px rgba(42,116,176,.3))}.sticker-text{text-shadow:0 0 28px rgba(255,255,255,.95),0 2px 0 rgba(255,255,255,.7)}.tilt-l{rotate:-2.2deg}.tilt-r{rotate:1.8deg}.tilt-fix{transition:rotate .35s var(--ease-pop),transform .35s var(--ease-pop),box-shadow .35s var(--ease-snap)}.tilt-fix:hover{rotate:0deg;transform:translateY(-6px) scale(1.03)}.ghost-word{font-family:var(--font-zen-maru),var(--font-noto-sans-jp),sans-serif;font-weight:900;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--sky) 45%,transparent);line-height:.9;letter-spacing:.06em;white-space:nowrap;user-select:none;pointer-events:none}@keyframes title-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.title-bar{display:block;width:4rem;height:5px;border-radius:999px;background:var(--gold-grad);transform:scaleX(0);transform-origin:0 50%}.title-bar[data-tone=dark]{background:linear-gradient(90deg,var(--penlight),var(--penlight-2))}.title-bar[data-tone=vivid]{background:linear-gradient(90deg,#fff,var(--gold-soft))}.title-bar[data-center=true]{margin-inline:auto;transform-origin:50% 50%}.pop-reveal.is-inview .title-bar{animation:title-bar .7s var(--ease-snap) .25s forwards}@keyframes marquee{to{transform:translateX(-50%)}}.marquee{overflow:hidden;width:100%}.marquee-track{display:flex;width:max-content;animation:marquee var(--marquee-speed,30s) linear infinite}.marquee[data-reverse=true] .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.6) rotate(0deg)}50%{opacity:1;transform:scale(1.1) rotate(45deg)}}.twinkle{animation:twinkle var(--tw,2.6s) ease-in-out infinite}@keyframes onair{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.onair-dot{animation:onair 1.2s ease-in-out infinite}.bubble{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);border:1px solid var(--glass-border);border-radius:1.25rem;padding:.65rem 1.05rem;font-family:var(--font-zen-maru),var(--font-noto-sans-jp),sans-serif;font-weight:700;color:var(--ink);box-shadow:var(--glass-shadow)}.bubble:after{content:"";position:absolute;width:12px;height:12px;background:rgba(255,255,255,.9);border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.bubble[data-tail=left]:after{left:-6px;top:50%;translate:0 -50%;rotate:135deg}.bubble[data-tail=right]:after{right:-6px;top:50%;translate:0 -50%;rotate:-45deg}.bubble[data-tail=bottom]:after{bottom:-6px;left:28px;rotate:45deg}@keyframes bubble-pop{0%{opacity:0;transform:scale(.4) translateY(10px)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.bubble-pop{animation:bubble-pop .45s var(--ease-pop) both}@keyframes heart-fly{0%{opacity:0;transform:translate(0) scale(.3) rotate(-10deg)}20%{opacity:1}to{opacity:0;transform:translate(var(--hx,30px),-110px) scale(1.2) rotate(18deg)}}.heart-fly{animation:heart-fly .95s var(--ease-snap) both}@keyframes penlight{0%,to{rotate:-16deg}50%{rotate:16deg}}.penlight{position:absolute;bottom:-8px;width:7px;height:64px;border-radius:999px;transform-origin:50% 100%;background:linear-gradient(180deg,#fff 0,var(--pl,var(--penlight)) 35%,transparent 100%);box-shadow:0 0 14px 3px color-mix(in srgb,var(--pl,var(--penlight)) 70%,transparent);animation:penlight var(--pls,1.1s) ease-in-out infinite;pointer-events:none}@media (prefers-reduced-motion:reduce){.bubble-pop,.heart-fly,.marquee-track,.onair-dot,.penlight,.title-bar,.twinkle{animation:none!important}.title-bar{transform:none}}}@layer components{@keyframes catch-slam{0%{opacity:0;transform:scale(2.4) translateY(-.2em) rotate(-3deg);filter:blur(10px)}55%{opacity:1;transform:scale(.93) translateY(.04em) rotate(.6deg);filter:blur(0)}75%{transform:scale(1.04) rotate(-.3deg)}to{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}}@keyframes catch-ring{0%{opacity:.75;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes catch-marker{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.catch-line{position:relative;display:block;width:fit-content;transform-origin:0 60%;isolation:isolate}@media (scripting:enabled){.catch-line{opacity:0}}.catch-line.is-go{animation:catch-slam .5s var(--ease-pop) both}.catch-line:before{content:"";position:absolute;left:-.18em;right:-.18em;bottom:.06em;height:.44em;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,#ffe9a8 95%,transparent),color-mix(in srgb,var(--gold) 85%,transparent));transform:scaleX(0);transform-origin:0 50%;z-index:-1}.catch-line.is-go:before{animation:catch-marker .45s var(--ease-snap) both;animation-delay:calc(var(--d, 0s) + .3s)}.catch-line:after{content:"";position:absolute;left:50%;top:55%;width:110%;aspect-ratio:3/1;border-radius:50%;border:3px solid color-mix(in srgb,var(--gold) 75%,transparent);opacity:0;pointer-events:none;z-index:-2}.catch-line.is-go:after{animation:catch-ring .6s var(--ease-snap) both;animation-delay:calc(var(--d, 0s) + .24s)}.text-sky-grad{background:var(--sky-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#3b82f6}.glass-deco{position:absolute;pointer-events:none;user-select:none;filter:drop-shadow(0 10px 18px rgba(42,116,176,.22))}@media (prefers-reduced-motion:reduce){.catch-line,.catch-line.is-go{animation:none!important;opacity:1!important}.catch-line:before{transform:scaleX(1)!important}.catch-line:after,.catch-line:before{animation:none!important}}}