.theme-toggle{display:flex;align-items:center;justify-content:center;gap:6px;background:none;color:#aab4c2;min-height:44px;white-space:nowrap;font-size:14px;padding:7px}
.theme-toggle span:first-child{font-size:23px;line-height:1}
body .header{gap:22px}body .header nav{gap:28px}
#lunar-stage{background:#030405;background-image:none}
.scene-basic #lunar-stage:before{background-image:url('/lunar-dust/fallback.svg')}
.weekly-gallery{padding-bottom:55px;overflow:hidden}
.gallery-all{color:#b0bbc9;font-size:17px}
.gallery-stage{height:610px;position:relative;perspective:1700px;isolation:isolate;touch-action:pan-y;outline-offset:-5px}
.gallery-stage:after{content:'';position:absolute;left:18%;right:18%;height:60px;border-radius:50%;bottom:12px;background:#000;opacity:.65;filter:blur(32px);z-index:-1}
.gallery-orbit{position:absolute;inset:0;transform-style:preserve-3d}
.gallery-card{position:absolute;width:min(50vw,650px);top:44px;left:50%;margin-left:calc(min(50vw,650px) / -2);transform:translateX(calc(var(--offset) * 66%)) translateZ(calc(var(--abs-offset) * -220px)) rotateY(calc(var(--offset) * -28deg));opacity:calc(1 - var(--abs-offset) * .25);transition:transform 950ms cubic-bezier(.18,.75,.18,1),opacity 700ms;transform-style:preserve-3d;will-change:transform}
.gallery-poster{display:block;position:relative;width:100%;padding:0;border:1px solid #626d7a50;border-radius:18px;overflow:hidden;background:#151a22;box-shadow:0 28px 70px #0007;text-align:left;aspect-ratio:1.55}
.gallery-poster:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#fff1,transparent 45%,#0003);border-radius:inherit;box-shadow:inset 0 0 0 1px #fff1}
.gallery-poster img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8);transition:filter .7s}
.gallery-card[data-current=true] img{filter:saturate(1)}
.gallery-card-no{position:absolute;top:18px;left:20px;border-radius:99px;background:#0d1420ba;backdrop-filter:blur(10px);color:#e5ebf4;font-size:13px;letter-spacing:.15em;padding:7px 12px}
.gallery-card-caption{padding:26px 7px 10px;opacity:0;transition:opacity .4s}
.gallery-card[data-current=true] .gallery-card-caption{opacity:1;transition-delay:.25s}
.gallery-card-caption>span{font-size:14px;color:#949ead}
.gallery-card-caption h3{font-size:clamp(23px,2.5vw,34px);font-weight:450;margin:10px 0 13px;line-height:1.5}
.gallery-card-caption a{font-size:16px;color:#d1dae6;border-bottom:1px solid #6d7a8f;padding-bottom:7px}
.gallery-controls{display:flex;justify-content:center;gap:30px;align-items:center;margin-top:10px}
.gallery-controls button{width:50px;height:50px;border-radius:50%;border:1px solid #495261;background:transparent;color:#d0d8e4;font-size:24px}
.gallery-controls button:hover{background:#273241}
.gallery-index{font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:.15em;color:#9aa7b9}
.member-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:44px}
.member-heading h1{font-size:clamp(34px,3.5vw,50px);font-weight:450;margin:5px 0 0}
.member-heading>a{font-size:17px;color:#aebcce}
.member-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.member-offer,.member-wallet{position:relative;border:1px solid #303c4e;background:#111822;border-radius:22px;padding:38px;overflow:hidden}
.member-offer{background:radial-gradient(ellipse at 90% 0%,#374355 0,transparent 55%),#101720}
.member-orb{position:relative;float:right;width:120px;height:120px;margin:0 0 15px 20px;display:grid;place-items:center}
.member-orb:before{content:'';position:absolute;inset:8px;border-radius:50%;background:radial-gradient(at 25% 20%,#f6f9ff,#8d9db4 28%,#29364b 60%,#111a28 80%);box-shadow:inset -5px -6px 10px #0005,0 15px 25px #0004}
.member-orb span{position:relative;font-size:50px;font-weight:300;color:#e6ebf3}
.member-orb i{position:absolute;inset:26px -15px;border:1px solid #97a4b8;border-radius:50%;transform:rotate(-30deg);z-index:1}.member-orb i+i{transform:rotate(50deg)}
.member-intro h2{font-size:28px;line-height:1.6;font-weight:450;max-width:290px;margin:0 0 15px}
.member-intro h2>span{white-space:nowrap}
.member-intro p{color:#aab9cd;font-size:16px;line-height:1.9;max-width:330px}
.member-plans{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:32px}
.member-plan{border:1px solid #425068;border-radius:14px;padding:22px 18px;text-align:left;background:#111c2a;color:#c3cfdf;transition:border-color .25s,background .25s}
.member-plan[aria-pressed=true]{border-color:#becbe0;background:#2c3b51;color:#edf3fd;box-shadow:inset 0 0 0 1px #b8c8e02b}
.member-plan>span{display:block;font-size:17px}.member-plan strong{display:block;font-size:50px;font-weight:450;margin-top:13px;line-height:1.3;letter-spacing:-.03em}.member-plan small{font-size:21px;margin-right:5px;font-weight:400}.member-plan em{font-size:15px;font-style:normal;color:#a3b1c5;letter-spacing:0}
.member-renewal{font-size:14px;color:#bdc9da;text-align:center;margin:24px 0 16px}
.member-footnote{font-size:13px;line-height:1.8;color:#9daabe;margin:14px 0 0}
.member-offer>.member-footnote{text-align:center}
.member-balance{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303d50;padding-bottom:23px;margin-bottom:25px}
.member-balance>span{font-size:17px;color:#b6c3d4}.member-balance strong{font-size:43px;font-weight:450;line-height:1.2;font-variant-numeric:tabular-nums}.member-balance small{font-size:14px;font-weight:400;color:#9caec4;margin-left:10px}
.checkin-heading,.recharge-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}
.checkin-heading h2,.recharge-heading h2{font-size:22px;font-weight:450;margin:0}.checkin-heading .button{font-size:14px;padding:9px 15px;min-height:40px}
.checkin-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.checkin-day{padding:13px 1px 9px;border:1px solid #354359;background:#172233;border-radius:10px;text-align:center;display:flex;flex-direction:column;gap:8px}
.checkin-day span{font-size:12px;color:#98a9c1;white-space:nowrap}.checkin-day strong{font-size:21px;font-weight:500}.checkin-day i{font-style:normal;font-size:13px;color:#71849f;line-height:1}.checkin-day.current{border-color:#a4b6d1;background:#304159}.checkin-day.done strong,.checkin-day.done i{color:#c8dfcb}
.recharge-heading{margin-top:30px}.recharge-heading>span{font-size:13px;color:#a5b7ce}
.recharge-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.recharge-tiers button{display:grid;gap:5px;padding:15px 5px;border-radius:10px;border:1px solid #3f4e63;background:#151f2e;color:#c8d4e5}.recharge-tiers button[aria-pressed=true]{background:#2b3d56;border-color:#a0b8d9}.recharge-tiers strong{font-size:22px;font-weight:450}.recharge-tiers span{font-size:12px;color:#aebed4}
.member-benefits{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:33px 36px;border:1px solid #334055;border-radius:18px;margin-top:26px;background:#111924}
.member-benefits h2,.member-records h2{font-size:24px;font-weight:450;margin:0 0 10px}.member-benefits p{color:#a2b3ca;font-size:15px;margin:0}
.member-records{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}.member-records ul{list-style:none;padding:0}.member-records li{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #313e52;padding:17px 0;font-size:16px}.member-records small{display:block;color:#93a7c1;font-size:13px;margin-top:4px}.member-records strong{font-weight:450;color:#d9e6f7}
.member-choice article{display:grid;grid-template-columns:170px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid #35435a}.member-choice img{width:100%;border-radius:10px;aspect-ratio:1.5;object-fit:cover}.member-choice h3{font-size:20px;font-weight:450;margin-bottom:12px}.member-choice a{font-size:14px;color:#c0d0e5}.member-choice form{margin-top:20px;display:flex;align-items:end;gap:10px;font-size:14px}.member-choice input{display:block;padding:10px;background:#0d1624;border:1px solid #4a5e7a;border-radius:6px;width:100%;max-width:240px;font-size:16px}
@media(max-width:1200px){body .header{gap:16px}body .header nav{gap:19px}.theme-toggle>span:last-child{display:none}.member-offer,.member-wallet{padding:28px}.member-plan strong{font-size:44px}.gallery-stage{height:560px}}
@media(max-width:1000px){body .header nav{gap:20px;justify-content:space-between}.theme-toggle{margin-left:auto}.publish-link{margin-left:0}.member-layout{grid-template-columns:1fr}.member-offer{padding:35px}.member-intro h2{max-width:none}.member-intro p{max-width:none}.member-orb{width:100px;height:100px}.member-plans{padding-top:24px}.gallery-card{width:65vw;margin-left:-32.5vw}.gallery-stage{height:540px}}
@media(max-width:600px){body .header{gap:7px}.theme-toggle{min-width:30px;padding:4px;margin-left:auto}.theme-toggle span:first-child{font-size:22px}.publish-link{padding:8px 11px}.publish-link span{display:none}body .header .account-button{max-width:77px}.gallery-stage{height:410px;perspective:1000px;margin-inline:-20px}.gallery-card{top:30px;width:76vw;margin-left:-38vw;transform:translateX(calc(var(--offset) * 71%)) translateZ(calc(var(--abs-offset) * -210px)) rotateY(calc(var(--offset) * -32deg))}.gallery-poster{aspect-ratio:1.38;border-radius:14px}.gallery-card-caption{padding-top:21px}.gallery-card-caption h3{font-size:23px}.gallery-controls{margin-top:0}.gallery-all{font-size:15px}.member-heading{margin-bottom:30px}.member-heading>a{font-size:15px}.member-heading .eyebrow{font-size:12px}.member-layout{gap:19px}.member-offer,.member-wallet{padding:24px 19px;border-radius:17px}.member-orb{width:78px;height:78px;margin-left:13px}.member-orb span{font-size:35px}.member-orb i{inset:20px -8px}.member-intro h2{font-size:25px;max-width:200px}.member-intro p{font-size:15px;clear:both;padding-top:8px}.member-plans{gap:10px;padding-top:17px}.member-plan{padding:19px 12px}.member-plan>span{font-size:16px}.member-plan strong{font-size:41px}.member-plan em{font-size:13px}.member-plan small{font-size:18px}.member-renewal{font-size:13px}.member-balance{padding-bottom:20px}.checkin-heading h2,.recharge-heading h2{font-size:21px}.checkin-days{gap:4px}.checkin-day{padding:11px 0 8px;border-radius:8px}.checkin-day span{font-size:10px}.checkin-day strong{font-size:18px}.recharge-tiers{gap:6px}.recharge-tiers strong{font-size:21px}.member-benefits{padding:24px 20px;align-items:start;flex-direction:column}.member-benefits .button{width:100%}.member-records{grid-template-columns:1fr;gap:25px;margin-top:35px}.member-choice article{grid-template-columns:1fr}.member-choice img{max-height:190px}.member-choice .actions{gap:9px}.member-choice .button{font-size:14px}.member-choice form{flex-wrap:wrap}}
@media(max-width:380px){body .header{gap:5px}.header .brand{font-size:17px!important}.theme-toggle{min-width:28px}.publish-link{padding-inline:8px;font-size:12px}body .header .account-button{max-width:64px;font-size:12px;padding-inline:8px}.member-plan strong{font-size:36px}.checkin-day span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.gallery-card{transition:none;will-change:auto}.member-orb i{animation:none}}
