:root{color-scheme:light;--ink:#53444e;--muted:#877a83;--rose:#93566d;--rose-light:#efd7df;--paper:#fbf6f5;--line:rgba(133,105,121,.2);--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--paper);font-family:var(--sans);color:var(--ink);overflow:hidden;font-size:16px;-webkit-tap-highlight-color:transparent}button,a{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:6px}button{border:0}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}button{touch-action:manipulation}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 70% 110%,#ecd7e580,transparent 56%),radial-gradient(ellipse at 5% 0%,#fffdfb,transparent 60%)}.halo{position:absolute;filter:blur(65px);border-radius:50%;opacity:.64}.halo-a{width:46vw;height:37vw;background:#efcedb66;right:-13vw;top:-12vw}.halo-b{width:38vw;height:32vw;background:#d9d8e466;left:-17vw;bottom:-18vw}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(172,144,162,.19);border-radius:50%;width:90vw;height:55vh;transform:translate(-50%,-50%) rotate(-23deg)}.orbit-b{width:108vw;height:78vh;border-color:rgba(184,160,175,.1);transform:translate(-50%,-50%) rotate(-23deg)}.star{position:absolute;width:3px;height:3px;border-radius:50%;background:#9a778d;opacity:.27;animation:twinkle var(--duration,5s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}.topbar,.bottom-bar{position:fixed;left:4.1vw;right:4.1vw;z-index:10;display:flex;align-items:center;justify-content:space-between}.topbar{top:max(27px,env(safe-area-inset-top))}.wordmark{display:flex;align-items:center;gap:4px;font-family:Georgia,serif;font-size:31px}.brand-star{font-size:15px;align-self:flex-start;margin-top:4px}.brand-note{font-family:var(--sans);font-size:11px;letter-spacing:.23em;margin-left:15px;color:var(--muted)}.sound-control{display:flex;gap:9px;align-items:center;padding:10px 16px;border:1px solid var(--line);border-radius:30px;background:#fff8;backdrop-filter:blur(10px);font-size:13px;min-height:42px;color:#796470}.sound-icon{font-size:20px}.sound-control[aria-pressed=true]{background:#eee5e880}.bottom-bar{bottom:max(25px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.15em;color:#94858f}.zodiac{display:flex;align-items:center;gap:10px;font-size:18px}.zodiac span{font-size:10px}.scene{position:absolute;inset:90px 6vw 75px;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1);pointer-events:none}.scene.is-active{opacity:1;transform:none;pointer-events:auto}.invitation-content{position:relative;text-align:center;z-index:2;margin-top:-12px}.eyebrow{font-size:11px;letter-spacing:.3em;margin:0 0 28px;color:#9a7b8a;font-weight:500}.salutation{font-family:var(--serif);font-size:21px;letter-spacing:.12em;margin:0 0 16px}h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.4vw,68px);line-height:1.4;letter-spacing:.05em;margin:0}h1 em{font-style:normal;color:var(--rose)}.lead{font-size:15px;letter-spacing:.08em;line-height:1.8;color:var(--muted);margin:22px 0 24px}.invite-actions{display:flex;justify-content:center;align-items:center;gap:18px;min-height:60px;position:relative}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 28px;border-radius:35px;font-size:14px;min-height:49px;letter-spacing:.04em;transition:box-shadow .3s,background .3s,transform .3s}.primary{background:var(--rose);color:#fff6f7;box-shadow:0 7px 24px #985d7420}.primary:hover{background:#83465d;box-shadow:0 8px 30px #985d7430}.primary:active{transform:scale(.97)}.secondary{background:#fff7;border:1px solid #d9c7cf;color:#887681}.secondary:hover{background:#fff9}.playful-hint{font-size:12px;color:#ac96a2;letter-spacing:.05em;margin:21px 0 0;min-height:22px}.edition{position:absolute;left:7%;top:48%;transform:translateY(-50%) rotate(-8deg);color:#b08d9e;opacity:.2;z-index:-1;display:flex;align-items:center;flex-direction:column}.edition>span{font:italic 190px/.9 Georgia,serif;letter-spacing:-.13em}.edition small{font-size:9px;letter-spacing:.2em;transform:translateX(18px);margin-top:20px}.tiny-spark{position:absolute;font-family:Georgia,serif;color:#ab8ba0}.spark-one{right:13%;top:23%;font-size:47px;transform:rotate(12deg)}.spark-two{left:20%;bottom:11%;font-size:20px}.birthday-fallback{font:italic clamp(50px,7vw,106px)/1.3 Georgia,serif;color:var(--rose);margin:0}.name-fallback{font:clamp(40px,5vw,70px)/1.5 var(--serif);text-align:center;margin:15px 0}.birthday-scene>.eyebrow{margin-bottom:18px}.birthday-date{font-size:12px;letter-spacing:.3em;color:#9a778c}.birthday-date span{margin:0 20px;font-size:13px}.birthday-reveal{text-align:center}.birthday-reveal>.lead{font-size:14px;margin:18px 0}.text-button{background:none;color:var(--rose);font-size:14px;letter-spacing:.06em;padding:12px 10px;min-height:44px}.text-button span{display:inline-block;margin-left:12px;transition:transform .3s}.text-button:hover span{transform:translateX(5px)}#cursor{position:fixed;inset:0;z-index:100;pointer-events:none;display:none}.cursor-dot,.cursor-ring{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;background:#986079}.cursor-ring{width:29px;height:29px;border:1px solid #ac7d9780;transition:width .2s,height .2s,background .2s}.cursor-ring.hovering{width:43px;height:43px;background:#b27e9710}#effects{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:80}.orientation-hint{display:none;position:fixed;inset:0;background:#fbf6f5f7;backdrop-filter:blur(15px);z-index:200;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.orientation-hint h2{font:400 24px/1.8 var(--serif)}.orientation-hint p{font-size:13px;line-height:1.8;color:var(--muted);max-width:250px;margin:0 0 28px}.rotate-symbol{font-size:52px;color:#ac8096}.scene.is-leaving{opacity:0;transform:translateY(-12px);pointer-events:none}#chapters{display:flex;gap:10px;align-items:center}.chapter-dot{width:28px;height:28px;background:transparent;position:relative;padding:0}.chapter-dot:after{content:"";position:absolute;width:5px;height:5px;background:#d2bac8;border-radius:50%;top:12px;left:12px;transition:.3s}.chapter-dot.current:after{background:#95657e;box-shadow:0 0 0 5px #a67a9220}.chapter-dot:disabled{opacity:.4}@keyframes twinkle{from{opacity:.15}to{opacity:.55}}
@media(pointer:fine) and (hover:hover){body.custom-cursor,body.custom-cursor button,body.custom-cursor a{cursor:none}body.custom-cursor #cursor{display:block}}
@media(max-height:600px) and (orientation:landscape){.topbar{top:max(10px,env(safe-area-inset-top));left:max(25px,env(safe-area-inset-left));right:max(25px,env(safe-area-inset-right))}.brand-note{display:none}.wordmark{font-size:25px}.sound-control{padding:6px 12px;min-height:38px;font-size:12px}.bottom-bar{bottom:10px;font-size:9px}.scene{inset:60px 8vw 42px}.eyebrow{font-size:10px;margin-bottom:10px}.salutation{font-size:16px;margin-bottom:8px}h1{font-size:clamp(28px,4.7vw,42px);line-height:1.3}.lead{font-size:14px;margin:12px 0 14px}.button{padding:10px 21px;min-height:44px;font-size:13px}.invite-actions{min-height:44px}.playful-hint{margin-top:10px;font-size:11px}.edition>span{font-size:135px}.edition{left:3%}.edition small{display:none}.spark-one{right:5%;font-size:35px}.spark-two{left:12%;bottom:8%}.birthday-fallback{font-size:58px}.name-fallback{font-size:38px;margin:0}.birthday-date{margin:7px 0}.birthday-reveal>.lead{margin:8px 0}.birthday-scene>.eyebrow{margin-bottom:6px}.bottom-bar .zodiac span{font-size:9px}#footer-left{font-size:9px}.text-button{padding:8px}.invitation-content{margin-top:0}}
@media(orientation:portrait) and (max-width:700px){body:not(.portrait-ok) .orientation-hint{display:flex}.brand-note{display:none}.topbar{left:24px;right:24px}.bottom-bar{left:20px;right:20px;bottom:20px}#footer-left{font-size:8px;max-width:140px;line-height:1.8}.zodiac span{font-size:9px}.scene{inset:100px 25px 90px}h1{font-size:39px}.salutation{font-size:18px}.lead{font-size:14px}.eyebrow{font-size:10px}.edition{left:0;top:22%;opacity:.1}.edition>span{font-size:150px}.edition small{display:none}.spark-one{right:5%;top:10%;font-size:30px}.spark-two{left:8%;bottom:10%}.button{padding:14px 20px;font-size:13px}.invite-actions{gap:12px}.playful-hint{font-size:11px}.orbit{width:170vw;height:45vh}.orbit-b{width:220vw;height:75vh}.birthday-fallback{font-size:48px;text-align:center}.name-fallback{font-size:52px}.sound-control{font-size:12px;padding:9px 12px}}
/* The same quiet line, cream texture and small amount of colour carry every scene. */
.top-actions{display:flex;align-items:center;gap:12px}.eggs-control{background:transparent;font-size:14px;padding:10px 14px;min-height:44px;border:1px solid transparent;border-radius:25px;color:#826979}.eggs-control:hover{border-color:var(--line);background:#fff8}.eggs-control span{font-size:12px;margin-left:7px;color:#a28b99;font-variant-numeric:tabular-nums}.scene{overflow:auto;justify-content:safe center;padding:12px 0;scrollbar-width:thin;scrollbar-color:#d4beca transparent}.scene:focus,h1:focus,h2:focus{outline:none}.scene>*{flex-shrink:0}.section-title{font:400 clamp(28px,3vw,43px)/1.5 var(--serif);letter-spacing:.05em;text-align:center;margin:0}.section-title em{font-style:normal;color:var(--rose)}.section-subtitle{font-size:16px;color:var(--muted);line-height:1.8;margin:12px 0 22px;text-align:center}.lead{font-size:16px}.playful-hint{font-size:13px}.sound-control{font-size:14px}.text-button{font-size:14px}.eyebrow{font-size:12px}.zodiac{font-family:Georgia,'Times New Roman',serif;font-variant-emoji:text}.brand-note{font-size:12px}.bottom-bar{font-size:12px}.zodiac span{font-size:12px}#runaway{transition:transform .4s cubic-bezier(.22,.85,.35,1),background .3s;z-index:4}.invite-actions{margin-bottom:10px}.playful-hint{max-width:430px;margin:25px auto 0;min-height:30px}#cursor{opacity:0}
.handwriting{width:min(810px,86vw);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px}.english-writing{width:100%;height:150px;overflow:visible;fill:none;stroke:#ae7190;stroke-linecap:round;stroke-linejoin:round;stroke-width:24px;filter:drop-shadow(0 2px 15px #dc9dc333)}.name-writing{height:115px;width:235px;overflow:visible;color:#976b83;margin-top:5px}.birthday-reveal{transition:opacity 1.2s,transform 1.2s}.birthday-scene.is-writing .birthday-reveal{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(12px)}.birthday-scene .birthday-date{margin-top:10px}body[data-scene=birthday] .ambient{background:radial-gradient(ellipse at 50% 45%,#f2ddeb90,transparent 70%),radial-gradient(ellipse at 0% 100%,#e1deec88,transparent 55%),#faf5f9}
.memory-shelf{display:grid;grid-template-columns:repeat(6,minmax(95px,1fr));gap:14px;width:min(1050px,100%);margin:26px 0 28px}.memory-token{background:transparent;padding:20px 8px;border-radius:70px 70px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:background .4s,transform .5s}.memory-token:hover{transform:translateY(-6px);background:#ffffff6b}.memory-icon{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff9,var(--tone-bg));box-shadow:inset 0 0 0 1px #ffffffb0,0 8px 24px #88607709;color:var(--tone);position:relative}.memory-icon svg{width:42px;height:42px;stroke-width:1.2}.memory-name{font-size:14px;color:#6e5967}.memory-state{font-size:12px;color:#9b8793;letter-spacing:.05em}.is-found .memory-icon:after{content:'·';position:absolute;right:5px;bottom:4px;font-size:40px;line-height:10px;color:var(--tone)}.tone-blue{--tone:#7594a5;--tone-bg:#dbe8ed}.tone-pink{--tone:#c091a4;--tone-bg:#f2dfe8}.tone-cream{--tone:#b19a73;--tone-bg:#f4ead9}.tone-gold{--tone:#be9b58;--tone-bg:#f8edce}.tone-green{--tone:#8b9f91;--tone-bg:#e2ebe3}.tone-rose{--tone:#a57488;--tone-bg:#f0dee6}
.letter-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;width:min(900px,96%);align-items:center;min-height:0}.letter-aside{text-align:left;position:relative}.letter-aside .section-title{text-align:left;font-size:38px}.letter-aside .eyebrow{margin-bottom:22px}.letter-paper{background:#fffdfbf0;padding:40px 42px 30px;border:1px solid #e6d9de;border-radius:3px;transform:rotate(.8deg);box-shadow:0 18px 60px #9274840a;max-height:65vh;overflow:auto;position:relative}.letter-paper:before{content:'';position:absolute;left:18px;right:18px;top:16px;border-top:1px solid #e6d6df88}.letter-date{font-size:12px;letter-spacing:.12em;color:#ab919f;display:block;text-align:right;margin-bottom:30px}.letter-paper h3{font:400 25px/1.5 var(--serif);color:#8b6076;margin:0 0 28px}.letter-paper p{font-size:17px;line-height:2;letter-spacing:.05em;margin:0 0 12px;color:#786874}.letter-paper .letter-last{margin-top:24px;color:#92667e}.letter-signature{display:flex;align-items:center;justify-content:flex-end;gap:14px;font:20px/1.5 var(--serif);color:#9b7589;margin-top:20px}.personal-mark{display:inline-flex;width:50px;height:50px}.personal-mark svg{width:100%;height:100%}.letter-scene>.text-button{margin-top:22px}.snowflake-secret{display:flex;align-items:center;background:none;flex-direction:column;position:relative;margin:20px 0 0;padding:0;min-width:145px}.snowflake-secret img{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 4px 9px #aa91a240);transition:transform 1.2s,filter 1s}.snowflake-secret:hover img{transform:rotate(13deg)}.snowflake-secret[aria-expanded=true] img{transform:rotate(65deg);filter:drop-shadow(0 0 18px #f2bbdbbb)}.snowflake-label{font-size:12px;color:#ac93a2;margin-top:4px}.secret-note{font-size:14px;color:#9a748a;min-height:22px;margin:8px 0;text-align:left}
.cake-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;width:min(1000px,100%)}.cake-stage{width:100%;max-width:470px;aspect-ratio:1;position:relative;justify-self:center;filter:drop-shadow(0 16px 28px #9a6e8110);animation:cake-arrive 1.3s both}.cake-image{width:100%;height:100%;object-fit:contain;display:block}.candle-flame{position:absolute;left:50%;top:16.5%;width:5.2%;height:8%;transform:translate(-50%,-90%) rotate(var(--lean,0deg));transform-origin:50% 100%;color:#f7be6c;filter:drop-shadow(0 0 8px #ffc470bb);transition:transform .12s,opacity .7s;display:flex;align-items:end;justify-content:center}.candle-flame svg{width:100%;height:100%;fill:#ffe3a6;stroke:#e4a04e;stroke-width:1;animation:flame-dance 1.2s ease-in-out infinite alternate;transform-origin:50% 100%}.candle-smoke{position:absolute;width:10%;height:11%;left:47%;top:8%;opacity:0;color:#a69b9e;pointer-events:none}.candle-smoke svg{width:100%;height:100%;stroke-width:.8}.cake-stage.blown .candle-flame{opacity:0;transform:translate(-50%,-65%) scale(.1)}.cake-stage.blown .candle-smoke{animation:smoke 2.2s ease-out both}.cake-caption{display:block;text-align:center;font-size:12px;letter-spacing:.2em;color:#b398a7;position:absolute;left:0;right:0;bottom:-10px}.cake-copy{text-align:left;min-width:0}.cake-copy .section-title{text-align:left;font-size:34px}.cake-copy .section-subtitle{text-align:left;margin:12px 0 25px}.cake-copy .eyebrow{margin-bottom:17px}.mic-note{font-size:12px;line-height:1.8;color:#9c8794;margin:10px 0 14px}.breath-meter{width:180px;height:3px;background:#dcc7d344;overflow:hidden;border-radius:5px;margin:18px 0 5px}.breath-meter span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(0);background:#b5879f;transition:transform .08s linear}.wish-progress{font-size:14px;line-height:1.8;min-height:28px;color:#947d8b;margin:10px 0 0}.manual-blow{padding-left:0;touch-action:none;user-select:none;-webkit-user-select:none;letter-spacing:0;font-size:14px}.manual-blow.holding{color:#bb7496}.cake-copy #wish-next{padding-left:0;margin-top:16px}.mic-note[hidden]~.breath-meter{opacity:.4}
.prelude-scene{overflow:hidden}.prelude-orbit{position:absolute;width:220px;height:220px;left:50%;top:43%;transform:translate(-50%,-50%);z-index:-1}.prelude-orbit span{position:absolute;inset:0;border:1px solid #caa9bc55;border-radius:50%;animation:orbit-open 2.3s ease both}.prelude-orbit span+span{inset:-70px;animation-delay:.15s;border-color:#caa9bc22}.prelude-scene .section-title{transition:transform 1.3s;line-height:1.8}.prelude-scene .section-subtitle{opacity:0;transform:translateY(8px);transition:opacity 1.2s,transform 1.2s}.prelude-scene.ready .section-subtitle{opacity:1;transform:none}.prelude-scene.ready .section-title{transform:translateY(-4px)}#reveal-highfive{margin-top:18px;transition:opacity .8s,background .8s}#reveal-highfive:disabled{opacity:.3}
.highfive-area{display:flex;flex-direction:column;align-items:center;margin:25px 0 0}.highfive-pair{display:flex;align-items:center;justify-content:center;width:310px;position:relative;gap:76px;min-height:132px}.clap-side{display:flex;flex-direction:column;align-items:center;gap:18px;width:100px}.clap-name{font-size:13px;letter-spacing:.15em;color:#9d8b98}.hand-avatar{display:block;width:73px;height:82px;color:#6195c2;position:relative}.hand-avatar svg{width:100%;height:100%;fill:#e1edf67d;stroke-width:1.4;stroke-linecap:round;filter:drop-shadow(0 4px 10px #8eb7d426)}.hand-yours{transform:rotate(-12deg)}.hand-mine{transform:scaleX(-1) rotate(-12deg);opacity:.45}.clap-impact{position:absolute;font-size:40px;color:#c2a568;left:50%;top:70%;transform:translate(-50%,-50%) scale(0);opacity:0}.clap-counter{font-size:25px;font-family:Georgia,serif;font-variant-numeric:tabular-nums;color:#b89b60;line-height:1.3;margin:12px 0 15px}.highfive-button{border:1px solid #bdcedc;color:#6a8dab;background:#f0f5fb80;min-width:155px;box-shadow:0 5px 20px #7894b009}.highfive-button:disabled{opacity:.65}.highfive-message{font-size:15px;color:#957b8b;min-height:24px;line-height:1.8;margin:14px 0 0;text-align:center}.final-birthday{font:23px/1.8 var(--serif);color:#a16d89;margin:10px 0 0;animation:soft-in 1s both}.final-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.final-actions .text-button{font-size:14px;color:#a08a97}.final-actions>span{color:#cdb7c4}.sending .hand-yours{animation:hand-send .6s both}.sending .hand-mine{opacity:.55}.returning .hand-yours{transform:translateX(58px) rotate(10deg)}.returning .hand-mine{animation:hand-return .5s both}.connected .hand-yours{transform:translateX(58px) rotate(8deg)}.connected .hand-mine{opacity:1;transform:translateX(-58px) scaleX(-1) rotate(8deg)}.connected .clap-impact{animation:impact .6s both}.hand-avatar{transition:transform .45s,opacity .35s}
.eggs-dialog{width:min(820px,92vw);max-height:86dvh;padding:28px 30px 25px;border:1px solid #eadce5;border-radius:24px;background:#fffbf9f5;color:var(--ink);box-shadow:0 30px 120px #49314333;overflow:auto;scrollbar-width:thin}.eggs-dialog[open]{animation:dialog-in .45s cubic-bezier(.2,.8,.2,1)}.eggs-dialog::backdrop{background:#55435030;backdrop-filter:blur(14px)}.dialog-top{display:flex;align-items:center;gap:10px;position:sticky;top:-28px;background:#fffbf9f5;z-index:2;margin-bottom:15px}.dialog-top h2{font:400 25px/1.5 var(--serif);flex:1;margin:0}.icon-button{width:44px;height:44px;border-radius:50%;padding:11px;background:#ecdee744;color:#9a7a8c;flex-shrink:0}.icon-button svg{width:100%;height:100%}.dialog-intro{font-size:14px;color:#9d8795;line-height:1.7;margin:14px 0}.eggs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.egg-tile{padding:15px;background:#fff7;border:1px solid #ebdfe580;border-radius:16px;display:flex;align-items:center;flex-direction:column;gap:10px;transition:background .3s,transform .3s}.egg-tile:hover{background:#fff;transform:translateY(-2px)}.egg-tile .memory-icon{width:58px;height:58px}.egg-tile .memory-icon svg{width:30px;height:30px}.egg-tile .memory-name{font-size:14px}.egg-tile .memory-state{font-size:12px}.sequential-title{margin-top:25px}.sequence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sequence-tile{background:#eee5eb66;border:1px solid #e4d5df66;border-radius:14px;padding:14px 8px;display:flex;flex-direction:column;gap:10px;align-items:center;font-size:14px;color:#9f8998}.sequence-tile small{font-size:12px;color:#ac9aa5}.sequence-preview{font-size:30px;display:block;width:34px;height:34px}.sequence-preview svg{width:100%;height:100%}.sequence-tile.locked .sequence-preview{filter:blur(2px);opacity:.5}.sequence-tile.ready{background:#fffbf7;color:#896378}.unlock-hint{font-size:14px;color:#9b7b8f;line-height:1.6;min-height:22px;margin:14px 0 0}.egg-detail{text-align:center;padding:5px 0 10px}.egg-hint{font-size:16px;color:#9a7f91;margin:15px 0 20px}.egg-object{position:relative;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tone)}.large-memory-icon{width:140px;height:140px;display:flex;align-items:center;justify-content:center;transition:transform 1s,filter 1s;color:var(--tone)}.large-memory-icon svg{width:100%;height:100%;stroke-width:.85;fill:var(--tone-bg)}.large-memory-icon svg circle,.large-memory-icon svg line,.large-memory-icon svg path:not(:first-child){fill:none}.egg-response{font-size:16px;line-height:1.8;min-height:32px;color:#907589;margin:25px 0 0}.object-button{background:radial-gradient(circle,#fff7,transparent 70%);padding:20px;min-height:180px;border-radius:50%}.awakened .large-memory-icon{transform:rotate(-5deg) scale(1.035)}.flavors{display:flex;gap:12px;margin-top:24px;justify-content:center;flex-wrap:wrap}.flavors button{padding:10px 20px;min-height:44px;border:1px solid #d9cbb8;border-radius:24px;background:#fffcf8;color:#a58a63;font-size:14px;transition:background .5s}.flavors button.selected{background:#efdfc9}.egg-object[data-flavor='1']{--tone:#a186b0;--tone-bg:#ece0f2}.egg-object[data-flavor='2']{--tone:#b38099;--tone-bg:#f1dce6}.rain-window{width:min(460px,100%);aspect-ratio:1.88;border-radius:24px;background:radial-gradient(ellipse at 20% 10%,#fde8c0,transparent 55%),linear-gradient(140deg,#c5d9e3,#7597aa);box-shadow:inset 0 0 0 1px #ffffff88;overflow:hidden;position:relative;display:grid;place-items:center}.rain-smile{width:110px;height:110px;color:#476878;opacity:.8;transform:rotate(-7deg)}.rain-smile svg{width:100%;height:100%;stroke-width:1.2}#fog-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.96;touch-action:none;transition:opacity 1s;cursor:crosshair}#fog-canvas.cleared{opacity:0;pointer-events:none}.spark-on .large-memory-icon{animation:sparkle-on 1.3s ease both}.tone-green .awakened .large-memory-icon{filter:drop-shadow(0 0 calc(var(--tree-light,.3)*20px) #e4ba5a)}.mark-drawn .large-memory-icon path{stroke-dasharray:300;animation:mark-write 1.4s both;fill:none}.custom-cursor:has(dialog[open]),.custom-cursor dialog,.custom-cursor dialog *{cursor:auto}.custom-cursor dialog button{cursor:pointer}.custom-cursor:has(dialog[open]) #cursor{display:none}.custom-cursor .letter-paper,.custom-cursor .letter-paper *{cursor:text}
.effect-particle{position:absolute;border-radius:50%;pointer-events:none}.effect-ring{position:absolute;border:1px solid #af759655;border-radius:50%;pointer-events:none}.cursor-trail{position:absolute;border-radius:50%;background:#b5829b99}.cursor-ring.highfive-hover{width:52px;height:52px;border-color:#7da0bd;box-shadow:0 0 20px #91afc62b}.cursor-ring.reading{width:15px;height:15px;opacity:.4}
@keyframes soft-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes cake-arrive{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}@keyframes flame-dance{from{transform:rotate(-4deg) scaleY(.93)}to{transform:rotate(4deg) scaleY(1.08)}}@keyframes smoke{0%{opacity:0;transform:translateY(0) scale(.5)}25%{opacity:.45}100%{opacity:0;transform:translateY(-35px) scale(1.5)}}@keyframes orbit-open{from{opacity:0;transform:scale(.55) rotate(-30deg)}40%{opacity:1}to{opacity:.6;transform:scale(1.4) rotate(10deg)}}@keyframes hand-send{0%{transform:rotate(-12deg)}35%{transform:translateX(-12px) rotate(-22deg)}75%,100%{transform:translateX(58px) rotate(10deg)}}@keyframes hand-return{0%{opacity:.55;transform:translateX(0) scaleX(-1) rotate(-12deg)}30%{opacity:1;transform:translateX(10px) scaleX(-1) rotate(-25deg)}100%{opacity:1;transform:translateX(-58px) scaleX(-1) rotate(8deg)}}@keyframes impact{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}30%{opacity:.9;transform:translate(-50%,-50%) scale(1.1) rotate(15deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.6) rotate(25deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}@keyframes sparkle-on{0%{transform:scale(.8);filter:drop-shadow(0 0 0 #eac56a)}40%{transform:scale(1.15);filter:drop-shadow(0 0 22px #eac56a)}100%{transform:scale(1);filter:drop-shadow(0 0 8px #eac56a88)}}@keyframes mark-write{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@media(max-width:1050px){.memory-shelf{gap:4px}.memory-icon{width:72px;height:72px}.memory-name{font-size:14px}.memory-token{padding:14px 3px}.letter-layout{gap:35px}.letter-paper{padding:32px}.cake-layout{gap:24px}.cake-copy .section-title{font-size:29px}}
@media(max-height:650px) and (orientation:landscape){.scene{inset:62px 6vw 40px;padding:8px 0}.topbar{top:10px}.bottom-bar{bottom:8px}.brand-note{display:none}.top-actions{gap:5px}.sound-control,.eggs-control{font-size:12px;min-height:44px;padding:7px 10px}.eggs-control span{font-size:12px}.section-title{font-size:27px}.section-subtitle{font-size:14px;margin:6px 0 12px}.eyebrow{margin-bottom:8px;font-size:12px}.memory-shelf{margin:12px 0 8px;grid-template-columns:repeat(6,minmax(80px,1fr))}.memory-token{gap:9px}.memory-icon{width:60px;height:60px}.memory-icon svg{width:31px;height:31px}.memory-name{font-size:13px}.memory-state{font-size:12px}.handwriting{min-height:135px;width:min(650px,80vw)}.english-writing{height:90px;stroke-width:27px}.name-writing{height:67px;width:150px;margin-top:2px}.birthday-reveal>.lead{font-size:14px;margin:6px 0}.birthday-date{font-size:12px;margin:8px 0}.birthday-scene>.eyebrow{margin:0}.letter-layout{height:auto;gap:40px;max-width:860px}.letter-aside .section-title{font-size:28px}.letter-paper{max-height:none;padding:24px 28px 18px}.letter-date{margin-bottom:12px}.letter-paper h3{font-size:22px;margin-bottom:14px}.letter-paper p{font-size:16px;margin:0 0 5px;line-height:1.8}.letter-paper .letter-last{margin-top:12px}.letter-signature{margin-top:8px;font-size:18px}.personal-mark{width:35px;height:35px}.snowflake-secret{margin-top:8px;min-width:100px}.snowflake-secret img{width:85px;height:85px}.letter-aside .eyebrow{margin-bottom:10px}.letter-scene>.text-button{margin-top:6px}.cake-layout{width:min(840px,100%);grid-template-columns:1fr 1.1fr;gap:25px}.cake-stage{max-width:min(310px,73vh)}.cake-copy .section-title{font-size:26px}.cake-copy .section-subtitle{font-size:14px;margin:6px 0 12px}.cake-copy .eyebrow{display:none}.cake-copy .button{font-size:14px;min-height:44px;padding:10px 19px}.mic-note{margin:6px 0;font-size:12px}.breath-meter{margin:9px 0 3px}.wish-progress{font-size:13px;line-height:1.6;min-height:21px;margin:5px 0}.manual-blow{font-size:13px;min-height:44px;padding-block:6px}.cake-caption{font-size:12px;bottom:-4px}.highfive-area{margin-top:8px}.highfive-pair{min-height:91px;gap:65px;width:275px}.clap-side{gap:9px}.hand-avatar{width:53px;height:56px}.clap-name{font-size:12px}.clap-counter{font-size:20px;margin:5px 0}.highfive-button{min-height:44px;padding:9px 22px}.highfive-message{font-size:14px;min-height:20px;margin-top:6px}.final-birthday{font-size:20px;margin:4px 0 0}.final-actions{margin-top:0}.final-actions .text-button{font-size:13px}.finale-scene>.eyebrow{display:none}.prelude-scene .section-title{font-size:28px}.prelude-scene .eyebrow{display:none}#reveal-highfive{margin-top:8px}.eggs-dialog{padding:20px 24px;max-height:88dvh}.dialog-top{top:-20px}.dialog-top h2{font-size:23px}.eggs-grid{grid-template-columns:repeat(6,1fr);gap:7px}.egg-tile{padding:10px 5px;gap:7px}.egg-tile .memory-name{font-size:12px}.egg-tile .memory-icon{width:44px;height:44px}.egg-tile .memory-icon svg{width:26px;height:26px}.egg-tile .memory-state{font-size:12px}.sequence-grid{gap:8px}.sequence-tile{padding:10px;flex-direction:row;justify-content:center;font-size:13px}.sequence-tile small{display:none}.sequence-preview{width:25px;height:25px;font-size:23px}.sequential-title{margin-top:18px}.egg-object{min-height:135px}.large-memory-icon{width:105px;height:105px}.object-button{padding:10px;min-height:130px}.egg-hint{margin:8px 0 12px;font-size:14px}.egg-response{margin:12px 0 0;font-size:14px}.rain-window{width:300px;max-height:150px}.rain-smile{width:75px;height:75px}.flavors{margin-top:14px}}
@media(orientation:portrait) and (max-width:700px){.scene{inset:94px 22px 68px;padding:16px 0}.topbar{left:15px;right:15px;top:20px}.top-actions{gap:2px}.eggs-control{padding:8px}.sound-control{font-size:12px;padding:8px 10px}.eggs-control{font-size:13px}.eggs-control span{display:none}.bottom-bar{bottom:15px}.bottom-bar:has(#chapters:not([hidden])) #footer-left{display:none}.zodiac span{font-size:10px}#chapters{gap:3px}.section-title{font-size:27px}.section-subtitle{font-size:14px}.memory-shelf{grid-template-columns:repeat(3,minmax(80px,1fr));gap:12px 4px;margin:20px 0 10px}.memory-icon{width:68px;height:68px}.memory-icon svg{width:33px;height:33px}.memory-name{font-size:13px}.memory-token{gap:9px;padding:10px 3px}.letter-layout{display:flex;flex-direction:column;gap:18px;width:100%;align-items:stretch}.letter-aside{padding-right:105px}.letter-aside .section-title{font-size:29px}.letter-aside .eyebrow{font-size:11px;margin-bottom:8px}.snowflake-secret{position:absolute;right:0;top:0;min-width:95px;margin:0}.snowflake-secret img{width:88px;height:88px}.snowflake-label{font-size:10px}.secret-note{font-size:12px}.letter-paper{padding:27px;transform:none;max-height:none}.letter-paper h3{font-size:23px;margin-bottom:20px}.letter-date{margin-bottom:20px}.letter-paper p{font-size:16px}.letter-paper .letter-last{margin-top:18px}.letter-signature{margin-top:12px}.handwriting{min-height:205px;width:100%}.english-writing{height:95px;stroke-width:29px}.name-writing{height:95px;width:220px;margin-top:10px}.cake-layout{grid-template-columns:1fr;gap:25px}.cake-stage{max-width:285px}.cake-copy{padding:0 16px}.cake-copy .section-title{font-size:27px}.cake-copy .eyebrow{display:none}.cake-copy .section-title br{display:none}.cake-copy .section-subtitle{margin:8px 0 15px}.cake-copy .button{font-size:14px}.mic-note{font-size:12px}.manual-blow{font-size:13px}.wish-progress{font-size:13px}.highfive-pair{width:280px;gap:55px}.hand-avatar{width:65px;height:70px}.final-actions{gap:2px}.final-actions .text-button{font-size:12px}.final-birthday{font-size:23px}.eggs-dialog{padding:22px 18px;max-height:87dvh;border-radius:20px}.dialog-top{top:-22px}.dialog-top h2{font-size:21px}.eggs-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sequence-tile{font-size:13px}.sequence-tile small{font-size:11px}.egg-tile .memory-name{font-size:13px}.rain-window{width:100%}.flavors{gap:7px}.flavors button{padding:10px 15px}.egg-response{font-size:15px}h1{font-size:36px}.invite-actions{gap:10px}.playful-hint{margin-top:30px}.button{font-size:14px}.brand-note{display:none}}
@media(max-height:430px) and (orientation:landscape){.section-title{font-size:24px}.scene{justify-content:safe center;inset:57px 6vw 34px}.scene>.eyebrow{display:none}.memory-shelf{margin:6px 0}.memory-token{padding:5px 3px;gap:7px}.memory-icon{width:51px;height:51px}.memory-name{font-size:12px}.letter-aside .section-title{font-size:25px}.letter-paper{padding:20px 25px 12px}.letter-date{font-size:12px;margin-bottom:8px}.letter-paper h3{font-size:21px;margin-bottom:10px}.letter-paper p{font-size:15px;line-height:1.75}.letter-signature{margin:5px 0}.letter-paper .letter-last{margin-top:8px}.cake-stage{max-width:250px}.cake-copy .section-title{font-size:23px;line-height:1.4}.cake-copy .section-subtitle{margin:5px 0 9px}.highfive-pair{min-height:75px}.clap-side{gap:4px}.hand-avatar{height:45px;width:45px}.clap-counter{margin:2px 0;font-size:19px}.highfive-area{margin-top:4px}.highfive-message{margin-top:4px}.final-birthday{font-size:18px;line-height:1.5}.final-actions .text-button{min-height:44px;padding:4px 8px}.invitation-content .lead{margin:8px 0 13px}.playful-hint{margin-top:18px;font-size:12px}.handwriting{min-height:118px}.english-writing{height:70px}.name-writing{height:56px;width:130px}.birthday-reveal>.lead{margin:3px 0}.birthday-date{margin:4px 0!important}.topbar .wordmark{font-size:25px}.bottom-bar #footer-left{font-size:10px}.bottom-bar .zodiac span{font-size:10px}.eggs-dialog{max-height:90dvh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.halo{filter:none;opacity:.15}.orbit{opacity:.5}.candle-flame svg{animation:none!important}.prelude-orbit{display:none}}
/* Third pass: a birthday play corner, live cake, and the user's personal reply mark. */
:root{--surface:#fffafbd9;--accent:#93566d;--on-accent:#fff8fb;--ambient-a:#ecd7e580;--ambient-b:#e0e6f044;--board:#e5edf4;--board-night:#343649}
body{transition:background .6s,color .6s}body[data-theme=sea]{--rose:#558b9b;--accent:#558b9b;--rose-light:#dcebed;--paper:#f4faf9;--ink:#415b64;--muted:#718e94;--line:#95b6be44;--surface:#faffffd9;--ambient-a:#cde8ec88;--ambient-b:#e3e4fa55}body[data-theme=magic]{--rose:#896ca4;--accent:#896ca4;--rose-light:#e8dff0;--paper:#f8f5fc;--ink:#554864;--muted:#8d7e9a;--line:#b69cc944;--surface:#fffcffd9;--ambient-a:#e2d3f08a;--ambient-b:#d9e3fa55}
body[data-mode=night]{color-scheme:dark;--paper:#191923;--ink:#eee4ec;--muted:#b9a6b7;--rose:#d6a6bc;--accent:#d6a6bc;--rose-light:#443143;--on-accent:#2a1a27;--line:#ab849344;--surface:#292331ec;--ambient-a:#5c315333;--ambient-b:#34406944;--board:#313548}body[data-mode=night][data-theme=sea]{--rose:#97c9d4;--accent:#97c9d4;--ink:#deedf2;--muted:#9ab7c0;--paper:#142027;--surface:#203039ed;--ambient-a:#315f6833;--ambient-b:#2b496044}body[data-mode=night][data-theme=magic]{--rose:#c6abe5;--accent:#c6abe5;--paper:#1e192c;--surface:#30243ded;--ink:#ece4fa;--muted:#b5a4cf;--ambient-a:#623b7c33;--ambient-b:#33487544}
.ambient,body[data-scene=birthday] .ambient{background:radial-gradient(ellipse at 70% 110%,var(--ambient-a),transparent 60%),radial-gradient(ellipse at 5% 0%,var(--ambient-b),transparent 65%),var(--paper);transition:background .6s}.halo-a{background:var(--ambient-a)}.halo-b{background:var(--ambient-b)}.orbit{border-color:var(--line)}.star{background:var(--rose)}.sound-control,.secondary,.letter-paper,.egg-tile,.sequence-tile.ready{background:var(--surface);border-color:var(--line);color:var(--ink)}.primary{background:var(--rose);color:var(--on-accent)}.primary:hover{background:var(--rose);filter:brightness(1.05)}.text-button,.english-writing,.name-writing,.letter-signature,.secret-note{color:var(--rose)}.english-writing{stroke:var(--rose)}.section-subtitle,.lead,.memory-name,.letter-paper p,.highfive-message,.wish-progress,.egg-hint,.mic-note,.dialog-intro,.unlock-hint,.eggs-control,.goodnight{color:var(--muted)}.letter-paper h3,.letter-paper .letter-last,.final-birthday{color:var(--rose)}.appearance-open{width:42px;height:42px;background:var(--surface);border:1px solid var(--line);color:var(--rose);font-size:22px;padding:6px}.eggs-dialog{background:var(--surface);color:var(--ink);border-color:var(--line);backdrop-filter:blur(22px)}.dialog-top{background:transparent;position:relative;top:auto}.icon-button{color:var(--rose);background:color-mix(in srgb,var(--rose) 8%,transparent)}.sequence-tile{background:color-mix(in srgb,var(--rose) 7%,transparent);border-color:var(--line)}.memory-state,.sequence-tile small,.eyebrow,.letter-date,.clap-name,.birthday-date,.brand-note,.bottom-bar,.playful-hint{color:var(--muted)}.memory-token:hover,.egg-tile:hover{background:color-mix(in srgb,var(--surface) 85%,transparent)}.memory-icon{background:radial-gradient(circle at 35% 25%,var(--surface),color-mix(in srgb,var(--tone) 18%,var(--paper)));box-shadow:inset 0 0 0 1px var(--line),0 8px 24px #00000005}.orientation-hint{background:var(--paper);color:var(--ink)}.orientation-hint p{color:var(--muted)}.cursor-dot{background:var(--rose)}.cursor-ring{border-color:var(--rose)}.cursor-trail{background:var(--rose)}.highfive-button{background:var(--surface);border-color:var(--line);color:var(--rose)}.hand-avatar{color:#699cc4}body[data-mode=night] .hand-avatar{color:#a0c8e8}.hand-avatar svg{fill:color-mix(in srgb,var(--paper) 90%,#b9d4ee 10%)}
#runaway{transition:background .3s,box-shadow .3s;will-change:transform}#runaway:active{transform:none}.appearance-dialog{width:min(560px,92vw)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.theme-options button{display:flex;flex-direction:column;align-items:center;gap:14px;background:transparent;padding:16px 7px;border:1px solid var(--line);border-radius:16px;font-size:14px;color:var(--muted)}.theme-options button[aria-pressed=true]{border-color:var(--rose);color:var(--rose);background:color-mix(in srgb,var(--rose) 6%,transparent)}.theme-swatch{width:52px;height:52px;border-radius:50%;box-shadow:inset 0 0 0 5px #ffffff66}.swatch-rose{background:linear-gradient(145deg,#f4e8db,#d8a1be)}.swatch-sea{background:linear-gradient(145deg,#d3eee9,#8bbbcf)}.swatch-magic{background:linear-gradient(145deg,#efdef8,#9a86be)}.night-toggle{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 5px;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:68px;font-size:16px}.switch-track{width:46px;height:26px;background:var(--line);border-radius:20px;position:relative;transition:background .3s}.switch-track:after{content:'';position:absolute;left:4px;top:4px;width:18px;height:18px;background:var(--paper);border-radius:50%;box-shadow:0 1px 5px #0002;transition:transform .3s}.night-toggle[aria-checked=true] .switch-track{background:var(--rose)}.night-toggle[aria-checked=true] .switch-track:after{transform:translateX(20px)}
.memory-shelf{grid-template-columns:repeat(4,minmax(110px,1fr));max-width:800px;margin:18px 0 5px}.childhood-friends{display:flex;align-items:center;justify-content:center;gap:26px;min-height:115px;margin:5px 0}.childhood-friends img{height:100px;width:90px;object-fit:contain;filter:drop-shadow(0 7px 9px #34274110)}.childhood-friends img:last-child{width:115px}.childhood-friends span{font:17px/1.7 var(--serif);color:var(--muted)}.eggs-grid{grid-template-columns:repeat(4,1fr)}.friends-stage{display:flex;align-items:flex-end;justify-content:center;gap:55px;padding:15px}.friend-button{background:transparent;padding:15px}.friend-button img{width:170px;height:230px;object-fit:contain}.friend-button.waving{animation:friend-wave .9s both}.goodnight{font-size:14px;text-align:center;line-height:1.8;margin:9px 0 0;animation:soft-in 1.5s both}.goodnight br{display:none}.clap-signature{position:absolute;left:50%;top:62%;width:82px;height:82px;transform:translate(-50%,-50%) scale(.7);color:var(--rose);opacity:0;pointer-events:none;z-index:3;filter:blur(.5px)}.clap-signature svg{width:100%;height:100%;stroke-width:2.3}.clap-signature.show{animation:signature-trace 2.6s ease-out both}.clap-signature.show path{stroke-dasharray:300;animation:signature-ink .9s ease-out both}
.cake-stage{filter:none;animation:none}.cake-view{position:absolute;inset:0;z-index:2;outline-offset:0;border-radius:30px}.cake-view canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab!important}.cake-view canvas:active{cursor:grabbing!important}.is-3d>.cake-image,.is-3d>.candle-flame,.is-3d>.candle-smoke{visibility:hidden}.cake-controls{position:absolute;left:0;right:0;bottom:-2px;z-index:3;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:12px}.cake-controls .icon-button{width:38px;height:38px;min-height:38px;padding:6px;font-size:23px}.custom-cursor:has(#cake-view:hover) #cursor{opacity:0!important}.cake-stage.is-3d{max-width:500px}
.snow-play,.bubble-play,.magic-play{height:min(310px,42vh);min-height:180px;width:100%;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 25% 20%,#ffffff77,transparent 65%),var(--board);isolation:isolate}.snow-play canvas,.bubble-play canvas,.magic-play canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.snow-drag{position:absolute;width:80px;height:80px;margin:-40px 0 0 -40px;padding:0;border:0;background:transparent;cursor:grab!important;touch-action:none;z-index:2}.snow-drag img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 12px #668baa55);transition:scale .3s}.snow-drag.dragging{cursor:grabbing!important}.snow-drag.dragging img{scale:1.1}.snow-ground-label{position:absolute;left:0;right:0;bottom:4%;font-size:12px;color:#97a5b8;pointer-events:none}.snow-ready canvas{cursor:crosshair}.play-tools{display:flex;align-items:center;justify-content:center;gap:25px;margin:10px 0 0;min-height:44px}.pop-count{font:18px/1.5 Georgia,serif;color:var(--rose)}.bubble-friend{position:absolute;bottom:12px;left:12px;width:125px;height:130px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 7px #668baa33)}.bubble-play{background:radial-gradient(ellipse at 20% 70%,#e2f4ed99,transparent 65%),color-mix(in srgb,var(--board) 60%,var(--paper))}.magic-play{background:radial-gradient(ellipse at center,#d5bddf22,transparent 70%),var(--surface)}.magic-whisper{position:absolute;left:0;right:0;top:45%;font:23px/1.8 var(--serif);color:var(--muted);opacity:.5;pointer-events:none}.bubble-transition{position:fixed;inset:0;pointer-events:none;z-index:190;overflow:hidden;visibility:hidden}.bubble-transition.playing{visibility:visible}.bubble-transition img{position:absolute;left:7%;bottom:8%;width:160px;height:190px;object-fit:contain;opacity:0;filter:drop-shadow(0 8px 25px #668baa22)}.bubble-transition.playing img{animation:bubble-guest 1.7s both}.transition-bubbles{position:absolute;inset:0}.transition-bubbles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border:1px solid #d0e8edbb;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fff9 0,transparent 17%,#b8d6ed30 70%,#f5e4fa77 92%,#fffc 100%);box-shadow:inset 0 0 24px #ffffff77;backdrop-filter:blur(7px);opacity:0}.playing .transition-bubbles i{animation:bubble-wipe 1.45s var(--delay) cubic-bezier(.25,.7,.25,1) both}
@keyframes signature-trace{0%{opacity:0;transform:translate(-50%,-50%) scale(.8);filter:blur(2px)}22%{opacity:.6;transform:translate(-50%,-50%) scale(1);filter:blur(0)}50%{opacity:.4;transform:translate(-50%,-60%) scale(1.07);filter:blur(.4px)}100%{opacity:0;transform:translate(-50%,-95%) scale(1.22);filter:blur(4px)}}@keyframes signature-ink{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes friend-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg) translateY(-5px)}55%{transform:rotate(8deg)}75%{transform:rotate(-5deg)}}@keyframes bubble-guest{0%{opacity:0;transform:translate(-35px,15px) rotate(-8deg)}22%,65%{opacity:1;transform:none}100%{opacity:0;transform:translateY(15px)}}@keyframes bubble-wipe{0%{opacity:0;transform:translate(-90px,160px) scale(.15)}30%{opacity:.8}65%{opacity:.8;transform:translate(-50%,-50%) scale(2.2)}100%{opacity:0;transform:translate(-45%,-130%) scale(2.6)}}
@media(max-height:650px) and (orientation:landscape){.memory-shelf{max-width:650px;margin:7px 0}.memory-token{gap:6px;padding:8px 4px}.childhood-friends{min-height:65px;margin:0;gap:22px}.childhood-friends img{height:65px;width:60px}.childhood-friends img:last-child{width:80px}.childhood-friends span{font-size:14px}.memories-scene>.text-button{padding-block:7px}.eggs-grid{grid-template-columns:repeat(4,1fr)}.friends-stage{gap:40px;padding:0}.friend-button{padding:0}.friend-button img{height:150px;width:130px}.snow-play,.bubble-play,.magic-play{height:170px;min-height:150px}.egg-detail{padding:0}.play-tools{margin-top:5px}.goodnight{font-size:12px;margin-top:5px}.finale-scene .section-title{font-size:25px}.clap-signature{width:63px;height:63px}.cake-stage.is-3d{max-width:310px}.cake-controls{bottom:-10px}.appearance-open{width:38px;height:38px}.theme-options{margin:16px 0}.night-toggle{padding:12px 5px;min-height:54px}.appearance-dialog .dialog-intro{margin-bottom:0}}
@media(orientation:portrait) and (max-width:700px){.memory-shelf{grid-template-columns:repeat(2,1fr);gap:10px;max-width:340px}.childhood-friends{gap:12px;min-height:95px}.childhood-friends img{height:80px;width:65px}.childhood-friends img:last-child{width:85px}.childhood-friends span{font-size:14px;max-width:100px}.appearance-open{width:36px;height:36px;padding:5px;font-size:20px}.top-actions{gap:3px}.sound-control{max-width:150px}.eggs-control{font-size:12px;padding:8px 5px}.eggs-grid{grid-template-columns:repeat(2,1fr)}.friends-stage{gap:15px;padding:10px 0}.friend-button{padding:0}.friend-button img{width:130px;height:185px}.snow-play,.bubble-play,.magic-play{height:260px}.theme-options{gap:7px}.theme-options button{font-size:13px;padding:13px 5px}.theme-swatch{width:43px;height:43px}.goodnight br{display:block}.goodnight{font-size:13px}.cake-stage.is-3d{max-width:310px}.bubble-transition img{width:115px;height:140px;left:4%}.snow-drag{width:70px;height:70px;margin:-35px 0 0 -35px}}
@media(max-height:430px) and (orientation:landscape){.memories-scene .section-title{font-size:23px}.memories-scene .section-subtitle{margin:4px 0}.childhood-friends{min-height:50px}.childhood-friends img{height:48px;width:42px}.childhood-friends img:last-child{width:60px}.memory-shelf{margin:4px 0}.memory-token .memory-state{display:none}.memory-icon{width:47px;height:47px}.memory-icon svg{width:27px;height:27px}.goodnight{font-size:12px;line-height:1.6;margin:3px 0}.finale-scene .section-title{font-size:23px}.final-birthday{font-size:18px}.highfive-area{margin:2px 0}.cake-stage.is-3d{max-width:260px}.cake-controls{bottom:-8px}}
@media(prefers-reduced-motion:reduce){.bubble-transition{display:none}.clap-signature.show{animation:soft-in .01ms both;opacity:.4;transform:translate(-50%,-50%);filter:none}.clap-signature.show path{stroke-dashoffset:0}}

.transition-bubbles i{left:calc(7vw + 110px);top:calc(92vh - 125px)}
@keyframes bubble-wipe{0%{opacity:0;transform:translate(0,0) scale(.06)}18%{opacity:.8}65%{opacity:.8;transform:translate(var(--tx),var(--ty)) scale(2.1)}100%{opacity:0;transform:translate(var(--tx),calc(var(--ty) - 90px)) scale(2.4)}}