:root{--ink:#fff5e9;--muted:#d3c4d1;--pink:#ffc3a2;--violet:#c7b9f5;--line:#e9c0a844;background:#161126}
#universe{background:radial-gradient(ellipse at 50% 58%,#483b4f,#211b35 46%,#161126 80%)}
.intro{background:#15102140}.aurora-one{background:radial-gradient(ellipse,#e8a27142,transparent 67%)}.aurora-two{background:radial-gradient(ellipse,#ac96e94a,transparent 68%)}
.intro-card{background:linear-gradient(145deg,#423347e8,#201b35ed);border-color:#f0c4a55c;box-shadow:0 0 90px #ffc19515,inset 0 1px 0 #ffe6cc22}
.intro-card:before{background:linear-gradient(90deg,transparent,#ffe2bd99,transparent)}
h1{font-size:clamp(2.7rem,5.5vw,4rem)}h1 span{background:linear-gradient(110deg,#ffe4c4,#ffba9d,#d4c2ff);background-clip:text;-webkit-background-clip:text;color:transparent}.intro .eyebrow,.scene-header .eyebrow{color:#d5bbaa}
.intro-copy{color:#e0ccd1}.heart-halo{box-shadow:0 0 48px 12px #ffb68235,0 0 90px 40px #baa1ee16}.heart-icon{filter:drop-shadow(0 0 8px #ffba8f88) drop-shadow(0 0 24px #f6b38f44)}.gate-label{color:#ffe0bd}.gate-orbit{border-color:#ffd3a847}.gate-orbit:before{background:#ffe3c0;box-shadow:0 0 16px #ffc08d}.charge-track span{background:#ffcdac;box-shadow:0 0 10px #ffd8b4}.intro-foot{color:#d8bfbd}
.mini-speech,.letter-speech{background:linear-gradient(135deg,#fff4df,#f5e2e3);color:#715365;border-color:#ffdcbd99}.mini-speech span{color:#c67e6f}.letter-speech:before{border-bottom-color:#fff1de}
.cat-preview{font-size:55px;display:block;padding-top:35px}.scene-header h2{font-family:Mali,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1.6;background:linear-gradient(110deg,#ffe7c6,#ffbf9f,#d7c4ff);background-clip:text;-webkit-background-clip:text;color:transparent}.scene-header h2 span{color:#ffd1ac}.scene-header p{color:#d9c6d5}.scene-header{background:linear-gradient(#161126aa,transparent)}
.round-button,.control-bar{background:#30273bea;border-color:#e4bca74d}.round-button,.control-bar button,.motion-toggle{color:#efd6c5}.scene-footer{background:linear-gradient(transparent,#161126ce)}.gesture-hint{color:#ddcdd9}
dialog{background:linear-gradient(140deg,#493642f5,#262038fa);border-color:#f0c5a575}dialog .eyebrow{color:#ddc0ad}dialog h2{color:#976452}#letter-body p{color:#795b62}#letter-body strong{color:#a46751}.letter-return{background:#dfb79b22;color:#ffddbf;border-color:#efc5aa55}.cat-hello{color:#f2d6c9}.cat-orbit{border-color:#ffd7b14d}.cat-character{filter:drop-shadow(0 0 19px #ffc4a242)}
.fallback{background:radial-gradient(ellipse at 50% 40%,#493747,#161126 70%)}.fallback-heart{font-size:5rem}
.cat-letter[data-pose="cheer"] .cat-character{animation:cat-offer-sway 3.8s ease-in-out infinite}.cat-letter[data-pose="rest"] .cat-character{animation:cat-sniff-sway 4.8s ease-in-out infinite}.cat-letter[data-pose="nap"] .cat-character{animation:cat-nap-breathe 5.2s ease-in-out infinite;transform-origin:50% 50%}
@keyframes cat-offer-sway{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes cat-sniff-sway{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(1deg) scale(1.018)}}
@keyframes cat-nap-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(2px) scale(1.015,.992)}}
@media(max-width:420px){.intro h1{font-size:2.75rem}.intro-foot{font-size:12px}.scene-header h2{font-size:2rem}.scene-header .eyebrow{max-width:180px;font-size:12px}.scene-header p{font-size:14px}.scene-caption{display:none}}
.easter-toast{background:#3a2a3fe8;border-color:#f0c5a54a;color:#fff5e9}