@font-face{font-family:Xiaolai;src:url('assets/xiaolai.woff') format('woff');font-display:swap}
:root{--paper:#fff6e2;--ink:#76451f;--mint:#bad19f;--mint-pale:#e9efd4;--line:#9b683c}
*{box-sizing:border-box}body{margin:0;background:#eee8d8;color:var(--ink);font-family:Xiaolai,cursive}button,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #85aa7c;outline-offset:3px}button:disabled{cursor:default;opacity:.4}button{touch-action:manipulation}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}
.app{max-width:430px;width:100%;margin:0 auto;min-height:100svh;padding:6px 16px calc(10px + env(safe-area-inset-bottom));background:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239c733b' opacity='.045' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.brand{margin:0 -5px 7px}.brand img{width:100%;display:block;mix-blend-mode:multiply}
.paper{background:var(--paper);border:1.7px solid var(--line);border-radius:17px 19px 16px 18px;box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px var(--mint)}
.inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}.tab{min-width:0;height:49px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:17px;padding:5px 6px}.tab.active{background:var(--mint-pale)}.tab-icon{width:29px;height:29px;display:block;flex-shrink:0}.tab-icon svg{width:100%;height:100%;overflow:visible}.tab span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.counter{position:relative;width:100%;height:auto;aspect-ratio:1.24;touch-action:pan-y;user-select:none}.counter-art{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.counter h1{position:absolute;left:28%;top:30.2%;width:44%;height:10%;display:flex;justify-content:center;align-items:center;margin:0;font-size:22px;font-weight:400;line-height:1;text-align:center}
.arrow{position:absolute;top:44%;width:44px;height:54px;border:0;background:transparent;font-size:41px;line-height:1;z-index:2}.prev{left:8%}.next{right:8%}.food-art{background-image:url('assets/foods.png');background-size:400% 300%;background-repeat:no-repeat;width:45%;aspect-ratio:1;position:absolute;left:27.5%;bottom:29.5%;pointer-events:none;transition:opacity .12s}.food-art.swapping{opacity:.25}
.counter h1{z-index:3}.food-art{width:30%;left:35%;bottom:27%}
.sprite{display:block;background-image:url('assets/foods.png');background-size:400% 300%;background-repeat:no-repeat;aspect-ratio:1;width:100%}
.companion{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:13px;margin:2px 3px 4px;min-height:112px}.bear{width:95px;height:116px;object-fit:contain}.bubble{position:relative;background:#fff9eb;border:1.5px solid var(--line);border-radius:37% 40% 34% 27% / 25% 30% 29% 33%;min-height:95px;display:flex;align-items:center;padding:14px 17px}.bubble:before{content:'';position:absolute;width:15px;height:15px;background:#fff9eb;left:-8px;bottom:23px;border-left:1.5px solid var(--line);border-bottom:1.5px solid var(--line);transform:skew(-26deg,-18deg)}.bubble p{position:relative;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.5;margin:0;max-height:156px;overflow:auto}.bubble p.pending{color:#947455}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:4px 15px 10px}.actions button{height:46px;font-size:20px}.primary{background:#e8edd4}.ledger{display:block;width:calc(100% - 30px);height:42px;margin:0 15px;font-size:17px}.ledger span{margin-left:10px}footer{text-align:center;font-size:12px;margin-top:12px;opacity:.7}
.overlay{position:fixed;inset:0;z-index:10;background:#3d2c1a42;display:flex;align-items:center;justify-content:center;padding:20px 16px;backdrop-filter:blur(2px)}.modal{position:relative;width:min(100%,368px);padding:25px 21px 20px;max-height:calc(100svh - 40px);overflow:auto;box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6px var(--mint),0 12px 35px #452c1929}.modal h2{font-size:22px;font-weight:400;text-align:center;margin:0 25px 17px}.close{position:absolute;right:6px;top:5px;width:44px;height:44px;background:transparent;border:0;font-size:29px;line-height:1}.modal.input-modal{height:318px;overflow:auto}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 10px}.option{border:1px solid transparent;border-radius:14px;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 1px;font-size:16px;min-height:85px}.option svg{width:40px;height:40px}.option.selected{border-color:#a3be8c;background:#eaf0d8}.tags{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.tag{min-height:35px;border:1.2px solid var(--line);border-radius:15px;background:transparent;font-size:16px}.tag.selected{background:#dce7bd;border-color:#91a768}.note-field{background:transparent;border:1px solid #c5ac88;border-radius:10px;width:100%;height:75px;padding:8px 10px;resize:none;font-size:16px;line-height:1.5}.note-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.note-count{font-size:12px;opacity:.65}.small-btn{border:1px solid var(--line);border-radius:14px;background:#e6edcf;padding:7px 20px;font-size:16px;min-height:38px}.note-bottom .small-btn{min-height:34px;padding:4px 18px}.ledger-modal{padding-bottom:24px}.empty{text-align:center;font-size:16px;line-height:1.8;margin:36px 0}.record{border-bottom:1px dashed #cab18b;padding:8px 0}.record summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:8px;min-height:65px;font-size:14px}.record summary::-webkit-details-marker{display:none}.record summary time{white-space:pre-line;line-height:1.5}.record .thumb{width:62px;flex-shrink:0}.record-content{font-size:15px;line-height:1.7;padding:6px 2px 15px;overflow-wrap:anywhere}.record-content p{margin:5px 0;white-space:pre-wrap}.record-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.text-btn{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:13px;padding:8px}.reward-art{width:180px;margin:0 auto}.reward-name{text-align:center;font-size:21px;margin:8px 0 20px}.reward-modal .small-btn{display:block;margin:auto;min-width:140px}.voucher-wrap{position:relative;width:220px;margin:5px auto 0}.voucher-wrap .sprite{width:220px}.voucher-label{position:absolute;top:38%;left:26%;font-size:16px;transform:rotate(-5deg);background:#fff7e5dd;padding:3px 5px;border-radius:4px}.gift-title{font-size:15px;color:#608456}.gift-art-small{width:80px}
#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:30;max-width:90%;width:max-content;background:#714b2deb;color:#fff9e8;padding:10px 18px;border-radius:15px;font-size:15px;text-align:center}
@media(min-width:600px){body{padding:20px 0}.app{border-radius:22px;box-shadow:0 5px 40px #4c37151c;min-height:0;padding-top:8px;padding-bottom:18px}}
@media(max-height:740px) and (max-width:599px){.brand{max-width:310px;margin:0 auto 4px}.counter{aspect-ratio:1.43}.companion{min-height:98px}.bear{height:101px}.bubble{min-height:86px}.actions{margin-top:0;margin-bottom:7px}footer{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* 已确认彩铅招牌的笔触贯穿控件，保留正文小赖字体。 */
.brand img{mix-blend-mode:normal}
.paper,.tag,.small-btn{border:0;box-shadow:none;background-color:transparent;background-image:url('assets/pencil-frame.png');background-repeat:no-repeat;background-size:100% 100%;border-radius:15px;position:relative}
.modal{background-color:var(--paper);box-shadow:0 12px 35px #452c191f;border-radius:30px;padding:40px 23px 22px}
.tab{height:53px;padding:6px 8px;gap:5px}.tab.active{background-color:transparent}
.pencil-icon{display:block;width:100%;height:100%;background:url('assets/icons-pencil.png') var(--ix) var(--iy)/400% 400% no-repeat}
.mood-pencil{display:block;background-image:url('assets/moods-approved.png');background-size:300% 200%;background-repeat:no-repeat;width:100%;height:100%}
.tab-icon{width:34px;height:34px;flex-shrink:0}.tab span:last-child{position:relative;z-index:1}
.tab span[id$="Label"]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}
.counter{width:94%;margin:0 auto;aspect-ratio:1.23}.counter h1{font-size:21px}.food-art{width:37%;left:31.5%;bottom:23%;z-index:1}
.arrow{font-size:35px;top:45%}.prev{left:6%}.next{right:6%}
.counter-copy{position:absolute;left:12%;right:12%;top:79.3%;bottom:6.2%;display:flex;align-items:safe center;justify-content:center;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;z-index:3;padding:2px 0;user-select:text}
.counter-copy p{white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;font-size:15px;line-height:1.5;margin:0;width:100%}.counter-copy p.pending{color:#947455}
.serving-actions{display:flex;justify-content:space-between;align-items:center;margin:4px 29px 8px;min-height:136px}
.illustrated-action{position:relative;border:0;background:transparent;padding:0;width:126px;height:136px;display:flex;align-items:center;justify-content:center;border-radius:28px;transition:transform .15s}
.illustrated-action:hover{transform:translateY(-2px)}.illustrated-action .bear{display:block;width:126px;height:136px;object-fit:contain;pointer-events:none}
.illustrated-action .utensils{width:100px;height:100px;pointer-events:none}
.illustrated-action .selection-mark{right:0;bottom:8px;width:34px;height:34px}
.ledger{height:46px;margin-top:0}.ledger span{display:none}
.option{position:relative;border:0;background:transparent;border-radius:0;gap:2px;min-height:90px;padding:3px 0}
.option.selected{border:0;background:transparent}.option>.pencil-icon,.option>.mood-pencil{width:58px;height:58px}.option>.mood-pencil{width:66px;height:66px;margin-top:-4px;margin-bottom:-4px}
.tags{gap:8px;margin-bottom:12px}.tag{position:relative;min-height:39px;padding:5px 13px 5px 5px;font-size:16px}.tag.selected{background-color:transparent;border:0}
.tag .selection-mark{width:23px;height:23px;right:5px;bottom:7px}
.note-field{border:0;border-bottom:1px dashed #c8af8e;border-radius:0;background:repeating-linear-gradient(transparent,transparent 23px,#cbb89e55 24px,transparent 25px);height:73px;padding:1px 7px;line-height:25px}
.small-btn{min-height:43px;padding:9px 22px}.note-bottom .small-btn{min-height:36px;padding:6px 20px}
.selection-mark{position:absolute;right:1px;bottom:8px;width:30px;height:30px;pointer-events:none;overflow:visible}.tab .selection-mark{width:21px;height:21px;right:5px;bottom:2px}
.check-stroke{stroke-dasharray:70;stroke-dashoffset:0;animation:pencil-check .42s ease-out both}.check-stroke.fine{animation-delay:.035s}
@keyframes pencil-check{from{stroke-dashoffset:70}to{stroke-dashoffset:0}}
.selection-mark.still .check-stroke{animation:none}
@media(max-height:740px) and (max-width:599px){.counter{aspect-ratio:1.29}.serving-actions{min-height:119px;margin-top:2px;margin-bottom:5px}.illustrated-action{height:119px}.illustrated-action .bear{height:119px}.ledger{height:43px}}
@media(prefers-reduced-motion:reduce){.check-stroke{animation:none}.illustrated-action{transition:none}}

/* 第三版：按控件尺寸绘制轻薄边线，不再使用拉伸的招牌边框图片。 */
.paper,.tag,.small-btn{background-image:none!important;border:0;box-shadow:none}
.sketch-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.86}
.paper>*:not(.sketch-frame),.tag>*:not(.sketch-frame),.small-btn>*:not(.sketch-frame){position:relative;z-index:1}
.paper>.selection-mark,.tag>.selection-mark{position:absolute;z-index:2}
.modal{padding:28px 23px 22px;border-radius:18px;background-color:var(--paper);box-shadow:0 6px 28px #4c341b16}
.modal>.sketch-frame{position:absolute;z-index:0}.modal>.close{position:absolute;z-index:3}
.tab{background:transparent}.tab-icon{width:34px;height:34px}
.mood-pencil,.bear-bust,.book-icon{background-image:url('assets/bear-set-v3.png');background-size:400% 200%;background-repeat:no-repeat;display:block}
.bear-bust{width:122px;height:122px;background-position:66.666667% 100%;pointer-events:none}
.illustrated-action{height:126px;width:126px}.serving-actions{min-height:126px;margin:4px 29px 0}
.choose-hint{font-size:14px;text-align:center;line-height:1.5;margin:1px 0 9px;color:#987346}
.ledger{width:max-content;max-width:100%;height:56px;margin:0 auto;padding:5px 11px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;box-shadow:none;border-radius:0}
.ledger>span{display:block;margin:0}.ledger .book-icon{width:42px;height:42px;background-position:100% 100%}.ledger .ledger-text{font-size:19px;letter-spacing:1px;color:#8b653d;transform:rotate(-1deg)}
.ledger-bounce{animation:ledger-hop .55s ease-out both}
@keyframes ledger-hop{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-5px) rotate(-1deg)}65%{transform:translateY(-1px) rotate(.5deg)}}
.selection-mark.ring-mark{left:0;top:0;right:auto;bottom:auto;width:100%;height:100%;overflow:visible}
.option>.selection-mark.ring-mark{position:absolute;width:80px;height:73px;left:50%;top:-4px;transform:translateX(-50%)}
.illustrated-action>.selection-mark.ring-mark{left:-4px;top:-1px;width:134px;height:125px}
.tab>.selection-mark.ring-mark{width:100%;height:100%;left:0;top:0}
.check-stroke{stroke-dasharray:1;animation:pencil-loop .44s ease-out both}.check-stroke.fine{animation-delay:.025s}
@keyframes pencil-loop{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(max-height:740px) and (max-width:599px){.serving-actions{min-height:112px}.illustrated-action{height:112px}.bear-bust{width:112px;height:112px}.illustrated-action>.selection-mark.ring-mark{height:114px}.choose-hint{margin-bottom:5px}.ledger{height:51px}}
@media(prefers-reduced-motion:reduce){.ledger-bounce,.check-stroke{animation:none}}

/* 已确认餐车稿实施：保留原图字标，前景柜台承托小熊与食物。 */
.app{background-color:#fff6e3}.brand{margin:0 -8px 7px}.brand img{mix-blend-mode:normal;width:100%;height:auto}
.inputs{gap:6px;margin:3px 0 7px}.inputs .tab{height:46px;background:transparent;box-shadow:none}.inputs .tab>.sketch-frame{display:none}.inputs .tab-icon{width:31px;height:31px}
.counter.trailer{width:calc(100% + 28px);margin:0 -14px;aspect-ratio:1.095;position:relative;isolation:isolate;overflow:visible}
.trailer .counter-art,.trailer .counter-front{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.trailer .counter-art{z-index:0;filter:drop-shadow(0 1.5px 1px #88562d12)}
.trailer .counter-front{z-index:4;clip-path:inset(58.5% 0 0 0)}
.window-shade{position:absolute;left:16%;right:15%;top:28.5%;height:4%;z-index:1;pointer-events:none;background:linear-gradient(#92734b16,transparent)}
.trailer .illustrated-action{position:absolute;background:transparent;border:0;width:26%;height:auto;aspect-ratio:1;z-index:3;padding:0;display:flex;align-items:center;justify-content:center}
.trailer #hyunjae{left:8%;top:34%}.trailer #hyunjae .bear-bust{width:100%;height:100%}
.trailer #eat{left:72.5%;top:42%;width:17%;aspect-ratio:1}.trailer #eat .utensils{width:100%;height:100%}
.trailer .illustrated-action>.selection-mark.ring-mark{width:112%;height:102%;left:-6%;top:-5%}
.trailer .food-art{left:37%;top:29.5%;bottom:auto;width:29%;height:auto;aspect-ratio:1;z-index:2}
.trailer .arrow{z-index:5;top:44.5%;width:36px;height:44px;padding:8px;background:transparent;border:0;display:grid;place-items:center}
.trailer .arrow svg{display:block;width:22px;height:28px;overflow:visible}.trailer .arrow path{stroke:#92603c;stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.trailer .prev{left:30.8%}.trailer .next{right:28%}
.counter.trailer h1{left:21%;top:66%;width:58%;height:9%;font-size:22px;z-index:6;pointer-events:none}
.choose-hint{margin:2px 0 10px;font-size:13px}
.restaurant-card{position:relative;width:calc(100% - 38px);margin:0 auto 8px;background:#dfeeda;min-height:110px;padding:14px 25px 25px;border-radius:12px;color:#754d2d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h100v100H0z' filter='url(%23g)' opacity='.045'/%3E%3C/svg%3E")}
.card-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.restaurant-card h2{margin:0 0 11px;text-align:center;font-size:16px;font-weight:400;color:#718566;line-height:1.4}
.restaurant-card p{font-size:18px;line-height:1.55;text-align:center;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto}
.paw-signature{position:absolute;right:15px;bottom:8px;width:21px;height:22px;transform:rotate(-12deg);opacity:.72}
.ledger{height:50px;min-height:50px}.ledger .ledger-text{font-size:18px}.ledger .book-icon{width:38px;height:38px}
footer{margin-top:9px}.credit-music{display:flex;justify-content:center;align-items:center;gap:9px;font-size:13px}.credit-music>span{white-space:nowrap}
#musicToggle{display:inline-flex;align-items:center;gap:5px;padding:5px 6px;min-height:34px;border:0;background:transparent;font-size:12px;white-space:nowrap}
#musicToggle svg{width:18px;height:18px;stroke:#92704b;fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.disclaimer{margin:4px 0 0;font-size:11px}
@media(max-height:740px) and (max-width:599px){.brand{max-width:310px;margin:0 auto 3px}.inputs{margin-bottom:2px}.counter.trailer{aspect-ratio:1.095}.choose-hint{margin-bottom:7px}.restaurant-card{min-height:100px;padding-top:12px;padding-bottom:23px}.restaurant-card h2{margin-bottom:7px}.ledger{height:45px;min-height:45px}footer{margin-top:4px}}

/* 已确认修订稿：原始小熊及表情用原图裁切，保持鼻尖痣与彩铅笔触。 */
.trailer #hyunjae{left:12%;top:35.5%;width:25%;height:27%;aspect-ratio:auto;overflow:hidden;border-radius:0}
.trailer #hyunjae .bear-bust{background-image:url('assets/bear-approved.png');background-size:160% auto;background-position:47% 20%;mix-blend-mode:multiply}
.trailer #eat{left:73%;top:42%;width:15%;height:18%;overflow:hidden;border-radius:0}
.trailer .illustrated-action.is-selected{animation:choice-hop .48s ease-out both}
@keyframes choice-hop{0%,100%{transform:translateY(0)}40%{transform:translateY(-3px)}70%{transform:translateY(-.7px)}}
.trailer .illustrated-action .selection-mark{display:none}
.mood-pencil{background-image:url('assets/moods-approved.png');background-size:404.210526% 301.176471%;background-position:calc((var(--face-x)*512 + 105)/1156*100%) calc((var(--face-y)*470 + 50)/684*100%);mix-blend-mode:multiply;width:100%;height:100%}
.inputs .tab{gap:5px;padding-left:2px;padding-right:18px}
.inputs .tab>.selection-mark.tick-mark{width:16px;height:16px;right:0;top:15px;bottom:auto;left:auto}
.restaurant-card{background-color:transparent;background-image:url('assets/card-pencil.png');background-size:100% 100%;border-radius:0;isolation:isolate}
.restaurant-card>.card-outline{display:none}
.restaurant-card h2{color:#76451f}
.paw-signature{opacity:.9}
@media(prefers-reduced-motion:reduce){.trailer .illustrated-action.is-selected{animation:none}}

.trailer #hyunjae{mix-blend-mode:multiply}.trailer #hyunjae .bear-bust{background-size:125% auto;background-position:47% 18%}

.trailer #hyunjae{top:33.5%;height:29%;mix-blend-mode:normal}.trailer #hyunjae .bear-bust{background-image:url('assets/bear-bust-approved.png');background-size:contain;background-position:center top;mix-blend-mode:normal}

/* v6：已确认的小票铺地、名称两侧朝上熊掌与前后层次。 */
.serving-scene{position:relative;isolation:isolate;container-type:inline-size}
.serving-scene .counter.trailer{width:92%;margin:0 auto;aspect-ratio:1.095}
.window-depth{position:absolute;left:14%;right:12%;top:29%;height:30%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 51% 68%,#fffdf6 0%,#fffbeddb 31%,#fff0d55c 72%,transparent 100%)}
.trailer #hyunjae,.trailer #eat{filter:contrast(.97) saturate(.96)}
.trailer #hyunjae{left:12%;top:33%;width:25%;height:29%}
.trailer #eat{left:73%;top:39%;width:15%;height:20%}
.trailer .food-art{width:34%;left:33%;top:25.5%;z-index:5;filter:drop-shadow(0 2px 1px #95602e24);isolation:isolate}
.trailer .food-art:after{content:'';position:absolute;left:17%;right:11%;bottom:5%;height:5%;border-radius:50%;background:#91613e20;filter:blur(2px);z-index:-1;pointer-events:none}
.trailer .arrow{top:64.5%;width:44px;height:44px;padding:6px;z-index:7}
.trailer .arrow img{display:block;width:29px;height:29px;pointer-events:none}
.trailer .prev{left:26%}.trailer .next{right:24%}
.counter.trailer h1{left:38%;width:30%;top:66%;font-size:20px;z-index:6}
.receipt-sheet{position:absolute;left:0;top:49.15cqw;width:100%;height:calc(100% - 49.15cqw);z-index:5;pointer-events:none;overflow:visible;filter:drop-shadow(0 1px .5px #9b74331a)}
.serving-scene .choose-hint{position:relative;z-index:7;margin:3px 0 10px 19%;font-size:12px;min-height:19px;line-height:19px;white-space:nowrap;pointer-events:none}
.restaurant-card.receipt-end{background:none;position:relative;width:90%;min-height:98px;margin:0 auto 4px;padding:25px 33px 27px;z-index:7;border:0;border-radius:0;color:#76451f;display:flex;align-items:center;justify-content:center}
.receipt-end p{font-size:18px;line-height:1.55;max-height:none;overflow:visible}
.receipt-end .paw-signature{right:12px;bottom:14px;width:22px;height:23px}
.receipt-end.message-arrived p{animation:quote-arrive .6s ease-out both}
@keyframes quote-arrive{0%{opacity:.25;transform:translateY(3px)}100%{opacity:1;transform:translateY(0)}}
.ledger-entry{border-bottom:1px dashed #cab18b;padding-bottom:7px;margin-bottom:5px}.ledger-entry .record{border:0;padding-bottom:1px}
.record summary time{flex:1}.record summary .thumb{width:49px}
.disclosure{width:9px;height:9px;border-right:2px solid #986135;border-bottom:2px solid #986135;transform:rotate(45deg);margin:0 6px 5px 3px;flex-shrink:0}
.record[open] .disclosure{transform:rotate(225deg);margin-top:6px}
.visible-gift{display:flex;align-items:center;gap:8px;background:#e8eed155;border-radius:11px;padding:3px 7px;margin:3px 0;font-size:13px;line-height:1.45;color:#76451f}
.gift-thumb{display:block;width:46px;flex-shrink:0}
@media(max-height:740px) and (max-width:599px){.restaurant-card.receipt-end{min-height:96px;padding:24px 30px}.serving-scene .counter.trailer{aspect-ratio:1.095}.serving-scene .choose-hint{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.receipt-end.message-arrived p{animation:none}}
#weatherIcon>.pencil-icon,#noteIcon>.pencil-icon,.option>.pencil-icon,.book-icon{filter:contrast(1.07) saturate(1.03)}

/* v7: approved mint card, balanced window and mirror-paired tactile paws. */
.serving-scene .counter.trailer{width:100%;margin:0 auto}
.serving-scene .choose-hint{margin:2px 0 8px;text-align:center;font-size:13px;color:var(--ink);white-space:normal}
.restaurant-card.receipt-end{width:84%;min-height:83px;padding:19px 28px 23px;margin:0 auto 5px;background:transparent url('assets/card-pencil.png') center/100% 100% no-repeat;mix-blend-mode:multiply}
.receipt-end p{font-size:18px;line-height:1.5}
.receipt-end .paw-signature{right:14px;bottom:10px;width:19px;height:20px}
.trailer #hyunjae{left:10.5%;top:32%;width:27%;height:29%;mix-blend-mode:multiply;filter:none}
.trailer #hyunjae .bear-bust{background-image:url('assets/bear-approved.png');background-size:150% auto;background-position:50% -5.7cqw;mix-blend-mode:multiply}
.trailer #eat{left:71%;top:39%;width:16%;height:21%;filter:contrast(1.13) saturate(1.04)}
.trailer .food-art{left:36%;width:31%;top:28%;filter:drop-shadow(0 1.5px .7px #95602e20)}
.trailer .prev{left:calc(25% - 22px)}.trailer .next{right:calc(25% - 22px)}
.counter.trailer h1{left:35%;width:30%;top:66%;font-size:21px}
.trailer .arrow{top:64%;padding:6px;background:transparent;transition:transform .15s}
.trailer .arrow img{width:30px;height:30px;filter:drop-shadow(0 1.5px 0 #b8956c) drop-shadow(0 2px 1px #76451f24)}
.trailer .next img{transform:scaleX(-1)}
.trailer .arrow:active{transform:translateY(1.5px)}
.trailer .arrow:active img{filter:drop-shadow(0 .3px 0 #b8956c)}
.ledger .book-icon{width:31px;height:29px;background:none;filter:none;mix-blend-mode:multiply}
.ledger .ledger-text{color:var(--ink)}
.approved-icon{display:block;width:100%;height:100%;mix-blend-mode:multiply;overflow:hidden!important}
.option>.approved-icon{width:58px;height:58px}
.tags .tag{background:#edf1da55;color:var(--ink);border-radius:12px}
.tags .tag.selected{background:#dfe9cdaa}
.inputs .tab-icon{width:32px;height:32px}
@media(max-height:740px) and (max-width:599px){.restaurant-card.receipt-end{min-height:83px;padding:19px 28px 23px}}

.trailer #hyunjae .bear-bust{background:none;overflow:hidden;mix-blend-mode:multiply}
.trailer #eat{left:65.5%}
.trailer .prev{left:calc(29% - 22px)}.trailer .next{right:calc(29% - 22px)}
.trailer #hyunjae{left:13%;width:24%;top:31%}

/* v8: four bounded corrections, original image geometry preserved. */
.trailer #hyunjae{left:12%;top:28.6%;width:28%;height:31%;overflow:hidden;mix-blend-mode:multiply}
.trailer #hyunjae .bear-bust{width:100%;height:100%;background:none;mix-blend-mode:multiply}
.mood-original{display:block;width:100%;height:100%;overflow:hidden;mix-blend-mode:multiply}
#moodIcon{width:32px;height:auto;aspect-ratio:380/340;flex:0 0 32px}
.option>.mood-original{width:66px;height:auto;aspect-ratio:380/340;flex-shrink:0}
.trailer #eat{filter:none}
.trailer #eat .utensils{background:none;width:100%;height:100%}
.trailer .prev{left:calc(39% - 22px)}.trailer .next{right:calc(39% - 22px)}
.trailer .arrow{top:64.5%;width:44px;height:40px;padding:8px 10px}
.trailer .arrow img{width:24px;height:24px}
.counter.trailer h1{left:44%;width:12%;font-size:19px;white-space:nowrap}

.trailer .prev{left:calc(37% - 22px)}.trailer .next{right:calc(37% - 22px)}
.counter.trailer h1{left:39%;width:22%;font-size:min(19px,calc(19cqw / var(--name-length,2)))}

/* v9: selected picturebook window, original raster artwork and independent touch layers. */
.serving-scene .counter.serving-window{width:100%;aspect-ratio:955/605;margin:0 auto;overflow:visible}
.serving-window .counter-art{width:100%;height:100%;filter:none;z-index:0}
.serving-window #hyunjae{left:12%;top:27%;width:30%;height:46%;mix-blend-mode:normal;z-index:2;overflow:visible}
.serving-window #hyunjae .bear-bust{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:normal;background:none}
.serving-window #eat{left:72%;top:40.5%;width:16.5%;height:31%;overflow:visible;z-index:2}
.serving-window #eat .utensils{width:100%;height:100%;overflow:hidden;mix-blend-mode:multiply}
.serving-window .food-art{left:43%;top:37%;width:29%;z-index:3;filter:none}
.food-tray{position:absolute;left:42%;top:67%;width:28%;height:7%;z-index:2;mix-blend-mode:multiply;pointer-events:none}
.sill-art{position:absolute;left:2.4%;top:70.9%;width:94.7%;height:8.6%;z-index:4;pointer-events:none;overflow:hidden}
.serving-window .arrow{top:80%;width:44px;height:44px;padding:8px;z-index:5}
.serving-window .arrow svg{width:28px;height:25px;overflow:hidden;filter:drop-shadow(0 1px .2px #87501d33);mix-blend-mode:multiply}
.serving-window .prev{left:calc(28% - 22px)}.serving-window .next{right:calc(28% - 22px)}
.serving-window .next svg{transform:scaleX(-1)}
.counter.serving-window h1{left:36%;width:28%;top:80%;height:12%;font-size:min(22px,calc(25cqw / var(--name-length,2)))}
#moodIcon{aspect-ratio:375/350}.option>.mood-original{aspect-ratio:375/350}
.serving-scene .choose-hint{margin:10px 0 9px;font-size:13px}
.restaurant-card.receipt-end{width:87%;min-height:80px;padding:17px 28px 22px;background-image:none;isolation:isolate}
.restaurant-card.receipt-end:before{content:'';position:absolute;inset:0;z-index:-1;background-image:url('assets/window-sketch.png');background-size:128% 858%;background-position:50% 84%;border-radius:13px}
.receipt-end .paw-signature{width:23px;height:20px;right:15px;bottom:10px;transform:none;opacity:1;overflow:hidden;mix-blend-mode:multiply}
.ledger .book-icon{width:32px;height:29px;overflow:hidden}
.restaurant-card.receipt-end{background:transparent url('assets/card-pencil.png') center/100% 100% no-repeat}
.restaurant-card.receipt-end:before{display:none}
.serving-window .food-art{top:27%}
.serving-window #hyunjae{top:29%}
.approved-card-edge{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden;mix-blend-mode:multiply}
.restaurant-card.receipt-end{background-size:130% 180%;background-position:center;border-radius:13px;overflow:hidden}

/* v10: clean independent art; common palette, optical spacing, complete record frames. */
.serving-window .counter-art,.serving-window .sill-art{filter:url(#window-palette)}
.serving-window #hyunjae{left:13%;top:28%;width:27%;height:46%;clip-path:inset(0 0 3% 0)}
.serving-window #eat{left:73%;top:38%;width:16%;height:31%;clip-path:inset(0 0 3% 0)}
.serving-window .food-art{left:42.5%;top:26%;width:28%;z-index:3}
.serving-window .food-tray{left:42%;top:66%;width:29%;height:7%;z-index:2;mix-blend-mode:normal}
.serving-window .food-art:after{display:none}
.serving-window .arrow{top:80%;height:40px;display:flex;align-items:center;justify-content:center;padding:7px}
.serving-window .arrow img{width:27px;height:24px;display:block;filter:drop-shadow(0 1px .2px #8d623a44)}
.serving-window .next img{transform:scaleX(-1)}
.counter.serving-window h1{left:42%;width:29%;top:80%;height:40px;font-size:min(21px,calc(25cqw / var(--name-length,2)))}
.serving-window .prev{left:calc(34% - 22px)}.serving-window .next{left:calc(79% - 22px);right:auto}
.receipt-end .paw-signature{width:24px;height:22px;object-fit:contain;mix-blend-mode:normal;right:16px;bottom:12px}
.restaurant-card.receipt-end{background-color:#e9efd4;background-image:url('assets/card-pencil.png');background-size:130% 180%;background-blend-mode:luminosity}
.approved-card-edge{filter:saturate(.72)}
.ledger-entry.paper{position:relative;border:0;margin:8px 0;padding:6px 11px 10px;background:#fff6e3;isolation:isolate}
.ledger-entry>.sketch-frame{z-index:-1;opacity:.85}
.ledger-entry.paper>.record{position:relative;border:0;padding:0;z-index:1}
.ledger-entry .record-content{padding:5px 2px 7px;border:0}
.ledger-entry .visible-gift{background:#e9efd499;border:0;border-radius:7px;margin:4px 0 0}
.serving-window #hyunjae{top:30%}
.serving-window #eat{top:42%}
.serving-window .food-art{top:28%}
.serving-window .food-art{left:41%}
.serving-window .food-tray{left:40.5%}
.counter.serving-window h1{left:40.5%;top:78%}
.serving-window .arrow{top:78%}
.serving-window .prev{left:calc(32% - 22px)}.serving-window .next{left:calc(78% - 22px)}
.serving-window .food-art{top:30%}
/* v11: fixed window centre and a slightly wider mood selection ring only. */
.serving-window .food-art{left:36%;width:28%}
.serving-window .food-tray{left:35.5%;width:29%}
.counter.serving-window h1{left:35.5%;width:29%}
.input-modal:has(.mood-original) .option>.selection-mark.ring-mark{width:88px;height:80px;top:-8px}
/* v12: companions balance around the unchanged 50% food axis; paws mirror the name. */
.serving-window #hyunjae{left:10.5%}
.serving-window #eat{left:68%}
.serving-window .prev{left:calc(32% - 22px)}.serving-window .next{left:calc(68% - 22px)}

/* Shared countertop: nearby subjects, common support and soft contact shading. */
.serving-window #hyunjae{left:12%;top:30.5%;height:45%;clip-path:inset(0 0 5% 0)}
.serving-window #eat{left:66%;top:42%;height:31%;clip-path:inset(0 0 3% 0)}
.serving-window .food-art{top:32%;filter:drop-shadow(0 1px .5px #87501d1c)}
.serving-window .food-tray{top:66.2%;height:6%;filter:drop-shadow(0 1px .5px #87501d20)}
.serving-window:after{content:'';position:absolute;left:16%;right:17%;top:69.2%;height:3%;z-index:1;pointer-events:none;background:radial-gradient(ellipse,#90623926,transparent 72%);filter:blur(1px)}
.clear-confirm{text-align:center;width:100%;padding:8px 0 4px}
.clear-confirm p{font-size:15px;line-height:1.65;margin:0 0 12px}
.clear-confirm>div{display:flex;justify-content:center;gap:16px}
.clear-confirm .small-btn{position:relative;min-height:42px;padding:8px 15px;background:#e9efd4}
.clear-confirm #confirmClear{background:#f2dfc4}