/* KittyMoon 2.0 — responsive premium controls, layered motion, and an intentional light palette. */
:root {color-scheme:dark;}
html[data-theme="light"]{color-scheme:light;--bg:#fff7eb;--bg-2:#f9eada;--panel:#fff3e5;--panel-2:#ffebd2;--cream:#35201f;--muted:#6d5052;--muted-2:#8b6e71;--outline:rgba(103,48,35,.14);}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;}
.site-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.locale-control{height:42px;min-width:78px;display:flex;align-items:center;position:relative;padding:0 8px 0 10px;border-radius:12px;border:1px solid rgba(255,218,171,.23);background:rgba(255,222,171,.07);color:var(--cream);transition:border-color .25s,background .25s}
.locale-control:hover,.theme-toggle:hover{border-color:var(--gold);background:rgba(255,189,79,.13)}
.locale-control select{background:transparent;border:0;appearance:none;color:inherit;font:800 12px var(--heading);padding:11px 15px 11px 6px;outline:none;cursor:pointer;position:relative;z-index:2;min-width:49px}
.locale-control select option{background:#27141b;color:#fff4e4}
.tool-prefix{font-size:13px;line-height:1}
.locale-chevron{position:absolute;right:11px;top:9px;font-size:18px;pointer-events:none;opacity:.8}
.theme-toggle{height:42px;width:42px;flex-shrink:0;display:grid;place-items:center;border:1px solid rgba(255,218,171,.23);background:rgba(255,222,171,.07);border-radius:12px;color:var(--gold);transition:transform .25s,border-color .25s,background .25s}
.theme-toggle:hover{transform:rotate(13deg)}
.theme-toggle .theme-sun{display:none}
html[data-theme="light"] .theme-toggle .theme-sun{display:block}
html[data-theme="light"] .theme-toggle .theme-moon{display:none}
.noise-overlay{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.81' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}
.hero-art-scene{--pointer-x:0px;--pointer-y:0px;}
.main-art{transform:translate3d(var(--pointer-x),var(--pointer-y),0);transition:transform .35s ease-out;}
.main-art-border{will-change:transform;}
.shooting-star{position:absolute;z-index:0;width:145px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,241,202,.85),#fff);border-radius:10px;transform:rotate(-28deg);filter:drop-shadow(0 0 5px #ffb85d);animation:shootAcross 9s ease-in-out infinite;opacity:0;pointer-events:none}
.shooting-star-one{right:10%;top:15%;animation-delay:1.3s}
.shooting-star-two{left:4%;top:42%;animation-delay:5.9s;width:80px}
.cosmic-ring{position:absolute;pointer-events:none;border-radius:50%;border:1px solid rgba(255,210,108,.19);box-shadow:0 0 24px #f5a32818,inset 0 0 20px #f5a32812}
.cosmic-ring-one{inset:0 -10%;transform:rotate(29deg) scaleY(.8)}
.cosmic-ring-two{inset:9% -18%;transform:rotate(-24deg) scaleY(.8);border-style:dashed;animation:orbitSpin 110s linear infinite}
.floating-moon{position:absolute;right:4%;bottom:4%;width:62px;height:62px;z-index:2;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#ffe6a9,#ed9f37);color:#76300d;font:800 34px var(--heading);box-shadow:0 10px 24px #0005,0 0 42px #ffc76585;animation:artHover 7.5s ease-in-out infinite reverse;transform:rotate(12deg)}
@keyframes shootAcross{0%,8%,87%,100%{transform:translate(80px,-65px) rotate(-28deg);opacity:0}14%{opacity:1}23%{transform:translate(-260px,115px) rotate(-28deg);opacity:0}}
.reveal.is-visible .feature-card,.feature-card{backface-visibility:hidden}
.join-panel{box-shadow:0 25px 85px rgba(214,66,23,.22),inset 0 1px 0 #fff0b188}
.btn-primary{background-size:180% 180%;animation:goldenGlow 7s ease-in-out infinite}
@keyframes goldenGlow{0%,100%{background-position:0% 30%}50%{background-position:100% 70%}}
.hero-art-scene:hover .float-chip{filter:brightness(1.12)}
.form-note{max-width:95%}
@media(min-width:1250px){.hero{min-height:780px}.hero-art-scene{max-width:660px}}
@media(max-width:1160px){.header-inner{gap:13px}.desktop-nav{gap:15px}.brand-name{font-size:20px}.header-actions{gap:8px}.btn-header{padding:14px 13px}.locale-control{min-width:73px}}
@media(max-width:850px){.header-actions{margin-left:auto;gap:9px}.site-tools{gap:7px}.locale-control,.theme-toggle{height:40px}.theme-toggle{width:40px}.mobile-nav:not([hidden]){background:var(--bg-2)}.mobile-nav a{color:var(--cream)}.hero-art-scene{max-width:650px}}
@media(max-width:600px){.header-inner{gap:9px}.brand{gap:6px}.brand-name{font-size:19px}.brand-icon{width:34px;height:34px;border-radius:10px}.site-tools{gap:5px}.locale-control{min-width:68px;padding:0 5px;height:36px;border-radius:9px}.locale-control select{font-size:11px;min-width:44px;padding:7px 14px 7px 3px}.tool-prefix{font-size:12px}.locale-chevron{right:7px;top:5px}.theme-toggle{height:36px;width:36px;border-radius:9px}.theme-toggle svg{width:17px;height:17px}.menu-toggle{height:36px;width:36px;border-radius:9px}.header-inner{min-height:64px}.hero-grid{gap:4px}.hero-art-scene{max-width:460px;margin-top:18px}.floating-moon{width:42px;height:42px;font-size:25px;right:3%;bottom:3%}.shooting-star{width:60px}.btn:focus-visible,.locale-control:focus-within{outline:2px solid var(--gold);outline-offset:3px}}
@media(max-width:370px){.brand-name{font-size:17px}.header-actions{gap:5px}.locale-control{min-width:60px}.tool-prefix{display:none}.brand-icon{width:32px;height:32px}}
@media (prefers-reduced-motion:reduce){.main-art{transition:none!important}.shooting-star{display:none}.floating-moon{animation:none}.cosmic-ring-two{animation:none}}

/* LIGHT THEME: warm editorial ivory + deep cocoa + signature gold/orange. */
html[data-theme="light"] body{background:#fff8ee;color:#382424}
html[data-theme="light"] body:before{background:radial-gradient(ellipse 56% 58% at 82% 20%,rgba(255,153,53,.32),transparent 67%),radial-gradient(ellipse 46% 44% at 20% 26%,rgba(235,118,94,.13),transparent 70%)}
html[data-theme="light"] .site-stars{opacity:.5}
html[data-theme="light"] .star-pixel{background:#d78119;box-shadow:0 0 9px #ffbb57}
html[data-theme="light"] .header{background:rgba(255,248,235,.91);border-color:#a35c3424;box-shadow:0 8px 28px #5e26140a}
html[data-theme="light"] .brand-name{color:#422220}
html[data-theme="light"] .desktop-nav a{color:#6c4340}
html[data-theme="light"] .desktop-nav a:hover{color:#b75320}
html[data-theme="light"] .btn-header{background:#412320;color:#fff7e8}
html[data-theme="light"] .btn-dot{background:var(--gold)}
html[data-theme="light"] .locale-control,html[data-theme="light"] .theme-toggle{background:#fff3dd;color:#462521;border-color:#d7ad874f}
html[data-theme="light"] .locale-control select option{background:#fff6eb;color:#462521}
html[data-theme="light"] .menu-toggle{background:#fff3dd;border-color:#d7ad874f}
html[data-theme="light"] .menu-toggle span{background:#462521}
html[data-theme="light"] .mobile-nav:not([hidden]){background:#fff2e0;border-color:#b9734c35}
html[data-theme="light"] .mobile-nav a{color:#422520;border-color:#bc754528}
html[data-theme="light"] .hero-lead{color:#72504d}
html[data-theme="light"] .hero-lead strong{color:#35201f}
html[data-theme="light"] .hero-meta strong{color:#3a2625}
html[data-theme="light"] .hero-meta small{color:#765854}
html[data-theme="light"] .hero-meta-avatars span{border-color:#fff4e7}
html[data-theme="light"] .hero-caption{color:#875f58}
html[data-theme="light"] .hero-bottom{color:#855d55}
html[data-theme="light"] .btn-ghost{color:#522e24;background:#ffedd8e6;border-color:#b37b4c6b}
html[data-theme="light"] .btn-ghost:hover{background:#ffe1bc}
html[data-theme="light"] .play-circle{color:#8d3a18;border-color:#9c562b6a;background:#ffdea7aa}
html[data-theme="light"] .outline-title{-webkit-text-stroke:2px #d18120}
html[data-theme="light"] .hero-title-gold{color:#b65c12;text-shadow:none}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .overline{color:#ac5318}
html[data-theme="light"] .hero-caption span{color:#ad5522}
html[data-theme="light"] .why-section{background:linear-gradient(180deg,#ffedda,#fff8ee);border-color:#a46a3120}
html[data-theme="light"] .section-intro{color:#765a52}
html[data-theme="light"] .about-copy p:not(.overline){color:#74534e}
html[data-theme="light"] .text-link{color:#8a3e17}
html[data-theme="light"] .feature-card{color:#fff7ec;box-shadow:0 17px 40px rgba(65,30,20,.11)}
html[data-theme="light"] .feature-card p{color:#f4d7cb}
html[data-theme="light"] .feature-index{color:#ead0b2}
html[data-theme="light"] .big-statement-inner{color:#7e5e5c}
html[data-theme="light"] .big-statement-inner strong{color:#482c27}
html[data-theme="light"] .display-h2 em{color:#b96617}
html[data-theme="light"] .token-section{background:linear-gradient(180deg,#fff8ee,#fff1dc)}
html[data-theme="light"] .token-shell{color:#fff4e4;box-shadow:0 28px 80px #4b271a22}
html[data-theme="light"] .token-shell .display-h2 em{color:#ffd05a}
html[data-theme="light"] .token-details strong{color:#fff8e7}
html[data-theme="light"] .token-details span{color:#e5b6a6}
html[data-theme="light"] .token-footnote{color:#d3a5a0}
html[data-theme="light"] .roadmap-section{background:#fff9f0}
html[data-theme="light"] .roadmap-step{color:#bf998c}
html[data-theme="light"] .roadmap-dot{background:#fff3df}
html[data-theme="light"] .roadmap-card p{color:#79615d}
html[data-theme="light"] .roadmap-status{color:#956d62;border-color:#9d735951}
html[data-theme="light"] .roadmap-card:hover{background:#f2b36b13}
html[data-theme="light"] .how-section{background:#fff0dd;border-color:#9e542926}
html[data-theme="light"] .how-card{background:#fffaf4;border-color:#b582573f;box-shadow:0 10px 30px #8843180a}
html[data-theme="light"] .how-number{color:#dfc4b0}
html[data-theme="light"] .how-card p{color:#715451}
html[data-theme="light"] .how-emoji{background:#ffe9c8;border-color:#e7b878}
html[data-theme="light"] .how-cta{background:#ffdfba77;border-color:#c88b564c}
html[data-theme="light"] .how-cta span{color:#78534c}
html[data-theme="light"] .community-section{background:radial-gradient(circle at 90% 60%,#ffbd7e3d,transparent 47%),#fff9ef}
html[data-theme="light"] .community-left>p:not(.overline){color:#765951}
html[data-theme="light"] .join-big-stat>span:last-child{color:#6e433d}
html[data-theme="light"] .live-stats-note{color:#795c55}
html[data-theme="light"] .social-area>span{color:#775047}
html[data-theme="light"] .social-link{background:#fff4e9;color:#6d382f;border-color:#b972533d}
html[data-theme="light"] .social-area small{color:#795c55}
html[data-theme="light"] .latest-panel{background:#fff0dd;border-color:#d6a17668}
html[data-theme="light"] .latest-title>span,html[data-theme="light"] .recent-person small{color:#806257}
html[data-theme="light"] .recent-person{border-color:#bd8e7036}
html[data-theme="light"] .empty-recent{color:#775852}
html[data-theme="light"] .faq-section{background:#fff7eb;border-color:#af793632}
html[data-theme="light"] .faq-list,html[data-theme="light"] .faq-list details{border-color:#b9794b3b}
html[data-theme="light"] .faq-list p{color:#795952}
html[data-theme="light"] .end-cta h2 em{color:#fff8df}
html[data-theme="light"] .footer{background:#28171a;color:#fff1e2}
html[data-theme="light"] .footer .brand-name{color:#fff1e2}
html[data-theme="light"] .footer-links a{color:#f0c6b3}
html[data-theme="light"] .footer-main>div:first-child>p{color:#c9a5a0}
html[data-theme="light"] .footer-bottom{color:#b69b9a}
html[data-theme="light"] .legal-lead{color:#76544e}
html[data-theme="light"] .legal-content h2{color:#402a24}
html[data-theme="light"] .legal-content p,html[data-theme="light"] .legal-content li{color:#775850}
html[data-theme="light"] .legal-content a,html[data-theme="light"] .legal-back{color:#a44d19}
.legal-tools{position:fixed;right:23px;top:38px;z-index:80}
.legal-tools .site-tools{padding:8px;border:1px solid var(--outline);background:var(--bg);border-radius:14px;box-shadow:0 10px 30px #0002}
@media(max-width:600px){.legal-tools{right:12px;top:32px}.legal-main{padding-top:120px}}
/* Decorative art never creates horizontal document scroll bars. */
html{overflow-x:clip}
body{overflow-x:clip}
/* Keep soft glows inside the viewport, including narrow mobile screens. */
.orb-left{left:0;width:min(400px,40vw)}
.orb-right{right:0;width:min(380px,40vw)}
.marquee{transform:none}