.coffee-scene{width:100%;aspect-ratio:1.02;max-width:360px;justify-self:center;position:relative;isolation:isolate}.sun-halo{position:absolute;background:#e6dec9;inset:5% 2% 4% 2%;border-radius:48% 48% 3px 3px;z-index:-1}.scene-caption{position:absolute;right:6%;top:8%;font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.35;color:#968165;transform:rotate(-7deg);z-index:3}.table-shadow{position:absolute;width:83%;height:23%;border-radius:50%;background:#66503226;filter:blur(8px);bottom:14%;left:9%;transform:rotate(-12deg)}.saucer{position:absolute;width:69%;height:36%;left:11%;top:43%;background:linear-gradient(165deg,#eee9dd 5%,#d4c8ac 50%,#f8f1df 72%,#c9bd9f);border-radius:50%;transform:rotate(-15deg);box-shadow:0 4px 0 #b9aa8e,0 9px 12px #6f553f26}.saucer:after{content:'';position:absolute;inset:15% 19%;border-radius:50%;border:1px solid #b9a98b66;box-shadow:inset 0 5px 9px #77634716}.coffee-cup{width:43%;height:39%;position:absolute;left:25%;top:29%;border-radius:7% 7% 43% 43%;background:linear-gradient(110deg,#e5d9c1 0%,#fff9e9 36%,#eee3c8 66%,#c2b193 100%);box-shadow:0 13px 9px #6f51394d;transform:rotate(-8deg);z-index:2}.coffee-top{position:absolute;inset:-6% -1% 48%;border-radius:50%;background:#8b4c29;border:5px solid #eee5d0;box-shadow:0 -1px 0 #fff9ed,0 3px 2px #b4a487,inset 0 3px 8px #38220e60;overflow:hidden}.coffee-top:after{content:'';position:absolute;inset:3px;border:1px solid #b88045;border-radius:50%}.latte-art{width:65%;height:80%;position:absolute;left:17%;top:10%;transform:rotate(-18deg)}.latte-art i{position:absolute;background:#f1dab0;width:62%;height:30%;border-radius:50% 50% 40% 40%;left:19%;bottom:8%;transform:rotate(0deg)}.latte-art i:nth-child(2){width:78%;bottom:27%;left:11%;height:27%}.latte-art i:nth-child(3){width:68%;bottom:45%;left:16%;height:24%}.latte-art i:nth-child(4){width:49%;bottom:62%;left:25%;height:22%}.latte-art i:nth-child(5){width:2%;height:82%;left:49%;top:4%;border-radius:0;background:#9b5e33;transform:rotate(7deg)}.cup-logo{position:absolute;bottom:16%;left:42%;font-family:'Noto Serif JP',serif;font-size:21px;color:#a88463;transform:rotate(-2deg)}.cup-handle{position:absolute;left:61%;top:38%;width:19%;height:23%;border:12px solid #ded1b6;border-left-width:7px;border-radius:45%;transform:rotate(-12deg);box-shadow:3px 5px 3px #705a3933;z-index:1}.cookie{position:absolute;width:21%;height:15%;background:radial-gradient(ellipse at 35% 30%,#c48643 1px,transparent 2px),radial-gradient(ellipse at 65% 60%,#ab7033 1px,transparent 2px),radial-gradient(ellipse at 40% 70%,#a96729 1px,transparent 2px),linear-gradient(140deg,#d9aa69,#bc8141);border-radius:45%;transform:rotate(15deg);box-shadow:1px 4px 0 #a56d32,2px 6px 7px #70542e33;bottom:14%;right:5%;z-index:3}.cookie-two{bottom:11%;right:16%;transform:rotate(-18deg)}.tiny-leaf{position:absolute;left:9%;bottom:22%;width:6%;height:15%;border-radius:100% 0 100% 0;background:#7c805d;transform:rotate(-35deg);z-index:3}.leaf-two{left:6%;bottom:16%;transform:rotate(-80deg)}.leaf-three{left:11%;bottom:14%;transform:rotate(10deg);height:11%}.scene-stamp{position:absolute;right:1%;bottom:0;font:8px Arial,sans-serif;letter-spacing:.12em;line-height:1.7;color:#8a795f;text-align:center;border:1px solid #b6a88d;border-radius:50%;width:64px;height:64px;display:flex;flex-direction:column;justify-content:center;transform:rotate(13deg)}.scene-stamp span{font-size:10px}