:root{background:#b8d7ca;color:#0f2629eb;font-family:Segoe Print,Bradley Hand ITC,Comic Sans MS,Georgia,serif;--ink: rgba(15, 38, 41, .92);--ink-soft: rgba(22, 50, 52, .74);--paper-light: rgba(232, 246, 221, .34);--mist: rgba(235, 249, 229, .36);--wash: rgba(108, 180, 160, .18);--deep-wash: rgba(30, 105, 142, .18);--journal-background: url(/textures/journal-background-896.webp);--journal-paper-surface: url(/textures/paper-journal-surface.svg);--paper-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.42 0.7' numOctaves='5' seed='12'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.54 0 0 0 0 0.64 0 0 0 0 0.58 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23paper)'/%3E%3C/svg%3E");--fiber-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cfilter id='fiber'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.28' numOctaves='6' seed='24'/%3E%3CfeColorMatrix values='0 0 0 0 0.67 0 0 0 0 0.78 0 0 0 0 0.70 0 0 0 0.34 0'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23fiber)' opacity='0.8'/%3E%3C/svg%3E");--watercolor-wash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='1800' viewBox='0 0 1400 1800' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='bleed'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006 0.014' numOctaves='5' seed='31' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='95' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeGaussianBlur stdDeviation='22'/%3E%3C/filter%3E%3Cfilter id='pigment'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.024 0.052' numOctaves='4' seed='44'/%3E%3CfeColorMatrix values='0 0 0 0 0.18 0 0 0 0 0.43 0 0 0 0 0.42 0 0 0 0.18 0'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='1400' height='1800' fill='%23b8d7ca'/%3E%3Cg filter='url(%23bleed)' opacity='0.95'%3E%3Cpath fill='%23d7e8b9' d='M-180 10 C190 -90 430 64 700 24 C970 -18 1208 44 1580 -35 L1570 325 C1196 390 918 292 672 328 C380 372 108 296 -190 410 Z'/%3E%3Cpath fill='%2374b993' d='M-230 315 C92 205 290 330 536 298 C832 260 1052 352 1502 265 L1570 745 C1200 802 968 685 702 738 C404 798 142 693 -216 790 Z'/%3E%3Cpath fill='%236ec7c0' d='M-170 675 C198 555 445 726 715 646 C980 568 1196 670 1570 594 L1565 1115 C1190 1194 966 1030 692 1105 C402 1184 126 1042 -216 1182 Z'/%3E%3Cpath fill='%23297da6' d='M-170 1074 C190 982 456 1164 710 1075 C1018 968 1240 1138 1572 1038 L1570 1850 L-180 1850 Z'/%3E%3Cpath fill='%23dceab5' opacity='0.52' d='M-120 162 C168 60 438 148 650 122 C912 90 1090 146 1510 75 L1505 205 C1120 274 928 212 654 244 C378 276 102 202 -160 304 Z'/%3E%3Cpath fill='%23d8efd9' opacity='0.38' d='M-160 1010 C122 884 370 1004 620 954 C875 903 1086 976 1530 910 L1510 1046 C1120 1114 900 1066 642 1112 C370 1161 124 1050 -184 1164 Z'/%3E%3C/g%3E%3Crect width='1400' height='1800' filter='url(%23pigment)' opacity='0.68'/%3E%3C/svg%3E");--pigment-flecks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cfilter id='speck'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72 1.12' numOctaves='4' seed='67'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.04 0.16 0.03 0.12 0.02 0.09'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.34 0 0 0 0 0.32 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='360' height='360' filter='url(%23speck)'/%3E%3C/svg%3E");--dye-pooling: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1300' viewBox='0 0 1000 1300' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='pool'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.009 0.018' numOctaves='5' seed='83'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='72'/%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23pool)' opacity='0.38'%3E%3Cellipse cx='185' cy='390' rx='260' ry='136' fill='%233a8b78'/%3E%3Cellipse cx='735' cy='780' rx='360' ry='158' fill='%23297293'/%3E%3Cellipse cx='418' cy='1020' rx='310' ry='128' fill='%235eb9b2'/%3E%3Cellipse cx='765' cy='252' rx='300' ry='120' fill='%23d8e6b2'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box}html{height:100%;min-height:100%;overflow-x:hidden;scrollbar-width:none;background:#b9ded8;background-image:var(--journal-background);background-position:center top;background-repeat:no-repeat;background-size:cover}#root{min-height:100vh;min-height:100dvh}html::-webkit-scrollbar{height:0;width:0}body{margin:0;min-height:100vh;min-height:100dvh;background-color:#b9ded8;background-image:var(--journal-background);background-attachment:fixed;background-position:center top;background-repeat:no-repeat;background-size:cover;color:var(--ink);letter-spacing:0}body:before{content:none}body:after{content:none}.app-shell{isolation:isolate;margin:0 auto;max-width:880px;min-height:100vh;min-height:100dvh;overflow:hidden;padding:44px 22px 82px;position:relative;z-index:1}.app-shell:before,.app-shell:after{content:none}.app-shell:before{content:none}.app-shell:after{content:none}.back-button{align-self:flex-start;background:var(--paper-noise),radial-gradient(ellipse at 30% 18%,rgba(255,255,255,.28),transparent 36%),radial-gradient(ellipse at 75% 82%,rgba(52,132,141,.08),transparent 48%),#def2dd2e;border:0;border-radius:49% 51% 46% 54%/55% 43% 57% 45%;box-shadow:0 0 0 1px #17484a29,0 8px 20px #103e4e0a;color:#1433368a;cursor:pointer;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:.76rem;font-weight:300;left:14px;letter-spacing:.08em;padding:6px 14px 7px 12px;position:absolute;top:14px;transition:transform .28s ease,background .28s ease;z-index:10}.back-button:after{border:1.2px solid rgba(237,248,225,.18);border-radius:54% 46% 50% 50%/50% 56% 44% 55%;content:"";inset:3px -2px -3px 2px;pointer-events:none;position:absolute}.back-button:hover:not(:disabled){background:var(--paper-noise),radial-gradient(ellipse at 28% 22%,rgba(255,255,255,.38),transparent 36%),#c6eada47;box-shadow:0 0 0 1.2px #17484a33,0 10px 24px #103e4e0f;transform:translateY(-2px) rotate(-.6deg)}.bgm-toggle{align-items:center;background:var(--paper-noise),radial-gradient(ellipse at 30% 18%,rgba(255,255,255,.32),transparent 38%),#def2dd33;border:0;border-radius:53% 47% 49% 51%/47% 54% 46% 53%;box-shadow:0 0 0 1px #17484a29,0 8px 20px #103e4e0d;color:#1433368a;cursor:pointer;display:inline-flex;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:1.08rem;font-weight:300;height:34px;justify-content:center;letter-spacing:0;line-height:1;min-width:34px;padding:0;position:absolute;right:14px;top:14px;transition:color .24s ease,transform .24s ease,background .24s ease;z-index:10}.bgm-toggle:hover{background:var(--paper-noise),radial-gradient(ellipse at 28% 22%,rgba(255,255,255,.4),transparent 36%),#c6eada47;color:#143336bd;transform:translateY(-2px) rotate(.4deg)}.bgm-toggle.is-playing{color:#0f3a3ee0}.doodle-backdrop{display:none}.wash path{fill:#dcf1bf3d;filter:blur(22px)}.wash path:nth-child(2){fill:#21768b2e}.wash path:nth-child(3){fill:#9ddad538}.crayon-doodles{fill:#ffffff94;filter:url(#backdropRough);opacity:.64}.bird-shadow{fill:#1648683d;filter:blur(5px);opacity:.42}h1,h2,h3{font-weight:500;letter-spacing:0}h1{color:#143336a3;font-size:clamp(2.15rem,8vw,4.25rem);line-height:1;margin:0 0 48px;max-width:560px;text-shadow:0 2px 18px rgba(233,247,221,.62)}.screen-start{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;min-height:100dvh;padding:calc(env(safe-area-inset-top) + clamp(86px,18dvh,150px)) 18px calc(env(safe-area-inset-bottom) + 56px);text-align:center}.start-hero{align-items:center;display:flex;flex-direction:column;width:100%}.start-logo{display:block;filter:drop-shadow(0 10px 22px rgba(22,70,80,.08));height:auto;margin:0 auto clamp(30px,5dvh,48px);max-width:520px;transform:translateY(clamp(-18px,-2dvh,-10px));width:min(76vw,520px)}.start-glass{display:block;filter:contrast(1.16) saturate(.92) drop-shadow(0 22px 18px rgba(48,104,110,.16)) drop-shadow(0 0 18px rgba(255,255,255,.2));height:auto;margin:0 auto clamp(42px,6dvh,64px);max-width:184px;opacity:.98;width:min(40vw,184px)}.start-copy{align-items:center;color:#fffaeee6;display:flex;flex-direction:column;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(1rem,4.1vw,1.36rem);font-weight:300;letter-spacing:.22em;line-height:1.8;margin:0;padding-left:.22em;text-shadow:0 1px 14px rgba(74,104,96,.1);transform:translateY(clamp(14px,2.4dvh,24px))}p{line-height:1.76}button,input{font:inherit}button{background:var(--paper-noise),radial-gradient(ellipse at 30% 18%,rgba(255,255,255,.38),transparent 36%),radial-gradient(ellipse at 75% 82%,rgba(52,132,141,.12),transparent 48%),#def2dd4d;background-blend-mode:soft-light,normal,normal,normal;border:0;border-radius:49% 51% 46% 54%/60% 43% 57% 40%;box-shadow:0 0 0 1.2px #17484a33,0 13px 28px #103e4e0e,inset 0 0 28px #ebfbe22e;color:#143336ad;cursor:pointer;letter-spacing:0;margin:12px 16px 12px 0;padding:12px 20px;position:relative;transition:transform .28s ease,background .28s ease,box-shadow .28s ease,filter .28s ease}button:after{border:1.2px solid rgba(237,248,225,.24);border-radius:54% 46% 50% 50%/45% 56% 44% 55%;content:"";inset:3px -2px -3px 2px;pointer-events:none;position:absolute}button:hover:not(:disabled){background:var(--paper-noise),radial-gradient(ellipse at 28% 22%,rgba(255,255,255,.48),transparent 36%),#c6eada61;box-shadow:0 0 0 1.3px #17484a38,0 15px 30px #103e4e12,inset 0 0 30px #ebfbe238;filter:saturate(.96) blur(.04px);transform:translateY(-4px) rotate(-1.8deg) scale(1.025)}button:disabled{cursor:not-allowed;opacity:.48}input{background:var(--paper-noise),#e6f6e042;background-blend-mode:soft-light,normal;border:0;border-radius:31px 19px 27px 21px/22px 29px 18px 27px;box-shadow:inset 0 0 0 1.2px #14444938,0 0 0 8px #e0f2d214;color:#143336b8;display:block;margin:10px 0 18px;padding:13px 16px;width:min(100%,350px)}[role=alert]{background:#e0eece47;border-radius:31px 17px 28px 22px;box-shadow:0 0 0 1.2px #17484a2e,0 14px 34px #103e4e0a;margin-bottom:18px;padding:12px 16px}.paper-card,.note-card,.drink-card,.birthday-message{background:var(--paper-noise),radial-gradient(ellipse at 16% 13%,rgba(246,253,229,.32),transparent 33%),radial-gradient(ellipse at 78% 76%,rgba(38,126,145,.1),transparent 46%),radial-gradient(ellipse at 24% 90%,rgba(100,176,122,.1),transparent 42%),#e2f4da3d;background-blend-mode:soft-light,normal,multiply,normal,normal;border-radius:43px 28px 47px 25px/31px 46px 29px 41px;box-shadow:0 0 0 1.25px #1444492e,0 20px 48px #0e445a0e,inset 0 0 48px #ebfbe229;max-width:620px;padding:30px;position:relative}.paper-card:before,.note-card:before,.drink-card:before,.birthday-message:before{border:1.2px solid rgba(237,248,225,.18);border-radius:38px 35px 45px 24px/28px 42px 31px 40px;content:"";inset:7px -5px -6px 5px;pointer-events:none;position:absolute}.paper-card:after,.note-card:after,.drink-card:after,.birthday-message:after{background-image:var(--fiber-noise),radial-gradient(ellipse at 35% 30%,rgba(255,255,255,.11),transparent 38%),radial-gradient(ellipse at 70% 84%,rgba(24,108,142,.08),transparent 45%);background-size:220px 220px,100% 100%,100% 100%;border-radius:inherit;content:"";inset:0;mix-blend-mode:soft-light;opacity:.78;pointer-events:none;position:absolute}.start-card{margin:1.68em 0 0;max-width:none;padding:0;transform:translateY(clamp(14px,2.4dvh,24px))}.start-button{animation:mysteryFloat 5s ease-in-out infinite;background:var(--paper-noise),radial-gradient(ellipse at 28% 22%,rgba(255,250,238,.22),transparent 36%),radial-gradient(ellipse at 70% 78%,rgba(110,196,176,.12),transparent 48%),#dcf2d742;background-blend-mode:soft-light,normal,normal,normal;border:0;border-radius:49% 51% 46% 54%/55% 43% 57% 45%;box-shadow:0 0 0 1.2px #17484a33,0 14px 32px #103e4e0f,inset 0 0 32px #ebfbe229;color:#143336a8;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(.86rem,3.2vw,1rem);font-weight:300;letter-spacing:.16em;line-height:1;margin:0;min-width:0;padding:.78em 1.8em .84em 2em;position:relative;text-shadow:none;transition:transform .3s ease,box-shadow .3s ease}.start-button:after{border:1.2px solid rgba(237,248,225,.22);border-radius:54% 46% 50% 50%/50% 56% 44% 55%;content:"";inset:3px -2px -3px 2px;pointer-events:none;position:absolute}.start-button:hover:not(:disabled){box-shadow:0 0 0 1.3px #17484a38,0 18px 40px #103e4e14,inset 0 0 36px #ebfbe233;filter:none;transform:translateY(-3px) rotate(-.6deg) scale(1.03)}.name-card{margin-left:6%;transform:rotate(-1.4deg)}.sip-card{margin-left:3%;transform:rotate(.9deg)}.name-card,.sip-card{animation:floatSlow 8s ease-in-out infinite}.round-page{align-items:center;display:flex;flex-direction:column;min-height:calc(100dvh - 96px);padding:clamp(20px,4.6dvh,46px) 0 calc(env(safe-area-inset-bottom) + 18px);position:relative;text-align:center}.round-question-block{height:clamp(120px,18dvh,180px);margin:0 auto clamp(32px,5dvh,52px);max-width:min(700px,90vw);overflow:visible;position:relative}.round-question-block .round-label{color:#fffaee94;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(.88rem,3vw,1.05rem);font-weight:300;letter-spacing:.34em;margin:0 0 1.1em;padding-left:.34em}.round-question{color:#fffaeee6;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(1.5rem,6vw,2.2rem);font-weight:300;letter-spacing:.16em;line-height:1.78;margin:0;padding-left:.16em;text-shadow:0 1px 16px rgba(74,104,96,.12);white-space:pre-line}.bartending-stage{display:grid;flex:0 0 auto;grid-template-areas:"stage";grid-template-rows:100%;height:clamp(420px,48dvh,540px);margin:0 auto;place-items:center;position:relative;width:min(94vw,600px)}.round-glass{filter:contrast(1.14) saturate(.92) drop-shadow(0 24px 20px rgba(48,104,110,.16)) drop-shadow(0 0 18px rgba(255,255,255,.2));grid-area:stage;opacity:.98;transition:opacity 1.8s ease-out;width:min(60vw,300px);z-index:2}.bartending-stage.show-decoration .round-glass:not(.round-glass-deco){opacity:0}.round-glass-deco{animation:glassSwapIn 1.8s ease-out both}@keyframes glassSwapIn{0%{opacity:0}to{opacity:.98}}.round-liquid-vessel{aspect-ratio:506 / 765;grid-area:stage;overflow:hidden;pointer-events:none;position:relative;width:min(60vw,300px);z-index:3}.round-liquid-vessel:before{content:none}.round-liquid{clip-path:polygon(-7% 0,107% 0,55% 100%,45% 100%);inset:5.6% 6.2% 58.8%;mix-blend-mode:multiply;opacity:.72;overflow:hidden;position:absolute}.round-liquid:before{background:transparent;border-radius:50% 50% 0 0/10px 10px 0 0;bottom:0;content:"";filter:saturate(.85);height:var(--liquid-level, 0%);left:0;opacity:.78;position:absolute;right:0;transition:height var(--liquid-ms, 2.5s) ease-in-out,background 1.8s ease-in-out,opacity .5s ease-out}.bartending-stage.is-pouring .round-liquid:before{animation:liquidShimmer 2.5s ease-out both;background:radial-gradient(ellipse 80% 24% at 50% 8%,var(--drink-highlight, rgba(255, 252, 245, .66)),transparent 70%),radial-gradient(circle at 30% 50%,color-mix(in srgb,var(--drink-color, #A4DAF1) 62%,transparent),transparent 65%),radial-gradient(ellipse var(--drink-glow-size, 75%) 50% at var(--drink-glow-x, 50%) var(--drink-glow-y, 45%),var(--drink-glow, rgba(255, 200, 175, .5)),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--drink-color, #A4DAF1) 35%,transparent),color-mix(in srgb,var(--drink-color, #A4DAF1) 62%,transparent));opacity:.78}.bartending-stage.is-mystified .round-liquid:before{animation:none;background:radial-gradient(ellipse 78% 18% at 50% 4%,var(--drink-highlight, rgba(255, 252, 245, .66)),transparent 72%),radial-gradient(circle at 55% 92%,color-mix(in srgb,var(--secret-color, #F7AACA) 50%,transparent),transparent 55%),radial-gradient(ellipse var(--drink-glow-size, 75%) 50% at var(--drink-glow-x, 50%) var(--drink-glow-y, 45%),var(--drink-glow, rgba(255, 200, 175, .5)),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--drink-color, #A4DAF1) 35%,white 8%),color-mix(in srgb,var(--drink-color, #A4DAF1) 80%,transparent) 70%,color-mix(in srgb,var(--secret-color, #F7AACA) 20%,var(--drink-color, #A4DAF1) 80%) 80%,color-mix(in srgb,var(--secret-color, #F7AACA) 70%,transparent));opacity:.8}.round-liquid-surface{background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.4),transparent 68%),linear-gradient(90deg,#fffaee6b,#abdef24d,#fffaee5c);border-radius:50%;bottom:calc(var(--liquid-level, 0%) - 10px);box-shadow:0 0 14px #fffaee33;height:20px;left:0;opacity:0;position:absolute;right:0;transition:bottom var(--liquid-ms, 2.5s) ease-in-out}.bartending-stage.is-pouring .round-liquid-surface{animation:wave 2.5s ease-out forwards}.bartending-stage.is-mystified .round-liquid-surface{opacity:.68}.glass-decoration{filter:drop-shadow(0 0 8px rgba(255,220,150,.5));grid-area:stage;height:36px;opacity:0;pointer-events:none;position:absolute;right:20%;top:10%;transition:opacity 1s ease-out,filter 1s ease-out,transform 1s ease-out;width:36px;z-index:5}.bartending-stage.show-decoration .glass-decoration{filter:drop-shadow(0 0 12px rgba(255,220,150,.7));opacity:1;transform:scale(1)}.round-page.round-2 .round-glass{filter:brightness(1.1) contrast(.88) saturate(.68) opacity(.76) blur(.55px) drop-shadow(0 20px 18px rgba(48,104,110,.13)) drop-shadow(0 0 16px rgba(255,255,255,.24));width:min(45vw,225px)}.round-page.round-2 .round-glass-deco{transform:translateY(calc(min(2.25vw,11.25px) - min(9.2vw,46px)))}.round-page.round-2 .round-liquid-vessel{aspect-ratio:410 / 578;width:min(45vw,225px)}.round-page.round-2 .round-liquid{clip-path:polygon(-4% 0,104% 0,96% 84%,88% 95%,72% 100%,28% 100%,12% 95%,4% 84%);inset:11% 8% 24.5%}.round-page.round-2 .glass-decoration{right:20%;top:10%}.round-page.round-3 .round-glass{filter:brightness(1.06) contrast(.96) saturate(.8) opacity(.88) blur(.35px) drop-shadow(0 22px 18px rgba(48,104,110,.14)) drop-shadow(0 0 16px rgba(255,255,255,.22));width:min(58vw,290px)}.round-page.round-3 .round-liquid-vessel{aspect-ratio:468 / 681;width:min(58vw,290px)}.round-page.round-3 .round-liquid{clip-path:polygon(-4% 0,99% 0,98% 30%,93.5% 50%,88% 65%,79% 80%,66% 92%,55% 100%,40% 100%,29% 92%,16% 80%,7% 65%,1.5% 50%,-3% 30%);inset:6% 6% 65.5%;mix-blend-mode:multiply;opacity:.7}.round-page.round-3 .round-liquid:before{opacity:.78}.round-page.round-5 .round-glass{filter:brightness(1.06) contrast(.96) saturate(.8) opacity(.88) blur(.35px) drop-shadow(0 22px 18px rgba(48,104,110,.14)) drop-shadow(0 0 16px rgba(255,255,255,.22));width:min(56vw,280px)}.round-page.round-5 .round-glass-deco{transform:translateY(calc(min(3.08vw,15.4px) - min(4.6vw,23px))) scale(1.05);transform-origin:right bottom}.round-page.round-5 .round-liquid-vessel{aspect-ratio:353 / 565;width:min(56vw,280px)}.round-page.round-5 .round-liquid{clip-path:polygon(9% 0,91% 0,95.5% 14%,99% 39%,98% 63%,93% 80%,82% 91%,68% 98%,56% 100%,44% 100%,32% 98%,18% 91%,7% 80%,2% 63%,1% 39%,4.5% 14%);inset:7% 5% 34.5%;mix-blend-mode:multiply;opacity:.7}.round-page.round-5 .round-liquid:before{opacity:.78}.round-page.round-4 .round-glass{filter:brightness(1.06) contrast(.96) saturate(.8) opacity(.88) blur(.35px) drop-shadow(0 22px 18px rgba(48,104,110,.14)) drop-shadow(0 0 16px rgba(255,255,255,.22));height:96%;width:auto}.round-page.round-4 .round-glass-deco{transform:translate(0) scale(1.21);transform-origin:left bottom}.round-page.round-4 .round-liquid-vessel{aspect-ratio:319 / 881;height:96%;width:auto}.round-page.round-4 .round-liquid{clip-path:polygon(2% 0,98% 0,91% 12%,88% 28%,95% 47%,98% 65%,93% 80%,79% 91%,59% 100%,41% 100%,21% 91%,7% 80%,2% 65%,5% 47%,12% 28%,9% 12%);inset:7.5% 6% 30.5%;mix-blend-mode:multiply;opacity:.7}.round-page.round-4 .round-liquid:before{opacity:.78}.smell-bubble{--bubble-x: 0px;--bubble-y: 0px;--bubble-rot: 0deg;align-items:center;align-self:center;animation:bubbleDrift 7.4s ease-in-out infinite;aspect-ratio:1;background:transparent;border:0;border-radius:50%!important;box-shadow:none;box-sizing:border-box;color:#fffaeedb;display:flex;grid-area:stage;height:138px;justify-content:center;justify-self:center;margin:0;max-height:138px;max-width:138px;min-height:138px;min-width:138px;padding:0;position:relative;text-align:center;transform:translate(var(--bubble-x),var(--bubble-y)) rotate(var(--bubble-rot));transition:filter .28s ease;width:138px;z-index:4}.smell-bubble:after{content:none}.bubble-core{align-items:center;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);background:radial-gradient(ellipse at 30% 22%,rgba(255,250,238,.42),transparent 42%),radial-gradient(ellipse at 72% 78%,rgba(255,250,238,.18),transparent 52%),#fffaee59;border:1px solid transparent;border-radius:50%!important;box-shadow:0 16px 36px #386e7414,inset 2px 4px 8px #fff6,inset -2px -4px 8px #0000001a,inset 0 1px #fffaee1f,0 0 0 1px #fffaee21;box-sizing:border-box;clip-path:circle(50%);display:flex;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(1rem,4vw,1.24rem);font-weight:300;height:138px;justify-content:center;letter-spacing:.12em;line-height:1.35;max-height:138px;max-width:138px;min-height:138px;min-width:138px;overflow:hidden;padding:.72em;position:relative;text-shadow:0 1px 10px rgba(74,104,96,.08);transition:all .2s ease-out;width:138px}.bubble-core:before{background:#fff9;border-radius:50%;content:"";filter:blur(.5px);height:15%;left:15%;position:absolute;top:10%;transform:rotate(-30deg);width:30%}.bubble-core:after{background:linear-gradient(135deg,#ffb2d680,#a7dff680,#fffaee6b);border-radius:inherit;content:"";inset:-1px;opacity:.74;padding:1px;pointer-events:none;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.bubble-text{opacity:1;transition:opacity .1s ease-out;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(.85rem,3vw,1.05rem);font-weight:500;letter-spacing:.08em;color:var(--ink);text-align:center;white-space:nowrap;line-height:1;display:inline-block}.smell-bubble.is-bursting .bubble-text{opacity:0}.smell-bubble.is-bursting .bubble-core{opacity:0;transform:scale(1.2)}.smell-bubble.is-bursting{animation:none;pointer-events:none;transition:none}.smell-bubble:hover:not(:disabled){filter:brightness(1.06) saturate(1.03);transform:translate(var(--bubble-x, 0px),var(--bubble-y, 0px)) rotate(var(--bubble-rot, 0deg))}.smell-bubble:disabled:not(.is-bursting){opacity:1}.burst-particles{inset:50%;pointer-events:none;position:absolute}.burst-particles span{--x: 0px;--y: 0px;animation:particleBurst .3s ease-out forwards;background:#fffaeee0;border-radius:50%;box-shadow:0 0 10px #ffd6e86b,0 0 14px #a8e2f657;height:5px;left:-2px;position:absolute;top:-2px;width:5px}.burst-particles span:nth-child(1){--x: -28px;--y: -24px}.burst-particles span:nth-child(2){--x: 30px;--y: -18px}.burst-particles span:nth-child(3){--x: -30px;--y: 19px}.burst-particles span:nth-child(4){--x: 27px;--y: 25px}.burst-particles span:nth-child(5){--x: 2px;--y: -34px}.smell-bubble:nth-of-type(1){--bubble-x: -210px;--bubble-y: -160px;--bubble-rot: -3deg}.smell-bubble:nth-of-type(2){--bubble-x: 215px;--bubble-y: -122px;--bubble-rot: 2deg;animation-delay:.7s}.smell-bubble:nth-of-type(3){--bubble-x: -218px;--bubble-y: 142px;--bubble-rot: 2.8deg;animation-delay:1.4s}.smell-bubble:nth-of-type(4){--bubble-x: 210px;--bubble-y: 176px;--bubble-rot: -2.4deg;animation-delay:2.1s}.round-page.round-2 .smell-bubble:nth-of-type(1){--bubble-x: -195px;--bubble-y: -185px;--bubble-rot: -4deg}.round-page.round-2 .smell-bubble:nth-of-type(2){--bubble-x: 225px;--bubble-y: -105px;--bubble-rot: 3deg;animation-delay:.7s}.round-page.round-2 .smell-bubble:nth-of-type(3){--bubble-x: -165px;--bubble-y: 115px;--bubble-rot: 3.5deg;animation-delay:1.4s}.round-page.round-2 .smell-bubble:nth-of-type(4){--bubble-x: 205px;--bubble-y: 195px;--bubble-rot: -3deg;animation-delay:2.1s}.round-action-guide{color:var(--ink-soft);font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(.92rem,3.1vw,1.08rem);font-weight:400;letter-spacing:.22em;margin:auto 0 0;padding:0}.mystery-flavor-btn{animation:mysteryFloat 5s ease-in-out infinite;background:var(--paper-noise),radial-gradient(ellipse at 28% 22%,rgba(255,250,238,.22),transparent 36%),radial-gradient(ellipse at 70% 78%,rgba(110,196,176,.12),transparent 48%),#dcf2d742;background-blend-mode:soft-light,normal,normal,normal;border:0;border-radius:49% 51% 46% 54%/55% 43% 57% 45%;box-shadow:0 0 0 1.2px #17484a33,0 14px 32px #103e4e0f,inset 0 0 32px #ebfbe229;color:#143336a8;cursor:pointer;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(.8rem,3vw,.96rem);font-weight:300;letter-spacing:.16em;margin:24px 0 0;padding:10px 24px 11px 28px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.mystery-flavor-btn:after{border:1.2px solid rgba(237,248,225,.22);border-radius:54% 46% 50% 50%/50% 56% 44% 55%;content:"";inset:3px -2px -3px 2px;pointer-events:none;position:absolute}.mystery-flavor-btn:hover:not(:disabled){box-shadow:0 0 0 1.3px #17484a38,0 18px 40px #103e4e14,inset 0 0 36px #ebfbe233;transform:translateY(-3px) rotate(-.6deg) scale(1.03)}.mystery-flavor-btn:disabled{cursor:not-allowed;opacity:.48}.round-page.phase-readyMystify .smell-bubble,.round-page.phase-mystifying .smell-bubble,.round-page.phase-naming .smell-bubble,.round-page.phase-sipping .smell-bubble{opacity:0;pointer-events:none;transition:opacity .5s ease-out}.round-page.phase-sipping .round-question{opacity:0;pointer-events:none;transition:opacity .4s ease-out}.round-bottom-controls{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:auto;min-height:100px;padding-top:12px}.round-bottom-controls .round-action-guide{margin:0}.naming-form-bottom{align-items:center;animation:fadeInUp .5s ease-out both;display:flex;flex-direction:column;gap:.35em}.drink-name-subtitle{display:none}.sip-memory-text{animation:fadeInUp .7s ease-out both;color:#fffaeee0;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(1.1rem,4.5vw,1.5rem);font-weight:300;letter-spacing:.12em;line-height:1.78;margin:0;text-align:center;white-space:pre-line;padding-left:.12em;text-shadow:0 1px 16px rgba(74,104,96,.12)}.sip-btn,.next-round-btn{animation:mysteryFloat 5s ease-in-out infinite;background:var(--paper-noise),radial-gradient(ellipse at 28% 22%,rgba(255,250,238,.22),transparent 36%),radial-gradient(ellipse at 70% 78%,rgba(110,196,176,.12),transparent 48%),#dcf2d742;background-blend-mode:soft-light,normal,normal,normal;border:0;border-radius:49% 51% 46% 54%/55% 43% 57% 45%;box-shadow:0 0 0 1.2px #17484a33,0 14px 32px #103e4e0f,inset 0 0 32px #ebfbe229;color:#143336a8;cursor:pointer;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(.8rem,3vw,.96rem);font-weight:300;letter-spacing:.16em;margin:0;padding:10px 24px 11px 28px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.sip-btn:after,.next-round-btn:after{border:1.2px solid rgba(237,248,225,.22);border-radius:54% 46% 50% 50%/50% 56% 44% 55%;content:"";inset:3px -2px -3px 2px;pointer-events:none;position:absolute}.sip-btn:hover:not(:disabled),.next-round-btn:hover:not(:disabled){box-shadow:0 0 0 1.3px #17484a38,0 18px 40px #103e4e14,inset 0 0 36px #ebfbe233;transform:translateY(-3px) rotate(-.6deg) scale(1.03)}.sip-btn:disabled,.next-round-btn:disabled{cursor:not-allowed;opacity:.48}.naming-label{color:var(--ink);font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(1.12rem,4.2vw,1.45rem);font-weight:400;letter-spacing:.1em;margin:0 0 .3em}.naming-underline-input{background:transparent;border:0;border-bottom:2px dashed rgba(15,38,41,.42);border-radius:0;box-shadow:none;color:var(--ink);font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(1.4rem,5.4vw,1.8rem);font-weight:400;letter-spacing:.12em;margin:0 0 .4em;outline:none;padding:.35em .15em;text-align:center;transition:border-color .3s ease;width:min(340px,76vw)}.naming-underline-input::placeholder{color:#0f262961;letter-spacing:.12em}.naming-underline-input:focus{border-bottom-color:#0f2629b8}.naming-submit-btn{background:var(--paper-noise),radial-gradient(ellipse at 28% 22%,rgba(255,250,238,.2),transparent 36%),#dcf2d738;border:0;border-radius:49% 51% 46% 54%/55% 43% 57% 45%;box-shadow:0 0 0 1.2px #17484a2e,0 12px 28px #103e4e0d,inset 0 0 28px #ebfbe224;color:#1433369e;cursor:pointer;font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(.76rem,2.8vw,.88rem);font-weight:300;letter-spacing:.18em;margin:0;padding:9px 28px 10px 32px;transition:transform .3s ease,box-shadow .3s ease}.naming-submit-btn:after{border:1.2px solid rgba(237,248,225,.18);border-radius:54% 46% 50% 50%/50% 56% 44% 55%;content:"";inset:3px -2px -3px 2px;pointer-events:none;position:absolute}.naming-submit-btn:hover:not(:disabled){box-shadow:0 0 0 1.3px #17484a33,0 14px 32px #103e4e12,inset 0 0 32px #ebfbe22e;transform:translateY(-2px) rotate(-.5deg)}.naming-submit-btn:disabled{cursor:not-allowed;opacity:.44}.sip-controls{align-items:center;animation:fadeInUp .5s ease-out both;display:flex;flex-direction:column;gap:.35em}.sip-drink-name{border-bottom:none;color:var(--ink);font-family:"I.Ming",Songti SC,"Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;font-size:clamp(1.4rem,5.4vw,1.8rem);font-weight:400;letter-spacing:.12em;margin:0 0 .4em;padding:.35em .15em;text-align:center;width:min(340px,76vw)}@keyframes mysteryFloat{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-5px) rotate(.4deg)}}@keyframes bubbleDrift{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes particleBurst{0%{opacity:.95;transform:translate(0) scale(.82)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(.2)}}@keyframes liquidShimmer{0%{opacity:.3}45%{opacity:.72}to{opacity:.88}}@keyframes wave{0%{opacity:0;transform:translate(-10px) rotate(-1.6deg)}28%{opacity:.88;transform:translate(8px) rotate(1.2deg)}62%{opacity:.76;transform:translate(-4px) rotate(-.6deg)}to{opacity:.68;transform:translate(0) rotate(0)}}.glass-wrap{display:grid;justify-items:start;margin:14px 0 16px 8%}.png-glass{--drink-color: linear-gradient(135deg, #FFAEC4 0%, #F9E076 100%);--level: 1;--surface-bottom: 100%;aspect-ratio:506 / 765;filter:drop-shadow(0 18px 24px rgba(18,68,76,.08));max-width:min(190px,52vw);position:relative;width:170px}.png-glass-liquid{clip-path:polygon(0 0,100% 0,55% 100%,45% 100%);inset:5.4% 4.2% 59.1%;overflow:hidden;position:absolute;z-index:1}.png-glass-liquid:before{background:radial-gradient(ellipse at 38% 13%,rgba(255,255,255,.44),transparent 30%),var(--drink-color);bottom:0;content:"";inset-inline:0;opacity:.74;position:absolute;top:0;transform:scaleY(var(--level));transform-origin:center bottom;transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}.png-glass-liquid:after{background:linear-gradient(90deg,#ffaec494,#f9e076c7),#ffffff57;border-radius:50%;bottom:calc(var(--surface-bottom) - 6px);box-shadow:0 0 10px #ffeabe5c;content:"";height:12px;left:4%;opacity:.86;position:absolute;right:4%;transform:scaleY(.34);transition:bottom 1.2s cubic-bezier(.2,.75,.2,1),opacity .3s ease}.png-glass[style*="--level: 0"] .png-glass-liquid:after{opacity:0}.png-glass-image{display:block;filter:contrast(1.28) saturate(.92);height:auto;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:2}.sip-glass-doodle{filter:blur(.15px);height:180px;overflow:visible;width:170px}.doodle-line{fill:none;filter:url(#roughLine);stroke:#15323480;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.8}.doodle-line.fine{opacity:.55;stroke-width:2.8}.doodle-star{fill:none;filter:url(#roughLine);stroke:#15323470;stroke-linejoin:round;stroke-width:3.4}.svg-liquid{fill:#2992a357;transition:height 1.2s cubic-bezier(.2,.75,.2,1),y 1.2s cubic-bezier(.2,.75,.2,1)}.svg-liquid-shine{fill:none;opacity:.36;stroke:#ecf9ddc2;stroke-linecap:round;stroke-width:7;transition:d 1.2s cubic-bezier(.2,.75,.2,1)}.sip-memory-line{animation:inkRipple .9s ease-out both;background:var(--paper-noise),#e1f3d333;background-blend-mode:soft-light,normal;border-radius:24px 16px 22px 19px;box-shadow:inset 0 0 0 1.1px #14444924,0 0 26px #e3f4d529;line-height:1.76;margin:14px 0;max-width:560px;padding:12px 14px}.recap{padding-top:8px}.eyebrow,.round-label,.run-note{color:var(--ink-soft);font-size:.85rem;letter-spacing:0}.recap h2{color:#143336a3;font-size:clamp(1.9rem,6vw,3rem);line-height:1.16;margin:4px 0 50px;max-width:680px}.drink-stack{display:grid;gap:44px;padding:4px 8px 10px}.drink-card,.birthday-message{border:0;max-width:690px}.drink-card h3,.birthday-message h3{color:#143336a8;font-size:1.58rem;margin:5px 0 16px}.drink-card dl{display:grid;gap:11px;margin:0 0 18px}.drink-card dt{color:#14333675;font-size:.82rem}.drink-card dd{color:#143336a3;margin:2px 0 0}.memory-based{background:#e1f1be38;border-radius:18px 12px 16px 14px;box-shadow:inset 0 -9px #328e9514,0 0 22px #e1f1be24;display:inline-block;font-style:italic;padding:4px 8px}.memory-badge{background:#ceece23d;border-radius:52% 48% 55% 45%/45% 55% 42% 58%;box-shadow:0 0 0 1.1px #14444929;display:inline-block;font-size:.72rem;font-style:normal;margin-left:10px;padding:3px 8px}.memory-line{line-height:1.8;margin-bottom:0}.memory-line-highlight{background:#dbf1d32e;border-radius:21px 15px 22px 17px;box-shadow:inset 0 0 0 1.1px #1444491f,0 0 26px #dbf1d329;font-style:italic;padding:12px 14px}.drink-card.round-1{background-color:#e0f1c838;transform:translate(4px)}.drink-card.round-2{background-color:#c2e6cd38;transform:translate(-12px)}.drink-card.round-3{background-color:#bee7e038;transform:translate(12px)}.drink-card.round-4{background-color:#9cd5db38;transform:translate(-5px)}.drink-card.round-5{background-color:#7ebec638;transform:translate(8px)}.birthday-message{background:var(--paper-noise),radial-gradient(ellipse at 25% 20%,rgba(245,252,228,.3),transparent 38%),radial-gradient(ellipse at 82% 70%,rgba(35,126,145,.1),transparent 42%),#e0f2d83b;margin-top:46px;transform:rotate(1.1deg) translate(10px)}.birthday-message p{line-height:1.84}@keyframes atmosphereDrift{0%{opacity:.72;transform:translate3d(-1%,-1%,0) scale(1.02)}to{opacity:.9;transform:translate3d(1.4%,1%,0) scale(1.05)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(var(--base-rotate, 0deg))}50%{transform:translateY(-8px) rotate(calc(var(--base-rotate, 0deg) + .6deg))}}.name-card{--base-rotate: -1.4deg}.sip-card{--base-rotate: .9deg}@keyframes bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-11px) rotate(1.5deg)}}@keyframes inkRipple{0%{box-shadow:inset 0 0 0 1.1px #14444924,0 0 #35949a1f;opacity:0;transform:translateY(6px) scale(.985) rotate(-.4deg)}to{box-shadow:inset 0 0 0 1.1px #14444924,0 0 0 22px #35949a00;opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-hero.is-leaving,.start-card.is-leaving{animation:fadeOut .48s ease-in forwards;pointer-events:none}.round-page.is-entering{animation:fadeIn .52s ease-out forwards}.round-page.is-leaving{animation:fadeOut .48s ease-in forwards;pointer-events:none}@media(prefers-reduced-motion:reduce){body:after,.name-card,.sip-card,.smell-bubble{animation:none}}@media(max-width:620px){html,body{background-attachment:scroll}.app-shell{max-width:430px;min-height:100svh;min-height:100dvh;padding:calc(env(safe-area-inset-top) + clamp(24px,7dvh,64px)) 14px calc(env(safe-area-inset-bottom) + 38px);width:100%}h1{font-size:clamp(2rem,11.5vw,2.8rem);margin-bottom:24px;max-width:100%}.screen-start{padding:calc(env(safe-area-inset-top) + clamp(74px,16dvh,132px)) 18px calc(env(safe-area-inset-bottom) + 46px)}.start-logo{margin-bottom:clamp(28px,4.8dvh,42px);width:min(74vw,340px)}.start-glass{margin-bottom:clamp(40px,5.8dvh,54px);max-width:168px;width:min(42vw,168px)}.start-card{margin-top:1.62em}.doodle-backdrop{opacity:.16;right:-260px;top:118px}.paper-card,.note-card,.drink-card,.birthday-message{max-width:100%;padding:22px 18px;width:100%}.paper-card:before,.note-card:before,.drink-card:before,.birthday-message:before{inset:5px -3px -4px 3px}.name-card,.sip-card{margin-left:0}.name-card{--base-rotate: -.7deg}.sip-card{--base-rotate: .35deg}.sip-card h2,.name-card h2{font-size:1.55rem;line-height:1.18;margin:0 0 12px}.sip-card p,.name-card p{margin-block:10px}.round-page{min-height:calc(100dvh - 126px);padding-top:clamp(12px,2.8dvh,26px)}.round-question-block{height:clamp(100px,15dvh,150px);margin-bottom:clamp(24px,4dvh,40px);max-width:min(330px,90vw)}.round-question{font-size:clamp(1.28rem,5.5vw,1.6rem);line-height:1.72}.bartending-stage{height:clamp(360px,44dvh,430px);width:min(100%,420px)}.round-glass,.round-liquid-vessel{width:min(58vw,240px)}.round-page.round-2 .round-glass{filter:brightness(1.1) contrast(.88) saturate(.68) opacity(.76) blur(.55px) drop-shadow(0 16px 14px rgba(48,104,110,.11)) drop-shadow(0 0 14px rgba(255,255,255,.22));width:min(43.5vw,180px)}.round-page.round-2 .round-liquid-vessel{aspect-ratio:410 / 578;width:min(43.5vw,180px)}.round-page.round-2 .round-liquid{clip-path:polygon(-4% 0,104% 0,96% 84%,88% 95%,72% 100%,28% 100%,12% 95%,4% 84%);inset:11% 8% 24.5%}.round-page.round-2 .glass-decoration{right:18%;top:10%}.round-page.round-3 .round-glass{filter:brightness(1.06) contrast(.96) saturate(.8) opacity(.88) blur(.35px) drop-shadow(0 16px 14px rgba(48,104,110,.12)) drop-shadow(0 0 14px rgba(255,255,255,.2));width:min(56vw,232px)}.round-page.round-3 .round-liquid-vessel{aspect-ratio:468 / 681;width:min(56vw,232px)}.round-page.round-3 .round-liquid{clip-path:polygon(-4% 0,99% 0,98% 30%,93.5% 50%,88% 65%,79% 80%,66% 92%,55% 100%,40% 100%,29% 92%,16% 80%,7% 65%,1.5% 50%,-3% 30%);inset:6% 6% 65.5%}.round-page.round-4 .round-glass{filter:brightness(1.06) contrast(.96) saturate(.8) opacity(.88) blur(.35px) drop-shadow(0 16px 14px rgba(48,104,110,.12)) drop-shadow(0 0 14px rgba(255,255,255,.2));height:96%;width:auto}.round-page.round-4 .round-liquid-vessel{aspect-ratio:319 / 881;height:96%;width:auto}.round-page.round-4 .round-liquid{clip-path:polygon(2% 0,98% 0,91% 12%,88% 28%,95% 47%,98% 65%,93% 80%,79% 91%,59% 100%,41% 100%,21% 91%,7% 80%,2% 65%,5% 47%,12% 28%,9% 12%);inset:7.5% 6% 30.5%}.round-page.round-5 .round-glass{filter:brightness(1.06) contrast(.96) saturate(.8) opacity(.88) blur(.35px) drop-shadow(0 16px 14px rgba(48,104,110,.12)) drop-shadow(0 0 14px rgba(255,255,255,.2));width:min(54vw,224px)}.round-page.round-5 .round-liquid-vessel{aspect-ratio:353 / 565;width:min(54vw,224px)}.round-page.round-5 .round-liquid{clip-path:polygon(9% 0,91% 0,95.5% 14%,99% 39%,98% 63%,93% 80%,82% 91%,68% 98%,56% 100%,44% 100%,32% 98%,18% 91%,7% 80%,2% 63%,1% 39%,4.5% 14%);inset:7% 5% 34.5%}.smell-bubble{align-self:center;aspect-ratio:1;border-radius:50%!important;box-sizing:border-box;font-size:clamp(.88rem,3.4vw,1rem);height:110px;justify-self:center;margin:0;max-height:110px;max-width:110px;min-height:110px;min-width:110px;padding:0;width:110px}.bubble-core{clip-path:circle(50%);font-size:clamp(.88rem,3.4vw,1rem);height:110px;max-height:110px;max-width:110px;min-height:110px;min-width:110px;overflow:hidden;padding:.72em;width:110px}.smell-bubble:nth-of-type(1){--bubble-x: calc(-1*min(154px, 50vw - 63px)) ;--bubble-y: -130px;--bubble-rot: -3deg}.smell-bubble:nth-of-type(2){--bubble-x: min(156px, 50vw - 63px);--bubble-y: -94px;--bubble-rot: 2deg}.smell-bubble:nth-of-type(3){--bubble-x: calc(-1*min(160px, 50vw - 63px)) ;--bubble-y: 112px;--bubble-rot: 2.8deg}.smell-bubble:nth-of-type(4){--bubble-x: min(152px, 50vw - 63px);--bubble-y: 148px;--bubble-rot: -2.4deg}.round-page.round-2 .smell-bubble:nth-of-type(1){--bubble-x: calc(-1*min(142px, 50vw - 63px)) ;--bubble-y: -150px;--bubble-rot: -4deg}.round-page.round-2 .smell-bubble:nth-of-type(2){--bubble-x: min(164px, 50vw - 63px);--bubble-y: -86px;--bubble-rot: 3deg}.round-page.round-2 .smell-bubble:nth-of-type(3){--bubble-x: calc(-1*min(132px, 50vw - 63px)) ;--bubble-y: 96px;--bubble-rot: 3.5deg}.round-page.round-2 .smell-bubble:nth-of-type(4){--bubble-x: min(156px, 50vw - 63px);--bubble-y: 162px;--bubble-rot: -3deg}.round-action-guide{margin-top:auto}.glass-wrap{justify-items:center;margin:4px 0 14px}.png-glass{max-width:40vw;width:clamp(118px,34vw,138px)}.sip-memory-line{font-size:.96rem;line-height:1.54;margin:10px 0;padding:10px 12px}button{margin:10px 12px 10px 0;padding:11px 18px}.naming-label{font-size:clamp(1rem,3.8vw,1.15rem);margin-bottom:.2em}.naming-underline-input{font-size:clamp(1.2rem,4.6vw,1.5rem);margin-bottom:.35em;padding:.3em .15em;width:min(280px,72vw)}.sip-drink-name{border-bottom:none;font-size:clamp(1.2rem,4.6vw,1.5rem);margin-bottom:.35em;padding:.3em .15em;width:min(280px,72vw)}.glass-decoration{height:28px;right:18%;top:8%;width:28px}.drink-name-subtitle{display:none}.sip-memory-text{font-size:clamp(.95rem,4vw,1.2rem)}}.recap-finale{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:78dvh;padding:24px 0 56px;width:100%}.closing-line{animation:closingLine 2.6s ease-in-out both;color:#3a544ed9;font-size:1.02rem;letter-spacing:.22em;margin:0;text-align:center}.recap-finale:not(.stage-intro) .closing-line{display:none}@keyframes closingLine{0%{opacity:0;transform:translateY(10px)}24%{opacity:1;transform:translateY(0)}78%{opacity:1}to{opacity:0}}.printing-hint{color:#3a544ec7;font-size:.95rem;letter-spacing:.28em;margin:0 0 18px;text-align:center}.printing-dots{display:inline-block;margin-left:.2em}.printing-dots>span{animation:printingDot 1.2s ease-in-out infinite;display:inline-block;opacity:0}.printing-dots>span:nth-child(2){animation-delay:.2s}.printing-dots>span:nth-child(3){animation-delay:.4s}@keyframes printingDot{0%,60%,to{opacity:0}20%{opacity:1}}.stage-printing .receipt-scene{pointer-events:none}.stage-printing .receipt-flip{animation:receiptPrint 1.6s cubic-bezier(.3,.6,.3,1) both;pointer-events:none}@keyframes receiptPrint{0%{clip-path:inset(0 0 100% 0);transform:translateY(-18px)}to{clip-path:inset(0 0 0 0);transform:translateY(0)}}.stage-printed .receipt-scene,.stage-printed .receipt-flip{pointer-events:auto}.receipt-scene{perspective:1400px;width:min(90vw,400px)}.receipt-flip{cursor:pointer;display:grid;outline:none;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.7,.25,1)}.receipt-scene.is-flipped .receipt-flip{transform:rotateY(180deg)}.receipt-scene.is-nudging .receipt-flip{animation:receiptNudge 3.2s ease-in-out infinite}@keyframes receiptNudge{0%,76%,to{transform:rotateY(0)}83%{transform:rotateY(-8deg)}90%{transform:rotateY(4deg)}95%{transform:rotateY(-2deg)}}.receipt-face{backface-visibility:hidden;background:linear-gradient(180deg,#d6e4da6b,#fffdf600 64px),#fcfbf3;clip-path:polygon(0 9px,5% 0,10% 9px,15% 0,20% 9px,25% 0,30% 9px,35% 0,40% 9px,45% 0,50% 9px,55% 0,60% 9px,65% 0,70% 9px,75% 0,80% 9px,85% 0,90% 9px,95% 0,100% 9px,100% calc(100% - 9px),95% 100%,90% calc(100% - 9px),85% 100%,80% calc(100% - 9px),75% 100%,70% calc(100% - 9px),65% 100%,60% calc(100% - 9px),55% 100%,50% calc(100% - 9px),45% 100%,40% calc(100% - 9px),35% 100%,30% calc(100% - 9px),25% 100%,20% calc(100% - 9px),15% 100%,10% calc(100% - 9px),5% 100%,0 calc(100% - 9px));color:#3e5450;filter:drop-shadow(0 16px 22px rgba(48,104,110,.22));font-family:Courier New,Songti SC,SimSun,serif;grid-area:1 / 1;letter-spacing:.04em;padding:30px 22px 34px}.receipt-back{display:flex;flex-direction:column;justify-content:center;transform:rotateY(180deg)}.receipt-header{text-align:center}.receipt-title{font-size:1.18rem;letter-spacing:.34em;margin:0;padding-left:.34em}.receipt-subtitle{color:#3e544f9e;font-size:.8rem;letter-spacing:.14em;margin:4px 0 0}.receipt-meta{color:#3e544fc7;font-size:.82rem;margin:10px 0 0}.receipt-divider{border-top:1.5px dashed rgba(62,84,79,.42);margin:13px 0}.receipt-items{list-style:none;margin:0;padding:0}.receipt-item{align-items:center;display:grid;gap:10px;grid-template-columns:30px 1fr auto;padding:7px 0}.receipt-item-icon{height:38px;justify-self:center;opacity:.88;width:auto}.receipt-item-name{display:block;font-size:1.04rem}.receipt-item-notes{color:#3e544f9e;display:block;font-size:.79rem;line-height:1.55;margin-top:3px}.receipt-item-qty{align-self:start;color:#3e544fbf;font-size:.8rem;padding-top:3px}.receipt-totals{margin:0}.receipt-totals div{display:flex;font-size:.92rem;justify-content:space-between;padding:3px 0}.receipt-totals dt,.receipt-totals dd{margin:0}.receipt-staff{color:#3e544fcc;font-size:.85rem;line-height:1.7;margin:0}.receipt-reveal{font-size:.85rem;line-height:1.6;margin:12px 0 0}.receipt-barcode{display:block;fill:#3e5450;height:24px;margin:16px auto 0;opacity:.85;width:132px}.receipt-no{color:#3e544f99;font-size:.72rem;letter-spacing:.12em;margin:5px 0 0;text-align:center}.receipt-flip-hint{color:#3e544f8c;font-size:.78rem;letter-spacing:.2em;margin:16px 0 0;text-align:center}.receipt-letter{font-family:Kaiti SC,STKaiti,KaiTi,TW-Kai,serif;font-size:1.05rem;line-height:2.05;padding:6px 4px}.receipt-letter-greeting{margin:0}.receipt-letter-paragraph{margin:10px 0 0;text-indent:2em}.receipt-letter-signature{margin:18px 0 0;text-align:right}.receipt-sample-note{color:#3e544f73;font-size:.68rem;letter-spacing:.08em;margin:6px 0 0;text-align:center}@media(max-width:620px){.recap-finale{min-height:calc(100dvh - 120px);padding:12px 0 44px}.receipt-scene{width:min(94vw,380px)}.receipt-face{padding:26px 18px 30px}.printing-hint{font-size:.88rem;letter-spacing:.24em;margin:0 0 14px}}