@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/dm-sans-regular.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/dm-sans-medium.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/dm-sans-semibold.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/dm-sans-bold.ttf') format('truetype')}
@font-face{font-family:'Italiana';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/italiana.ttf') format('truetype')}

:root{--ink:#173760;--muted:#647694;--cloud:#f0f4fc;--blue:#274eaa;--line:rgba(38,68,112,.15);--serif:'Italiana',Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--mx:0;--my:0;--dream:0;--dream-motion:0;--scroll:0}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--cloud);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer;color:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:3px solid #7194ff;outline-offset:6px}
button:disabled{cursor:default}
svg{display:block;width:20px;height:20px;flex-shrink:0}
.icon-library{width:0;height:0;position:absolute;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:white;padding:15px 20px;border-radius:30px}
.skip-link:focus{top:15px}
.heaven{position:relative;min-height:960px;height:max(980px,100svh);isolation:isolate;overflow:hidden;background:linear-gradient(#15357b 0%,#5578b8 44%,#dce6f7 69%,var(--cloud) 90%)}
.sky{position:absolute;inset:0;z-index:-1;overflow:hidden}
.sky-art{position:absolute;top:66px;left:-3%;width:106%;height:clamp(580px,51.5vw,950px);transform:translate3d(calc(var(--mx)*-11px),calc(var(--my)*-8px - var(--dream-motion)*38px),0) scale(calc(1 + var(--dream-motion)*.065));will-change:transform}
.sky-art img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block;mask-image:linear-gradient(transparent 0%,#000 8%,#000 70%,transparent 99%)}
.sky-art picture{display:block;width:100%;height:100%}
.sky-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,48,105,.13),transparent 24%,transparent 52%,rgba(237,243,253,.12) 65%,var(--cloud) 92%);pointer-events:none}
.site-header{height:104px;max-width:1800px;margin:auto;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;color:white;gap:24px;position:relative;z-index:5}
.wordmark{display:inline-flex;align-items:center;font-weight:700;letter-spacing:-1.9px;font-size:32px;gap:9px;line-height:1}
.wordmark svg{height:30px;width:30px}
.wordmark>span{align-self:flex-start;font-size:.75rem;margin-left:-3px;margin-top:1px;letter-spacing:0}
.header-note{font-size:.75rem;font-weight:500;letter-spacing:2px;opacity:.78;margin-left:44px}
.site-header nav{display:flex;align-items:center;gap:12px}
.social-button{width:44px;height:44px;border:1px solid #ffffff48;display:grid;place-items:center;border-radius:50%;transition:background .2s,transform .2s}
.social-button svg{width:15px;height:15px}
.social-button:hover{background:#ffffff20;transform:translateY(-3px)}
.copy-button{display:flex;align-items:center;gap:20px;background:#ffffffeb;border:1px solid #fff;border-radius:28px;padding:13px 19px;font-size:.875rem;font-weight:600;color:#294674;transition:transform .2s,box-shadow .2s}
.copy-button svg{width:16px;height:16px}
.copy-button:hover{transform:translateY(-3px);box-shadow:0 5px 25px #ffffff2b}
.scene-caption{position:absolute;top:45%;color:#fff;z-index:2;text-shadow:0 1px 15px #0c286899;display:flex;font-size:.75rem;letter-spacing:2px;line-height:1.8;opacity:.85;pointer-events:none}
.caption-left{left:4.5%;flex-direction:column}
.caption-right{right:4.5%;align-items:center;gap:15px}
.caption-right svg{height:27px;width:27px}
.pet-cat{position:absolute;top:27%;left:31%;width:42%;height:33%;border:0;background:none;z-index:3;border-radius:45%}
.pet-cat:hover .pet-hint,.pet-cat:focus-visible .pet-hint{transform:translate(-50%,0);opacity:1}
.pet-hint{position:absolute;top:5%;left:50%;transform:translate(-50%,8px);border:1px solid #ffffff77;backdrop-filter:blur(18px);background:#f7f9ffb3;box-shadow:0 4px 30px #1e3b7514;padding:8px 14px;border-radius:30px;white-space:nowrap;font-size:.75rem;opacity:0;transition:.3s}
.pet-hint span{margin-right:4px;font-size:17px}
.cat-reaction{position:absolute;top:34%;left:52%;transform:translate(-50%,0);pointer-events:none;z-index:4;opacity:0;font-family:var(--serif);font-style:italic;font-size:32px;color:white;text-shadow:0 2px 12px #214477;transition:opacity .3s,transform .7s}
.cat-reaction.visible{opacity:1;transform:translate(-50%,-24px)}
.hero-content{position:absolute;top:60%;left:50%;transform:translateX(-50%);width:min(92%,800px);text-align:center;z-index:4}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;font-size:.75rem;font-weight:550;letter-spacing:2.2px;line-height:1.6}
.tiny-star{font-size:.875rem;color:#5d79a4}
.hero-content h2{font-family:var(--serif);font-weight:400;font-size:clamp(58px,5.3vw,86px);letter-spacing:-3.4px;line-height:1.03;margin:22px 0 15px}
em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.hero-content h2 em{font-size:.96em;letter-spacing:-3.6px}
.hero-content p{font-size:1rem;color:#536b8f;line-height:1.6;margin:0 0 25px}
.daydream-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;min-width:236px;padding:15px 23px;background:#264b94;color:white;border:1px solid #24478b;border-radius:32px;font-size:.875rem;font-weight:500;box-shadow:0 4px 14px #1a40722a,inset 0 1px 1px #ffffff30;transition:transform .25s,box-shadow .25s;user-select:none;-webkit-user-select:none;touch-action:none}
.daydream-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1a407235,inset 0 1px 1px #ffffff30}
.daydream-button svg{width:17px;height:17px}
.daydream-progress{position:absolute;inset:0;background:#6a88c2;transform:scaleX(var(--dream));transform-origin:left;z-index:-1}
.hold-mark{margin-left:5px;font-size:20px;opacity:.65}
.daydream-help{display:block;color:#7c8ba5;font-size:.75rem;margin-top:13px;letter-spacing:.3px}
.hero-bottom{position:absolute;bottom:25px;left:4.5%;right:4.5%;display:flex;align-items:flex-end;justify-content:space-between;z-index:5}
.sound-button,.motion-button{border:0;background:none;display:flex;align-items:center;gap:10px;padding:12px 0;font-size:.75rem;font-weight:500;letter-spacing:1.4px;color:#4c658b}
.sound-bars{height:14px;width:20px;display:flex;align-items:center;gap:3px}
.sound-bars i{display:block;width:2px;height:4px;border-radius:3px;background:currentColor}
.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:8px}.sound-bars i:nth-child(4){height:5px}
.motion-button svg{width:15px;height:15px}
.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:13px;font-size:.75rem;letter-spacing:2px;color:#7384a1;position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);padding:16px 10px 0}
.scroll-line{display:block;height:32px;width:1px;background:linear-gradient(#a3b3cc,transparent)}
.cloud-club{position:relative;isolation:isolate;overflow:hidden;max-width:1500px;min-height:650px;display:grid;grid-template-columns:1fr 360px .7fr;align-items:center;gap:70px;padding:115px 7% 130px;margin:0 auto}
.club-orbit{position:absolute;z-index:-1;width:940px;height:440px;border:1px solid #7496c21a;border-radius:50%;left:calc(50% - 320px);top:105px;transform:rotate(-20deg)}
.club-orbit:after{content:'';position:absolute;inset:50px -50px;border:1px solid #7496c20c;border-radius:50%}
.club-heading .eyebrow{justify-content:flex-start;font-size:.75rem;letter-spacing:1.8px;color:#7085a5;white-space:nowrap}
.club-heading h2{font:400 clamp(48px,4.5vw,69px)/1.08 var(--serif);letter-spacing:-2px;margin:24px 0}
.club-heading h2 em{font-size:.86em;letter-spacing:-2px;white-space:nowrap}
.club-heading p{color:#607492;font-size:1rem;line-height:1.9;margin:0}
.cloud-pass{position:relative;width:100%;max-width:350px;border:1px solid #ffffffdd;border-radius:14px;padding:24px;background:linear-gradient(145deg,#ffffffc9,#e2eaf987);box-shadow:0 18px 70px -30px #3b58825c,inset 0 0 40px #ffffff5c;transform:rotate(6deg);transition:box-shadow .4s;will-change:transform}
.cloud-pass:before{content:'';position:absolute;inset:7px;border:1px solid #7291bd20;border-radius:9px;pointer-events:none}
.pass-top{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding-bottom:22px}
.pass-top svg{width:16px;height:16px}
.pass-portrait{width:148px;height:148px;overflow:hidden;border-radius:50%;margin:0 auto 22px;border:5px solid #fff9;box-shadow:0 5px 25px #3959801a}
.pass-portrait img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.cloud-pass:hover .pass-portrait img{transform:scale(1.08)}
.pass-name{text-align:center;font-family:var(--serif);font-size:26px;letter-spacing:-.8px;line-height:1.25}
.pass-caption{font-size:.75rem;letter-spacing:.1px;text-align:center;margin-top:12px;color:#7e8fab}
.pass-divider{border-top:1px dashed #89a0c347;margin:24px -6px 17px}
.join-link{display:flex;gap:12px;align-items:center;padding:5px 0 2px;font-size:.75rem;font-weight:500}
.join-link>svg{width:14px;height:14px}
.join-link .join-arrow{margin-left:auto;transition:transform .2s}
.join-link:hover .join-arrow{transform:translate(2px,-2px)}
.club-aside{align-self:center;margin-top:45px;justify-self:center}
.asterisk{display:block;font-size:74px;line-height:1;color:#a5b8d8;margin-bottom:22px}
.club-aside p{font-size:19px;line-height:1.6;margin:0 0 20px;letter-spacing:-.5px}
.club-aside p em{font-size:22px}
.aside-small{font-size:.75rem;color:#7c8da8;letter-spacing:1.5px;white-space:nowrap}
.site-footer{max-width:1600px;margin:auto;padding:0 4.5% 28px;color:#7283a1}
.footer-top{display:flex;align-items:center;justify-content:space-between;padding:36px 0;border-top:1px solid var(--line);gap:24px}
.footer-wordmark{color:#2c4a77;font-size:30px}
.footer-top>span{font-size:.75rem;letter-spacing:1px;margin-left:10px}
.back-top{font-size:.75rem;display:flex;align-items:center;gap:25px;color:#365884}
.back-top span{font-size:20px;transition:transform .3s}.back-top:hover span{transform:translateY(-4px)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:.75rem;letter-spacing:.3px}
.footer-bottom>a{font-size:.75rem;letter-spacing:0}.footer-bottom>a>span{margin-left:10px}
.contract-row{display:flex;gap:10px;align-items:center;font-size:.75rem;letter-spacing:0}
.contract-label{font-size:.75rem;border:1px solid #7991b540;border-radius:4px;padding:3px 4px}
#contract-address{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-copy{display:grid;place-items:center;width:32px;height:32px;border:0;background:none;color:#667e9e;border-radius:50%}.footer-copy:hover{background:#dce5f5}.footer-copy svg{width:14px;height:14px}
.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:30;border:1px solid #fff7;background:#1c3a69ed;color:white;padding:14px 23px;border-radius:30px;backdrop-filter:blur(15px);box-shadow:0 8px 35px #12316525;font-size:.875rem;transition:transform .3s,opacity .3s;pointer-events:none;max-width:90vw;text-align:center}
.toast.visible{opacity:1;transform:translate(-50%,0)}
.dream-overlay{position:fixed;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;background:radial-gradient(ellipse at 50% 45%,#143d7a20,#0a254377);backdrop-filter:blur(calc(var(--dream)*10px));opacity:clamp(0,calc((var(--dream) - .1)*1.3),1);transform:translateY(calc((1 - var(--dream-motion))*16px))}
.dream-kicker{font-size:.75rem;letter-spacing:3px;text-shadow:0 2px 18px #18386666}
.dream-message{font-family:var(--serif);font-size:clamp(90px,13vw,190px);letter-spacing:-7px;line-height:1.3;text-shadow:0 2px 30px #18386622}
.dream-message em{font-size:.85em}
.dream-release{font-size:.75rem;letter-spacing:1px;opacity:.8;margin-top:30px}
.cursor-sparkles{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}
.sky-star{position:absolute;color:#fff;display:block;width:20px;text-align:center;font-size:var(--size);opacity:0;text-shadow:0 0 9px #fff,0 0 18px #c6deff;animation:twinkle var(--duration) ease-in-out var(--delay) infinite}
.stardust{position:absolute;inset:0;transform:translate3d(calc(var(--mx)*15px),calc(var(--my)*10px),0)}
.particle{position:absolute;display:block;color:#fff;text-shadow:0 0 10px #ffffffaa;line-height:1;font-size:var(--particle-size);animation:sparkle-away 1.35s ease-out forwards;will-change:transform,opacity}
.particle.heart{color:#f3f6ff;font-weight:400;animation-duration:1.9s;text-shadow:0 2px 12px #4f6ba988}
.sound-on .sound-bars i{animation:equalizer 1.3s ease-in-out infinite alternate}.sound-on .sound-bars i:nth-child(2){animation-delay:-.7s}.sound-on .sound-bars i:nth-child(3){animation-delay:-.3s}.sound-on .sound-bars i:nth-child(4){animation-delay:-1s}
.cloud-pass{transition:transform .5s cubic-bezier(.22,.68,0,1),box-shadow .4s,opacity .8s;background:radial-gradient(circle at var(--shine-x,30%) var(--shine-y,20%),#fff9,transparent 70%),linear-gradient(145deg,#ffffffc9,#e2eaf987)}
.cloud-pass:hover{box-shadow:0 25px 80px -25px #3b588266,inset 0 0 40px #ffffff5c}
.will-reveal{opacity:0;translate:0 20px;transition:opacity .9s,translate 1.1s cubic-bezier(.2,.8,.2,1)}
.will-reveal.in-view{opacity:1;translate:0 0}.cloud-pass.will-reveal{transition-delay:.1s}.club-aside.will-reveal{transition-delay:.2s}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}
.motion-paused .will-reveal{opacity:1;translate:0 0;transition:none}
.motion-paused .sky-art,.motion-paused .stardust{transform:none}
.is-dreaming .daydream-button{box-shadow:0 0 0 8px #698bc322,0 0 50px #a0b9df88}
.is-dreaming .hero-content>h2,.is-dreaming .hero-content>p,.is-dreaming .hero-content>.eyebrow{opacity:calc(1 - var(--dream)*.8)}
@keyframes twinkle{0%,100%{opacity:.1;scale:.65;rotate:-12deg}45%{opacity:.8;scale:1.15;rotate:12deg}65%{opacity:.2;scale:.8}}
@keyframes sparkle-away{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:.9}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.25) rotate(var(--turn))}}
@keyframes equalizer{from{transform:scaleY(.5)}to{transform:scaleY(1.5)}}

@media(min-width:1700px){.heaven{height:max(1120px,100svh)}.hero-content{top:62%}.sky-art{height:850px}}
@media(max-width:1100px){.header-note{font-size:.75rem;letter-spacing:1px;margin-left:0}.heaven{height:950px;min-height:950px}.sky-art{height:640px;top:70px}.hero-content{top:57%}.hero-content h2{font-size:70px}.scene-caption{top:41%;font-size:.75rem;letter-spacing:.4px}.caption-left{left:3%}.caption-right{right:3%;gap:8px}.cloud-club{grid-template-columns:1fr 300px;gap:55px;padding:100px 7%;min-height:550px}.club-aside{display:none}.pet-cat{top:28%;left:33%;width:36%;height:26%}.club-heading h2{font-size:58px}}
@media(max-width:700px){.site-header{height:86px;padding:0 6%;gap:12px}.wordmark{font-size:28px;letter-spacing:-1.5px;gap:6px}.wordmark svg{width:24px;height:24px}.wordmark>span{font-size:.75rem}.header-note{display:none}.site-header nav{gap:8px}.social-button{width:38px;height:38px}.copy-button{padding:11px 14px;font-size:.875rem;gap:10px}.heaven{height:890px;min-height:890px}.sky-art{top:86px;left:-5%;width:110%;height:490px}.sky-art img{object-position:center 25%;mask-image:linear-gradient(transparent 0%,#000 6%,#000 62%,transparent 99%)}.sky-wash{background:linear-gradient(180deg,transparent 35%,#c1d1ef15 46%,var(--cloud) 70%)}.hero-content{top:54%;width:100%;padding:0 20px}.hero-content h2{font-size:clamp(49px,11.5vw,76px);letter-spacing:-2px;margin:22px 0 17px}.hero-content h2 em{letter-spacing:-2.5px}.eyebrow{font-size:.75rem;letter-spacing:.6px;gap:9px}.tiny-star{font-size:.75rem}.hero-content p{font-size:1rem;margin-bottom:24px;max-width:310px;margin-left:auto;margin-right:auto}.daydream-button{font-size:.875rem;min-height:52px;min-width:221px}.daydream-help{font-size:.75rem;max-width:280px;margin-left:auto;margin-right:auto}.scene-caption{display:none}.pet-cat{top:28%;left:20%;width:65%;height:25%}.pet-hint{top:0%;font-size:.75rem;opacity:1;left:83%;transform:translate(-50%,0);background:#f7f9ffb3;padding:7px 10px}.cat-reaction{top:32%;font-size:25px}.hero-bottom{left:6%;right:6%;bottom:27px}.sound-button,.motion-button{font-size:.75rem;letter-spacing:1px;gap:8px}.scroll-cue{font-size:.75rem;letter-spacing:.2px;gap:10px;bottom:-30px;white-space:nowrap}.hero-bottom{bottom:37px}.sound-button,.motion-button{font-size:.75rem;letter-spacing:.2px}.scroll-cue>span:first-child{display:none}.scroll-line{height:25px}.cloud-club{grid-template-columns:1fr;gap:56px;padding:65px 8% 90px;text-align:center}.club-heading .eyebrow{justify-content:center;font-size:.75rem}.club-heading h2{font-size:54px;margin:22px 0}.club-heading p{font-size:1rem}.cloud-pass{max-width:300px;justify-self:center;transform:rotate(5deg);padding:24px}.club-orbit{top:275px;left:-160px;width:700px;height:330px}.pass-name{font-size:25px}.pass-portrait{width:142px;height:142px}.site-footer{padding:0 6% 25px}.footer-top{flex-wrap:wrap;padding:30px 0 22px;gap:20px}.footer-wordmark{font-size:28px}.footer-top>span{order:3;width:100%;text-align:center;font-size:.75rem;margin:5px 0;letter-spacing:1.5px}.back-top{font-size:.75rem;gap:16px}.footer-bottom{flex-wrap:wrap;gap:18px;justify-content:center;font-size:.75rem}.footer-bottom>span{order:3;text-align:center;width:100%;font-size:.75rem}.contract-row{font-size:.75rem}.dream-message{font-size:100px;letter-spacing:-5px}.dream-kicker{font-size:.75rem;letter-spacing:2px}.dream-release{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:380px){.eyebrow{font-size:.75rem;letter-spacing:0;gap:5px}.hero-content h2{font-size:12vw}.hero-content{top:53%}.pet-hint{left:72%}.footer-top>span{letter-spacing:.5px}.pass-caption{font-size:.75rem;letter-spacing:0}.cloud-pass{padding:20px}}
@media(min-width:701px) and (max-width:1200px){.scene-caption{display:none}.footer-top>span{font-size:.75rem;letter-spacing:.3px}.footer-bottom{flex-wrap:wrap}.header-note{letter-spacing:.6px}.cloud-club{gap:35px}}
@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;translate:0 0}.sky-star{opacity:.4}}

.scroll-cue{min-width:44px;min-height:44px}.footer-copy{min-width:44px;min-height:44px}.join-link{min-height:44px;font-size:.875rem}
@media(max-width:380px){.header-copy svg{display:none}.site-header{padding-left:5%;padding-right:5%}.wordmark{font-size:26px}.wordmark svg{width:22px;height:22px}.pass-caption{letter-spacing:0}}

@media(min-width:701px){.scroll-line{height:16px}}

/* Keep content in document flow so larger text can expand the scene safely. */
.heaven{height:auto;min-height:max(980px,100svh);padding-bottom:115px}
.hero-content{position:relative;top:auto;left:auto;transform:none;margin:calc(clamp(580px,51.5vw,950px) - 246px) auto 0}
.hero-content>.eyebrow{display:inline-flex;max-width:100%;padding:10px 18px;border:1px solid #fff;border-radius:30px;background:#f7fafff2;box-shadow:0 4px 24px #1737601a;backdrop-filter:blur(16px);color:#173760;font-size:.875rem;font-weight:600;letter-spacing:1.2px;line-height:1.6;text-shadow:none}
@media(min-width:1700px){.heaven{min-height:max(1120px,100svh)}.hero-content{margin-top:590px}}
@media(min-width:701px) and (max-width:1100px){.heaven{min-height:950px}.hero-content{margin-top:437px}}
@media(max-width:700px){.heaven{min-height:890px}.hero-content{margin-top:395px}.hero-content>.eyebrow{font-size:.75rem;letter-spacing:.4px;gap:8px;padding:9px 13px}}

/* The soundtrack lives in the same soft glass as the rest of the cloud club. */
[hidden]{display:none!important}
.cat-reaction{top:35%;left:50%;width:max-content;max-width:min(360px,calc(100% - 44px));padding:12px 20px;border:1px solid #fffffff0;border-radius:18px;background:#f7faffed;box-shadow:0 8px 35px #102f6626;backdrop-filter:blur(16px);color:var(--ink);font-family:Georgia,serif;font-size:20px;text-align:center;line-height:1.4;text-shadow:none}
.cat-is-purring .pet-cat .pet-hint{opacity:0}
.music-switch{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 12px;margin-top:25px;padding:12px 16px;background:#ffffff63;border:1px solid #aac1e040;border-radius:28px;color:#526d95;font-size:.75rem;transition:background .25s,transform .25s;min-height:44px}
.music-switch svg{width:16px;height:16px;color:#32588e}
.music-switch:hover{background:#fff;transform:translateY(-2px)}
.music-switch-action{color:#294e86;padding-left:12px;border-left:1px solid #9cb1ce66}
.music-switch[aria-expanded=true]{background:#fff;box-shadow:0 4px 18px #203f7012}
.club-heading .eyebrow{white-space:normal;line-height:1.8}
.club-heading p{max-width:360px}
.rewards-soon{display:block;margin-top:18px;font-size:.75rem;color:#657d9f}
.music-panel{position:fixed;bottom:22px;right:24px;z-index:40;width:370px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 36px);overflow-y:auto;padding:24px;border:1px solid #fff;border-radius:24px;background:#f1f6fdf5;backdrop-filter:blur(30px);box-shadow:0 20px 85px #17376033,0 2px 12px #1737600d;scrollbar-width:thin;animation:music-arrive .25s ease-out}
.music-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;margin-bottom:23px}
.music-eyebrow{font-size:.75rem;letter-spacing:1.5px;color:#6c82a4}
.music-panel h2{font-family:var(--serif);font-weight:400;font-size:30px;letter-spacing:-.9px;line-height:1.2;margin:8px 0 0}
.music-icon-button{display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:50%;width:44px;height:44px;flex-shrink:0;transition:background .2s}
.music-icon-button:hover{background:#dce7f6}.music-icon-button svg{width:20px;height:20px}
.music-panel-heading .music-icon-button{margin:-10px -12px 0 0}
.music-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:#dfe8f5;border:1px solid #d6e0f0;border-radius:16px}
.music-modes button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:60px;border:0;border-radius:12px;background:transparent;font-size:.875rem;color:#5f7697;transition:background .2s,color .2s,box-shadow .2s;padding:8px}
.music-modes button[aria-pressed=true]{background:#fff;color:#254d8e;box-shadow:0 3px 14px #49688d14}
.music-modes small{font-size:.75rem;color:#6d84a5;font-weight:400}
.music-now{display:flex;align-items:center;gap:13px;margin:24px 0 19px}
.music-now>div{min-width:0}.music-now h3{font-size:.9375rem;font-weight:500;line-height:1.45;margin:0 0 5px;overflow-wrap:anywhere}.music-now p{font-size:.75rem;line-height:1.5;color:#6a809f;margin:0}
.music-orb{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#c9d9f1);border:1px solid white;box-shadow:0 3px 12px #3c5d8e12}.music-orb svg{width:24px;height:24px;color:#4670a7}
.music-field-label{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;letter-spacing:.5px;color:#6782a7;margin-bottom:9px}
#music-track-count{font-size:.75rem;letter-spacing:0}
#music-track-select{width:100%;min-height:44px;color:#31517c;background:#fff9;border:1px solid #b6c8e158;border-radius:10px;font:400 .8125rem var(--sans);padding:11px 10px;text-overflow:ellipsis}
.music-seek-row{display:flex;align-items:center;gap:10px;margin:19px 0 9px;font-size:.75rem;color:#6b81a2;font-variant-numeric:tabular-nums}
.music-seek-row span{min-width:32px}.music-seek-row span:last-child{text-align:right}
.music-panel input[type=range]{accent-color:#3b64a4;height:22px;min-width:0;cursor:pointer;width:100%;margin:0}
.music-panel input[type=range]:disabled{opacity:.4;cursor:default}
.music-panel input:focus-visible,.music-panel select:focus-visible{outline:2px solid #7194ff;outline-offset:4px}
.music-transport{display:flex;align-items:center;justify-content:center;gap:23px;margin:20px 0}
.music-play{display:grid;place-items:center;width:54px;height:54px;border:1px solid #24498c;background:#2b5197;box-shadow:0 5px 16px #31558928,inset 0 1px 1px #ffffff36;border-radius:50%;color:white;transition:transform .2s,background .2s}.music-play:hover{background:#224681;transform:scale(1.045)}.music-play svg{width:23px;height:23px}
.music-panel[data-loading=true] .music-orb{animation:music-breathe 1.5s ease-in-out infinite}
.music-panel[data-playing=true] .music-orb svg{animation:music-turn 18s linear infinite}
.music-volume{display:flex;align-items:center;gap:12px;color:#6f85a4;margin:0 10px}.music-volume svg{width:18px;height:18px}.music-volume>span{font-size:.75rem;min-width:31px;text-align:right}
.music-status{font-size:.75rem;line-height:1.5;text-align:center;color:#6b83a5;min-height:18px;margin:16px 0 0}
.music-status.is-error{color:#83514a}
.radio-credits{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:17px;font-size:.75rem;color:#5c7598}.radio-credits a:hover{text-decoration:underline;text-underline-offset:3px}
.radio-engine{position:fixed;left:-400px;bottom:0;width:300px;height:166px;border:0;opacity:.01;pointer-events:none}
@keyframes music-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes music-breathe{50%{opacity:.4}}
@keyframes music-turn{to{rotate:360deg}}
@media(max-width:700px){.cat-reaction{top:34%;font-size:18px;max-width:calc(100% - 64px);padding:11px 17px}.music-switch{font-size:.75rem;gap:9px;padding:11px 13px;max-width:100%}.music-switch-action{padding-left:9px}.music-panel{bottom:12px;right:12px;width:calc(100vw - 24px);max-width:370px;max-height:calc(100dvh - 24px);padding:22px}.club-heading p{margin-left:auto;margin-right:auto}.club-heading h2 em{font-size:.8em}.club-heading .eyebrow{font-size:.75rem;letter-spacing:1px}}
@media(max-width:380px){.music-switch-action{border-left:0;padding-left:0;flex-basis:100%}.music-panel{padding:19px}.music-panel h2{font-size:27px}.cat-reaction{font-size:17px}.hero-content .eyebrow{font-size:.75rem;letter-spacing:0;gap:5px}.club-heading h2{font-size:48px}}