@layer screens{.gbar{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:calc(6px + var(--safe-top)) calc(10px + var(--safe-right)) 8px calc(10px + var(--safe-left))}.gbar-lvl{flex:1 0 100%;display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 12px 4px 6px;border:1px solid var(--pink-200);border-radius:var(--r-pill);background:linear-gradient(180deg,var(--white),var(--pink-50));box-shadow:0 3px 0 var(--pink-200),inset 0 2px 0 var(--white);user-select:none;-webkit-user-select:none}.gbar-lvl .rank-lv{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--butter-100),var(--butter-300));box-shadow:0 2px 0 var(--butter-700),inset 0 0 0 1px var(--butter-500);color:var(--cocoa-900);font-family:var(--font-display);font-weight:800;font-size:var(--fs-sm);line-height:1.25;white-space:nowrap}.gbar-lvl .lv-bar{display:block;position:relative;flex:1 1 60px;min-width:48px;height:12px;border-radius:var(--r-pill);background:var(--white);box-shadow:inset 0 0 0 2px var(--pink-300);overflow:hidden}.gbar-lvl .lv-fill{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(180deg,var(--butter-300),var(--butter-500));border-radius:var(--r-pill)}.gbar-lvl .lv-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.7) 45%,transparent 60%) -120% 0 / 60% 100% no-repeat;animation:xp-shine calc(var(--dur-nhau) * 1.8) ease-in-out infinite}@keyframes xp-shine{0%,55%{background-position:-120% 0}to{background-position:260% 0}}.gbar-xp{flex:none;color:var(--text-soft);font-size:var(--fs-xs);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.gbar-left{flex:none;display:flex;align-items:stretch;min-width:0}.gbar-left:empty{display:none}.gbar .gbar-btn{--c1: var(--white);--c2: var(--pink-50);--rim: var(--pink-300);--edge: var(--pink-300);--glow: rgba(168, 46, 104, .2);display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;height:50px;padding:4px 8px;border:2px solid var(--rim);border-radius:var(--r-md);background:linear-gradient(180deg,var(--c1),var(--c2));font-family:var(--font-body);font-size:var(--fs-xs);font-weight:800;color:var(--cocoa-900);line-height:1;white-space:nowrap;box-shadow:0 3.5px 0 var(--edge),0 6px 12px -6px var(--glow),inset 0 2px #fffffff2;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast),background var(--t-fast)}.gbar .gbar-btn:before{content:"";flex:none;width:20px;height:20px;transition:transform var(--t-med) var(--ease-bounce);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d94a8b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.5 12 4.5l8 7'/%3E%3Cpath d='M6.5 10v9.5h11V10' fill='%23ffd2e4'/%3E%3Cpath d='M10 19.5v-5h4v5'/%3E%3C/svg%3E") center / contain no-repeat}.gbar .gbar-btn[aria-label="Cài đặt"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d94a8b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z' fill='%23ffd2e4'/%3E%3Ccircle cx='12' cy='12' r='3' fill='%23fff'/%3E%3C/svg%3E")}.gbar .gbar-btn[aria-label="Tạm dừng"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5.5' y='4.5' width='5' height='15' rx='2' fill='%23ffd2e4' stroke='%23d94a8b' stroke-width='2'/%3E%3Crect x='13.5' y='4.5' width='5' height='15' rx='2' fill='%23ffd2e4' stroke='%23d94a8b' stroke-width='2'/%3E%3C/svg%3E")}.gbar .gbar-btn.ghost{cursor:default}.gbar .gbar-btn.ghost:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d94a8b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h11.5a2 2 0 0 1 2 2v13H7a2 2 0 0 1-2-2z' fill='%23ffd2e4'/%3E%3Cpath d='M9 9h6M9 12.5h6'/%3E%3C/svg%3E")}@media(hover:hover){.gbar .gbar-btn:hover:not(:disabled){background:var(--white);transform:translateY(-1.5px);box-shadow:0 4.5px 0 var(--pink-400),0 8px 16px -6px #a82e684d}.gbar .gbar-btn[aria-label="Cài đặt"]:hover:not(:disabled):before{transform:rotate(45deg)}.gbar .gbar-btn[aria-label="Tạm dừng"]:hover:not(:disabled):before{transform:scale(1.1)}}.gbar .gbar-btn:active:not(:disabled){transform:translateY(2px) scale(.96);box-shadow:0 1.5px 0 var(--edge)}.gbar-day,.gbar-cash,.gbar-rate{position:relative;min-width:0;height:50px;border:2px solid var(--rim);border-radius:var(--r-md);background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:0 3.5px 0 var(--edge),0 6px 12px -6px var(--glow),inset 0 2px #fffffff2;line-height:1.15;text-align:center;white-space:nowrap;user-select:none;-webkit-user-select:none;transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast)}.gbar-day{flex:1 1 70px;--c1: var(--white);--c2: var(--lilac-100);--rim: var(--lilac-300);--edge: var(--lilac-500);--glow: rgba(111, 75, 184, .25);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px 10px}.gbar-day-title{white-space:nowrap;font-family:var(--font-display);font-weight:800;font-size:var(--fs-sm);color:var(--cocoa-900);letter-spacing:.1px;line-height:1.15}.gbar-day .day-sub-wrap{display:flex;align-items:center;justify-content:center;max-width:100%}.gbar-day .day-sub-wrap>span{overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--r-pill);background:var(--lilac-100);border:1px solid var(--lilac-300);color:var(--lilac-700);font-size:var(--fs-xs);font-weight:800;line-height:1.15}.gbar-day .clock{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:var(--r-pill);background:var(--pink-100);border:1px solid var(--pink-300);color:var(--pink-700);font-family:var(--font-display);font-weight:800;font-size:var(--fs-xs);line-height:1.15}.gbar-cash{flex:none;--c1: var(--cream);--c2: var(--butter-100);--rim: var(--butter-500);--edge: var(--butter-700);--glow: rgba(184, 134, 42, .3);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-width:82px;padding:4px 12px 4px 8px;transition:background var(--t-med),transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast)}.cashbox-art{display:inline-flex;align-items:center;justify-content:center;flex:none;filter:drop-shadow(0 2px 2px rgba(138,95,60,.2))}.cashbox-svg{display:block;width:28px;height:25px}.cashbox-svg .cb-coin{transform-origin:29px 7.5px;transition:transform var(--t-fast) var(--ease-bounce)}.cash-txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.05;gap:1px}.cash-val{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);color:var(--cocoa-900);line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.gbar-cash.is-debt{--c1: var(--white);--c2: var(--berry-100);--rim: var(--berry-300);--edge: var(--berry-700);--glow: rgba(212, 41, 79, .25)}.gbar-cash.is-debt .cash-val{color:var(--berry-700)}@media(hover:hover){.gbar-cash:hover{transform:translateY(-1.5px);box-shadow:0 4.5px 0 var(--butter-700),0 8px 16px -6px var(--glow)}.gbar-cash:hover .cb-coin{transform:translateY(-2px)}}.gbar-rate{--c1: var(--white);--c2: var(--pink-50);--rim: var(--pink-300);--edge: var(--pink-300);--glow: rgba(168, 46, 104, .25);display:none;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 10px}.gbar-stars{display:inline-flex;align-items:center;gap:1px}.gbar-stars .ico{width:13px;height:13px}.gbar-stars .ico svg{width:100%;height:100%}.rate-count{font-size:var(--fs-xs);font-weight:800;color:var(--pink-700);white-space:nowrap}.fly-coin-arc{width:22px;height:22px;pointer-events:none;z-index:9999}.fly-coin-arc svg{display:block;width:100%;height:100%}.stars-group{display:inline-flex;align-items:center;gap:2px}.stars-group .ico{width:14px;height:14px}@media(max-width:430px){.gbar-day{padding-inline:6px}.gbar-day .day-sub-wrap>span:not(.clock-wrap){padding-inline:5px}}@media(max-width:359px){.gbar{gap:4px;padding-inline:calc(6px + var(--safe-left)) calc(6px + var(--safe-right))}.gbar .gbar-btn{min-width:48px;padding:3px 5px}.gbar-day{padding:3px 5px}.gbar-cash{min-width:72px;padding:3px 8px 3px 6px;gap:4px}.cashbox-svg{width:24px;height:21px}.cash-val{font-size:var(--fs-sm)}}@media(min-width:960px){.gbar{display:grid;grid-template-columns:minmax(220px,360px) 1fr auto auto auto auto;align-items:center;width:100%;max-width:1120px;margin-inline:auto;padding-inline:var(--sp-5)}.gbar>*{grid-row:1}.gbar-lvl{grid-column:1}.gbar-left{grid-column:3}.gbar-day{grid-column:4}.gbar-cash{grid-column:5;min-width:100px}.gbar-rate{grid-column:6;display:flex}}@media(prefers-reduced-motion:reduce){.gbar-lvl .lv-fill:after{animation:none}}.game.prep .gbar-lvl,.game.prep .gbar-day,.game.prep .gbar-cash,.game.prep .gbar-rate{animation:chip-drop var(--dur-cham) var(--ease-bounce) both}.game.prep .gbar-day{animation-delay:calc(var(--t-fast) / 3)}.game.prep .gbar-cash{animation-delay:var(--t-fast)}.game.prep .gbar-rate{animation-delay:var(--t-med)}@keyframes chip-drop{0%{transform:translateY(-18px) scale(.9);opacity:0}to{transform:none;opacity:1}}}@layer screens{.shop-profile-board{container-type:inline-size;margin:var(--sp-4) var(--sp-3) 0;padding:12px 14px;border-radius:var(--r-xl);background:linear-gradient(180deg,var(--white) 0%,var(--pink-50) 100%);border:1px solid var(--berry-300);box-shadow:0 3.5px 0 var(--pink-300),0 10px 20px -6px #a82e681f,inset 0 2px #fffffff2;display:flex;flex-direction:column;gap:10px;position:relative;transition:transform var(--t-fast)}.profile-top-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.shop-branding{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:3px;min-width:0;min-height:54px;padding-bottom:4px;flex:1}.shop-emblem{grid-row:1 / span 2;position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--white) 0 18%,var(--pink-100) 60%,var(--pink-200) 100%);border:2px solid var(--pink-400);box-shadow:0 3px 0 var(--pink-300),inset 0 -3px #a82e681f,inset 0 2px 0 var(--white);color:var(--pink-700);flex:none}.shop-emblem:before{content:"";position:absolute;inset:3px;border:1.5px dashed rgba(217,74,139,.35);border-radius:50%}.shop-emblem .ico svg{width:24px;height:24px}.shop-title-line{display:flex;align-items:center;gap:4px;min-width:0}.shop-name{min-width:0;margin:0;padding:0 3px;font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--cocoa-900);line-height:1.2;letter-spacing:-.2px;background:linear-gradient(transparent 58%,var(--pink-100) 58%,var(--pink-200) 92%,transparent 92%) no-repeat;border-radius:3px}.edit-shop-btn{position:relative;flex:none;display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:-8px -6px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--pink-600);cursor:pointer;transition:transform var(--t-fast) var(--ease-bounce),color var(--t-fast)}.edit-shop-btn .ico{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid var(--pink-300);border-radius:50%;background:var(--white);box-shadow:0 2px 0 var(--pink-200)}.edit-shop-btn .ico svg{width:14px;height:14px}@media(hover:hover){.edit-shop-btn:hover{transform:translateY(-1px) rotate(-8deg);color:var(--pink-700)}.edit-shop-btn:hover .ico{background:var(--pink-50)}}.edit-shop-btn:active{transform:translateY(1px) scale(.92)}.edit-shop-btn:active .ico{box-shadow:none}.edit-shop-btn:focus-visible{outline:3px solid var(--pink-400);outline-offset:2px}.owner-subline{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0;padding-left:3px;font-size:var(--fs-xs);line-height:1.2}.owner-label{color:var(--text-soft);font-weight:700}.owner-name{color:var(--cocoa-900);font-weight:800}.meta-bullet{color:var(--pink-300);font-size:var(--fs-xs)}.rank-label{color:var(--pink-700);font-weight:800}.lv-chip{position:absolute;left:22px;top:33px;z-index:1;transform:translate(-50%);display:inline-flex;align-items:center;gap:2px;height:19px;padding:0 6px 0 3px;border:1.5px solid var(--butter-500);border-radius:var(--r-pill);background:linear-gradient(180deg,var(--butter-100),var(--butter-300));box-shadow:0 1.5px 0 var(--butter-700),inset 0 1px #ffffffb3;color:var(--cocoa-900);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;white-space:nowrap}.lv-chip:before{content:"";width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.1l-5.6 2.9 1.1-6.2L3 9.4l6.2-.9z' fill='%23fff' stroke='%23b8862a' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}@media(prefers-reduced-motion:reduce){.edit-shop-btn{transition:none}}.standing-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:5px 11px;border-radius:11px;background:linear-gradient(180deg,var(--paper-50) 0%,var(--cream) 100%);border:1.5px solid var(--wood-300);box-shadow:0 2px 0 var(--wood-300),inset 0 1px 0 var(--white);color:var(--cocoa-900);font-size:var(--fs-xs);font-weight:700;cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast)}.standing-chip:active,.standing-chip[aria-expanded=true]{transform:translateY(1px);box-shadow:0 1px 0 var(--wood-300),inset 0 1px 0 var(--white)}.standing-loc{display:inline-flex;align-items:center;gap:5px;min-width:0}.loc-text{color:var(--cocoa-900);font-weight:800}.standing-sep{color:var(--wood-300);font-weight:800;flex:none}.standing-rep{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:var(--fs-xs)}.standing-ico{font-size:var(--fs-xs);flex:none}.standing-ico svg{width:14px;height:14px}.rep-text{color:var(--wood-700);font-weight:700}.rep-pts{color:var(--peach-text);font-weight:800;background:var(--wood-100);padding:1px 6px;border-radius:999px;border:1px solid var(--butter-300);font-size:var(--fs-xs)}.standing-chip.rep-tier-4{border-color:var(--butter-300);background:linear-gradient(180deg,var(--cream),var(--butter-100))}.standing-chip.rep-tier-5{border-color:var(--pink-300);background:linear-gradient(180deg,var(--pink-50),var(--pink-100))}.profile-actions-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:8px;width:100%}.action-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid;border-radius:16px;font-size:var(--fs-xs);font-weight:800;white-space:nowrap;cursor:pointer;transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast),filter var(--t-fast)}.action-pill .act-ico svg{width:16px;height:16px}@media(hover:hover){.action-pill:hover{transform:translateY(-1.5px);filter:brightness(1.03)}.act-practice:hover .act-go{transform:translate(2px)}}.action-pill:active{transform:translateY(2px) scale(.98);box-shadow:0 1px 0 var(--edge-color, transparent)}.action-pill.act-practice{--edge-color: var(--butter-700);justify-content:flex-start;gap:8px;padding:4px 8px 4px 5px;text-align:left;border-color:var(--butter-500);background:linear-gradient(180deg,var(--cream) 0%,var(--butter-100) 100%);color:var(--cocoa-900);box-shadow:0 3px 0 var(--edge-color),0 8px 14px -8px #b8862a73,inset 0 2px 0 var(--white)}.act-tile{flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--butter-500);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--white),var(--butter-300));box-shadow:0 2px 0 var(--butter-700)}.act-tile .act-ico svg{width:20px;height:20px}.act-txt{display:grid;min-width:0;line-height:1.15}.act-title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800}.act-sub{display:none;font-size:var(--fs-xs);font-weight:700;color:var(--butter-text)}.act-go{display:none;flex:none;width:26px;height:26px;margin-left:auto;border-radius:50%;background:var(--butter-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E") center / 16px no-repeat;box-shadow:0 2px 0 var(--butter-700);transition:transform var(--t-fast) var(--ease-bounce)}.act-practice:only-child{min-height:52px;padding-right:10px}.act-practice:only-child .act-sub,.act-practice:only-child .act-go{display:block}.act-practice:only-child .act-title{font-size:var(--fs-md)}.action-pill.act-regulars{--edge-color: var(--pink-400);background:linear-gradient(180deg,var(--white) 0%,var(--pink-100) 100%);border-color:var(--pink-300);color:var(--pink-700);box-shadow:0 2.5px 0 var(--edge-color),0 5px 10px -3px #a82e6838,inset 0 1px 0 var(--white)}.action-pill.act-chain{--edge-color: var(--sky-edge);background:linear-gradient(180deg,var(--white) 0%,var(--sky-100) 100%);border-color:var(--sky-500);color:var(--sky-text);box-shadow:0 2.5px 0 var(--edge-color),0 5px 10px -3px #3f7fc038,inset 0 1px 0 var(--white)}.rep-tip,.wx-tip{display:grid;gap:3px;padding:8px 12px;border-radius:12px;font-size:var(--fs-xs);animation:pop-in var(--t-med) var(--ease-bounce)}.rep-tip{border:1px solid var(--butter-300);background:var(--cream);box-shadow:0 3px 6px -2px #b8862a26}.rep-tip strong{color:var(--peach-text);font-size:var(--fs-xs)}.rep-tip span{color:var(--wood-700);font-weight:600;line-height:1.3}.wx-tip{border:1px solid var(--sky-300);background:var(--white);box-shadow:0 4px 10px -2px #3f7fc02e;padding:10px 12px;gap:5px}.wx-tip-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.wx-season-badge{font-size:var(--fs-xs);font-weight:800;padding:1.5px 6.5px;border-radius:999px;line-height:1.2}.wx-season-badge.season-xuan{background:var(--pink-100);color:var(--pink-700);border:1px solid var(--pink-200)}.wx-season-badge.season-ha{background:var(--butter-100);color:var(--peach-text);border:1px solid var(--butter-300)}.wx-season-badge.season-thu{background:var(--wood-100);color:var(--peach-text);border:1px solid var(--wood-300)}.wx-season-badge.season-dong{background:var(--sky-100);color:var(--sky-text);border:1px solid var(--sky-300)}.wx-tip-title{color:var(--cocoa-900);font-size:var(--fs-xs);font-weight:800}.wx-buff-tagline{margin:0;font-size:var(--fs-xs);font-style:italic;font-weight:600;color:var(--lilac-700)}.wx-buff-list{margin:3px 0 5px;padding-left:18px;display:flex;flex-direction:column;gap:2.5px}.wx-buff-list li{font-size:var(--fs-xs);font-weight:700;color:var(--cocoa-900);line-height:1.25}.wx-weather-detail,.wx-forecast-line,.wx-event-line{font-size:var(--fs-xs);color:var(--cocoa-700);line-height:1.3}.wx-detail-label{font-weight:800;color:var(--cocoa-900)}@media(max-width:599px){.shop-profile-board{padding:7px 10px;gap:6px;margin:6px var(--sp-2) 0}.shop-name{font-size:var(--fs-md)}.shop-emblem{width:40px;height:40px}.lv-chip{left:20px;top:30px}.shop-emblem .ico svg{width:22px;height:22px}.owner-subline{font-size:var(--fs-xs);gap:4px}.owner-subline .meta-bullet,.owner-subline .rank-label{display:none}.act-practice:only-child{min-height:44px}.act-practice:only-child .act-sub{display:none}.standing-chip{min-height:44px;padding:4px 9px;font-size:var(--fs-xs);gap:6px;flex-wrap:wrap}.standing-loc{flex:1 1 auto;min-width:0}.standing-rep{flex:none;font-size:var(--fs-xs)}.action-pill{min-height:44px;min-width:44px;padding:0 6px;font-size:var(--fs-xs);gap:4px}.action-pill .act-ico svg{width:14px;height:14px}.act-tile .act-ico svg{width:18px;height:18px}.action-pill.act-practice:not(:only-child){justify-content:center;padding:0 6px;gap:4px}.action-pill.act-practice:not(:only-child) .act-tile{width:auto;height:auto;border:0;background:none;box-shadow:none}.action-pill.act-practice:not(:only-child) .act-tile .act-ico svg{width:16px;height:16px}.action-pill.act-practice:not(:only-child) .act-title{font-family:var(--font-body);font-size:var(--fs-xs)}}@container (max-width: 300px){.profile-top-row{flex-direction:column;align-items:stretch;gap:8px}.weather-signboard:before,.weather-signboard:after{display:none}.standing-chip{flex-direction:column;align-items:stretch;gap:4px;padding:6px 10px}.standing-sep{display:none}.standing-loc{width:100%}}}@layer screens{.weather-signboard{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:4px 9px 4px 6px;background:linear-gradient(180deg,var(--white) 0%,var(--sky-100) 100%);border:1.5px solid var(--sky-300);border-radius:13px;box-shadow:0 2px 0 var(--sky-300),inset 0 1px 0 var(--white);cursor:pointer;text-align:left;transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast)}.weather-signboard:active,.weather-signboard[aria-expanded=true]{transform:translateY(1.5px);box-shadow:0 .5px 0 var(--sky-300),inset 0 1px 0 var(--white)}.weather-visual{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;flex:none}.weather-visual .wx-icon{width:24px;height:24px;display:block}.wx-nang-dep .wx-icon path,.wx-nang-gat .wx-icon path{animation:wx-sun-spin 16s linear infinite;transform-origin:12px 12px}.wx-nang-dep .wx-icon circle,.wx-nang-gat .wx-icon circle{animation:wx-sun-breathe 2.8s ease-in-out infinite;transform-origin:12px 12px}@keyframes wx-sun-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wx-sun-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.wx-may-mat .wx-icon{animation:wx-cloud-drift 3.5s ease-in-out infinite}@keyframes wx-cloud-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.wx-mua-nhe .wx-icon g,.wx-mua-to .wx-icon g{animation:wx-rain-drops 1.4s ease-in-out infinite}@keyframes wx-rain-drops{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(1.5px);opacity:1}}.wx-lanh .wx-icon{animation:wx-snow-twinkle 3s ease-in-out infinite}@keyframes wx-snow-twinkle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(15deg) scale(1.05)}}.wx-mua-phun .wx-icon g{animation:wx-rain-drops 2s ease-in-out infinite}.wx-mua-phun .wx-icon path[fill]{animation:wx-sprout-grow 3s ease-in-out infinite;transform-origin:12px 21px}@keyframes wx-sprout-grow{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.wx-mua-rao .wx-icon g{animation:wx-summer-rain .9s linear infinite}@keyframes wx-summer-rain{0%{transform:translateY(-1px);opacity:.8}50%{transform:translateY(1.5px);opacity:1}to{transform:translateY(3px);opacity:.3}}.wx-heo-may .wx-icon path[fill]{animation:wx-leaf-dance 2.6s ease-in-out infinite alternate;transform-origin:16px 12px}@keyframes wx-leaf-dance{0%{transform:rotate(-8deg) translateY(0)}to{transform:rotate(12deg) translateY(2px)}}.wx-suong-mu .wx-icon g{animation:wx-mist-flow 4s ease-in-out infinite}@keyframes wx-mist-flow{0%,to{transform:translate(0);opacity:.85}50%{transform:translate(1.5px);opacity:1}}.wx-gio-ret .wx-icon g:last-child{animation:wx-frost-shiver 2s ease-in-out infinite}@keyframes wx-frost-shiver{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(15deg)}}.weather-signboard.season-xuan{background:linear-gradient(180deg,var(--white) 0%,var(--pink-50) 100%);border-color:var(--pink-200);box-shadow:0 2px 0 var(--pink-500),inset 0 1px 0 var(--white)}.weather-signboard.season-ha{background:linear-gradient(180deg,var(--white) 0%,var(--paper-100) 100%);border-color:var(--butter-300);box-shadow:0 2px 0 var(--butter-500),inset 0 1px 0 var(--white)}.weather-signboard.season-thu{background:linear-gradient(180deg,var(--white) 0%,var(--cream) 100%);border-color:var(--wood-300);box-shadow:0 2px 0 var(--peach-edge),inset 0 1px 0 var(--white)}.weather-signboard.season-dong{background:linear-gradient(180deg,var(--white) 0%,var(--white) 100%);border-color:var(--sky-300);box-shadow:0 2px 0 var(--sky-500),inset 0 1px 0 var(--white)}.weather-text{display:flex;flex-direction:column;gap:1px;line-height:1.1}.weather-title-row{display:flex;align-items:center;gap:4.5px}.weather-name{font-size:var(--fs-xs);font-weight:800;color:var(--sky-text)}.weather-season-tag{font-size:var(--fs-xs);font-weight:800;padding:.5px 4.5px;border-radius:999px;line-height:1.2}.weather-season-tag.season-xuan{background:var(--pink-50);color:var(--pink-text);border:1px solid var(--pink-200)}.weather-season-tag.season-ha{background:var(--butter-100);color:var(--butter-text);border:1px solid var(--butter-300)}.weather-season-tag.season-thu{background:var(--peach-100);color:var(--peach-text);border:1px solid var(--peach-300)}.weather-season-tag.season-dong{background:var(--sky-100);color:var(--sky-text);border:1px solid var(--sky-300)}.weather-buff{font-size:var(--fs-xs);font-weight:700;color:var(--sky-text);white-space:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis}.weather-signboard:before,.weather-signboard:after{content:"";position:absolute;top:-11px;width:1.5px;height:11px;border-radius:1px;background:var(--cocoa-700);opacity:.55}.weather-signboard:before{left:16px;transform:rotate(10deg)}.weather-signboard:after{right:16px;transform:rotate(-10deg)}@keyframes wx-sign-sway{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}.edit-shop-btn:after{content:"";position:absolute;inset:-8px;border-radius:50%}@media(max-width:599px){.weather-signboard{padding:3px 8px 3px 5px;gap:5px}.weather-buff{display:none}}@media(prefers-reduced-motion:reduce){.weather-signboard,.weather-visual .wx-icon,.weather-visual .wx-icon *{animation:none!important}}}@layer screens{.tabs-rail{position:relative;display:flex;align-items:flex-end;margin:var(--sp-3) var(--sp-3) 0;padding:0;min-width:0;max-width:100%;box-sizing:border-box;border:0;background:transparent}.tab-scroll-btn:after{content:"";position:absolute;inset:-4px;border-radius:50%}.tab-scroll-btn{position:absolute;top:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--pink-300);border-radius:var(--r-pill);background:linear-gradient(180deg,var(--white) 0%,var(--pink-100) 100%);color:var(--cocoa-900);cursor:pointer;touch-action:manipulation;box-shadow:0 2px 0 var(--pink-300),0 3px 6px -2px #a82e6833;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%);transition:opacity var(--t-fast),transform var(--t-fast) var(--ease-bounce),background var(--t-fast),box-shadow var(--t-fast);z-index:3}.tab-scroll-prev{left:4px}.tab-scroll-next{right:4px}.tab-scroll-btn.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) scale(1)}@media(hover:hover){.tab-scroll-btn:hover{background:var(--white);transform:translateY(-50%) scale(1.08);box-shadow:0 3px 0 var(--pink-400)}}.tab-scroll-btn:active{transform:translateY(calc(-50% + 1.5px)) scale(.92);box-shadow:0 1px 0 var(--pink-300)}.tab-scroll-btn .tab-scroll-ico{display:inline-flex;align-items:center;justify-content:center}.tab-scroll-btn .tab-scroll-ico svg{width:14px;height:14px;display:block}.rail-badge-hint{position:absolute;top:-5px;right:-4px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--berry);color:var(--white);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;line-height:1;box-shadow:0 0 0 1.5px var(--white),0 2px 5px #db2b5373;pointer-events:none;animation:badge-pulse 2.2s infinite ease-in-out}.tabs{flex:1 1 auto;display:flex;align-items:flex-end;gap:5px;margin:var(--sp-3) var(--sp-3) 0;padding:4px 2px 0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:36px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;border:0;background:transparent}.tabs-rail .tabs{flex:1 1 auto;width:100%;min-width:0;margin:0;padding:4px 2px 0}.tabs::-webkit-scrollbar{display:none}.tab{--c1: var(--paper-50);--c2: var(--paper-200);--edge: var(--wood-500);--glow: rgba(161, 108, 61, .22);flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 11px;scroll-snap-align:center;border:1.5px solid var(--wood-300);border-radius:var(--r-md) var(--r-md) 6px 6px;background:linear-gradient(180deg,var(--white),var(--paper-100));box-shadow:0 2px 0 var(--wood-300),inset 0 1.5px 0 var(--white);color:var(--cocoa-900);font-family:var(--font-body);font-weight:800;font-size:var(--fs-xs);white-space:nowrap;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast),border-color var(--t-fast)}.tab .tab-ico{display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-md);line-height:1;transition:transform var(--t-fast) var(--ease-bounce);opacity:.88}.tab .tab-ico svg{width:16px;height:16px;display:block}.tab .tab-txt{line-height:1.1;letter-spacing:-.1px}.tab.tab-kho:not(.on) .tab-ico{color:var(--peach-text)}.tab.tab-gia:not(.on) .tab-ico{color:var(--butter-text)}.tab.tab-nang-cap:not(.on) .tab-ico{color:var(--mint-text)}.tab.tab-nhiem-vu:not(.on) .tab-ico{color:var(--lilac-700)}.tab.tab-nhan-vien:not(.on) .tab-ico{color:var(--sky-text)}.tab.tab-trang-tri:not(.on) .tab-ico{color:var(--pink-text)}.tab.tab-danh-gia:not(.on) .tab-ico{color:var(--butter-text)}.tab.tab-so-sach:not(.on) .tab-ico{color:var(--wood-700)}@media(hover:hover){.tab:not(.on):hover{background:var(--white);border-color:var(--pink-400);color:var(--cocoa-900);transform:translateY(-2px);box-shadow:0 3px 0 var(--pink-300)}.tab:not(.on):hover .tab-ico{transform:scale(1.1) rotate(-3deg);opacity:1}}.tab:active{transform:translateY(1.5px) scale(.97);box-shadow:0 1px 0 var(--edge)}.tab.tab-kho{--c1: var(--paper-50);--c2: var(--peach-300);--edge: var(--peach-700)}.tab.tab-gia{--c1: var(--butter-100);--c2: var(--butter-300);--edge: var(--butter-700)}.tab.tab-nang-cap{--c1: var(--mint-100);--c2: var(--mint-300);--edge: var(--mint-700)}.tab.tab-nhiem-vu{--c1: var(--lilac-100);--c2: var(--lilac-300);--edge: var(--lilac-700)}.tab.tab-nhan-vien{--c1: var(--sky-100);--c2: var(--sky-300);--edge: var(--sky-700)}.tab.tab-trang-tri{--c1: var(--pink-100);--c2: var(--pink-300);--edge: var(--pink-700)}.tab.tab-danh-gia{--c1: var(--butter-100);--c2: var(--butter-300);--edge: var(--butter-700)}.tab.tab-so-sach{--c1: var(--cream);--c2: var(--wood-300);--edge: var(--wood-700)}.tab.on{z-index:2;background:linear-gradient(180deg,var(--c1),var(--paper));color:var(--cocoa-900);border-color:var(--edge);box-shadow:0 3px 0 var(--edge),inset 0 2px 0 var(--white);transform:translateY(-2px)}.tab.on .tab-ico{opacity:1;transform:scale(1.12) rotate(-3deg)}.tab.fresh{animation:tab-squash-bounce var(--dur-nhe) var(--spring-nhe)}@keyframes tab-squash-bounce{0%{transform:scale(.92,1.08)}50%{transform:scale(1.06,.94)}to{transform:translateY(-2px) scale(1)}}.badge{position:absolute;top:-5px;right:-3px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--berry),var(--berry-700));color:var(--white);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;line-height:1;box-shadow:0 0 0 1.5px var(--white),0 2px 4px #b4143c66;transform:rotate(4deg);pointer-events:none;animation:badge-pulse 2.2s infinite ease-in-out}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.tab-panel{margin:var(--sp-1) var(--sp-3) var(--sp-5);padding:var(--sp-4);border:1.5px solid var(--wood-300);border-radius:var(--r-xl);background:var(--paper);box-shadow:0 4px 0 var(--wood-300),0 10px 24px -10px #4a2a2224,inset 0 2px #ffffffe6;animation:panel-in var(--t-slow) var(--ease-out)}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tab-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--sp-3)}.h-sec{display:block;margin:0 0 var(--sp-1);font-size:var(--fs-xl);color:var(--cocoa-900)}.locked-heading{margin-top:var(--sp-5)}.note-box{display:grid;gap:var(--sp-2);margin:var(--sp-2) 0;padding:var(--sp-3) var(--sp-4);border:2px dashed var(--pink-300);border-radius:var(--r-lg);background:var(--white)}.note-box p{margin:0;font-weight:700}.empty-box{padding:var(--sp-2) 0 var(--sp-3)}.empty-box p{margin:var(--sp-2) 0 0}.tabs-rail{margin:var(--sp-2) var(--sp-2) 0}.tab-scroll-btn{display:none}.tabs,.tabs-rail .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:2px 0 0;overflow:visible;mask-image:none;-webkit-mask-image:none}.tab{min-height:44px;padding:2px 4px;font-size:var(--fs-xs);gap:3px;justify-content:center}.tab .tab-ico svg{width:14px;height:14px}@media(max-width:719px){.tab-panel{margin-inline:var(--sp-2)}}}@layer screens{.shelf-dashboard{display:grid;gap:10px;margin-bottom:14px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.diba-stock-note.paper-card{padding:12px 14px;border-width:1px;border-color:var(--paper-line);background:linear-gradient(180deg,var(--paper-50) 0%,var(--cream) 100%);box-shadow:0 3px 0 var(--paper-line),inset 0 1px 0 var(--white)}.diba-note-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.diba-note-quote{margin:0;font-size:var(--fs-sm);font-weight:700;color:var(--cocoa-900);line-height:1.35;flex:1 1 180px}.diba-note-quote strong{font-family:var(--font-display);font-weight:800;color:var(--pink-700)}.stock-summary-sticker{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;white-space:nowrap;flex:none;transform:rotate(-1.5deg)}.stock-summary-sticker .sticker-ico svg{width:13px;height:13px}.stock-summary-sticker.ok{border:1.5px solid var(--mint-500);background:var(--mint-100);color:var(--mint-700);box-shadow:0 2px 0 var(--mint-500)}.stock-summary-sticker.warn{border:1.5px solid var(--butter-500);background:var(--butter-100);color:var(--butter-text);box-shadow:0 2px 0 var(--butter-edge)}.stock-empty-callout{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--paper-line);flex-wrap:wrap}.empty-jar-illust{flex:none;display:inline-flex}.stock-empty-text{margin:0;flex:1 1 150px;font-size:var(--fs-xs);font-weight:700;color:var(--wood-700);line-height:1.3}.shelf-auto-card{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:9px 12px;border:1px solid var(--butter-500);border-radius:18px;background:linear-gradient(180deg,var(--paper-50) 0%,var(--butter-100) 100%);box-shadow:0 3.5px 0 var(--butter-edge),0 6px 14px #dc961e24,inset 0 2px 0 var(--white);color:var(--cocoa-900);cursor:pointer;text-align:left;transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast)}@media(hover:hover){.shelf-auto-card:hover:not(:disabled){transform:translateY(-1.5px);filter:saturate(1.05)}}.shelf-auto-card:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--butter-edge)}.shelf-auto-card.disabled{cursor:default;border-color:var(--paper-line);background:var(--cream);box-shadow:0 2.5px 0 var(--paper-line);color:var(--wood-700)}.shelf-auto-card.upturned .auto-pkg-icon .ico{transform:rotate(180deg)}.auto-card-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.auto-pkg-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--white);border:1.5px solid var(--butter-300);box-shadow:0 2px 0 var(--butter-edge);font-size:var(--fs-lg);flex:none}.auto-card-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.auto-card-text strong{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900);line-height:1.25}.auto-card-text small{font-size:var(--fs-xs);font-weight:600;color:var(--wood-700);line-height:1.3}.auto-card-price{flex:none;margin:0}.auto-card-price span{display:inline-flex;align-items:center;justify-content:center;padding:5px 11px;border-radius:14px;background:linear-gradient(180deg,var(--pink-200),var(--pink-400));color:var(--text);font-family:var(--font-display);font-weight:800;font-size:var(--fs-xs);box-shadow:0 2.5px 0 var(--pink-edge),inset 0 1px #ffffff80;white-space:nowrap}.shelf-auto-card.disabled .auto-card-price span{background:var(--paper-100);color:var(--wood-700);box-shadow:0 1.5px 0 var(--paper-line)}.shelf-recipes-bar{display:grid;gap:6px;width:100%;min-width:0}.shelf-recipes-label{font-size:var(--fs-xs);font-weight:800;color:var(--wood-700)}.make-row{display:flex;flex-wrap:wrap;gap:6px;width:100%}.make-cup-item{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 7px;border-radius:14px;border:1.5px solid var(--paper-line);background:linear-gradient(180deg,var(--white),var(--paper-50));color:var(--cocoa-900);font-size:var(--fs-xs);line-height:1.2;box-shadow:0 2px 0 var(--paper-line)}.make-cup-item.ok{border-color:var(--mint-300);background:linear-gradient(180deg,var(--paper-50),var(--mint-100))}.make-cup-item.low{border-color:var(--butter-500);background:linear-gradient(180deg,var(--cream),var(--butter-100))}.make-cup-item.out{border-color:var(--pink-300);background:var(--pink-50)}.make-mini-cup{position:relative;width:14px;height:18px;border:1.5px solid var(--cocoa-900);border-radius:2px 2px 5px 5px;background:#ffffffd9;overflow:hidden;flex:none}.make-cup-fill{position:absolute;inset:0;background:var(--cup-c, var(--cup-default));transform-origin:center bottom;transition:transform var(--t-fast) var(--ease-bounce)}.make-chip-name{font-weight:800}.make-out-sticker{padding:1px 5px;border-radius:6px;background:var(--berry-100);color:var(--berry-700);font-family:var(--font-display);font-weight:800;font-size:var(--fs-xs);transform:rotate(-3deg)}.make-chip-count{display:none;font-family:var(--font-display);font-weight:800;color:var(--pink-700)}.make-cup-item:focus-visible .make-chip-count,.make-cup-item:active .make-chip-count{display:inline}@media(hover:hover){.make-cup-item:hover .make-chip-count{display:inline}}.safety-card{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;border:1px dashed var(--peach-edge);border-radius:18px;background:linear-gradient(180deg,var(--paper-50),var(--paper-100));box-shadow:0 3px 0 var(--peach-300)}.safety-icon{font-size:var(--fs-2xl)}.safety-body{flex:1}.safety-title{display:block;font-size:var(--fs-xs);font-weight:800;color:var(--cocoa-900)}.safety-desc{margin:2px 0 0;font-size:var(--fs-xs);font-weight:600;color:var(--peach-text)}.btn-safety{flex:none;font-size:var(--fs-xs);padding:6px 12px}}@layer screens{.shelf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}@media(max-width:339px){.shelf-grid{grid-template-columns:1fr}}@media(min-width:600px){.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}}.shelf-tile{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:10px 10px 12px;border:1px solid var(--wood-300);border-radius:20px;background:linear-gradient(180deg,var(--paper-50) 0%,var(--cream) 88%,var(--wood-100) 100%);box-shadow:0 5px 0 var(--wood-300),0 8px 16px #8c502814,inset 0 2px 0 var(--white);transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast);-webkit-user-select:none;user-select:none}@media(hover:hover){.shelf-tile:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--wood-300),0 12px 20px #8c50281f,inset 0 2px 0 var(--white)}}.shelf-tile.in-cart{border-color:var(--pink-300);background:linear-gradient(180deg,var(--white) 0%,var(--pink-50) 88%,var(--wood-100) 100%);box-shadow:0 5px 0 var(--pink-300),inset 0 2px 0 var(--white)}.shelf-tile.out .shelf-art img{filter:grayscale(.65);opacity:.6}.shelf-tile.pop{animation:tile-glow var(--dur-vua) var(--ease-out)}@keyframes tile-glow{0%{box-shadow:0 5px 0 var(--pink-300),0 0 0 4px #ff8fbb8c,inset 0 2px 0 var(--white)}to{box-shadow:0 5px 0 var(--pink-300),inset 0 2px 0 var(--white)}}.shelf-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:22px;margin-bottom:4px}.shelf-tag.deal-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border:1px solid var(--butter-edge);border-radius:10px;background:linear-gradient(180deg,var(--cream),var(--butter-300));color:var(--butter-text);font-size:var(--fs-xs);font-weight:800}.shelf-stock-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:10px;font-size:var(--fs-xs);font-weight:800;border:1px solid var(--paper-line);background:var(--cream);color:var(--cocoa-900)}.shelf-stock-badge.low{border-color:var(--peach-edge);background:var(--peach-100);color:var(--peach-text)}.shelf-stock-badge.out{border-color:var(--berry);background:var(--berry-100);color:var(--berry-700)}.shelf-jar-trigger{position:relative;display:flex;flex-direction:column;align-items:center;padding:5px 6px 2px;margin-bottom:5px;border:0;background:transparent;cursor:pointer;transition:transform var(--t-fast) var(--ease-bounce)}.shelf-jar-trigger:active{transform:translateY(1px) scale(.97)}@media(hover:hover){.shelf-jar-trigger:hover{transform:translateY(-2px)}}.jar-neck-cap{position:relative;width:58px;height:11px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--pink-200) 0%,var(--pink-400) 100%);border:1px solid var(--cocoa-900);box-shadow:0 0 0 .5px var(--cocoa-900),inset 0 1.5px #ffffffd9,0 1.5px #3b21402e;margin-bottom:-2px;z-index:3}.jar-neck-cap:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:16px;height:5px;border-radius:5px 5px 2px 2px;background:var(--pink-300);border:1px solid var(--cocoa-900);border-bottom:0}.shelf-art.jar-vessel{position:relative;display:grid;place-items:center;width:82px;height:82px;border-radius:13px 13px 18px 18px;border:1px solid var(--cocoa-900);background:radial-gradient(circle at 50% 44%,#fffffff5,#fff8f0d1 68%,#f6e4d48c);box-shadow:0 0 0 .5px var(--cocoa-900),inset 0 2px 4px #fffffff2,inset 0 -3px 6px #8a5f3c2e,0 2px #3b214026;overflow:hidden;z-index:2}.shelf-art.jar-vessel:after{content:"";position:absolute;right:5px;top:16px;bottom:16px;width:5px;background:repeating-linear-gradient(180deg,rgba(59,33,64,.24) 0px,rgba(59,33,64,.24) 1.5px,transparent 1.5px,transparent 9px);pointer-events:none;z-index:3}.jar-shine{position:absolute;top:7px;bottom:9px;left:6px;width:6px;border-radius:99px;background:linear-gradient(180deg,#ffffffeb,#ffffff40);pointer-events:none;z-index:3}.jar-pedestal{width:90px;height:7px;margin-top:-2px;border-radius:5px;border:1px solid var(--wood-700);background:linear-gradient(180deg,var(--wood-300) 0%,var(--wood-500) 100%);box-shadow:0 2px #3b214029,inset 0 1px #fff9;z-index:1}.shelf-jar-fill{position:absolute;inset:0;background:linear-gradient(180deg,#ffeec48c,#ffd4b2c7);border-top:1px solid rgba(255,255,255,.85);transform-origin:center bottom;transition:transform var(--t-med) var(--ease-bounce);z-index:0}.shelf-jar-target{position:absolute;left:7px;right:12px;border-top:1px dashed rgba(92,53,73,.38);z-index:1;pointer-events:none}.shelf-art-inner{position:relative;z-index:2;width:66px;height:66px;transform:translateY(2px);filter:drop-shadow(0 2px 2px rgba(59,33,64,.14))}.shelf-art-inner img{display:block;width:100%;height:100%;object-fit:contain}.shelf-info{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;text-align:center;margin-bottom:6px}.shelf-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900);line-height:1.2}.shelf-status-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:8px;font-size:var(--fs-xs);font-weight:700;line-height:1.15;border:1px solid var(--mint-300);background:var(--mint-100);color:var(--mint-text)}.shelf-status-pill.infinite{border-color:var(--lilac-300);background:var(--lilac-100);color:var(--lilac-700)}.shelf-status-pill.warn{border-color:var(--butter-500);background:var(--butter-100);color:var(--butter-text);font-weight:800}.shelf-cart-row{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:4px;width:100%;box-sizing:border-box;min-height:36px;margin-bottom:6px;padding:2px;border:1px solid var(--pink-300);border-radius:14px;background:var(--white)}.shelf-cart-row.is-empty{visibility:hidden}.shelf-stepper-btn{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;font-size:var(--fs-md);font-weight:800;cursor:pointer}.shelf-stepper-btn.minus{background:var(--pink-100);color:var(--berry)}.shelf-stepper-btn.plus{background:var(--mint-100);color:var(--mint-text)}.shelf-cart-summary{display:flex;flex-direction:column;align-items:center;line-height:1.15}.cart-qty{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;color:var(--berry-700)}.cart-cost{font-size:var(--fs-xs);font-weight:700;color:var(--cocoa-700);font-variant-numeric:tabular-nums}.shelf-buy{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:auto}.shelf-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:4px 2px;border-radius:13px;font-family:var(--font-body);cursor:pointer;touch-action:manipulation}.shelf-btn-title{font-size:var(--fs-xs);font-weight:800;line-height:1.15}.shelf-btn-price{font-size:var(--fs-xs);font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}.shelf-btn-price.deal{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.05}.shelf-btn-price.deal del{opacity:.65;font-size:var(--fs-xs)}.shelf-btn-price.deal b{color:var(--berry-700)}.shelf-btn.one{border:1px solid var(--mint-300);background:linear-gradient(180deg,var(--white) 0%,var(--mint-100) 100%);box-shadow:0 2.5px 0 var(--mint-500);color:var(--mint-text)}.shelf-btn.pack{border:1px solid var(--pink-300);background:linear-gradient(180deg,var(--white) 0%,var(--pink-100) 100%);box-shadow:0 2.5px 0 var(--pink-400);color:var(--cocoa-900)}.shelf-btn.unaffordable{opacity:.55;cursor:not-allowed}.cart-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding:10px 14px;border:1px solid var(--butter-500);border-radius:18px;background:linear-gradient(180deg,var(--cream) 0%,var(--butter-100) 100%);color:var(--cocoa-900);box-shadow:0 3.5px 0 var(--butter-edge),inset 0 2px 0 var(--white)}.cart-strip.is-empty{border-style:dashed;opacity:.75}.cart-strip.is-empty .cart-clear{visibility:hidden}.cart-strip-left{display:flex;align-items:center;gap:8px}.cart-strip-icon{font-size:var(--fs-xl)}.cart-strip-info{display:grid;gap:1px}.cart-strip-label{font-size:var(--fs-xs);font-weight:700;color:var(--butter-text)}.cart-strip-val{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900)}.cart-clear{min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--pink-300);border-radius:14px;background:var(--white);color:var(--cocoa-900);font-size:var(--fs-xs);font-weight:800;box-shadow:0 2px 0 var(--pink-300);cursor:pointer}}@layer screens{@media(min-width:600px){.game{max-width:1120px}.game.prep .prep-scroll:has(.scene){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:var(--sp-6);align-items:start;padding:var(--sp-4) var(--sp-5)}.game.prep .prep-scroll>*{margin-inline:0}.prep-left,.prep-right{display:grid;align-content:start;gap:var(--sp-3);min-width:0;max-width:100%}.prep-left{position:sticky;top:0}.prep-right>.tabs,.prep-right>.tabs-rail{margin:0;position:relative;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.prep-right>.tab-panel{margin:0;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.prep-left>.scene{border-radius:var(--r-xl)}.prep-left>.shop-card{margin:0}.product-grid,.staff-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(min-width:960px){.cta-bar{padding-inline:var(--sp-5)}.cta-bar .cta{display:flex;width:min(520px,100%);margin-inline:auto}}@media(max-width:599px){.prep-left,.prep-right{display:contents}.game.prep .scene{aspect-ratio:16 / 10}}.gbar-compact-shop{display:none;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:linear-gradient(180deg,var(--butter-100),var(--wood-100));border:1px solid var(--wood-300);font-size:var(--fs-xs);font-weight:800;color:var(--cocoa-900);max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbar.compact .gbar-sub{display:none}.gbar.compact .gbar-compact-shop{display:inline-flex}.gbar-plaque-name{overflow:hidden;text-overflow:ellipsis}.gbar-plaque-wx{color:var(--wood-700);font-weight:700;flex:none}body:has(.game.summary) .diba{top:auto;bottom:calc(96px + var(--safe-bottom));left:var(--sp-3);right:var(--sp-3);max-width:560px;margin-inline:auto}body:has(.game.summary) .diba-face{order:0}.game.summary .prep-scroll{padding-bottom:180px}.game.summary .stat-value{font-size:var(--fs-2xl)}@media(min-width:960px){.game.summary .prep-scroll.pad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4) var(--sp-5);align-items:start;align-content:start;max-width:1120px;margin-inline:auto;width:100%}.game.summary .prep-scroll>.eyebrow,.game.summary .prep-scroll>.title,.game.summary .prep-scroll>.stats,.game.summary .prep-scroll>.muted{grid-column:1 / -1;margin:0}.game.summary .prep-scroll>.card{margin:0}body:has(.game.summary) .diba{left:0;right:0;width:min(560px,calc(100vw - 32px))}}.shop-card,.tab-panel,.cta-bar{contain:layout style}.shop-card{padding:var(--sp-3) var(--sp-4)}.shop-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.shop-rank{font-size:var(--fs-xl)}.shop-card .pill-row{margin-top:var(--sp-2)}.shop-card .pill{min-height:38px;padding-inline:var(--sp-3);font-size:var(--fs-sm)}.wx-chip{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:40px;padding:4px var(--sp-3) 4px 6px;border:2px solid var(--sky-300);border-radius:var(--r-pill);background:linear-gradient(180deg,var(--white),var(--sky-100));color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:800;box-shadow:0 3px 0 var(--sky-300);cursor:pointer}.wx-chip .wx-icon{width:28px;height:28px}.wx-chip[aria-expanded=true]{border-color:var(--sky-700);box-shadow:0 1px 0 var(--sky-300);transform:translateY(2px)}.wx-chip:active{transform:translateY(2px)}.wx-tip{display:grid;gap:2px;margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:2px solid var(--sky-300);border-radius:var(--r-md);background:var(--sky-100);font-size:var(--fs-sm);animation:pop-in var(--t-med) var(--ease-bounce)}.wx-tip[hidden]{display:none}.wx-tip strong{font-weight:800}.wx-tip span{color:var(--text-soft);font-weight:700}.lv-fill.xp-run{transition:transform var(--dur-cham) cubic-bezier(.3,.7,.3,1)}.prep-scroll{flex:1;overflow-y:auto;padding-bottom:var(--sp-5);scroll-padding-bottom:96px}.prep-scroll.pad{padding:var(--sp-4)}.scene.compact{height:auto;min-height:0}.scene.compact .shop-sign{top:38%;font-size:var(--fs-xs);padding:2px var(--sp-3);border-width:1.5px;transform-origin:center top}.scene.compact .shop-sign.flip-open{animation:sign-flip-open .8s var(--spring-cham) both}@keyframes sign-flip-open{0%{transform:translate(-50%) rotate(-2deg) rotateY(0)}38%{transform:translate(-50%) rotate(4deg) rotateY(90deg) scale(1.06)}42%{transform:translate(-50%) rotate(-4deg) rotateY(-90deg) scale(1.06)}75%{transform:translate(-50%) rotate(3deg) rotateY(0) scale(1.04)}to{transform:translate(-50%) rotate(-1deg) rotateY(0) scale(1)}}}@layer screens{.rep-chip{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:40px;padding:4px var(--sp-3) 4px 8px;border:2px solid var(--butter-edge);border-radius:var(--r-pill);background:linear-gradient(180deg,var(--paper-50) 0%,var(--butter-100) 100%);color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:800;box-shadow:0 3px 0 var(--butter-700);cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast)}.rep-chip:active,.rep-chip[aria-expanded=true]{box-shadow:0 1px 0 var(--butter-700);transform:translateY(2px)}.rep-chip .rep-icon{font-size:var(--fs-md)}.rep-chip .rep-name{color:var(--cocoa-900)}.rep-chip .rep-pts{display:inline-block;padding:1px 6px;border-radius:var(--r-pill);background:#fffc;color:var(--butter-text);font-size:var(--fs-xs);box-shadow:inset 0 1px 2px #00000014}.rep-tier-0{border-color:var(--wood-300);box-shadow:0 3px 0 var(--wood-500);background:linear-gradient(180deg,var(--paper-50),var(--wood-100))}.rep-tier-1{border-color:var(--wood-500);box-shadow:0 3px 0 var(--wood-700);background:linear-gradient(180deg,var(--cream),var(--peach-100))}.rep-tier-2{border-color:var(--sky-500);box-shadow:0 3px 0 var(--sky-edge);background:linear-gradient(180deg,var(--white),var(--sky-100))}.rep-tier-3{border-color:var(--butter-edge);box-shadow:0 3px 0 var(--butter-700);background:linear-gradient(180deg,var(--cream),var(--butter-100))}.rep-tier-4{border-color:var(--pink-500);box-shadow:0 3px 0 var(--pink-700);background:linear-gradient(180deg,var(--pink-50),var(--pink-200))}.rep-tip{display:grid;gap:3px;margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:2px solid var(--butter-edge);border-radius:var(--r-md);background:var(--paper-100);font-size:var(--fs-sm);animation:pop-in var(--t-med) var(--ease-bounce)}.rep-tip[hidden]{display:none}.rep-tip strong{font-weight:800;color:var(--cocoa-900)}.rep-tip span{color:var(--text-soft);font-weight:700}}@layer screens{.deal-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);border:2.5px solid var(--butter-edge);border-radius:var(--r-lg);background:linear-gradient(135deg,var(--paper-100) 0%,var(--butter-100) 100%);box-shadow:0 4px 0 var(--star);animation:pop-in var(--t-med) var(--ease-bounce)}.deal-banner-icon{font-size:var(--fs-2xl)}.deal-banner-body{display:grid;gap:2px}.deal-banner-title{color:var(--peach-text);font-size:var(--fs-md);font-weight:800}.deal-banner-desc{color:var(--peach-text);font-size:var(--fs-xs);margin:0;font-weight:700}.deal-badge{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;padding:2px 7px;border:1.5px solid var(--peach-text);border-radius:var(--r-pill);background:var(--butter-edge);color:var(--white);font-size:var(--fs-xs);font-weight:900;box-shadow:0 2px 0 var(--peach-text)}.shelf-tile.deal{border-color:var(--butter-edge);background:linear-gradient(180deg,var(--white) 0%,var(--cream) 100%);box-shadow:0 4px 0 var(--star)}.price-pack del,.price-unit del{color:var(--pink-200);margin-right:3px;font-size:var(--fs-xs)}.price-pack strong.deal-price,.price-unit strong.deal-price{color:var(--star);font-weight:900}.summary-quest-card{border-color:var(--butter-500);background:linear-gradient(180deg,var(--white) 0%,var(--paper-50) 100%)}}@layer screens{.promos-card{margin:var(--sp-3) 0;padding:var(--sp-4);border:var(--bw) solid var(--pink-300);border-radius:var(--r-xl);background:linear-gradient(180deg,var(--white) 0%,var(--white) 100%);box-shadow:0 4px 0 var(--pink-400)}.promos-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3)}.promos-title-wrap{display:flex;align-items:center;gap:var(--sp-2)}.promos-title{margin:0;font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--text)}.promos-count-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);background:var(--pink-100);border:1px solid var(--pink-300);color:var(--pink-700);font-size:var(--fs-xs);font-weight:800}.promos-summary-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);border-radius:var(--r-md);background:var(--pink-50);border:1px dashed var(--pink-300);font-size:var(--fs-xs);font-weight:700;color:var(--pink-900)}.promos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-3)}.promo-item{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--sp-3);border:2px solid var(--line-soft);border-radius:var(--r-lg);background:var(--paper);box-shadow:0 2px 0 var(--line-soft);transition:transform var(--t-fast),opacity var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.promo-item.active{border-color:var(--pink-400);background:linear-gradient(180deg,var(--white) 0%,var(--pink-50) 100%);box-shadow:0 4px 0 var(--pink-300)}.promo-item.disabled{opacity:.6;background:var(--white)}.promo-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-1)}.promo-name-wrap{display:flex;align-items:center;gap:6px}.promo-icon{font-size:var(--fs-xl);line-height:1}.promo-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--text)}.promo-tags{display:flex;flex-wrap:wrap;gap:4px;margin:var(--sp-1) 0}.promo-tag{display:inline-block;padding:1px 6px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:800}.promo-tag-price{background:var(--berry-100);color:var(--berry-700)}.promo-tag-demand{background:var(--mint-100);color:var(--mint-text)}.promo-desc{font-size:var(--fs-xs);color:var(--text-soft);line-height:1.35;margin:0 0 var(--sp-2) 0;flex:1}.promo-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:auto}.promo-lock-hint{font-size:var(--fs-xs);color:var(--text-soft);font-style:italic}.promo-btn{padding:4px 12px;border:1.5px solid var(--line-strong);border-radius:var(--r-pill);background:var(--white);font-size:var(--fs-xs);font-weight:800;cursor:pointer;box-shadow:0 2px 0 var(--line-strong)}.promo-item.active .promo-btn{background:var(--pink-500);border-color:var(--pink-700);color:var(--white);box-shadow:0 2px 0 var(--pink-700)}.promos-tip{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);color:var(--text-soft);font-style:italic}.offers-fold{margin:var(--sp-3) 0;border:1px solid var(--pink-300);border-radius:var(--r-lg);background:var(--white);box-shadow:0 3px 0 var(--pink-200)}.offers-sum{display:flex;align-items:center;gap:var(--sp-2);min-height:48px;padding:6px var(--sp-3);cursor:pointer;list-style:none;touch-action:manipulation}.offers-sum::-webkit-details-marker{display:none}.offers-sum:after{content:"";flex:none;width:10px;height:10px;margin-left:auto;border-right:2.5px solid var(--pink-500);border-bottom:2.5px solid var(--pink-500);transform:rotate(45deg) translateY(-3px);transition:transform var(--t-med) var(--ease-out)}.offers-fold[open]>.offers-sum:after{transform:rotate(-135deg) translateY(-3px)}.offers-ico{flex:none;width:24px;height:24px}.offers-txt{display:grid;gap:1px;min-width:0}.offers-txt strong{font-size:var(--fs-sm);color:var(--cocoa-900)}.offers-txt small{color:var(--text-soft);font-size:var(--fs-xs);font-weight:700;line-height:1.25}.offers-body{padding:0 var(--sp-3) var(--sp-3)}.offers-body>:first-child{margin-top:0}@media(prefers-reduced-motion:reduce){.offers-sum:after{transition:none}}}@layer screens{.seasonal-card{margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);border:var(--bw) solid var(--mint-300);border-radius:var(--r-xl);background:linear-gradient(180deg,var(--white) 0%,var(--mint-100) 100%);box-shadow:0 4px 0 var(--mint-500)}.seasonal-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2)}.seasonal-title-wrap{display:flex;align-items:center;gap:var(--sp-2)}.seasonal-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-pill);background:var(--mint-100);color:var(--mint-text);font-size:var(--fs-xs);font-weight:800}.seasonal-drink-row{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-2) 0}.seasonal-drink-art{width:48px;height:48px;flex-shrink:0}.seasonal-drink-art img{width:100%;height:100%;object-fit:contain}.seasonal-drink-info{display:grid;gap:2px;flex:1}.seasonal-drink-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--text)}.seasonal-drink-desc{font-size:var(--fs-xs);color:var(--text-soft);margin:0}.seasonal-progress-wrap{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}.seasonal-bar{flex:1;height:8px;border-radius:var(--r-pill);background:var(--sky-100);overflow:hidden}.seasonal-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--mint-500),var(--mint-500));width:100%;transform-origin:left center;transition:transform var(--t-med)}.seasonal-mastered-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);background:var(--butter-300);color:var(--butter-text);font-size:var(--fs-xs);font-weight:900;box-shadow:0 2px 0 var(--butter-edge)}.customer-kinds-card{border-color:var(--sky-100);background:linear-gradient(180deg,var(--white) 0%,var(--white) 100%)}.kinds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--sp-2);margin-top:var(--sp-2)}.kind-chip{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2);border-radius:var(--r-md);background:var(--paper);border:1.5px solid var(--line-soft)}.kind-chip-name{font-size:var(--fs-xs);font-weight:800}.kind-chip-count{font-family:var(--font-display);font-weight:800;font-size:var(--fs-sm);color:var(--pink-700)}.regulars-modal-card{max-width:840px;width:95%;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;padding:var(--sp-4);background:var(--paper)}.regulars-modal-header{margin-bottom:var(--sp-3)}.regulars-modal-title{margin:0 0 var(--sp-1);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;color:var(--text)}.regulars-modal-sub{margin:0 0 var(--sp-2);font-size:var(--fs-xs);color:var(--text-soft)}.regulars-stats-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.reg-stat-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);background:var(--white);border:1.5px solid var(--line-soft);font-size:var(--fs-xs);font-weight:700}.reg-stat-pill.loyalty{background:var(--pink-50);border-color:var(--lilac-500);color:var(--lilac-700)}.reg-stat-pill.loyalty.active{background:var(--lilac-100);border-color:var(--lilac-700);font-weight:800}.regulars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-3)}.reg-card{display:flex;flex-direction:column;padding:var(--sp-3);border-radius:var(--r-xl);border:2px solid var(--line-soft);background:var(--white);box-shadow:0 2px 0 var(--line-soft);transition:transform var(--t-fast)}.reg-card.locked{opacity:.7;filter:grayscale(.25);background:var(--paper-50)}.reg-card.max-hearts{border-color:var(--pink-500);box-shadow:0 3px 0 var(--berry)}.reg-card-top{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.reg-avatar{width:48px;height:48px;border-radius:var(--r-full);background:var(--pink-50);border:1.5px solid var(--pink-200);overflow:hidden;flex-shrink:0}.reg-avatar svg{width:100%;height:100%}.reg-card-info{display:grid;gap:2px;flex:1}.reg-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800}.reg-title{font-size:var(--fs-xs);color:var(--text-soft)}.reg-hearts{display:flex;gap:2px;margin-top:2px}.heart-icon{font-size:var(--fs-xs);line-height:1}.reg-favorite-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-md);background:var(--cream);border:1px solid var(--wood-100);margin-bottom:var(--sp-2)}.reg-drink-art{width:28px;height:28px;flex-shrink:0}.reg-drink-art img{width:100%;height:100%;object-fit:contain}.reg-favorite-info{display:grid;gap:1px}.reg-fav-label{font-size:var(--fs-xs);color:var(--peach-text);font-weight:700}.reg-fav-name{font-size:var(--fs-xs);color:var(--peach-text);font-weight:800}.reg-quote{margin:0 0 var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);background:var(--paper);border-left:3px solid var(--pink-400);font-size:var(--fs-xs);color:var(--text-soft);font-style:italic;line-height:1.35;flex:1}.reg-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.reg-visits{font-size:var(--fs-xs);color:var(--text-soft)}.reg-badge-max{font-size:var(--fs-xs);font-weight:800;color:var(--berry);background:var(--berry-100);padding:1px 6px;border-radius:var(--r-pill)}.regulars-close-btn{align-self:center;min-width:160px}}@layer screens{.chain-modal{display:grid;place-items:center;padding:var(--sp-3);z-index:100}.chain-card{width:100%;max-width:440px;max-height:88vh;max-height:88dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-3);text-align:left}.chain-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-2);border-bottom:2px dashed var(--pink-200);padding-bottom:var(--sp-2)}.chain-title{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:800;color:var(--cocoa-900)}.chain-sub{margin:4px 0 0;font-size:var(--fs-xs);color:var(--cocoa-700);line-height:1.35}.current-shop-banner{padding:12px 14px;background:linear-gradient(180deg,var(--white) 0%,var(--sky-100) 100%);border:1px solid var(--sky-300);border-radius:16px;box-shadow:0 2px 0 var(--sky-300),inset 0 1px 0 var(--white);display:flex;align-items:center;gap:10px}.cs-icon{font-size:var(--fs-xl);color:var(--sky-text);flex:none}.cs-info{display:flex;flex-direction:column;gap:2px}.cs-name{margin:0;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900)}.cs-rates{margin:0;font-size:var(--fs-xs);color:var(--sky-text);line-height:1.3}.branch-total-badge{padding:3px 9px;background:var(--mint-100);border:1px solid var(--mint-300);border-radius:999px;color:var(--mint-text);font-size:var(--fs-xs);font-weight:800}.branches-grid{display:flex;flex-direction:column;gap:8px}.branch-item-card{padding:11px 13px;background:linear-gradient(180deg,var(--white) 0%,var(--cream) 100%);border:1px solid var(--butter-400);border-radius:16px;box-shadow:0 2.5px 0 var(--butter-300),inset 0 1px 0 var(--white);display:flex;flex-direction:column;gap:5px}.bi-header{display:flex;justify-content:space-between;align-items:center}.bi-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900)}.bi-stars{color:var(--butter-700);font-size:var(--fs-xs)}.bi-loc{margin:0;font-size:var(--fs-xs);color:var(--cocoa-700)}.bi-stats{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-xs);font-weight:700;color:var(--cocoa-700)}.bi-income{font-size:var(--fs-xs);font-weight:800;color:var(--mint-text)}.branch-item-card .btn{width:100%;margin-top:3px}}@layer screens{.quests-tab{display:grid;gap:var(--sp-4);padding:var(--sp-2) 0}.quests-tab .btn,.quests-tab .lock-sticker,.quests-tab .meter-track,.quests-tab .meter-pearl{border-width:1px}.quests-section{display:grid;gap:var(--sp-3)}.quests-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-1)}.quest-list{display:grid;gap:var(--sp-4)}.quest-empty-card,.quest-empty-card.paper-card{display:grid;justify-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);border:1px dashed var(--pink-300);border-radius:var(--r-lg);background:var(--paper-50);text-align:center}.quest-empty-art{position:relative;display:inline-flex;align-items:flex-end;justify-content:center}.quest-empty-pic{width:78px;height:78px;overflow:hidden;border:1px solid var(--pink-300);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--white),var(--pink-100));display:grid;place-items:end center}.quest-empty-pic svg{width:64px;margin-bottom:-8px}.quest-empty-ico{margin-left:-10px;font-size:var(--fs-xl)}.quest-empty-msg{margin:0;max-width:34ch;color:var(--cocoa-900);font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;line-height:1.4}.quest-card,.quest-card.paper-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--paper-line);border-radius:var(--r-lg);background:var(--paper-50);box-shadow:0 4px 0 var(--paper-line),var(--sh-soft);transition:transform var(--t-fast),box-shadow var(--t-fast)}.quest-card.completed{border-color:var(--butter-500);background:linear-gradient(180deg,var(--paper-50) 0%,var(--butter-100) 100%);box-shadow:0 4px 0 var(--butter-edge)}.quest-card.claimed{opacity:.82;background:var(--pink-50)}.quest-icon{font-size:var(--fs-2xl);line-height:1}.quest-body{display:grid;gap:6px;min-width:0}.quest-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2)}.quest-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--cocoa-900)}.quest-rewards{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.reward-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--butter-300);border-radius:var(--r-pill);background:var(--butter-100);color:var(--butter-text);font-size:var(--fs-xs);font-weight:800}.reward-chip.reward-coin{background:var(--mint-100);border-color:var(--mint-300);color:var(--mint-text)}.reward-ico svg{width:14px;height:14px}.quest-desc{font-size:var(--fs-sm);color:var(--text-soft);font-weight:700;margin:0}.quest-progress-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:2px}.quest-bar{flex:1;height:10px;border:1px solid var(--pink-300);border-radius:var(--r-xs);background:var(--white);overflow:hidden}.quest-bar.quest-hat-meter{height:auto;border:0;background:transparent;overflow:visible}.quest-bar-fill{height:100%;border-radius:var(--r-xs);background:linear-gradient(90deg,var(--butter-500),var(--pink-400));width:100%;transform-origin:left center;transition:transform var(--dur-vua) var(--ease-bounce)}.weekly-card .quest-bar-fill{background:linear-gradient(90deg,var(--mint-500),var(--lilac-edge))}.quest-ratio{font-size:var(--fs-xs);font-weight:800;color:var(--text-soft);white-space:nowrap}.quest-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.quest-stamp{display:inline-flex;align-items:center;padding:2px 8px;border:1px dashed var(--berry);border-radius:var(--r-xs);background:var(--berry-100);color:var(--berry-700);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;transform:rotate(-4deg);white-space:nowrap}.quest-stamp.is-claimed{opacity:.75}.btn-claim,.quest-reroll-btn{min-height:44px;min-width:44px;padding:4px var(--sp-3);font-size:var(--fs-sm);font-weight:800;white-space:nowrap}.btn-claim{animation:pulse-glow var(--dur-nhau) infinite ease-in-out}@keyframes pulse-glow{0%,to{box-shadow:0 4px 0 var(--butter-700);transform:translateY(0)}50%{box-shadow:0 4px 12px #f6c45199,0 4px 0 var(--butter-700);transform:translateY(-1px)}}.quest-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--paper-line);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:800;white-space:nowrap}.quest-badge.done{background:var(--mint-100);color:var(--mint-text);border-color:var(--mint-300)}.quest-badge.doing{background:var(--pink-100);color:var(--pink-700);border-color:var(--pink-300)}.quest-badge.pending{background:var(--pink-50);color:var(--cocoa-700)}.weekly-card,.weekly-card.paper-card{border-color:var(--sky-500);box-shadow:0 4px 0 var(--sky-edge);background:linear-gradient(180deg,var(--white) 0%,var(--sky-100) 100%)}.weekly-stamp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:var(--sp-1) 0}.weekly-stamp-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:42px;padding:4px 2px;border:1px solid var(--sky-300);border-radius:var(--r-xs);background:var(--white)}.weekly-stamp-cell.is-today{border-style:dashed;border-color:var(--pink-500);background:var(--pink-50)}.weekly-stamp-cell.is-stamped{border-color:var(--mint-500);background:var(--mint-100)}.stamp-day-label{font-size:var(--fs-xs);font-weight:800;color:var(--text-soft);line-height:1}.rubber-stamp-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--mint-300);color:var(--mint-text);transform:rotate(-6deg)}.rubber-stamp-mark svg{width:13px;height:13px}.stamp-empty-dot{width:8px;height:8px;border-radius:50%;background:var(--paper-line)}@media(max-width:420px){.quest-card,.quest-card.paper-card{grid-template-columns:1fr;align-items:stretch}.quest-icon{display:none}.quest-action{flex-direction:row;align-items:center;justify-content:flex-end}}}@layer screens{.crew{position:absolute;right:2.5%;bottom:3%;z-index:5;display:flex;flex-direction:row-reverse;align-items:flex-end;pointer-events:none}.scene:not(.counter-view) .crew,.scene:not(.counter-view) .crew-bubble{display:none}.crew-member{position:relative;width:clamp(48px,11vw,76px);margin-left:-2%;display:grid;justify-items:center;transform-origin:50% 100%}.crew-fig svg{display:block;width:100%}.crew-tag{position:absolute;left:50%;bottom:2px;max-width:120%;padding:0 6px;overflow:hidden;border:1px solid var(--butter-500);border-radius:var(--r-pill);background:var(--white);color:var(--text);font-size:var(--fs-xs);font-weight:800;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;transform:translate(-50%)}.crew-work{position:absolute;top:-4px;left:14%;right:14%;height:6px;overflow:hidden;border:1px solid var(--outline);border-radius:var(--r-pill);background:var(--white);opacity:0;transition:opacity var(--t-med)}.crew-fill{display:block;width:100%;transform:scaleX(0);transform-origin:left center;height:100%;background:linear-gradient(90deg,var(--butter-300),var(--pink-400));transition:transform var(--t-med) linear}.crew-member.busy .crew-work{opacity:1}.crew-member.busy .crew-fig{animation:crew-stir 1.1s ease-in-out infinite alternate}.crew-member.role-phuc-vu .crew-tag{border-color:var(--sky-500)}.crew-member.talk{animation:crew-talk var(--dur-nang) var(--ease-bounce)}.crew-member.talking .crew-tag{border-color:var(--pink-500);background:var(--pink-100)}@keyframes crew-stir{0%{transform:rotate(-2deg)}to{transform:rotate(2deg) translateY(-1px)}}@keyframes crew-talk{0%{transform:scale(1)}40%{transform:scale(1.08,.94)}to{transform:scale(1)}}.crew-bubble{position:absolute;bottom:4%;right:calc(var(--crew-n, 1) * 10% + 2%);z-index:7;max-width:55%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--butter-500);border-radius:var(--r-md) var(--r-md) var(--r-xs) var(--r-md);background:var(--white);box-shadow:0 4px 0 var(--butter-300),var(--sh-soft);pointer-events:none;animation:pop-in var(--t-med) var(--ease-bounce)}.crew-bubble[hidden]{display:none}.crew-name{display:block;color:var(--pink-700);font-size:var(--fs-xs);font-weight:800}.crew-text{margin:0;font-size:var(--fs-sm);font-weight:700;line-height:1.3}.paused .crew-member,.paused .crew-fig{animation-play-state:paused}.ticket.staffed{border-color:var(--butter-500);background:linear-gradient(180deg,var(--white),var(--butter-100));cursor:default}.ticket.staffed:disabled{opacity:1}.ticket-staff{grid-column:1 / -1;justify-self:start;padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--butter-300);color:var(--cocoa-900);font-size:var(--fs-xs);font-weight:800}.ticket-staff[hidden]{display:none}.crew-row{display:flex;margin:0 var(--sp-3) var(--sp-2)}.crew-row[hidden]{display:none}.chat-chip{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 var(--sp-3);border:1px solid var(--butter-500);border-radius:var(--r-pill);background:var(--butter-100);color:var(--text);font-size:var(--fs-xs);font-weight:800;cursor:pointer}.chat-chip b{min-width:20px;padding:0 4px;border-radius:var(--r-pill);background:var(--white);text-align:center}.chat-chip[aria-expanded=true]{background:var(--butter-300)}.chat-pop{display:grid;gap:4px;margin:0 var(--sp-3) var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--butter-300);border-radius:var(--r-md);background:var(--white);font-size:var(--fs-sm)}.chat-pop[hidden]{display:none}.chat-pop p{margin:0;line-height:1.35}.chat-pop b{color:var(--pink-700)}.auto-serve{margin:var(--sp-2) 0 0;color:var(--sky-700);font-weight:800}.tab-panel{border-width:1px}.staff-tab .btn,.staff-tab .btn-small{min-height:44px;min-width:44px;border-width:1px}.staff-tab .lock-sticker,.staff-tab .meter-track{border-width:1px}.staff-tab .staff-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:var(--sp-4)}.staff-card,.staff-card.paper-card{display:grid;justify-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3) var(--sp-3);border:1px solid var(--pink-300);border-radius:var(--r-lg);background:var(--paper-50);box-shadow:0 5px 0 var(--pink-200),var(--sh-soft);text-align:center}.staff-card.hired,.staff-card.hire-form-card{justify-items:stretch;padding:var(--sp-4);text-align:left}.staff-card.hired.resting{background:var(--pink-50)}.staff-card.hired.resting .staff-pic{filter:saturate(.5);opacity:.8}.staff-card.mood-buc{border-color:var(--berry)}.staff-card.open-slot,.staff-card.locked{border:1px dashed var(--pink-300);background:var(--paper-50)}.polaroid-frame{position:relative;display:grid;place-items:center;width:100%;padding:var(--sp-3) var(--sp-2) var(--sp-4);border-radius:var(--r-md);background:var(--white);box-shadow:inset 0 1px 3px #6b48701f}.polaroid-frame.empty-frame{gap:var(--sp-2);padding-bottom:var(--sp-3)}.staff-pic{display:grid;place-items:end center;width:84px;height:84px;overflow:hidden;border:1px solid var(--pink-300);border-radius:50%;background:radial-gradient(circle at 38% 28%,var(--white),var(--pink-100))}.staff-pic.empty{place-items:center;border-style:dashed;color:var(--pink-500)}.empty-slot-ico svg{width:34px;height:34px}.staff-lv-badge{position:absolute;top:var(--sp-2);right:var(--sp-2);display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 var(--sp-2);border:1px solid var(--butter-500);border-radius:var(--r-pill);background:var(--butter-300);color:var(--cocoa-900);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;transform:rotate(3deg)}.staff-lv-badge.diba-badge{background:var(--pink-100);border-color:var(--pink-300);color:var(--pink-700)}.staff-wage-clip{position:absolute;bottom:var(--sp-1);left:var(--sp-2);display:inline-flex;align-items:center;min-height:24px;padding:1px var(--sp-2);border:1px solid var(--paper-line);border-radius:var(--r-xs);background:var(--butter-100);color:var(--cocoa-900);font-size:var(--fs-xs);font-weight:800;transform:rotate(-2deg)}.hiring-sticker{display:inline-flex;align-items:center;padding:3px var(--sp-3);border:1px solid var(--mint-500);border-radius:var(--r-pill);background:var(--mint-100);color:var(--mint-text);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;transform:rotate(-2deg)}.staff-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.staff-name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-md);color:var(--cocoa-900)}.staff-arch{flex:none;color:var(--text-soft);font-size:var(--fs-xs);font-weight:800}.staff-quote{margin:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--paper-100);color:var(--cocoa-900);font-size:var(--fs-xs);font-weight:700;line-height:1.35}.staff-quote.is-unpaid{background:var(--berry-100);color:var(--berry-700)}.staff-lv{display:flex;align-items:center;gap:var(--sp-2)}.staff-lv .staff-note{flex:1;margin:0}.staff-owed{margin:0;color:var(--berry-700);font-size:var(--fs-xs);font-weight:800}.staff-skills{display:flex;flex-wrap:wrap;gap:6px}.skill-chip{padding:2px var(--sp-2);border:1px solid var(--butter-500);border-radius:var(--r-pill);background:var(--butter-100);font-size:var(--fs-xs);font-weight:800}.skill-pick{display:grid;gap:var(--sp-2);padding:var(--sp-3);border:1px dashed var(--butter-500);border-radius:var(--r-md);background:var(--butter-100);animation:pop-in var(--t-med) var(--ease-bounce)}.skill-opt{display:grid;justify-items:start;gap:0;height:auto;padding:var(--sp-2) var(--sp-3);text-align:left}.skill-opt small{font-weight:700;opacity:.85}.staff-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.staff-why{margin:0}.hire-form{display:grid;gap:var(--sp-2)}.hire-form-head{display:flex;align-items:center;gap:var(--sp-2)}.field-label{font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900)}.hire-form input{min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--white);font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;color:var(--cocoa-900)}.hire-form input:focus{border-color:var(--pink-500);outline:none;box-shadow:var(--ring)}.arch-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.arch-pick{display:grid;justify-items:center;gap:2px;min-height:44px;min-width:44px;padding:var(--sp-2);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--white);color:var(--text);text-align:center;cursor:pointer;transition:transform var(--t-fast),border-color var(--t-med),background var(--t-med)}@media(hover:hover){.arch-pick:hover:not(:disabled),.role-pick:hover:not(:disabled){transform:translateY(-2px)}}.arch-pick.on{border-color:var(--pink-500);background:var(--pink-100);box-shadow:0 3px 0 var(--pink-300)}.arch-pick:disabled{opacity:.45;cursor:not-allowed}.arch-pick small{color:var(--text-soft);font-size:var(--fs-xs);font-weight:700;line-height:1.25}.arch-pic{display:block;width:48px;height:52px;overflow:hidden}.arch-pic svg{display:block;width:100%}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;padding:4px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--pink-50)}.role-card-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));background:transparent;border:0;padding:0}.seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;min-width:44px;padding:6px var(--sp-2);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-soft);font-size:var(--fs-xs);font-weight:800;cursor:pointer}.seg-btn small{font-size:var(--fs-xs);font-weight:700;line-height:1.2;color:var(--text-soft)}.seg-btn.on{background:var(--white);color:var(--text);box-shadow:0 2px 0 var(--pink-300)}.role-pick{display:grid;justify-items:start;align-content:start;gap:4px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--white);text-align:left}.role-pick.on{border-color:var(--pink-500);background:var(--pink-100);box-shadow:0 3px 0 var(--pink-300)}.role-pick-head{display:inline-flex;align-items:center;gap:6px;color:var(--cocoa-900)}.hire-why{margin:0;color:var(--text-soft)}.hire-why.bad{color:var(--berry-700);font-weight:800}.staff-sum .levelup{margin:var(--sp-1) 0}@media(prefers-reduced-motion:reduce){.crew-member,.crew-member.busy .crew-fig,.crew-bubble,.skill-pick{animation:none!important}.crew-fill{transition:none}}@media(max-width:599px){.crew-bubble{max-width:62%}.staff-tab .staff-grid{grid-template-columns:1fr}}}@layer screens{.practice-tray{flex:1;overflow-y:auto;padding:var(--sp-4) var(--sp-3) calc(var(--sp-5) + var(--safe-bottom));color:var(--text)}.brew-panel{border-width:1px;margin-bottom:var(--sp-3)}.brew-panel:empty{display:none}.practice-tray .brew-panel{margin:var(--sp-1) 0 var(--sp-3);padding:var(--sp-3);border:1px solid var(--paper-line);border-radius:var(--r-xl);background:var(--paper);box-shadow:var(--sh-panel);color:var(--text);animation:panel-in var(--t-med) var(--ease-out)}.brew-panel .brew-head{padding:4px 2px 2px;margin-bottom:var(--sp-3)}.brew-panel .brew-track{gap:6px;align-items:center}.brew-panel .brew-ticket,.brew-panel .bt-chip,.brew-panel .g-pad,.brew-panel .g-track{border-width:1px}@media(min-width:960px){.game:has(.practice-tray){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:var(--sp-6);padding-inline:var(--sp-5)}.game:has(.practice-tray)>.gbar{grid-column:1 / -1;max-width:none;padding-inline:0}.game:has(.practice-tray)>.scene{grid-column:1;align-self:start;border-radius:var(--r-xl)}.game:has(.practice-tray)>.practice-tray{grid-column:2;grid-row:2;min-height:0}}.practice-intro-card.paper-card{margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--white) 0%,var(--paper-50) 100%);border:1px solid var(--paper-line);box-shadow:0 3px 0 var(--paper-line);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-3)}.practice-intro-icon{font-size:var(--fs-2xl);flex:none;color:var(--mint-text)}.practice-intro-text h3{margin:0;font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--cocoa-900)}.practice-intro-text p{margin:2px 0 0;font-size:var(--fs-xs);font-weight:700;color:var(--wood-700)}.practice-recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}@media(max-width:339px){.practice-recipe-grid{grid-template-columns:1fr}}@media(min-width:600px){.practice-recipe-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.practice-drink-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 10px 12px;border-radius:22px;background:linear-gradient(180deg,var(--white) 0%,var(--paper-50) 100%);border:1px solid var(--pink-200);box-shadow:0 4px 0 var(--pink-200),0 10px 16px -12px #a82e6840,inset 0 2px 0 var(--white);cursor:pointer;text-align:center;width:100%;transition:transform var(--t-fast) var(--ease-bounce),border-color var(--t-fast),box-shadow var(--t-fast)}@media(hover:hover){.practice-drink-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--pink-500);box-shadow:0 6px 0 var(--pink-300),0 12px 18px -10px #a82e684d}}.practice-drink-card:active:not(:disabled){transform:translateY(2px) scale(.98);box-shadow:0 1px 0 var(--pink-200)}.practice-drink-card.active{border-color:var(--pink-500);background:linear-gradient(180deg,var(--white) 0%,var(--pink-100) 100%);box-shadow:0 4px 0 var(--pink-500),0 0 0 3px #f26aa438,inset 0 2px 0 var(--white)}.practice-drink-card:disabled{opacity:.55;cursor:not-allowed;transform:none}.practice-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:22px}.practice-cat-tag{padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--paper-line);background:var(--paper-100);color:var(--text-soft);font-size:var(--fs-xs);font-weight:800;line-height:1.15}.practice-cat-tag.cat-milk{background:var(--butter-100);border-color:var(--butter-500);color:var(--butter-text)}.practice-cat-tag.cat-fruit{background:var(--mint-100);border-color:var(--mint-500);color:var(--mint-text)}.practice-sel-dot{width:22px;height:22px;border-radius:50%;background:var(--pink-500);color:var(--white);display:grid;place-items:center;opacity:0;transform:scale(.7);transition:opacity var(--t-fast),transform var(--t-fast) var(--ease-bounce)}.practice-sel-dot svg{width:13px;height:13px}.practice-drink-card.active .practice-sel-dot{opacity:1;transform:scale(1)}.practice-drink-art{width:54px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--white),var(--peach-100));border:1px solid var(--paper-line);filter:drop-shadow(0 3px 3px rgba(160,90,50,.14))}.practice-drink-art img,.practice-drink-art svg{width:44px;height:50px;object-fit:contain}.practice-drink-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--cocoa-900);line-height:1.2}.practice-drink-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:800;padding:2px 10px;border-radius:var(--r-pill);background:var(--butter-100);color:var(--peach-text);border:1px solid var(--butter-300);line-height:1.2}.practice-drink-tag svg{width:13px;height:13px}.practice-result-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;border-radius:20px;background:linear-gradient(180deg,var(--white) 0%,var(--paper-50) 100%);border:1px solid var(--paper-line);box-shadow:0 5px 0 var(--paper-line),0 14px 24px -8px #b46e501f;margin-bottom:var(--sp-4);text-align:center;animation:pop-in var(--t-med) var(--ease-bounce)}.practice-medal-emblem{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-3xl);box-shadow:0 4px #00000026,inset 0 2px 0 var(--white)}.practice-medal-emblem.emblem-vang{background:radial-gradient(circle at 35% 25%,var(--white) 0%,var(--butter-300) 35%,var(--butter-edge) 100%);border:3px solid var(--star);box-shadow:0 5px 0 var(--peach-text),0 0 20px #f59e0b66}.practice-medal-emblem.emblem-bac{background:radial-gradient(circle at 35% 25%,var(--white) 0%,var(--sky-100) 35%,var(--sky-500) 100%);border:3px solid var(--sky-text);box-shadow:0 5px 0 var(--cocoa-700)}.practice-medal-emblem.emblem-dong{background:radial-gradient(circle at 35% 25%,var(--white) 0%,var(--wood-300) 35%,var(--star) 100%);border:3px solid var(--peach-text);box-shadow:0 5px 0 var(--peach-text)}.practice-medal-emblem.emblem-sut{background:radial-gradient(circle at 35% 25%,var(--white) 0%,var(--pink-200) 35%,var(--berry) 100%);border:3px solid var(--berry);box-shadow:0 5px 0 var(--berry-700)}.practice-score-banner{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:900;color:var(--cocoa-900)}.practice-result-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.practice-filter-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:var(--sp-3)}.practice-filter-chip{min-height:44px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--paper-line);background:var(--white);color:var(--wood-700);font-size:var(--fs-xs);font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 2px 0 var(--paper-line);transition:transform var(--t-fast) var(--ease-bounce),opacity var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast) var(--ease-bounce),background-color var(--t-fast) var(--ease-bounce),border-color var(--t-fast) var(--ease-bounce),color var(--t-fast) var(--ease-bounce)}@media(hover:hover){.practice-filter-chip:hover{background:var(--cream);border-color:var(--paper-line);transform:translateY(-1px)}}.practice-filter-chip[aria-selected=true],.practice-filter-chip.active{background:var(--pink-700);border-color:var(--pink-700);color:var(--white);box-shadow:0 2px 0 var(--cocoa-900)}.practice-confetti-wrap{position:absolute;inset:0;pointer-events:none;overflow:visible}.confetti-particle{position:absolute;left:50%;top:50px;width:9px;height:9px;border-radius:2.5px;background:var(--c);animation:confetti-burst var(--dur-cham) cubic-bezier(.15,.9,.25,1) both;animation-delay:var(--del, 0s);z-index:10}.confetti-particle:nth-child(2n){border-radius:50%;width:7px;height:7px}.confetti-particle:nth-child(3n){clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:11px;height:11px}@keyframes confetti-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.3) rotate(0)}65%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(var(--r))}}@media(prefers-reduced-motion:reduce){.confetti-particle{animation:none;display:none}}}@layer screens{.tab-panel{border-width:1px}.up-tab-wrap{display:flex;flex-direction:column;gap:var(--sp-3)}.up-diba-note.paper-card{margin:0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--butter-500);background:linear-gradient(180deg,var(--butter-100),var(--paper-50));box-shadow:0 3px 0 var(--butter-300)}.up-diba-quote{margin:0;font-size:var(--fs-sm);font-weight:700;color:var(--cocoa-900);line-height:1.45}.up-diba-quote strong{color:var(--cocoa-900);font-weight:800}.up-spendable-val{display:inline-block;padding:0 6px;border-radius:var(--r-xs);background:var(--mint-100);color:var(--mint-text)}.up-list{display:grid;gap:var(--sp-4);margin:0;padding:0;list-style:none}.up-item{list-style:none;margin:0;padding:0}.up-card.paper-card{--c1: var(--mint-100);--c2: var(--mint-300);--rim: var(--mint-500);--edge: var(--mint-700);display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--rim);border-radius:var(--r-xl);background:linear-gradient(180deg,var(--white),var(--c1));box-shadow:0 5px 0 var(--c2),0 12px 16px -12px var(--edge),inset 0 3px #ffffffe6}.up-item:nth-child(2) .up-card.paper-card{--c1: var(--lilac-100);--c2: var(--lilac-300);--rim: var(--lilac-500);--edge: var(--lilac-700)}.up-item:nth-child(3) .up-card.paper-card{--c1: var(--peach-100);--c2: var(--peach-300);--rim: var(--peach-500);--edge: var(--peach-700)}.up-card-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);align-items:center}.up-art-stage{position:relative;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--paper-line);border-radius:var(--r-lg);background:var(--paper-50);box-shadow:0 3px 0 var(--paper-line)}.up-art-current{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--r-md);background:radial-gradient(circle at 35% 30%,var(--white),var(--c1));border:1px solid var(--c2)}.up-art-current.is-starter{opacity:.82}.up-art-current svg{width:46px;height:46px;display:block}.up-art-ghost{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px dashed var(--paper-line);background:var(--white);opacity:.42;filter:grayscale(.65)}.up-art-ghost svg{width:30px;height:30px;display:block}.up-tier-pill{position:absolute;left:8px;bottom:-8px;padding:1px 8px;border-radius:var(--r-pill);border:1px solid var(--rim);background:var(--white);color:var(--cocoa-900);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;line-height:1.2;box-shadow:0 2px 0 var(--c2)}.up-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.up-name{margin:0;font-size:var(--fs-lg);color:var(--cocoa-900)}.up-desc{margin:0;color:var(--text-soft);font-size:var(--fs-sm);line-height:1.35}.up-shelf-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 8px 10px;border-radius:var(--r-md);border:1px solid var(--wood-300);background:linear-gradient(180deg,var(--paper-50),var(--wood-100));box-shadow:inset 0 -4px 0 var(--wood-300)}.up-shelf-step{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:var(--r-sm);border:1px solid transparent;background:#fff9;text-align:center}.up-shelf-step.is-done{border-color:var(--butter-500);background:var(--butter-100);box-shadow:0 2px 0 var(--butter-300)}.up-shelf-step.is-next{border-style:dashed;border-color:var(--rim);background:var(--white)}.up-shelf-step.is-locked{opacity:.45;filter:grayscale(.75)}.up-step-ico{width:28px;height:28px;display:grid;place-items:center}.up-step-ico svg{width:26px;height:26px;display:block}.up-step-num{font-size:var(--fs-xs);font-weight:800;color:var(--cocoa-900);line-height:1.1}.up-foot{width:100%;display:flex;justify-content:center}.up-foot .btn{width:100%;justify-content:space-between}.up-btn-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%}.up-btn-cost{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:800}.up-max-sticker{width:100%;justify-content:center;min-height:44px;border-width:1px;background:var(--mint-100);border-color:var(--mint-500);color:var(--mint-text);font-size:var(--fs-sm)}.up-lock-wrap{width:100%;display:flex;justify-content:center;min-height:44px;align-items:center}.up-fly-coin{position:fixed;width:22px;height:22px;z-index:9999;pointer-events:none}.up-fly-coin svg{width:100%;height:100%;display:block}.coin-dot{display:inline-block;width:24px;height:15px;margin-right:var(--sp-1);vertical-align:-3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 18'%3E%3Crect x='1' y='1' width='28' height='16' rx='3' fill='%2397dcd3' stroke='%232f7f7a' stroke-width='1.6'/%3E%3Crect x='3.5' y='3.5' width='23' height='11' rx='2' fill='none' stroke='%23ffffff' stroke-opacity='.7' stroke-width='1'/%3E%3Cellipse cx='20' cy='9' rx='4.2' ry='4.6' fill='%23d8f5f0' stroke='%232f7f7a' stroke-width='1'/%3E%3Ccircle cx='8.5' cy='7' r='2.2' fill='%23f6c451'/%3E%3Cpath d='M6 12.5h6' stroke='%232f7f7a' stroke-width='1.2' stroke-linecap='round'/%3E%3Crect x='13.4' y='1' width='2' height='16' fill='%23ffffff' fill-opacity='.45'/%3E%3C/svg%3E") center / contain no-repeat}.up-card.just-bought{animation:tile-pop var(--dur-nang) var(--ease-bounce)}.decor-paper-box.paper-card{display:flex;flex-direction:column;gap:var(--sp-3);border-width:1px}.decor-diba-text{margin:0;font-size:var(--fs-sm);font-weight:700;color:var(--cocoa-900);line-height:1.45}.decor-preview-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--wood-300);background:linear-gradient(180deg,var(--white),var(--wood-100));box-shadow:inset 0 -4px 0 var(--wood-300)}@media(min-width:600px){.decor-preview-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}.decor-silhouette-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-md);border:1px dashed var(--paper-line);background:var(--paper-50);text-align:center}.decor-silhouette-art{width:48px;height:48px;display:grid;place-items:center;opacity:.55;filter:saturate(.5)}.decor-silhouette-art svg{width:44px;height:44px;display:block}.decor-item-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900)}.decor-item-sub{font-size:var(--fs-xs);font-weight:700;color:var(--text-soft)}.decor-hint-foot{margin:0}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:var(--sp-4);margin-top:var(--sp-3)}.staff-card{display:grid;justify-items:center;gap:var(--sp-1);padding:var(--sp-4) var(--sp-2) var(--sp-3);border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(180deg,var(--white),var(--pink-50));box-shadow:0 5px 0 var(--pink-200),inset 0 3px #ffffffe6;text-align:center}.staff-pic{display:grid;place-items:end center;width:84px;height:84px;overflow:hidden;border:1px solid var(--pink-300);border-radius:50%;background:radial-gradient(circle at 38% 28%,var(--white),var(--pink-100))}.staff-pic svg{width:66px;display:block;margin-bottom:-14px}.staff-card.locked{border-style:dashed;background:var(--pink-50);box-shadow:none}.staff-card.locked .staff-pic{filter:grayscale(1);opacity:.45}.staff-name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-md)}.staff-note{color:var(--text-soft);font-size:var(--fs-xs);font-weight:700;line-height:1.3}.review-tab-wrap{display:flex;flex-direction:column;gap:var(--sp-3)}.review-empty-box.paper-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;border-width:1px;padding:var(--sp-5) var(--sp-4)}.review-empty-art svg{width:68px;height:56px;display:block}.review-empty-quote{margin:0;font-size:var(--fs-sm);font-weight:700;color:var(--cocoa-900);max-width:36ch}.review-memo-wall{display:grid;gap:var(--sp-4);margin-top:var(--sp-2)}.review-memo.paper-card{margin:0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--butter-500);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-xs);background:var(--butter-100);box-shadow:0 4px 0 var(--butter-300)}.review-memo.paper-card.is-even{border-color:var(--pink-300);background:var(--pink-50);box-shadow:0 4px 0 var(--pink-200);border-radius:var(--r-lg) var(--r-lg) var(--r-xs) var(--r-lg)}.review-memo-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2)}.review-day-tag{padding:1px 8px;border-radius:var(--r-pill);border:1px solid var(--paper-line);background:var(--white);font-size:var(--fs-xs);font-weight:800;color:var(--text-soft)}.review-memo-quote{margin:0}.review-memo-quote p{margin:0;font-weight:700;color:var(--cocoa-900);line-height:1.4}.stars-group{display:inline-flex;align-items:center;gap:2px;color:var(--butter-700)}.ledger-tab-wrap{display:flex;flex-direction:column;gap:var(--sp-3)}.ledger-head-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2)}.ledger-main-title{margin:0}.ledger-bookmarks{display:flex;flex-wrap:wrap;gap:6px;margin:0}.ledger-bookmark{min-height:var(--tap);padding:0 var(--sp-3);font-size:var(--fs-xs);border-radius:var(--r-md) var(--r-md) var(--r-xs) var(--r-xs)}.ledger-bookmark.bm-regulars{--c1: var(--pink-100);--c2: var(--pink-200);--rim: var(--pink-400);--edge: var(--pink-600)}.ledger-bookmark.bm-chain{--c1: var(--butter-100);--c2: var(--butter-300);--rim: var(--butter-500);--edge: var(--butter-700)}.ledger-empty-box.paper-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;border-width:1px;padding:var(--sp-5) var(--sp-4)}.ledger-empty-art svg{width:76px;height:58px;display:block}.ledger-empty-text{margin:0;font-size:var(--fs-sm);font-weight:700;color:var(--cocoa-900);max-width:38ch}.ledger-book.paper-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--wood-300);border-radius:var(--r-xl);background:linear-gradient(180deg,var(--wood-100),var(--paper-100));box-shadow:0 5px 0 var(--wood-300)}.ledger-overview-strip{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--paper-line);background:var(--paper-50)}.ledger-overview-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2)}.ledger-overview-title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900)}.ledger-total-pill{padding:2px 10px;border-radius:var(--r-pill);border:1px solid var(--mint-500);background:var(--mint-100);color:var(--mint-text);font-size:var(--fs-xs);font-weight:800}.ledger-total-pill.neg{border-color:var(--berry-300);background:var(--berry-100);color:var(--berry-700)}.ledger-cup-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(22px,1fr));gap:4px;align-items:end;padding-top:4px}.ledger-mini-cup{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.ledger-cup-glass{position:relative;width:20px;height:28px;border-radius:3px 3px 7px 7px;border:1px solid var(--cocoa-900);background:var(--white);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.ledger-cup-fill{display:block;width:100%;background:linear-gradient(180deg,var(--peach-300),var(--peach-500));border-radius:0 0 6px 6px}.ledger-cup-fill.level-0{height:0%}.ledger-cup-fill.level-1{height:22%}.ledger-cup-fill.level-2{height:40%}.ledger-cup-fill.level-3{height:60%}.ledger-cup-fill.level-4{height:80%}.ledger-cup-fill.level-5{height:96%}.ledger-mini-cup.is-loss .ledger-cup-glass{border-style:dashed;border-color:var(--berry);background:var(--berry-100)}.cup-loss-tag{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:800;color:var(--berry-700);line-height:1}.ledger-cup-day{font-size:var(--fs-xs);font-weight:700;color:var(--text-soft);line-height:1}.ledger-spread-host{display:flex;flex-direction:column;gap:var(--sp-3)}.ledger-spread{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}.ledger-page.page-right{display:none}@media(min-width:600px){.ledger-spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.ledger-page.page-right{display:flex}}.ledger-page{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--paper-line);background:var(--paper-50);box-shadow:0 3px 0 var(--paper-line)}.ledger-page.is-blank{justify-content:center;align-items:center;text-align:center;background:var(--cream);border-style:dashed}.ledger-blank-note{margin:0;font-size:var(--fs-sm);font-weight:700;color:var(--text-soft);max-width:26ch}.ledger-page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-bottom:var(--sp-1);border-bottom:1px dashed var(--paper-line)}.ledger-day-heading{margin:0;font-size:var(--fs-lg);color:var(--cocoa-900)}.ledger-wx-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--sky-300);background:var(--sky-100);font-size:var(--fs-xs);font-weight:800;color:var(--sky-text)}.ledger-wx-ico svg{width:16px;height:16px;display:block}.ledger-mini-receipt{display:grid;gap:4px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px dashed var(--wood-300);background:var(--white)}.ledger-receipt-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:700;color:var(--text-soft)}.ledger-receipt-row strong{color:var(--cocoa-900);font-weight:800}.ledger-receipt-row.is-total{padding-top:4px;border-top:1px dotted var(--paper-line);font-size:var(--fs-sm);color:var(--mint-text)}.ledger-receipt-row.is-total strong{color:var(--mint-text)}.ledger-receipt-row.is-total.is-loss,.ledger-receipt-row.is-total.is-loss strong{color:var(--berry-700)}.ledger-stars-sticker-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:2px 4px}.ledger-stars-caption{font-size:var(--fs-xs);font-weight:800;color:var(--text-soft)}.ledger-quotes-box{display:grid;gap:6px}.ledger-day-quote{margin:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--butter-300);background:var(--butter-100)}.ledger-day-quote p{margin:0;font-size:var(--fs-xs);font-weight:700;color:var(--cocoa-900);line-height:1.35}.ledger-quote-empty{margin:0;padding:var(--sp-1) 0}.ledger-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.ledger-page-btn{min-height:var(--tap);padding:0 var(--sp-3);font-size:var(--fs-xs)}.ledger-page-counter{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900)}.warn-card{background:var(--pink-50);border-color:var(--berry-300)}.receipt{position:relative;padding-block:var(--sp-6);border-radius:var(--r-lg);box-shadow:none}.receipt:before,.receipt:after{content:"";position:absolute;left:0;right:0;height:12px;background:radial-gradient(circle 8px at 50% 50%,var(--page) 97%,transparent) 0 0 / 22px 12px repeat-x;pointer-events:none}.receipt:before{top:-6px}.receipt:after{bottom:-6px}.cta-bar{flex:none;padding:var(--sp-3) calc(var(--sp-3) + var(--safe-right)) calc(var(--sp-3) + var(--safe-bottom)) calc(var(--sp-3) + var(--safe-left));background:linear-gradient(rgba(255,234,243,0),var(--page) 38%)}.cta{min-height:62px;font-family:var(--font-display);font-weight:800;font-size:clamp(18px,5.6vw,var(--fs-2xl));letter-spacing:.01em;animation:cta-breathe 3s ease-in-out infinite}.cta:active:not(:disabled),.cta:disabled{animation:none}@keyframes cta-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.cta-note{margin:var(--sp-2) 0 0;text-align:center;color:var(--text-soft);font-size:var(--fs-sm);font-weight:700}.event-sheet .sheet-paper{border-width:1px}.ev-sheet-heading{display:inline-flex;align-items:center;gap:6px}.ev-newspaper{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--paper-line);background:linear-gradient(180deg,var(--cream),var(--paper-50));box-shadow:inset 0 2px 0 var(--white)}.ev-masthead-sub{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px dashed var(--wood-300)}.ev-issue-date{font-size:var(--fs-xs);font-weight:800;color:var(--text-soft)}.ev-lead-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);align-items:center}@media(max-width:380px){.ev-lead-row{grid-template-columns:1fr;justify-items:center;text-align:center}}.ev-pic{position:relative;display:grid;place-items:end center;width:88px;height:88px;overflow:hidden;border:1px solid var(--pink-300);border-radius:50%;background:radial-gradient(circle at 38% 28%,var(--butter-100),var(--butter-300));box-shadow:0 4px 0 var(--pink-300);flex-shrink:0}.ev-pic svg{width:72px;display:block;margin-bottom:-14px}.ev-label{display:inline-block;padding:2px var(--sp-3);border:1px solid var(--pink-500);border-radius:var(--r-pill);background:linear-gradient(180deg,var(--pink-200),var(--pink-300));font-weight:800;font-size:var(--fs-xs);color:var(--cocoa-900)}.ev-lead-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.ev-title{margin:0;font-size:var(--fs-xl);color:var(--cocoa-900)}.ev-body{margin:0;color:var(--text-soft);font-size:var(--fs-sm);line-height:1.4}.ev-choices{display:grid;gap:var(--sp-3)}.ev-choice{display:grid;gap:2px;min-height:62px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);text-align:center}.ev-choice strong{font-size:var(--fs-md)}.ev-choice span{color:var(--text);font-size:var(--fs-sm);font-weight:700}.ev-choice.btn-ghost span{color:var(--text-soft)}}@layer screens{.price-editor-dock.inline-editor{position:relative;display:flex;flex-direction:column;gap:8px;margin-left:8px;padding:10px 12px 12px;border-radius:18px;border:1px solid var(--peach-300);background:linear-gradient(180deg,var(--white) 0%,var(--paper-50) 100%);box-shadow:0 4px 0 var(--peach-300),inset 0 2px 0 var(--white);animation:tile-pop var(--dur-nhe) var(--ease-bounce)}.drink-card.is-expanded>.drink-pick{min-height:48px;padding-block:4px}.drink-card.is-expanded>.drink-pick .drink-price-chip,.drink-card.is-expanded>.drink-pick .drink-tier-tag{display:none}.drink-card.is-expanded>.drink-pick .product-art{width:40px;height:40px}.price-speech-bubble{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 10px 5px 6px;border-radius:14px;border:1px solid var(--paper-line);background:var(--cream);font-size:var(--fs-xs);font-weight:800;color:var(--cocoa-900);line-height:1.25}.price-speech-bubble.sentiment-cheap{background:var(--mint-100);border-color:var(--mint-300);color:var(--mint-text)}.price-speech-bubble.sentiment-ok{background:var(--butter-100);border-color:var(--butter-400);color:var(--butter-text)}.price-speech-bubble.sentiment-high{background:var(--peach-100);border-color:var(--peach-300);color:var(--peach-text)}.price-speech-bubble.sentiment-bad{background:var(--berry-100);border-color:var(--berry-300);color:var(--berry-700)}.speech-text{flex:1 1 auto;min-width:0}.price-customer-face{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--white);border:1px solid currentColor;flex:none}.price-customer-face svg{width:18px;height:18px}.price-profit-clip{flex:none;display:grid;justify-items:end;gap:1px;text-align:right}.price-profit-pill{font-family:var(--font-display);font-weight:800;font-size:var(--fs-sm);color:var(--mint-text);line-height:1.1;white-space:nowrap}.price-profit-pill.is-loss{color:var(--berry-700)}.price-cost-text{font-size:var(--fs-xs);font-weight:700;color:var(--text-soft);white-space:nowrap}.price-stepper-toybox{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px;border-radius:var(--r-pill);border:1px solid var(--pink-200);background:var(--pink-50)}.price-step-btn.btn{width:var(--tap);height:var(--tap);min-width:var(--tap);min-height:var(--tap);padding:0;border-radius:50%;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:900}.price-number-token{display:grid;place-items:center;min-width:0}.price-number-val{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:900;color:var(--cocoa-900);line-height:1.05;white-space:nowrap}.price-presets-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.price-preset-pill{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:4px;min-height:44px;padding:4px 6px;border-radius:12px;border:1.5px solid var(--paper-line);background:var(--cream);box-shadow:0 2.5px 0 var(--paper-line);color:var(--cocoa-900);cursor:pointer;align-content:center;transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast)}.preset-label{font-size:var(--fs-xs);font-weight:700;color:var(--text-soft);line-height:1.15;white-space:nowrap}.preset-price{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900);line-height:1.15}.price-preset-pill:active{transform:translateY(2px);box-shadow:0 .5px 0 var(--paper-line)}.price-preset-pill.active{background:linear-gradient(180deg,var(--butter-100) 0%,var(--butter-300) 100%);border-color:var(--butter-700);box-shadow:0 2.5px 0 var(--butter-700)}@media(prefers-reduced-motion:reduce){.price-preset-pill{transition:none}}}@layer screens{.price-tab-wrap{display:flex;flex-direction:column;gap:var(--sp-3)}.seasonal-card.paper-card{border-width:1px;margin-bottom:var(--sp-1)}.price-menu-board.paper-card{padding:var(--sp-3);border-width:1px;border-color:var(--wood-300);background:linear-gradient(180deg,var(--paper-50) 0%,var(--cream) 100%);box-shadow:0 5px 0 var(--wood-300),0 12px 20px #8c50281a,inset 0 2px 0 var(--white);display:flex;flex-direction:column;gap:var(--sp-3)}.price-board-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding-bottom:var(--sp-2);border-bottom:1.5px dashed var(--paper-line)}.price-board-title-group{display:inline-flex;align-items:center;gap:6px;color:var(--cocoa-900)}.price-board-title{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:800;color:var(--cocoa-900);line-height:1.15}.price-board-sub{font-size:var(--fs-xs);font-weight:700;color:var(--wood-700)}.product-grid.drink-grid.price-board-list{display:flex;flex-direction:column;gap:10px;margin:0}.drink-card{display:flex;flex-direction:column;gap:8px;min-width:0}.drink-pick{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:58px;padding:8px 12px;border-radius:18px;border:1px solid var(--paper-line);background:linear-gradient(180deg,var(--white) 0%,var(--paper-50) 100%);box-shadow:0 3px 0 var(--paper-line),inset 0 1px 0 var(--white);color:var(--cocoa-900);text-align:left;cursor:pointer;transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast),border-color var(--t-fast)}@media(hover:hover){.drink-pick:hover:not(.locked){transform:translateY(-1px);border-color:var(--pink-300)}}.drink-pick.selected{border-color:var(--pink-400);background:linear-gradient(180deg,var(--white) 0%,var(--pink-50) 100%);box-shadow:0 3px 0 var(--pink-300),inset 0 1px 0 var(--white)}.drink-pick.locked{border-style:dashed;border-color:var(--paper-line);background:#fffaf4bf;box-shadow:none;cursor:default;flex-wrap:wrap}.drink-pick .product-art{width:46px;height:46px;margin:0;flex:none}.drink-row-main{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;flex:1}.product-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--cocoa-900);line-height:1.2}.drink-tier-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:800;line-height:1.15;border:1px solid var(--paper-line);background:var(--white);color:var(--text-soft)}.drink-tier-tag.sentiment-cheap{background:var(--mint-100);border-color:var(--mint-500);color:var(--mint-text)}.drink-tier-tag.sentiment-ok{background:var(--butter-100);border-color:var(--butter-500);color:var(--butter-text)}.drink-tier-tag.sentiment-high{background:var(--peach-100);border-color:var(--peach-500);color:var(--peach-text)}.drink-tier-tag.sentiment-bad{background:var(--berry-100);border-color:var(--berry-300);color:var(--berry-700)}.drink-price-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;color:var(--cocoa-900);background:var(--cream);border:1px solid var(--butter-400);box-shadow:0 2px 0 var(--butter-300);padding:4px 11px;border-radius:var(--r-pill);flex:none}.row-face-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%}.row-face-ico svg{width:16px;height:16px}.row-face-ico.sentiment-cheap{color:var(--mint-700)}.row-face-ico.sentiment-ok{color:var(--butter-700)}.row-face-ico.sentiment-high{color:var(--peach-700)}.row-face-ico.sentiment-bad{color:var(--berry-700)}.drink-card-sub{font-size:var(--fs-xs);font-weight:700;color:var(--text-soft)}.price-cozy-note{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--paper-50);border:1px solid var(--butter-300);box-shadow:0 2px 0 var(--paper-line);border-radius:var(--r-lg);font-size:var(--fs-xs);color:var(--text-soft);font-weight:700;line-height:1.4}.price-cozy-note svg{flex-shrink:0;color:var(--star)}@media(max-width:599px){.drink-pick{gap:8px;padding:6px 10px}.drink-pick .product-art{width:40px;height:40px}.drink-price-chip{font-size:var(--fs-md);padding:3px 9px;gap:4px}}}@layer screens{.jar-sheet .jsh-title{display:flex;align-items:center;gap:10px}.jsh-title-art{display:grid;place-items:center;width:44px;height:44px;padding:5px;flex-shrink:0;border-radius:14px;border:1px solid var(--pink-300);background:linear-gradient(180deg,var(--white) 0%,var(--butter-100) 100%);box-shadow:0 3px 0 var(--pink-200),inset 0 2px 0 var(--white)}.jsh-title-art img,.jsh-title-art svg{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1.5px 1.5px rgba(59,33,64,.18))}.jsh-title-text{display:grid;gap:2px;min-width:0}.jsh-title-kicker{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:1px 8px;border-radius:var(--r-pill);border:1px solid var(--pink-300);background:linear-gradient(180deg,var(--white),var(--pink-100));color:var(--pink-700);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:800;line-height:1.25}.jsh-title-kicker .ico svg{width:13px;height:13px}.jsh-title-name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:900;color:var(--cocoa-900);line-height:1.1}.jsh-body{display:grid;gap:14px}.jsh-top{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.jsh-jar{position:relative;display:grid;justify-items:center;padding-top:5px}.jsh-cap{position:relative;z-index:2;width:66px;height:13px;margin-bottom:-3px;border:1.5px solid var(--cocoa-900);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--pink-200) 0%,var(--pink-400) 100%);box-shadow:inset 0 2px #ffffffe0,0 2px #3b214029}.jsh-cap:before{content:"";position:absolute;left:50%;top:-6px;transform:translate(-50%);width:20px;height:5px;border-radius:5px 5px 1px 1px;border:1.5px solid var(--cocoa-900);border-bottom:0;background:linear-gradient(180deg,var(--pink-100),var(--pink-300))}.jsh-glass{position:relative;display:grid;place-items:center;width:90px;height:98px;overflow:hidden;border:1px solid var(--cocoa-900);border-radius:14px 14px 22px 22px;background:radial-gradient(circle at 50% 38%,var(--white) 0%,rgba(255,252,245,.94) 62%,rgba(246,226,205,.85) 100%);box-shadow:inset 0 3px 6px #fffffff2,inset 0 -5px 8px #8a5f3c33,0 3px #3b21402e}.jsh-glass:after{content:"";position:absolute;right:7px;top:18px;bottom:18px;width:6px;background:linear-gradient(180deg,rgba(59,33,64,.22) 0 1.5px,transparent 1.5px 32%,rgba(59,33,64,.18) 32% calc(32% + 1.5px),transparent calc(32% + 1.5px) 64%,rgba(59,33,64,.22) 64% calc(64% + 1.5px),transparent calc(64% + 1.5px) 96%,rgba(59,33,64,.22) 96% 100%);pointer-events:none;z-index:4}.jsh-pedestal{width:100px;height:8px;margin-top:-3px;border-radius:5px;border:1.5px solid var(--cocoa-900);background:linear-gradient(180deg,var(--wood-300) 0%,var(--wood-500) 100%);box-shadow:0 2.5px #3b214033,inset 0 1.5px #ffffffa6}.jsh-fill,.jsh-fill-new{position:absolute;inset:0;transform-origin:center bottom;transition:transform var(--t-med) var(--ease-bounce)}.jsh-fill-new{z-index:0;background:repeating-linear-gradient(-45deg,var(--mint-100) 0 6px,var(--white) 6px 12px);border-top:2px dashed var(--mint-500)}.jsh-fill{z-index:1;background:linear-gradient(180deg,var(--butter-100),var(--peach-300));border-top:1px solid rgba(255,255,255,.85)}.jsh-target{position:absolute;left:6px;right:6px;z-index:2;border-top:2px dashed var(--cocoa-700);opacity:.45}.jsh-art{position:relative;z-index:3;width:62px;height:62px;filter:drop-shadow(0 3px 3px rgba(59,33,64,.2))}.jsh-art img{display:block;width:100%;height:100%;object-fit:contain}.jsh-shine{position:absolute;top:8px;bottom:10px;left:7px;z-index:4;width:6px;border-radius:var(--r-pill);background:linear-gradient(180deg,#ffffffeb,#fff3)}.jsh-info{display:grid;gap:8px;min-width:0}.jsh-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.jsh-chip{display:grid;justify-items:center;gap:2px;padding:5px 4px 6px;border:1px solid var(--butter-500);border-radius:13px;background:linear-gradient(180deg,var(--white) 0%,var(--butter-100) 100%);box-shadow:0 2px #8a5f3c26,inset 0 1.5px 0 var(--white);color:var(--cocoa-900);text-align:center}.jsh-chip-head{display:inline-flex;align-items:center;gap:3px;color:var(--cocoa-700);font-size:var(--fs-xs);font-weight:800;line-height:1.1;white-space:nowrap}.jsh-chip b{display:inline-flex;align-items:center;justify-content:center;padding:1px 7px;border-radius:var(--r-pill);background:#ffffffeb;color:var(--cocoa-900);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:900;line-height:1.25;white-space:nowrap}.jsh-chip.have.low{border-color:var(--peach-500);background:linear-gradient(180deg,var(--white) 0%,var(--peach-100) 100%)}.jsh-chip.have.out{border-color:var(--berry-300);background:linear-gradient(180deg,var(--white) 0%,var(--berry-100) 100%);color:var(--berry-700)}.jsh-chip.target{border-color:var(--pink-300);background:linear-gradient(180deg,var(--white) 0%,var(--pink-50) 100%);box-shadow:0 2px #a82e6824,inset 0 1.5px 0 var(--white)}.jsh-chip.target b{color:var(--pink-700)}.jsh-chip.exp{border-color:var(--mint-500);background:linear-gradient(180deg,var(--white) 0%,var(--mint-100) 100%);box-shadow:0 2px #2f9a7229,inset 0 1.5px 0 var(--white)}.jsh-chip.exp b{color:var(--mint-text)}.jsh-chip.exp.warn{border-color:var(--butter-500);background:linear-gradient(180deg,var(--white) 0%,var(--butter-100) 100%)}.jsh-chip.exp.warn b{color:var(--butter-text)}.jsh-chip .ico svg{width:13px;height:13px}.jsh-prices{display:grid;gap:5px;padding:7px 10px;border-radius:14px;background:linear-gradient(180deg,var(--white) 0%,var(--cream) 100%);border:1px solid var(--paper-line);box-shadow:0 2px #8a5f3c1a,inset 0 1.5px 0 var(--white)}.jsh-price{display:flex;align-items:center;gap:5px;color:var(--cocoa-700);font-size:var(--fs-xs);font-weight:800}.jsh-price+.jsh-price{padding-top:5px;border-top:1px dashed var(--paper-line)}.jsh-price-ico svg{width:14px;height:14px}.jsh-price-tag{font-style:normal;padding:1px 6px;border-radius:var(--r-pill);background:var(--mint-100);color:var(--mint-text);font-size:var(--fs-xs);font-weight:800}.jsh-price b{margin-left:auto;color:var(--cocoa-900);font-size:var(--fs-sm);font-weight:900}.jsh-price del{margin-left:auto;font-size:var(--fs-xs);opacity:.65}.jsh-price del+b{margin-left:0;color:var(--berry-700)}.jsh-qty{display:grid;gap:9px;padding:11px 13px 12px;border:1px solid var(--pink-300);border-radius:20px;background:linear-gradient(180deg,var(--white) 0%,var(--pink-50) 55%,var(--pink-100) 100%);box-shadow:0 3px 0 var(--pink-200),inset 0 2px 0 var(--white)}.jsh-qty-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.jsh-qty-label{display:inline-flex;align-items:center;gap:5px;color:var(--pink-700);font-size:var(--fs-xs);font-weight:800}.jsh-qty-ico svg{width:15px;height:15px}.jsh-qty-hint{padding:1px 8px;border-radius:var(--r-pill);background:#ffffffbf;color:var(--text-soft);font-size:var(--fs-xs);font-weight:700}.jsh-stepper{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.jsh-step{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:50%;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:900;line-height:1;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast)}.jsh-step.minus{border:1.5px solid var(--pink-300);background:linear-gradient(180deg,var(--white),var(--pink-50));color:var(--pink-700);box-shadow:0 3.5px 0 var(--pink-300),inset 0 2px 0 var(--white)}.jsh-step.plus{border:1.5px solid var(--mint-500);background:linear-gradient(180deg,var(--white) 0%,var(--mint-100) 50%,var(--mint-300) 100%);color:var(--mint-text);box-shadow:0 3.5px 0 var(--mint-500),inset 0 2px 0 var(--white)}@media(hover:hover){.jsh-step:hover:not(:disabled){transform:translateY(-1.5px) scale(1.04)}}.jsh-step:active:not(:disabled){transform:translateY(2px) scale(.95);box-shadow:none}.jsh-step:disabled{opacity:.42;cursor:default;box-shadow:none}.jsh-qty-mid{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0;min-height:58px;padding:6px 14px;border-radius:16px;border:1px solid var(--pink-300);background:linear-gradient(180deg,var(--white) 0%,var(--cream) 100%);box-shadow:0 2.5px 0 var(--pink-200),inset 0 2px 0 var(--white)}.jsh-qty-mid.is-active{border-color:var(--mint-500);background:linear-gradient(180deg,var(--white) 0%,var(--mint-100) 100%);box-shadow:0 2.5px 0 var(--mint-300),inset 0 2px 0 var(--white)}.jsh-qty-center{position:relative;z-index:1;display:grid;justify-items:center;gap:2px}.jsh-qty-val{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;line-height:1.05;color:var(--cocoa-900)}.jsh-qty-mid.is-active .jsh-qty-val{color:var(--mint-text)}.jsh-qty-sub{display:inline-flex;align-items:center;padding:1px 9px;border-radius:var(--r-pill);background:var(--pink-100);color:var(--pink-700);font-size:var(--fs-xs);font-weight:800;white-space:nowrap}.jsh-qty-mid.is-active .jsh-qty-sub{background:var(--white);color:var(--cocoa-900);box-shadow:0 1px #2f9a722e}.jsh-after{margin:0 auto;padding:3px 12px;border-radius:var(--r-pill);background:#ffffffd9;color:var(--peach-text);font-size:var(--fs-xs);font-weight:800;text-align:center}.jsh-after.ok{background:var(--mint-100);color:var(--mint-text)}.jsh-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:10px}.jsh-quick-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:52px;padding:6px 14px;border:1px solid var(--pink-400);border-radius:18px;background:linear-gradient(180deg,var(--white) 0%,var(--pink-50) 48%,var(--pink-200) 100%);box-shadow:0 3.5px 0 var(--pink-400),0 8px 14px -8px #a82e6847,inset 0 2px 0 var(--white);color:var(--cocoa-900);font:inherit;font-size:var(--fs-xs);cursor:pointer;touch-action:manipulation;transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast),filter var(--t-fast)}.jsh-quick-btn.fill{border-color:var(--mint-500);background:linear-gradient(180deg,var(--white) 0%,var(--mint-100) 52%,var(--mint-300) 100%);box-shadow:0 3.5px 0 var(--mint-500),0 8px 14px -8px #2f9a7247,inset 0 2px 0 var(--white)}.jsh-quick-btn.clear{border-color:var(--berry-300);background:linear-gradient(180deg,var(--white) 0%,var(--berry-100) 100%);box-shadow:0 3px 0 var(--berry-300),inset 0 2px 0 var(--white);color:var(--berry-700)}.jsh-quick-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.15}.jsh-quick-head{display:inline-flex;align-items:center;gap:5px}.jsh-quick-ico svg{width:15px;height:15px}.jsh-quick-btn b{font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--cocoa-900)}.jsh-quick-btn.clear b{color:var(--berry-700)}.jsh-quick-pill{display:inline-flex;align-items:center;padding:1px 9px;border-radius:var(--r-pill);background:#ffffffe0;color:var(--pink-700);font-weight:800;font-size:var(--fs-xs);box-shadow:0 1px #a82e6826}.jsh-quick-btn.fill .jsh-quick-pill{color:var(--mint-text)}@media(hover:hover){.jsh-quick-btn:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.06) brightness(1.02)}}.jsh-quick-btn:active:not(:disabled){transform:translateY(2px) scale(.98);box-shadow:0 1px 0 var(--pink-300)}.jsh-quick-btn:disabled{opacity:.45;cursor:default;filter:grayscale(.4)}.jar-sheet .sheet-actions .jsh-done{flex:1 1 100%}@media(max-width:359px){.jsh-top{gap:10px}.jsh-glass{width:78px;height:86px}.jsh-pedestal{width:86px}.jsh-art{width:54px;height:54px}.jsh-step{width:48px;height:48px}.jsh-quick-btn{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.jsh-fill,.jsh-fill-new,.jsh-step,.jsh-quick-btn{transition:none}}}@layer screens{.summary .prep-scroll{max-width:580px;margin:0 auto}.summary-header-wrap{text-align:center;margin-bottom:var(--sp-4)}.summary-header-wrap .eyebrow{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:var(--r-pill);background:var(--pink-50);border:1px solid var(--pink-200);color:var(--pink-700);font-size:var(--fs-xs);font-weight:800;margin-bottom:var(--sp-2)}.summary-header-wrap .title{margin:0;font-size:var(--fs-2xl);color:var(--cocoa-900)}.summary-activities-card{margin:var(--sp-3) 0 var(--sp-4);padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,var(--white) 0%,var(--paper-50) 100%);border:1px solid var(--paper-line);box-shadow:0 4px 0 var(--paper-line),0 8px 16px -6px #b46e5014}.summary-activities-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1.5px dashed var(--paper-line)}.summary-activities-title-wrap{display:flex;align-items:center;gap:8px}.summary-activities-title{margin:0;font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--cocoa-900)}.summary-activities-toggle-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--paper-line);background:var(--white);color:var(--text-soft);font-size:var(--fs-xs);font-weight:700;cursor:pointer;transition:transform var(--t-fast) var(--ease-bounce),opacity var(--t-fast) var(--ease-bounce),box-shadow var(--t-fast) var(--ease-bounce),background-color var(--t-fast) var(--ease-bounce),border-color var(--t-fast) var(--ease-bounce),color var(--t-fast) var(--ease-bounce)}@media(hover:hover){.summary-activities-toggle-btn:hover{background:var(--cream);border-color:var(--paper-line);color:var(--cocoa-900);transform:translateY(-1px)}}.summary-activities-list{display:flex;flex-direction:column;gap:8px}.summary-accordion-item{border-radius:14px;border:1.5px solid var(--paper-line);background:var(--white);overflow:hidden;box-shadow:0 2px 0 var(--paper-line);transition:border-color var(--t-fast),box-shadow var(--t-fast)}@media(hover:hover){.summary-accordion-item:hover{border-color:var(--paper-line)}}.summary-accordion-item.urgent{border-color:var(--pink-200);background:var(--white);box-shadow:0 2px 0 var(--pink-500)}.summary-accordion-item[open]{border-color:var(--paper-line);box-shadow:0 3px 0 var(--wood-300)}.summary-accordion-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;background:linear-gradient(180deg,var(--white) 0%,var(--paper-50) 100%);transition:background var(--t-fast)}.summary-accordion-header::-webkit-details-marker{display:none}@media(hover:hover){.summary-accordion-header:hover{background:var(--paper-50)}}.summary-accordion-lead{display:flex;align-items:center;gap:8px}.summary-accordion-icon{font-size:var(--fs-md);line-height:1}.summary-accordion-title{font-size:var(--fs-xs);font-weight:800;color:var(--cocoa-900)}.summary-accordion-trail{display:flex;align-items:center;gap:8px}.summary-accordion-pill{padding:2px 8px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:800;background:var(--paper-100);color:var(--wood-700);border:1px solid var(--paper-line);white-space:nowrap}.summary-accordion-pill.urgent{background:var(--berry-100);color:var(--berry-700);border-color:var(--berry-300)}.summary-accordion-arrow{display:inline-block;font-size:var(--fs-xs);color:var(--wood-500);transition:transform var(--t-fast) var(--ease-bounce)}.summary-accordion-item[open] .summary-accordion-arrow{transform:rotate(180deg)}.summary-accordion-body{padding:10px 12px 12px;border-top:1px dashed var(--paper-line);background:var(--paper-50)}.summary-accordion-body .card{margin:0;padding:0;border:none;background:transparent;box-shadow:none}.summary-accordion-body .card .h-sec{display:none}.summary-inner-warn{padding:4px 0}.summary-inner-warn p{margin:4px 0;font-size:var(--fs-xs);font-weight:700;color:var(--berry)}.summary-reviews-wrap{display:grid;gap:8px}.review-bubble-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--butter-300);background:linear-gradient(180deg,var(--white) 0%,var(--paper-100) 100%);box-shadow:0 2px 0 var(--butter-500)}.review-avatar-mini{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--wood-300);background:var(--wood-100);display:grid;place-items:center;font-size:var(--fs-lg);flex:none}.review-bubble-content{flex:1;min-width:0}.review-bubble-stars{color:var(--star);font-size:var(--fs-xs);letter-spacing:1px}.review-bubble-text{margin:2px 0 0;font-size:var(--fs-xs);font-weight:700;color:var(--cocoa-900);line-height:1.35}.summary-xp-card{padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,var(--white) 0%,var(--pink-50) 100%);border:1.5px solid var(--pink-200);box-shadow:0 3px 0 var(--pink-500);text-align:center}.summary-xp-row{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-md);font-weight:800;color:var(--pink-700)}.stat-badge-sub{font-size:var(--fs-xs);font-weight:700;color:currentColor;opacity:.85}.kind-chip-regular{background:var(--lilac-100);border-color:var(--lilac-300);color:var(--lilac-700)}.kind-chip-vip{background:var(--butter-100);border-color:var(--butter-500);color:var(--butter-text)}.journey-card{display:grid;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid var(--butter-300);background:linear-gradient(180deg,var(--paper-50),var(--butter-100))}.journey-eyebrow{margin:0;color:var(--butter-text);font-size:var(--fs-xs);font-weight:800}.journey-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.journey-name{font-family:var(--font-display);font-size:var(--fs-lg)}.journey-delta{color:var(--mint-700);font-weight:800;font-size:var(--fs-sm);white-space:nowrap}.journey-delta.neg{color:var(--berry)}.journey-track{position:relative;height:12px;overflow:hidden;border:1px solid var(--butter-500);border-radius:var(--r-pill);background:var(--white)}.journey-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--butter-300),var(--pink-400));transform-origin:0 50%;transition:transform var(--dur-cham) var(--ease-out)}.journey-steps{display:flex;justify-content:space-between;margin:0;padding:0 2px;list-style:none}.journey-steps li{width:14px;height:14px;border:2px solid var(--line-strong);border-radius:50%;background:var(--white)}.journey-steps li.done{border-color:var(--butter-edge);background:var(--butter-300)}.journey-steps li.now{border-color:var(--pink-500);background:var(--pink-300);box-shadow:0 0 0 3px var(--pink-100)}.journey-next{margin:0;font-size:var(--fs-sm);font-weight:700}.journey-how{margin:0}.journey-banner{display:flex;gap:var(--sp-2);align-items:center;padding:var(--sp-2) var(--sp-3);border:2px solid var(--pink-400);border-radius:var(--r-lg);background:var(--pink-50);animation:journey-pop var(--dur-nang) var(--spring-nang) both}.journey-banner>.ico{flex:none;font-size:var(--fs-2xl);color:var(--pink-600)}.journey-banner div{display:grid;gap:2px}.journey-banner strong{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--pink-700)}.journey-banner span{font-size:var(--fs-sm)}.journey-card.final{border-color:var(--pink-400);box-shadow:0 6px 0 var(--pink-200),0 0 0 4px var(--butter-100)}@keyframes journey-pop{0%{transform:scale(.85) rotate(-2deg);opacity:0}}@media(prefers-reduced-motion:reduce){.journey-banner{animation:none}.journey-fill{transition:none}}.post-goal-list{display:grid;gap:var(--sp-2)}.post-goal-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t n" "p n";align-items:center;gap:2px var(--sp-2);min-height:56px;padding:var(--sp-2) var(--sp-3);border:2px solid var(--butter-300);border-radius:var(--r-lg);background:var(--white);box-shadow:0 3px 0 var(--butter-300);color:var(--text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:transform var(--t-fast) var(--ease-bounce)}.post-goal-opt strong{grid-area:t;font-family:var(--font-display);font-size:var(--fs-md);color:var(--cocoa-900)}.post-goal-opt span{grid-area:p;color:var(--text-soft);font-size:var(--fs-xs);font-weight:700}.post-goal-opt b{grid-area:n;padding:2px 8px;border-radius:var(--r-pill);background:var(--butter-100);color:var(--cocoa-900);font-size:var(--fs-sm)}.post-goal-opt:active{transform:translateY(2px);box-shadow:0 1px 0 var(--butter-300)}.post-goal-change{justify-self:start}.post-goal-opt.done{border-color:var(--mint-300);background:var(--mint-100);box-shadow:none;cursor:default}.post-goal-opt.done b{background:var(--white);color:var(--mint-700)}@media(prefers-reduced-motion:reduce){.post-goal-opt{transition:none}}}@layer screens{.register-mouth{width:min(100%,360px);margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.register-lip{width:100%;height:8px;background:linear-gradient(180deg,var(--wood-500),var(--wood-700));border:1.5px solid var(--ink);border-radius:var(--r-xs);box-shadow:0 2px 0 var(--wood-700)}.register-slot-dark{width:90%;height:6px;margin:-2px 0;background:var(--ink);border-radius:var(--r-pill)}.receipt-wrapper{position:relative;margin:-2px 0 var(--sp-3);padding:24px 20px 22px;background:var(--paper-50);border:1px solid var(--paper-line);border-radius:12px;box-shadow:0 6px 0 var(--paper-line),0 16px 28px -8px #7850321f;filter:drop-shadow(0 2px 4px rgba(0,0,0,.02))}.receipt-wrapper:before,.receipt-wrapper:after{content:"";position:absolute;left:-2px;right:-2px;height:10px;background:radial-gradient(circle 6px at 50% 50%,var(--page) 97%,transparent) 0 0 / 18px 10px repeat-x;pointer-events:none}.receipt-wrapper:before{top:-6px}.receipt-wrapper:after{bottom:-6px}.receipt-head{text-align:center;border-bottom:2px dashed var(--paper-line);padding-bottom:12px;margin-bottom:14px}.receipt-shop-name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;color:var(--cocoa-900);margin:0}.receipt-sub{margin:2px 0 0;font-size:var(--fs-xs);font-weight:600;color:var(--wood-700)}.receipt-ledger{width:100%;border-collapse:collapse;margin-bottom:12px}.receipt-ledger th{padding:6px 0;font-size:var(--fs-xs);font-weight:700;color:var(--cocoa-900);text-align:left}.receipt-ledger td{padding:6px 0;font-size:var(--fs-xs);font-weight:800;text-align:right;font-variant-numeric:tabular-nums;color:var(--cocoa-900)}.receipt-ledger .neg{color:var(--lilac-700)}.receipt-ledger .ledger-total-row{border-top:2px dashed var(--paper-line)}.receipt-ledger .ledger-total-row th{padding-top:10px;font-size:var(--fs-md);font-weight:800;color:var(--cocoa-900)}.receipt-ledger .ledger-total-row td{padding-top:10px;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;color:var(--mint-700)}.receipt-ledger .ledger-total-row td.neg{color:var(--berry)}.receipt-ledger tr.printing-line{opacity:0;animation:line-print var(--dur-nhe) var(--ease-out) forwards;animation-delay:var(--print-delay)}@keyframes line-print{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.receipt-stamp-container{display:flex;justify-content:center;margin-top:14px}.receipt-stamp-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;min-height:44px;cursor:pointer;touch-action:manipulation}.receipt-stamp-btn:focus{outline:none}.receipt-stamp-btn:focus-visible .stamp-border{outline:3px solid var(--pink-400);outline-offset:3px}.stamp-border{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:2.5px solid var(--berry);border-radius:10px;color:var(--berry);font-family:var(--font-display);font-weight:900;font-size:var(--fs-sm);letter-spacing:.5px;background:#fee2e266;box-shadow:0 0 0 1.5px #dc262633;transition:transform var(--t-fast) var(--ease-bounce)}.receipt-stamp-btn.profit .stamp-border{border-color:var(--mint-700);color:var(--mint-700);background:#dcfce766;box-shadow:0 0 0 1.5px #16a34a33}.receipt-stamp-btn:focus-visible .stamp-border{box-shadow:var(--ring)}.receipt-stamp-btn:not(.stamped){animation:stamp-hover var(--dur-vua) ease-in-out infinite alternate}@keyframes stamp-hover{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.04)}}.receipt-stamp-btn.stamped{animation:stamp-slam var(--dur-nang) var(--spring-nang) forwards;pointer-events:none}@keyframes stamp-slam{0%{transform:scale(1.3) translateY(-12px);opacity:.7}to{transform:scale(1) rotate(var(--stamp-rot, -2deg)) translateY(0);opacity:.95}}.receipt-badges-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:var(--sp-2) 0 var(--sp-4);opacity:0;pointer-events:none;transition:opacity var(--dur-nhe) var(--ease-out)}.receipt-badges-row.show-badges{opacity:1;pointer-events:auto}.receipt-badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:8px 6px;border-radius:var(--r-md);background:var(--white);border:1.5px solid var(--paper-line);box-shadow:0 3px 0 var(--paper-line)}.receipt-badges-row.show-badges .receipt-badge:nth-child(1){animation:badge-drop var(--dur-vua) var(--spring-vua) both}.receipt-badges-row.show-badges .receipt-badge:nth-child(2){animation:badge-drop var(--dur-vua) var(--spring-vua) both;animation-delay:var(--t-fast)}.receipt-badges-row.show-badges .receipt-badge:nth-child(3){animation:badge-drop var(--dur-vua) var(--spring-vua) both;animation-delay:var(--t-med)}@keyframes badge-drop{0%{opacity:0;transform:translateY(-16px) scale(.9)}to{transform:translateY(0) scale(1)}}.badge-coin{border-color:var(--butter-300);background:linear-gradient(180deg,var(--white) 0%,var(--butter-50) 100%);box-shadow:0 3px 0 var(--butter-500)}.badge-coin .badge-value{color:var(--butter-text)}.badge-star{border-color:var(--peach-300);background:linear-gradient(180deg,var(--white) 0%,var(--peach-50) 100%);box-shadow:0 3px 0 var(--peach-500)}.badge-star .badge-value{color:var(--star)}.badge-cup{border-color:var(--pink-200);background:linear-gradient(180deg,var(--white) 0%,var(--pink-50) 100%);box-shadow:0 3px 0 var(--pink-400)}.badge-cup .badge-value{color:var(--pink-text)}.badge-icon{font-size:var(--fs-lg);line-height:1}.badge-label{font-size:var(--fs-xs);font-weight:700;color:var(--text-soft);line-height:1.2}.badge-value{font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;line-height:1.15}.summary-details-list{display:flex;flex-direction:column;gap:6px;margin:var(--sp-2) 0}.summary-detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:var(--fs-xs)}.detail-label{color:var(--text-soft);font-weight:700}.detail-value{color:var(--cocoa-900);font-weight:800}.receipt-notes{margin-top:12px;padding-top:8px;border-top:1px dotted var(--paper-line)}.receipt-notes p{margin:3px 0;font-size:var(--fs-xs);color:var(--wood-700);line-height:1.35}@media(prefers-reduced-motion:reduce){.receipt-ledger tr.printing-line{opacity:1;animation:none}.receipt-stamp-btn{animation:none}.receipt-badges-row.show-badges .receipt-badge{animation:none;opacity:1;transform:none}}}