*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;overflow:hidden;background:#0a0f18;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}@keyframes appear{0%{opacity:0}to{opacity:1}}.outside{position:absolute;top:0;right:0;bottom:0;left:0}.bokeh{position:absolute;translate:-50% -50%;border-radius:50%;pointer-events:none;animation:bokeh-drift ease-in-out infinite alternate}@keyframes bokeh-drift{0%{transform:translate(-2px) scale(1)}to{transform:translate(3px,-6px) scale(1.08)}}.skyline{position:absolute;left:0;right:0;bottom:0;height:100%}.building{position:absolute;bottom:0;border-radius:2px 2px 0 0}.win{position:absolute;translate:-50% -50%;width:9px;height:9px;opacity:.75;border-radius:1px}.streaks{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(100deg,transparent 0 7px,rgba(255,255,255,.55) 7px 8px,transparent 8px 15px);animation:streak-fall .55s linear infinite;pointer-events:none}@keyframes streak-fall{0%{transform:translateY(-8%)}to{transform:translate(-2%,8%)}}.message{position:absolute;left:0;right:0;top:34%;translate:0 -50%;padding:0 34px;text-align:center;pointer-events:none;opacity:1;transition:opacity .6s ease}.message.veiled{opacity:0;transition:opacity 4.5s ease}.message p{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(1.2rem,5.4vw,1.9rem);line-height:1.5;color:#fff;text-shadow:0 0 26px rgba(253,230,138,.75),0 0 60px rgba(253,230,138,.35)}.glass{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:grab}.bleed{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.glass:active{cursor:grabbing}.hint{position:absolute;left:0;right:0;top:12%;text-align:center;font-size:.8rem;letter-spacing:.08em;color:#465a6ed9;pointer-events:none;animation:hint-pulse 3s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.45}50%{opacity:1}}.frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:14px solid #3a2a20;border-bottom-width:0;box-shadow:inset 0 0 60px #0000008c,inset 0 0 0 2px #ffffff0d}.mullion-v,.mullion-h{position:absolute;background:linear-gradient(90deg,#2f221a,#4a352a 45%,#2f221a);box-shadow:0 0 12px #00000080}.mullion-v{left:50%;top:62%;bottom:0;width:10px;translate:-50% 0}.mullion-h{left:0;right:0;top:62%;height:10px;background:linear-gradient(180deg,#2f221a,#4a352a 45%,#2f221a)}.sill{position:absolute;left:0;right:0;bottom:0;height:15vh;min-height:104px;display:flex;align-items:flex-end;justify-content:flex-start;gap:6vw;padding:0 7vw 12px;background:linear-gradient(180deg,#5c4433,#463327 18%,#33241b);box-shadow:0 -8px 26px #00000080,inset 0 4px #ffffff14;z-index:6}.sill-right{flex-direction:row-reverse}.toto{position:relative;background:none;border:none;padding:0;cursor:pointer;width:min(38vw,150px);filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));animation:appear 1.6s .4s both}.toto svg{display:block;width:100%;height:auto}.toto-breathe{transform-origin:64px 60px;animation:breathe 4.2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.035)}}.zzz{position:absolute;top:-14px;right:8%;font-size:.9rem;animation:zzz-float 5s ease-in-out infinite;pointer-events:none}@keyframes zzz-float{0%,to{opacity:0;transform:translateY(4px) scale(.8)}30%,60%{opacity:.85}50%{transform:translateY(-10px) scale(1)}85%{opacity:0;transform:translateY(-18px) scale(1.05)}}.purr{position:absolute;bottom:96%;left:50%;translate:-50% 0;background:#fffffff2;color:#3b2a20;font-size:.72rem;font-weight:600;white-space:nowrap;padding:5px 10px;border-radius:12px;box-shadow:0 2px 8px #00000059;animation:purr-pop 1.8s ease-out both;pointer-events:none;z-index:2}.purr:after{content:"";position:absolute;top:100%;left:50%;translate:-50% 0;border:5px solid transparent;border-top-color:#fffffff2}@keyframes purr-pop{0%{opacity:0;transform:translateY(6px) scale(.7)}12%{opacity:1;transform:translateY(0) scale(1.06)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.mug{position:relative;width:min(13vw,52px);margin-bottom:4px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));animation:appear 1.6s .8s both}.mug svg{display:block;width:100%;height:auto}.fizz{position:absolute;bottom:12%;width:3px;height:3px;border-radius:50%;background:#ffffffbf;animation:fizz-rise 2.6s ease-in infinite}.f1{left:38%;animation-delay:0s}.f2{left:52%;animation-delay:.9s}.f3{left:62%;animation-delay:1.8s;width:2px;height:2px}@keyframes fizz-rise{0%{opacity:0;transform:translateY(0)}25%{opacity:.9}to{opacity:0;transform:translateY(-26px) translate(2px)}}.lamp{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7;background:radial-gradient(120% 60% at 50% 108%,rgba(253,186,116,.28) 0%,rgba(253,186,116,.08) 40%,transparent 68%),radial-gradient(130% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.45) 100%)}.back-link{position:fixed;top:12px;left:12px;z-index:10;width:38px;height:38px;display:grid;place-items:center;font-family:Inter,system-ui,sans-serif;font-size:1.15rem;font-weight:600;color:#fff;text-decoration:none;background:#140f2d73;border:1px solid rgba(255,255,255,.3);border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s}.back-link:hover{background:#ffffff2e}.regen{position:fixed;top:12px;right:12px;z-index:10;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;color:#fff;background:#140f2d73;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:9px 14px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,transform .2s}.regen:hover{background:#ffffff2e}.regen:active{transform:scale(.96)}.page-footer{position:fixed;left:14px;bottom:10px;z-index:10;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#fff6}@media(min-width:700px){.message{top:32%}.sill{height:18vh;gap:3vw;padding:0 12vw 14px}.toto{width:190px}.mug{width:58px}}