.tab-bar-wrapper{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;z-index:100}.tab-bar{display:flex;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001f;height:56px}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:#8b95a1;transition:color .2s ease;-webkit-tap-highlight-color:transparent;padding:0}.tab-item:active{background:#0000000a}.tab-icon{display:flex;align-items:center}.tab-label{font-size:10px;font-weight:500}.tab-item--active{color:#ff6b35}.main-page{padding-bottom:100px}.drink-grid{display:flex;flex-direction:column;gap:12px;padding:16px 20px 24px}.drink-card{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:2px solid transparent;border-radius:20px;box-shadow:0 2px 16px #00000012;cursor:pointer;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;width:100%;box-sizing:border-box}.drink-card:active{transform:scale(.985)}.drink-card--selected{box-shadow:0 4px 20px #0000001a}.drink-icon-wrap{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drink-emoji{font-size:30px;line-height:1}.drink-info{flex:1;min-width:0}.drink-name{font-size:19px;font-weight:700;color:#191f28;display:block;line-height:1.3;transition:color .18s ease}.drink-desc{font-size:14px;color:#8b95a1;display:block;margin-top:3px}.drink-arrow{font-size:22px;font-weight:300;color:#c0c7cf;flex-shrink:0;transition:color .18s ease;line-height:1}.confirm-section{padding:4px 20px 0}.confirm-button{width:100%;height:56px;background:#ff6b35;color:#fff;font-size:17px;font-weight:700;border:none;border-radius:16px;cursor:pointer;box-shadow:0 4px 14px #ff6b3559;transition:opacity .15s ease,transform .1s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.confirm-button:active{opacity:.88;transform:scale(.97);box-shadow:0 2px 8px #ff6b3540}.wip-msg{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 20px;background:#f0f4ff;border-radius:16px;text-align:center}.wip-msg-main{font-size:15px;font-weight:600;color:#3d5af1}.wip-msg-sub{font-size:13px;color:#8b95a1}.more-page{padding-bottom:100px}.more-card{margin:0 20px 16px;padding:20px;border-radius:20px;background:#fff;box-shadow:0 2px 16px #00000012}.more-card-title{margin:0 0 16px;font-size:16px;font-weight:700;color:#191f28;display:flex;align-items:center;gap:6px}.more-card-sub{font-size:12px;font-weight:500;color:#8b95a1}.more-stat-row{display:flex;align-items:center;padding:10px 0;border-top:1px solid #f2f4f6}.more-stat-row:first-of-type{border-top:none}.more-stat-emoji{font-size:22px;margin-right:12px;flex-shrink:0}.more-stat-name{flex:1;font-size:15px;font-weight:600;color:#191f28}.more-stat-count{font-size:20px;font-weight:700;color:#191f28}.more-stat-unit{font-size:13px;font-weight:500;color:#8b95a1;margin-left:2px}.more-loading{margin:8px 0 0;font-size:14px;color:#8b95a1;text-align:center;padding:12px 0}.drink-page{display:flex;flex-direction:column;align-items:center;padding:0 0 40px;min-height:100vh;background:#1a0e08;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:background .3s ease}.drink-page--no-bg{background:#fff}.drink-page--no-bg .dp-header{background:#ffffffe6;border-bottom-color:#00000014}.drink-page--no-bg .dp-back{color:#000000a6}.drink-page--no-bg .dp-title{color:#191f28}.drink-page--no-bg .dp-bg-toggle{background:#0000000f;border-color:#00000026}.drink-page--no-bg .dp-stat{background:#0000000d;border-color:#00000014}.drink-page--no-bg .dp-stat-val{color:#191f28}.drink-page--no-bg .dp-stat-label{color:#00000073}.drink-page--no-bg .dp-stat-bar-bg{background:#0000001a}.drink-page--no-bg .dp-stat-bar-fill{background:#0000004d}.drink-page--no-bg .dp-hint{color:#00000073}.drink-page--no-bg .dp-refill{background:#ff6b351f;border-color:#ff6b3566;color:#c94a0a}.drink-page--no-bg .dp-drunk-label{color:#00000080}.drink-page--no-bg .dp-drunk-bg{background:#0000001a}.dp-header{width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:16px 56px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.12);background:#00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dp-back{position:absolute;left:16px;background:none;border:none;font-size:15px;color:#ffffffd9;cursor:pointer;padding:6px 8px;border-radius:8px;-webkit-tap-highlight-color:transparent;transition:background .15s}.dp-back:active{background:#ffffff1a}.dp-title{font-size:18px;font-weight:700;color:#fff}.dp-bg-toggle{position:absolute;right:16px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;font-size:18px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .15s}.dp-bg-toggle:active{background:#ffffff4d}.dp-stats{display:flex;gap:8px;width:calc(100% - 40px);margin-bottom:12px;margin-top:16px}.dp-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dp-stat-val{font-size:18px;font-weight:700;color:#fff}.dp-stat-label{font-size:11px;color:#fff9;font-weight:500}.dp-stat-bar-bg{width:100%;height:4px;background:#ffffff26;border-radius:99px;overflow:hidden;margin-top:6px}.dp-stat-bar-fill{height:100%;border-radius:99px;background:#ffffffa6;transition:width .4s ease}.dp-scene-bg-wrap{width:100%;background:linear-gradient(to bottom,rgba(0,0,0,.18) 0%,transparent 25%,transparent 72%,rgba(0,0,0,.32) 100%),url(../background/pocha.png) center bottom / cover no-repeat;display:flex;flex-direction:column;align-items:center;overflow:visible}.dp-scene-bg-wrap--no-bg{background:#f2f4f6}.dp-scene{position:relative;flex-shrink:0;overflow:visible}@keyframes dead-bottle-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:.55;transform:translateY(0)}}.dp-dead-bottle{position:absolute;opacity:.55;animation:dead-bottle-in .35s ease forwards;z-index:1}.dp-dead-area{position:absolute;z-index:1}.dp-dead-bottles-row{display:flex;align-items:flex-end;gap:3px}.dp-dead-bottles-row .dp-dead-bottle{position:relative;flex-shrink:0}.dp-dead-stats{margin-top:5px;font-size:10px;font-weight:600;color:#ffffffb3;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6)}.dp-dead-more{position:absolute;top:-8px;right:-6px;font-size:9px;font-weight:700;color:#fff;background:#ff6b35;border-radius:99px;padding:1px 5px;pointer-events:none}@keyframes tap-ripple{0%{transform:scale(.5);opacity:.9}to{transform:scale(2.2);opacity:0}}.dp-tap-ripple{position:absolute;width:30px;height:30px;border-radius:50%;border:2.5px solid #ff6b35;top:-15px;left:25px;pointer-events:none;z-index:3}.dp-tap-ripple--1{animation:tap-ripple 1.1s ease-out infinite}.dp-tap-ripple--2{animation:tap-ripple 1.1s ease-out .45s infinite}@keyframes tap-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.dp-tap-arrow{position:absolute;top:-34px;left:30px;font-size:16px;font-weight:700;color:#ff6b35;pointer-events:none;animation:tap-arrow-bounce .7s ease-in-out infinite;z-index:3}.dp-cap{position:absolute;top:-7px;left:29px;width:22px;height:9px;background:#b0b8c1;border-radius:3px 3px 0 0;pointer-events:none;z-index:2}@keyframes cap-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.dp-cap--pulse{animation:cap-pulse 1s ease-in-out infinite;background:#ff6b35}@keyframes cap-pop{0%{transform:translateY(0) rotate(0);opacity:1}18%{transform:translateY(-10px) rotate(-6deg);opacity:1}22%{transform:translateY(-8px) rotate(-4deg);opacity:1}to{transform:translateY(-70px) rotate(-55deg);opacity:0}}.dp-cap--pop{animation:cap-pop .55s cubic-bezier(.2,0,.4,1) forwards}@keyframes bottle-shake{0%{transform:rotate(0)}12%{transform:rotate(-7deg)}28%{transform:rotate(7deg)}44%{transform:rotate(-4deg)}60%{transform:rotate(4deg)}76%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}to{transform:rotate(0)}}.dp-bottle-wrap.shaking{animation:bottle-shake .55s ease}@keyframes fizz-fly{0%{transform:translate(0) scale(1.2);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.dp-fizz{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;animation:fizz-fly .65s ease-out forwards;z-index:3}.dp-bottle-wrap{position:absolute;z-index:1;transform-origin:40px 30px;transition:transform .25s ease;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.dp-bottle-wrap.pouring{transform:rotate(-115deg) translate(-38px,8px)}.dp-bottle-wrap--soju.pouring{transform:rotate(-45deg) translate(-100px,20px)}@keyframes stream-pour{0%,to{width:7px}40%{width:9px}80%{width:6px}}.dp-stream{position:absolute;z-index:1;width:8px;height:65px;border-radius:4px 3px 5px 4px;opacity:0;transition:opacity .12s;transform-origin:top center;pointer-events:none}.dp-stream.visible{animation:stream-pour .28s ease-in-out infinite;opacity:1}.dp-stream--svg{width:auto;height:auto;background:none!important;border-radius:0}.dp-stream--svg.visible{animation:none}.dp-glass-wrap{position:absolute;z-index:1;touch-action:none;-webkit-tap-highlight-color:transparent}@keyframes drink-gulp{0%{transform:scale(1) rotate(0)}30%{transform:scale(.92) rotate(-8deg)}60%{transform:scale(1.04) rotate(3deg)}to{transform:scale(1) rotate(0)}}.dp-glass-wrap.drinking{animation:drink-gulp .5s ease}.dp-glass-svg{cursor:pointer;display:block}@keyframes msg-pop{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.9)}20%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}70%{opacity:1}to{opacity:0}}.dp-msg{position:absolute;top:-34px;left:50%;transform:translate(-50%);font-size:14px;font-weight:600;color:#fff;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.5);pointer-events:none;opacity:0}.dp-msg.show{animation:msg-pop 1.5s ease forwards}@keyframes bubble-rise{0%{transform:translateY(0);opacity:.8}to{transform:translateY(-40px);opacity:0}}.dp-bubble{position:absolute;width:5px;height:5px;border-radius:50%;border:1px solid;pointer-events:none;animation:bubble-rise 1s ease forwards}@keyframes overflow-drip{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(30px)}}.dp-overflow{position:absolute;width:5px;height:12px;border-radius:3px;pointer-events:none;animation:overflow-drip .8s ease forwards}@keyframes puddle-wave{0%{border-radius:50% 50% 0 0/100% 100% 0 0}30%{border-radius:58% 42% 0 0/100% 100% 0 0}60%{border-radius:42% 58% 0 0/100% 100% 0 0}to{border-radius:50% 50% 0 0/100% 100% 0 0}}.dp-puddle{position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:50% 50% 0 0/100% 100% 0 0;transition:width .4s ease,height .5s ease,opacity .4s ease;animation:puddle-wave 2.8s ease-in-out infinite;pointer-events:none;z-index:1;filter:blur(1.5px)}.dp-hint{margin:6px 0 14px;font-size:12px;color:#ffffff8c;text-align:center}.dp-actions{display:flex;gap:10px;margin:12px 0 16px}.dp-refill{height:48px;padding:0 24px;background:#ff6b3540;border:1px solid rgba(255,107,53,.5);border-radius:14px;font-size:15px;font-weight:600;color:#ffcbb5;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .1s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dp-refill:active{background:#ff6b3566;transform:scale(.96)}.dp-clean{display:flex;align-items:center;height:48px;padding:0 24px;background:#64b4ff33;border:1px solid rgba(100,180,255,.35);border-radius:14px;font-size:15px;font-weight:600;color:#90ccff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .1s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dp-clean:active{background:#64b4ff59;transform:scale(.96)}.dp-drunk-wrap{width:calc(100% - 40px);max-width:300px}.dp-drunk-label{font-size:13px;font-weight:600;color:#fff9;margin-bottom:6px;text-align:center}.dp-drunk-bg{width:100%;height:12px;background:#ffffff1f;border-radius:99px;overflow:hidden}.dp-drunk-bar{height:100%;width:0%;border-radius:99px;transition:width .4s ease,background .4s ease}.dp-bottle-wrap--soju{transform-origin:50px 16px}.dp-bottle-wrap--soju .dp-cap{top:1px;left:41px;width:18px;height:8px;background:#1f8a1f;border-radius:2px 2px 0 0}.dp-bottle-wrap--soju .dp-cap--pulse{background:#ff6b35}.dp-bottle-wrap--soju .dp-tap-ripple{top:-13px;left:37px;width:28px;height:28px}.dp-bottle-wrap--soju .dp-tap-arrow{top:-32px;left:41px}.sc-chat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}@keyframes sc-bubble-life{0%{opacity:0;transform:translateY(8px) scale(.88)}6%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.92)}}@keyframes sc-bubble-drunk{0%{transform:rotate(-3deg) translate(-2px)}25%{transform:rotate(3deg) translate(2px)}50%{transform:rotate(-2deg) translate(-1px)}75%{transform:rotate(2deg) translate(1px)}to{transform:rotate(-3deg) translate(-2px)}}.sc-chat-bubble-wrap{position:absolute;animation:sc-bubble-life 5s ease forwards}.sc-chat-bubble{max-width:160px;padding:6px 12px;border-radius:20px;background:#ffffffe0;color:#191f28;font-size:13px;font-weight:600;line-height:1.4;word-break:break-all;white-space:nowrap}.sc-chat-bubble--drunk{animation:sc-bubble-drunk .4s ease-in-out infinite}.sc-chat-form{display:flex;gap:8px;width:300px;margin-top:8px}.sc-chat-input{flex:1;height:38px;padding:0 14px;border-radius:20px;border:1.5px solid rgba(255,255,255,.4);background:#ffffffeb;color:#191f28;font-size:16px;outline:none}.sc-chat-input::placeholder{color:#8b95a1}.sc-chat-input:focus{border-color:#ff6b35;background:#fff}.sc-chat-send{height:38px;padding:0 16px;border-radius:20px;border:none;background:#ff6b35;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}.sc-chat-send:active{background:#e55a25}.sc-presence-badge{position:fixed;top:22px;left:calc(50% + 56px);padding:3px 9px;border-radius:12px;background:#00000073;color:#fff;font-size:11px;font-weight:600;pointer-events:none;z-index:2000;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sc-presence-dot{width:8px;height:8px;border-radius:999px;background:#2ecc71;box-shadow:0 0 #2ecc71a6;animation:sc-presence-pulse 1.4s ease-out infinite}.sc-presence-text{white-space:nowrap}@keyframes sc-presence-pulse{0%{box-shadow:0 0 #2ecc71a6}70%{box-shadow:0 0 0 7px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}#root{width:100%;min-height:100vh;box-sizing:border-box;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}@media(min-width:481px){#root{background-color:#fff!important;max-width:480px;margin:0 auto}}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 32px;gap:16px}.glass-emoji{font-size:80px;line-height:1}.hero-text{font-size:16px;color:#8b95a1;margin:0;text-align:center}.action-buttons{display:flex;flex-direction:column;gap:12px;padding:0 24px 40px}:root{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f6f8;color:#191f28}#root{max-width:480px;margin:0 auto;min-height:100vh}@media(min-width:481px){body{display:flex;justify-content:center;align-items:flex-start;background-color:#f5f5f5}}.page-header{padding:32px 20px 8px}.page-header-title{margin:0;font-size:26px;font-weight:700;color:#191f28;line-height:1.3}.page-header-sub{margin:6px 0 0;font-size:15px;color:#8b95a1;line-height:1.4}