:root{color-scheme:light dark;--app-bg: #f5f5f5;--app-ink: #0b1220;scrollbar-color:rgba(0,0,0,.25) transparent}html{scrollbar-gutter:stable}@media (prefers-color-scheme: dark){:root{--app-bg: #0f1424;--app-ink: #e6edff}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--app-bg);color:var(--app-ink)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}@media (min-width: 901px){html{scrollbar-gutter:stable}}@media (max-width: 900px){html{scrollbar-gutter:auto}}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px!important}}:root{--primary:#0a74ff;--accent:#ff6a3d;--primary-2:#197dff;--surface:#fff;--ink-1:#0b1220;--ink-2:#1b2f52;--ink-3:#6b7280;--line:rgba(10,20,50,.1);--shadow-1:0 6px 20px rgba(20,30,60,.08);--shadow-2:0 10px 30px rgba(20,30,60,.12);--radius:16px;--ease:cubic-bezier(.2,.8,.2,1);--touch: 44px}.preview{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;animation:fadeIn .25s var(--ease);overflow:hidden}.section-surface{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-1)}.preview.compact .section-surface{border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-1);border:1px solid var(--line)}.pv-hero.micro{padding:8px 10px;color:#fff;position:relative;background:linear-gradient(135deg,var(--accent) -10%,#ff8a46 30%,var(--primary) 110%);border-color:#ffffff38}.pv-hero .pv-kicker{display:inline-flex;gap:6px;align-items:center;font-weight:800;font-size:11px;padding:4px 8px;border-radius:999px;background:#ffffff26}.pv-hero p{margin:6px 0 2px;color:#fffffff2;font-size:12px}.pv-toolbar.compact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px}.pv-main-tabs{display:flex;gap:6px}.main-tab.seg{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#f7f9ff;cursor:pointer;font-weight:800;min-height:var(--touch)}.main-tab.seg.active{background:#ffece6;border-color:#ffc5b1;color:#8a2d10}.pv-subchips{display:flex;gap:6px;overflow:auto;scrollbar-width:thin;padding-bottom:2px}.pv-subchips .chip{padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:700;white-space:nowrap}.pv-subchips .chip.active{background:#eef5ff;border-color:#bdd7ff}.pv-compact-actions{display:flex;align-items:center;gap:6px;position:relative}.search-compact{display:flex;align-items:center;gap:6px}.search-compact .icon{width:40px;height:40px;border-radius:10px;background:#f3f5f9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.search-compact .search-input{width:0;opacity:0;transform:translate(4px);transition:width .18s var(--ease),opacity .18s var(--ease),transform .18s var(--ease);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.search-compact.open .search-input{width:180px;opacity:1;transform:translate(0)}.sort-wrap{position:relative}.sort-wrap .icon{width:40px;height:40px;border-radius:10px;background:#f3f5f9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.sort-pop{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;overflow:hidden;min-width:160px;z-index:10}.sort-pop .row{padding:10px 12px;text-align:left;background:#fff;border:none;cursor:pointer;font-weight:700}.sort-pop .row:hover{background:#f6f9ff}.sort-pop .row.active{background:#eef5ff}.pv-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-gutter:stable both-edges}.pv-content.dense{display:grid;grid-template-columns:1fr;gap:10px;padding:2px 2px 110px}.pv-section.tight{padding:8px 10px;gap:8px}.pv-section-head.compact{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.pv-section-head.compact h2{margin:0;font-size:18px;color:var(--ink-2)}.pv-section-head.compact .count{font-size:11px;color:var(--ink-3)}.pv-grid.dense{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}@media (min-width: 1100px){.pv-grid.dense{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.pv-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:transform .12s var(--ease),box-shadow .12s var(--ease),border-color .12s var(--ease)}.pv-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:#ff6a3d59}.pv-thumb{height:160px;background:linear-gradient(180deg,#fff7f4,#f7fbff);display:flex;align-items:center;justify-content:center;overflow:hidden}.pv-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pv-thumb-ph{width:48px;height:48px;border-radius:10px;background:#ffe0d6;display:flex;align-items:center;justify-content:center;color:#d4512c}.pv-body{padding:10px;display:flex;flex-direction:column;gap:8px}.pv-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.pv-body h4{margin:0;font-size:15px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv-price{font-weight:900;color:#0a2a66}.pv-desc{margin:0;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.4em}.pv-desc.empty{visibility:hidden}.pv-meta{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:6px 8px;border-radius:999px;border:1px solid var(--line);background:#f7f9ff;color:var(--ink-2)}.pill.food{background:#fff2ee;border-color:#ffd9cd;color:#7a2910}.pill.drink{background:#eefcff;border-color:#cfefff;color:#0b4c5a}.pill.neutral{background:#f7f9ff}.pill.linklike{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:800;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease);min-height:var(--touch)}.btn.primary{background:linear-gradient(90deg,var(--accent),#ff824c 40%,var(--primary) 140%);color:#fff;box-shadow:0 4px 12px #ff6a3d47}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px #ff6a3d59}.btn.ghost{background:#f3f5f9;color:#1f2b45}.btn.big{padding:12px 16px}.icon{width:44px;height:44px;border-radius:10px;background:#f3f5f9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.pv-qty{display:flex;align-items:center;gap:8px}.pv-qty .icon{width:42px;height:42px}.pv-qty-num{min-width:36px;text-align:center;font-weight:900}.pv-empty{padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--ink-3);text-align:center}.shimmer{background-image:linear-gradient(90deg,#00000008 25%,#00000012 37%,#00000008 63%);background-size:200% 100%;background-repeat:no-repeat;animation:pvShimmer 1.6s linear infinite;will-change:background-position}@keyframes pvShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pv-card.sk{pointer-events:none}.sk-thumb{height:160px;border-bottom:1px solid var(--line)}.sk-line{height:14px;border-radius:8px;background:#00000014}.sk-line.w-10{width:10%}.sk-line.w-20{width:20%}.sk-line.w-30{width:30%}.sk-line.w-70{width:70%}.sk-line.w-90{width:90%}.sk-pill{height:22px;width:80px;border-radius:999px;background:#00000014;display:inline-block}.sk-btn{height:40px;border-radius:12px;background:#00000014;margin-top:auto}@media (prefers-color-scheme: dark){.shimmer{background-image:linear-gradient(90deg,#ffffff0b 25%,#ffffff17 37%,#ffffff0b 63%);background-size:200% 100%;background-repeat:no-repeat;animation:pvShimmer 1.6s linear infinite;will-change:background-position}.sk-line,.sk-pill,.sk-btn{background:#ffffff14}}.sk-line.shimmer,.sk-pill.shimmer,.sk-btn.shimmer,.sk-thumb.shimmer,.pv-thumb-ph.shimmer{background-image:linear-gradient(90deg,#00000008 25%,#00000012 37%,#00000008 63%);background-size:200% 100%;background-repeat:no-repeat;animation:pvShimmer 1.6s linear infinite;will-change:background-position}@media (prefers-color-scheme: dark){.sk-line.shimmer,.sk-pill.shimmer,.sk-btn.shimmer,.sk-thumb.shimmer,.pv-thumb-ph.shimmer{background-image:linear-gradient(90deg,#ffffff0b 25%,#ffffff17 37%,#ffffff0b 63%);background-size:200% 100%;background-repeat:no-repeat;animation:pvShimmer 1.6s linear infinite;will-change:background-position}}.pv-card .pv-thumb .pv-thumb-ph.shimmer,.preview .pv-thumb .pv-thumb-ph.shimmer,.pv-search-results .pv-thumb .pv-thumb-ph.shimmer{background-image:linear-gradient(90deg,#00000008 25%,#00000012 37%,#00000008 63%)!important;background-size:200% 100%!important;background-repeat:no-repeat!important;animation:pvShimmer 1.6s linear infinite!important;will-change:background-position}@media (prefers-color-scheme: dark){.pv-card .pv-thumb .pv-thumb-ph.shimmer,.preview .pv-thumb .pv-thumb-ph.shimmer,.pv-search-results .pv-thumb .pv-thumb-ph.shimmer{background-image:linear-gradient(90deg,#ffffff0b 25%,#ffffff17 37%,#ffffff0b 63%)!important;background-size:200% 100%!important;background-repeat:no-repeat!important;animation:pvShimmer 1.6s linear infinite!important;will-change:background-position}}.pv-actionbar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin:2px;border:1px solid var(--line);background:#fff;border-radius:calc(var(--radius) + 2px);box-shadow:0 -8px 24px #0c121e0f,var(--shadow-1)}.pv-actionbar .btn{min-width:160px}.pv-actionbar-cart{display:flex;align-items:center;gap:8px}.pv-cart-summary{display:flex;align-items:center;gap:8px;background:#fff7f4;border:1px solid #ffd9cd;padding:8px 10px;border-radius:12px;font-weight:900}.pv-cart-summary .c{background:var(--accent);color:#fff;padding:2px 8px;border-radius:999px}.pv-cart-summary .s{color:#7a2910}.cart-wrap{position:fixed;inset:0;pointer-events:none;z-index:30}.cart-wrap.open{pointer-events:auto}.cart-backdrop{position:absolute;inset:0;background:#0a0f1e66;opacity:0;transition:opacity .2s var(--ease)}.cart{position:absolute;top:0;right:0;width:min(560px,96vw);height:100%;background:#fff;border-left:1px solid var(--line);box-shadow:-10px 0 30px #0a142826;transform:translate(100%);transition:transform .25s var(--ease);display:flex;flex-direction:column}.cart-wrap.open .cart-backdrop{opacity:1}.cart-wrap.open .cart{transform:translate(0)}.cart-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.cart-head h3{margin:0;font-size:18px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.cart-list{flex:1 1 auto;min-height:0;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.cart-empty{padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--ink-3);text-align:center}.cart-row{display:grid;grid-template-columns:64px 1fr auto;gap:10px;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff7f4;border-color:#ffd9cd}.cart-thumb{width:64px;height:64px;border-radius:10px;overflow:hidden;background:#ffe0d6;display:flex;align-items:center;justify-content:center}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-thumb .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d4512c}.cart-mid{display:flex;flex-direction:column;gap:6px;min-width:0}.cart-title{font-weight:900;color:#7a2910;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-sub{font-size:12px;color:#8a6b60}.cart-note{position:relative}.cart-note textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:10px;resize:none;min-height:56px;background:#fff;font-size:13px}.note-meta{position:absolute;right:8px;bottom:6px;font-size:11px;color:#8a6b60}.cart-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cart-qty{display:flex;align-items:center;gap:8px}.cart-qty .icon{width:40px;height:40px}.cart-qty .num{min-width:32px;text-align:center;font-weight:900}.line-total{font-weight:900;color:#0a2a66}.icon.sm{width:36px;height:36px;border-radius:10px}.icon.danger{background:#fee;color:#d14343}.cart-foot{border-top:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:#fff;position:sticky;bottom:0}.sum-line{display:flex;align-items:center;justify-content:space-between}.sum-line.fine{font-size:12px;color:#6b7280}.sum-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.cart-actions{display:flex;gap:8px;justify-content:flex-end}.hist-wrap{position:fixed;inset:0;pointer-events:none;z-index:28}.hist-wrap.open{pointer-events:auto}.hist-backdrop{position:absolute;inset:0;background:#0a0f1e59;opacity:0;transition:opacity .2s var(--ease)}.hist{position:absolute;top:0;left:0;width:min(520px,96vw);height:100%;background:#fff;border-right:1px solid var(--line);box-shadow:10px 0 30px #0a142826;transform:translate(-100%);transition:transform .25s var(--ease);display:flex;flex-direction:column}.hist-wrap.open .hist-backdrop{opacity:1}.hist-wrap.open .hist{transform:translate(0)}.hist-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.hist-head h3{margin:0;font-size:18px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.hist-list{flex:1 1 auto;min-height:0;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.hist-empty{padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--ink-3);text-align:center}.hist-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfcff;display:flex;flex-direction:column;gap:8px}.hist-meta{display:flex;align-items:center;justify-content:space-between;font-weight:800;color:#1b2f52}.hist-lines{list-style:none;padding:6px 0 0;margin:0;display:grid;gap:6px}.hist-lines li{display:grid;grid-template-columns:36px 1fr 120px;gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 8px}.hist-lines .q{font-weight:800}.hist-lines .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-lines .t{text-align:right}.hist-lines .note{grid-column:1 / -1;font-size:12px;color:#6b7280;padding-left:36px}.hist-actions{display:flex;justify-content:flex-end}.hist-foot{border-top:1px solid var(--line);padding:10px 12px;display:flex;justify-content:space-between}.hist-foot .sum{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-weight:800}.hist-foot .sum span{margin-right:auto}.hist-foot .sum strong{font-variant-numeric:tabular-nums;text-align:right}.hist-foot .label{font-weight:800}.hist-foot .amount{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.pv-overlay{position:fixed;inset:0;background:#0a0f1e66;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s var(--ease)}.pv-lightbox{width:min(720px,92vw);max-height:80vh;overflow:auto;background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:0 16px 50px #0a142840;padding:12px;position:relative}.pv-lightbox-close{position:sticky;top:0;margin-left:auto;width:40px;height:40px;border-radius:10px;background:#f3f5f9;border:none;cursor:pointer;float:right;z-index:1}.pv-sheet .pv-sheet-body h3{margin:0 0 8px;font-size:16px;color:var(--ink-2)}.allergen-list{margin:0;padding-left:18px;display:grid;gap:6px}.pv-confirm{width:min(520px,92vw);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 16px 50px #0a142840,0 0 0 1px var(--line);display:grid;grid-template-columns:160px 1fr}.pv-confirm-illustration{background:linear-gradient(135deg,#fff2ee,#fff);display:flex;align-items:center;justify-content:center;padding:12px}.pv-confirm-content{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.pv-confirm-content h3{margin:0;font-size:18px;color:var(--ink-2)}.pv-confirm-content p{margin:0;color:var(--ink-3)}.pv-confirm-actions{display:flex;gap:8px;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.pv-section-desc{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}.pv-section-desc-text{margin:0;font-size:13px;line-height:1.5;color:var(--ink-3)}@media (prefers-color-scheme: dark){:root{--surface:#11182b;--ink-1:#f5f7ff;--ink-2:#dbe4ff;--ink-3:#a4b1d1;--line:rgba(255,255,255,.1)}.pv-hero.micro{background:linear-gradient(135deg,#7a2910 -10%,#0f224a 110%)}.main-tab.seg{background:#1b243b;color:var(--ink-2)}.main-tab.seg.active{background:#3a2b22;border-color:#5a3b2a;color:#ffd8c8}.pv-subchips .chip{background:#11182b;color:var(--ink-2)}.pv-subchips .chip.active{background:#0f224a;border-color:#1c3e7a}.pv-thumb{background:linear-gradient(180deg,#1f1820,#141a2a)}.pv-thumb-ph{background:#2a1c18;color:#ffb199}.btn.ghost{background:#1b243b;color:var(--ink-2)}.cart,.hist,.pv-lightbox{background:#11182b}.cart-row{background:#1b1a23;border-color:#2a2330}.cart-thumb{background:#2a1c18}.cart-sub,.note-meta,.sum-line.fine,.sum-hint{color:#a4b1d1}.hist-card{background:#121b33}.hist-lines li{background:#0f1424}.pv-section-desc-text{color:var(--ink-3)}}.btn[disabled],.btn.primary[disabled],.btn.primary[aria-disabled=true]{opacity:.5;cursor:not-allowed;filter:grayscale(.5);box-shadow:none;transform:none}.preview{--accent: #ff8a65}.preview .pv-hero.micro{background:linear-gradient(135deg,#ffe7db -10%,#ffc7b0 35%,#ff9d7e 110%);border-color:#ff8a6538}.preview .pv-hero .pv-kicker{background:#fff1eb;color:#8a2d10}.preview .pv-subchips .chip.active{background:#fff1eb;border-color:#ffd3c1;color:#823017}.preview .sort-pop .row:hover{background:#fff2ec}.preview .sort-pop .row.active{background:#ffe4da}.preview .pv-thumb{background:linear-gradient(180deg,#fff4ee,#fbf9f7)}.preview .pv-thumb-ph{background:#ffe7db;color:#d76f4a;border:1px dashed #ffd4c1}.preview .btn.primary{background:linear-gradient(90deg,#ff8a65,#ff7a52 65%,#f86f46);box-shadow:0 4px 12px #ff8a6538;color:#fff}.preview .btn.primary:hover{box-shadow:0 8px 18px #ff8a6547}.preview .btn.primary[disabled],.preview .btn.primary[aria-disabled=true]{background:#c9cfd6;color:#fff;box-shadow:none}.preview .pv-section-head.compact .count{background:#fff2ec;border:1px solid #ffd3c1;color:#9a3a1b}.preview .pv-cart-summary{background:#fff2ec;border-color:#ffd9cd}.preview .pv-hero.micro{background:linear-gradient(135deg,#ffb48a -10%,#ff8a65 35%,#ff6b3d 120%);color:#fff;border:none;box-shadow:0 3px 12px #ff8a6540}.preview .pv-hero .pv-kicker{background:#ffffff40;color:#fff}.preview .pv-hero p{color:#fffffff2}.preview .pv-actionbar{background:#fff;border-top:1px solid #ffd3c1;box-shadow:0 -4px 16px #ff8a6526}.preview .pv-cart-summary{background:linear-gradient(90deg,#fff0ea,#ffe3d6);border:1px solid #ffbda0;box-shadow:0 2px 10px #ff8a652e}.preview .pv-cart-summary .c{background:#ff8a65;color:#fff}.preview .pv-cart-summary .s{color:#732d14}.pv-search-overlay{position:fixed;inset:0;z-index:1200;background:#0a0f1e66;display:flex;align-items:flex-start;justify-content:center;padding:8vh 12px 12px;animation:fadeIn .18s var(--ease)}.pv-search-box{width:min(1080px,96vw);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px #0a142840;overflow:hidden;display:flex;flex-direction:column}.pv-search-head{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fffdfc,#fff)}.pv-search-head input{flex:1;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:15px;outline:none}.pv-search-head .icon.ghost{width:40px;height:40px;border-radius:10px;background:#f3f5f9;border:none;cursor:pointer}.pv-search-results{padding:12px;max-height:70vh;overflow:auto}.pv-search-empty{padding:16px;text-align:center;color:var(--ink-3);border:1px dashed var(--line);border-radius:12px;background:#fffdfb}@media (prefers-color-scheme: dark){.pv-search-box{background:#11182b}.pv-search-head{background:#0f1424;border-bottom-color:var(--line)}.pv-search-head input{background:#0f1424;color:var(--ink-1)}.pv-search-empty{background:#0f1424}}.pv-loading-overlay{position:fixed;inset:0;background:#0f142873;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s var(--ease)}.pv-loading-box{background:var(--surface, #fff);padding:20px 28px;border-radius:var(--radius, 16px);box-shadow:var(--shadow-2, 0 10px 30px rgba(20,30,60,.12));display:flex;flex-direction:column;align-items:center;gap:12px;min-width:260px}.pv-loading-box .spin{animation:spin 1s linear infinite}.pv-loading-box p{margin:0;font-size:15px;font-weight:800;color:var(--ink-2, #1b2f52);text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pv-snacks{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0) + 90px);display:grid;justify-items:center;gap:8px;z-index:3000;pointer-events:none}.pv-snack{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;max-width:min(92vw,520px);padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink-2);box-shadow:0 10px 30px #141e3c1f;animation:pvSnackIn .2s var(--ease);font-weight:700}.pv-snack svg{flex-shrink:0}.pv-snack .x{margin-left:4px;width:28px;height:28px;border-radius:8px;border:none;cursor:pointer;background:#f3f5f9;display:inline-flex;align-items:center;justify-content:center}.pv-snack.success{border-color:#c7f2cf;background:#f3fff5}.pv-snack.success svg{color:#1a7f37}.pv-snack.info{border-color:#cfe2ff;background:#f5f9ff}.pv-snack.info svg{color:#0a66ff}.pv-snack.warn{border-color:#ffe8b0;background:#fffaf0}.pv-snack.warn svg{color:#9a6b00}.pv-snack.pay{border-color:#d8e9ff;background:#f6fbff}.pv-snack.pay svg{color:#0a74ff}@keyframes pvSnackIn{0%{transform:translate(-50%,6px);opacity:0}to{transform:translate(-50%);opacity:1}}.cart-wrap.open~.pv-snacks{bottom:calc(env(safe-area-inset-bottom,0) + 140px)}@media (prefers-color-scheme: dark){.pv-snack{background:#11182b;border-color:var(--line);color:var(--ink-1);box-shadow:0 10px 30px #00000059}.pv-snack .x{background:#1b243b}.pv-snack.success{background:#0f1f18;border-color:#1f3b2c}.pv-snack.info{background:#0f1424;border-color:#1c2a55}.pv-snack.warn{background:#241e0f;border-color:#4a3a10}.pv-snack.pay{background:#0f1626;border-color:#1a2f55}}.pv-snack{animation:pvSnackInCenter .2s var(--ease);will-change:transform,opacity}@keyframes pvSnackInCenter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.pv-snack{animation:none}}@media (prefers-color-scheme: dark){:root{--surface:#0f1424;--ink-1:#f7faff;--ink-2:#dbe4ff;--ink-3:#9eabc9;--line:rgba(255,255,255,.12)}.preview{color:var(--ink-2)}.section-surface,.preview.compact .section-surface{background:var(--surface);border-color:var(--line);box-shadow:0 6px 20px #00000059}.pv-toolbar.compact{background:linear-gradient(180deg,#0f1424,#0c1120);border-color:var(--line)}.pv-section-head.compact h2{color:var(--ink-1)}.pv-section-head.compact .count{background:#131b2e;border:1px solid #263a6a;color:#cfe0ff}.main-tab.seg{background:#1b243b;border-color:var(--line);color:var(--ink-2)}.main-tab.seg.active{background:#2a1c18;border-color:#5a3b2a;color:#ffd8c8}.pv-subchips .chip{background:#0f1424;border-color:var(--line);color:var(--ink-2)}.pv-subchips .chip.active{background:#17254a;border-color:#274a8a;color:#e8efff}.main-tab.seg:focus-visible,.pv-subchips .chip:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.pv-card{background:#0f1424;border-color:var(--line)}.pv-card:hover{box-shadow:0 10px 28px #00000073;border-color:#ff6a3d59}.pv-thumb{background:linear-gradient(180deg,#151118,#0e1426)}.pv-thumb-ph{background:#2a1c18;color:#ffb199;border:1px dashed rgba(255,106,61,.35)}.pv-body h4{color:var(--ink-1)}.pv-price{color:#a9c4ff}.pv-desc{color:var(--ink-3)}.pill{background:#101a2e;border-color:var(--line);color:var(--ink-2)}.pill.food{background:#2a1c18;border-color:#4a2a1e;color:#ffd0bf}.pill.drink{background:#0f1d26;border-color:#234a5a;color:#bfeaff}.btn.ghost{background:#1b243b;color:var(--ink-2)}.btn.primary{box-shadow:0 4px 12px #ff8a653d}.btn.primary:hover{box-shadow:0 8px 18px #ff8a654d}.icon,.icon.ghost{background:#1b243b;border:1px solid var(--line);color:var(--ink-1)}.icon.danger{background:#2a1212;color:#ff8a8a}.btn:focus-visible,.icon:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.pv-qty .icon,.cart-qty .icon{background:#1b243b;border:1px solid var(--line);color:var(--ink-1)}.pv-actionbar{background:#0f1424;border-color:var(--line);box-shadow:0 -12px 30px #00000073}.pv-cart-summary{background:linear-gradient(90deg,#1a1716,#181513);border-color:#3a2b22;color:#ffd8c8}.pv-cart-summary .c{background:#ff8a65;color:#fff}.pv-cart-summary .s{color:#ffd8c8}.cart{background:#0f1424;border-left-color:var(--line);box-shadow:-10px 0 30px #00000073}.cart-backdrop{background:#0009}.cart-head{border-bottom-color:var(--line)}.cart-row{background:#121728;border-color:#1b2136}.cart-thumb{background:#1b2130}.cart-title{color:#ffd8c8}.cart-sub,.note-meta,.sum-line.fine,.sum-hint{color:var(--ink-3)}.line-total{color:#a9c4ff}.cart-note textarea{background:#0b1224;color:var(--ink-1);border-color:var(--line)}.cart-note textarea::placeholder{color:#8a96b8}.cart-foot{background:#0f1424;border-top-color:var(--line)}.icon.sm{background:#1b243b;border:1px solid var(--line);color:#ff8a8a}.hist{background:#0f1424;border-right-color:var(--line);box-shadow:10px 0 30px #00000073}.hist-backdrop{background:#0000008c}.hist-head{border-bottom-color:var(--line)}.hist-card{background:#0e1528;border-color:var(--line)}.hist-meta{color:var(--ink-2)}.hist-lines li{background:#0b1224;border-color:var(--line)}.hist-lines .q,.hist-lines .p,.hist-lines .t{color:var(--ink-2)}.hist-lines .note{color:var(--ink-3)}.hist-foot{border-top-color:var(--line)}.pv-overlay{background:#0009}.pv-lightbox,.pv-confirm{background:#0f1424;border-color:var(--line);box-shadow:0 16px 50px #0009,0 0 0 1px var(--line)}.pv-lightbox-close{background:#1b243b;color:var(--ink-1)}.pv-sheet .pv-sheet-body h3{color:var(--ink-1)}.allergen-list li{color:var(--ink-2)}.pv-search-box{background:#0f1424;border-color:var(--line)}.pv-search-head{background:#0b1220;border-bottom-color:var(--line)}.pv-search-head input{background:#0b1220;color:var(--ink-1);border-color:var(--line)}.pv-search-head input::placeholder{color:#8a96b8}.pv-search-head .icon.ghost{background:#1b243b;border:1px solid var(--line);color:var(--ink-1)}.pv-search-results{background:#0f1424}.pv-search-empty{background:#0b1220;color:var(--ink-3);border-color:var(--line)}.sort-pop{background:#0f1424;border-color:var(--line);box-shadow:0 12px 28px #0006}.sort-pop .row{background:transparent;color:var(--ink-2)}.sort-pop .row:hover{background:#131b2e}.sort-pop .row.active{background:#18213b}.pv-empty{background:#0f1424;color:var(--ink-3);border-color:var(--line)}.pv-loading-box{background:#0f1424;color:var(--ink-1);box-shadow:0 10px 30px #00000080}.pv-loading-box p{color:var(--ink-1)}*{scrollbar-color:#2a3352 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#2a3352;border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}}@media (prefers-color-scheme: dark){.pv-card .pv-thumb .pv-thumb-ph,.preview .pv-thumb .pv-thumb-ph,.pv-search-results .pv-thumb .pv-thumb-ph{background:#1a1f2e!important;color:#ffb199!important;border:1px dashed rgba(255,106,61,.35)!important}.preview .pv-actionbar{background:#0b1324!important;border-top:1px solid var(--line)!important;box-shadow:0 -12px 30px #00000073!important}.preview .pv-actionbar .btn{color:var(--ink-1)}.preview .pv-cart-summary{background:linear-gradient(90deg,#161a24,#141820)!important;border:1px solid #2a334e!important;color:#cfe0ff!important}.preview .pv-cart-summary .c{background:#ff8a65;color:#fff}.preview .pv-cart-summary .s{color:#e6ecff!important}.pill.neutral,.pill.linklike,.pill.neutral.linklike{background:#0f1a2e!important;border-color:#2a3558!important;color:#cfe0ff!important}.pill.neutral.linklike:hover{background:#142341!important}}@media (prefers-color-scheme: dark){.pv-card .pv-thumb,.preview .pv-thumb,.pv-search-results .pv-thumb{background:#0f1424!important}.pv-card .pv-thumb .pv-thumb-ph,.preview .pv-thumb .pv-thumb-ph,.pv-search-results .pv-thumb .pv-thumb-ph{background:#141a2e!important;color:#ffb199!important;border:1px dashed rgba(255,106,61,.35)!important}.preview .pv-actionbar .btn.ghost{background:#1b243b!important;color:#dbe4ff!important}.preview .pv-actionbar .btn.ghost:hover{filter:brightness(1.08)}.preview .pv-actionbar .icon{background:#1b243b!important;color:#dbe4ff!important;border:1px solid var(--line)!important}.preview .pv-cart-summary{background:linear-gradient(90deg,#161a24,#141820)!important;border:1px solid #2a334e!important;color:#cfe0ff!important}.preview .pv-cart-summary .s{color:#e6ecff!important}}.pv-thumb{position:relative}.pv-badge{position:absolute;left:10px;top:10px;font-size:12px;padding:4px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);color:var(--ink-2);pointer-events:none}.pv-badge.off{background:#fff;border-color:var(--line);color:var(--ink-2)}@media (prefers-color-scheme: dark){.pv-badge{background:#0f162b;border-color:var(--line);color:var(--ink-2)}}.mobile-only{display:none}@media (max-width: 900px){.pv-subchips{display:none!important}.mobile-only{display:inline-flex}.pv-toolbar.compact{grid-template-columns:auto 1fr auto}.cat-trigger{justify-self:start}}.cat-wrap{position:fixed;inset:0;pointer-events:none;z-index:26}.cat-wrap.open{pointer-events:auto}.cat-backdrop{position:absolute;inset:0;background:#0a0f1e59;opacity:0;transition:opacity .2s var(--ease)}.cat{position:absolute;top:0;left:0;width:min(420px,92vw);height:100%;background:#fff;border-right:1px solid var(--line);box-shadow:10px 0 30px #0a142826;transform:translate(-100%);transition:transform .25s var(--ease);display:flex;flex-direction:column}.cat-wrap.open .cat-backdrop{opacity:1}.cat-wrap.open .cat{transform:translate(0)}.cat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.cat-head h3{margin:0;font-size:18px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.cat-list{flex:1 1 auto;min-height:0;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.cat-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfcff;font-weight:800;color:#1b2f52;cursor:pointer}.cat-item.active{background:#fff2ec;border-color:#ffd3c1;color:#8a2d10}@media (prefers-color-scheme: dark){.cat{background:#0f1424;border-right-color:var(--line);box-shadow:10px 0 30px #00000073}.cat-backdrop{background:#0000008c}.cat-head{border-bottom-color:var(--line)}.cat-item{background:#0b1224;border-color:var(--line);color:var(--ink-2)}.cat-item.active{background:#17254a;border-color:#274a8a;color:#e8efff}}.mobile-only-nav{display:none}@media (max-width: 900px){.pv-actionbar{display:none!important}.mobile-only-nav{display:block}.pv-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;padding:6px 8px calc(env(safe-area-inset-bottom,0) + 6px);background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px #0c121e14}.pv-bottomnav .bn-item{appearance:none;border:none;cursor:pointer;background:transparent;display:grid;place-items:center;gap:4px;padding:8px 6px;min-height:56px;border-radius:12px;color:var(--ink-2);font-weight:800;font-size:11px}.pv-bottomnav .bn-item:active{filter:brightness(.96)}.pv-cart-fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0) + 62px);z-index:1201;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(90deg,#ff8a65,#ff7a52 65%,#f86f46);color:#fff;box-shadow:0 10px 26px #ff8a6547;font-weight:900}.pv-cart-fab .c{background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:2px 8px}.pv-cart-fab .s{font-variant-numeric:tabular-nums}}@media (prefers-color-scheme: dark){@media (max-width: 900px){.pv-bottomnav{background:#0f1424;border-top-color:var(--line);box-shadow:0 -12px 30px #00000073}.pv-bottomnav .bn-item{color:var(--ink-2)}.pv-cart-fab{border-color:#ffffff1f;box-shadow:0 12px 32px #0000008c}}.pv-card .pv-thumb .pv-badge{background:#0f162b;border-color:var(--line);color:var(--ink-2)}}@media (max-width: 900px){.pv-snacks{bottom:calc(env(safe-area-inset-bottom,0) + 110px)}}@media (min-width: 901px){.mobile-only,.mobile-only-nav,.pv-cart-fab.mobile-only-nav{display:none!important}}@media (max-width: 900px){.pv-scroll{scrollbar-width:none;-ms-overflow-style:none}.pv-scroll::-webkit-scrollbar{width:0!important;height:0!important}.cart-list,.hist-list,.pv-search-results{scrollbar-width:none;-ms-overflow-style:none}.cart-list::-webkit-scrollbar,.hist-list::-webkit-scrollbar,.pv-search-results::-webkit-scrollbar{width:0!important;height:0!important}.pv-scroll,.cart-list,.hist-list,.pv-search-results{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}@media (max-width: 900px){.pv-grid.dense{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-card{height:100%}}.pv-section-head.compact h2{white-space:normal}.pv-meta{flex-wrap:wrap}.pv-card{height:auto}.pv-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.pv-body>.pv-qty,.pv-body>.btn{margin-top:auto}.pv-body{flex:1 1 auto;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:8px;min-height:0}.pv-body h4{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}.pv-desc{white-space:normal;overflow:visible;text-overflow:clip;min-height:0;line-height:1.4}.pv-meta{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.pv-body>.pv-qty,.pv-body>.btn{margin-top:0}.btn.wide{width:100%}.pv-row{align-items:flex-start}:root{--pv-title-lines: 2;--pv-desc-lines: 1}.pv-body{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:8px;min-height:0}.pv-body h4{line-height:1.25;min-height:calc(1.25em * var(--pv-title-lines));white-space:normal;overflow:hidden;text-overflow:clip;margin:0}.pv-desc{line-height:1.4;min-height:calc(1.4em * var(--pv-desc-lines));white-space:normal;overflow:hidden;text-overflow:clip;margin:0}.pv-grid.dense{align-items:stretch}.pv-card{height:100%;display:flex;flex-direction:column}.pv-thumb{flex:0 0 160px}.preview{min-height:100dvh}.cart-wrap{z-index:1402}.hist-wrap{z-index:1401}.cat-wrap{z-index:1400}.pv-overlay{z-index:1600}.pv-search-overlay{z-index:1500}.pv-toolbar.compact{position:sticky;top:0;z-index:1202;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px)}.pv-confirm{width:min(520px,calc(100dvw - 24px));box-sizing:border-box;display:grid;grid-template-columns:160px 1fr}.pv-confirm-content{overflow-wrap:anywhere}@media (max-width: 480px){.pv-confirm{grid-template-columns:1fr}.pv-confirm-illustration{display:none}}.pv-lightbox{width:min(720px,calc(100dvw - 24px));box-sizing:border-box}.pv-search-box{width:min(1080px,calc(100dvw - 24px));box-sizing:border-box}.pv-lightbox,.pv-confirm,.pv-search-box{max-width:100dvw}.pv-overlay{padding:12px}@media (max-width: 900px){.pv-scroll{padding-right:0!important;scrollbar-gutter:auto!important}}@supports (-webkit-touch-callout: none){.pv-search-head input,.cart-note textarea{font-size:16px!important}}@media (min-width: 901px){.pv-actionbar{position:fixed!important;left:2px;right:2px;margin:0;z-index:1202}.pv-content.dense{padding-bottom:180px}}.pv-toolbar.compact{position:fixed!important;left:2px;right:2px;top:env(safe-area-inset-top,0);z-index:1390!important}:root{--pv-toolbar-height: 64px}.pv-scroll{padding-top:var(--pv-toolbar-height)}@media (max-width: 900px){.cart-row{column-gap:6px}.cart-note textarea{min-height:80px;line-height:1.4;font-size:16px;width:calc(100% + 12px);max-width:none;margin-right:-12px;padding-right:12px}}.pv-meta{display:flex;gap:6px;min-width:0}@media (max-width: 900px){.pv-meta{flex-wrap:nowrap}}.pv-meta .pill{flex:0 1 auto}.pv-meta .pill.food,.pv-meta .pill.drink{flex-shrink:0}.pill-allergens{min-width:0}.pill-allergens .txt{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pill-allergens .num{flex-shrink:0}.pv-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media (max-width: 900px){.pv-meta{flex-wrap:nowrap;gap:4px}.pv-meta .pill{flex:0 1 auto;font-size:11px;padding:4px 7px}.pv-meta .pill.food,.pv-meta .pill.drink{white-space:nowrap;flex-shrink:0}.pv-meta .pill.linklike{white-space:nowrap;flex-shrink:1}}@media (max-width: 900px){.pv-meta{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;min-width:0}.pv-meta .pill,.pv-meta .pill.food,.pv-meta .pill.drink,.pv-meta .pill.linklike,.pv-meta .pill-allergens{font-size:clamp(10px,2.6vw,11px);line-height:1.1;padding:4px 7px;border-radius:10px;flex:0 1 auto;white-space:nowrap}.pv-meta .pill .num{margin-right:2px}}.tip-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(60% 50% at 50% 0%,#ff8a650f,#ff8a6500 70%),linear-gradient(135deg,#fffaf8,#f7fbff)}.tip-card{width:min(560px,94vw);background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:20px 22px;box-shadow:0 10px 30px #0f172a14}.tip-card h1{margin:4px 0 8px;font-size:20px;line-height:1.25;font-weight:800;color:#0f172a}.tip-card p{margin:0 0 12px;color:#475569}.tip-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:8px 0 12px}.tip-options-2{grid-template-columns:repeat(2,1fr)}.tip-options-3{grid-template-columns:repeat(3,minmax(100px,1fr))}.tip-chip{padding:10px 12px;border-radius:12px;border:1px solid #e3e8ef;background:#fff;cursor:pointer;font-weight:800;width:100%;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tip-chip.active{background:#fff1eb;border-color:#ffd3c1;color:#8a2d10}.tip-chip .label{line-height:1.2}.tip-chip .sub{font-size:12px;font-weight:600;color:#64748b;line-height:1.2}.tip-custom{display:grid;gap:6px;margin:6px 0 12px}.tip-history{margin:8px 0 12px}.tip-history h3{margin:0 0 6px;font-size:14px;color:#334155}.tip-history-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.tip-history-group{border:1px solid #e3e8ef;border-radius:10px;padding:8px 10px;background:#fff}.tip-history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.tip-history-head .time{font-size:12px;color:#64748b}.tip-history-head .sum{font-weight:800}.tip-history-items{list-style:none;padding:0;margin:0;display:grid;gap:2px}.tip-history-items li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.tip-history-items .q{color:#64748b}.tip-history-items .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip-history-items .t{font-weight:700}.tip-history-summary{display:flex;flex-wrap:wrap;gap:6px}.tip-history-summary .pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 8px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;font-size:12px}.tip-history-summary .pill .q{color:#64748b}.tip-history-summary .pill .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip-history-summary .pill.more{background:#fff7ed;border-color:#fed7aa;color:#9a3412;cursor:pointer}.tip-history-summary .pill.more:hover{filter:brightness(.98)}.tip-history-more{margin-top:10px;display:flex;justify-content:center}.tip-history-more .more-btn{background:#fff;border:1px solid #e3e8ef;color:#1f2b45;padding:8px 12px;border-radius:999px;font-weight:800;cursor:pointer}.tip-history-more .more-btn:hover{background:#f8fafc}.tip-history-full{max-height:60vh;overflow:auto;margin-top:8px}.tip-history .tip-order-amount{margin-top:12px}.tip-custom input{border:1px solid #e3e8ef;border-radius:10px;padding:10px 12px;font-size:15px}.tip-custom .hint{font-size:12px;color:#64748b}.tip-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.tip-error{margin-top:8px;padding:8px 10px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:10px;font-weight:700}.tip-success{margin-top:8px;padding:8px 10px;border:1px solid #bbf7d0;background:#f0fff4;color:#166534;border-radius:10px;font-weight:700}.tip-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:800;min-height:44px}.tip-btn-primary{background:linear-gradient(90deg,#ff8a65,#ff7a52 65%,#f86f46);color:#fff}.tip-btn-ghost{background:#f3f5f9;color:#1f2b45}.tip-btn[disabled]{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.tip-page{background:radial-gradient(60% 50% at 50% 0%,#ff8a651a,#ff8a6500 70%),linear-gradient(135deg,#0b1220,#0b1424)}.tip-card{background:#0f172a;border-color:#1e293b;box-shadow:0 10px 30px #00000059}.tip-card h1{color:#e2e8f0}.tip-card p{color:#94a3b8}.tip-chip{background:#0f172a;border-color:#1e293b;color:#e2e8f0}.tip-chip.active{background:#2a1c18;border-color:#5a3b2a;color:#ffd8c8}.tip-chip .sub{color:#94a3b8}.tip-custom input{background:#0b1426;color:#e2e8f0;border-color:#1e293b}.tip-error{background:#231114;border-color:#4c0d0d;color:#fecaca}.tip-success{background:#0f1f18;border-color:#164a2b;color:#bbf7d0}.tip-btn-ghost{background:#1b243b;color:#e2e8f0}.tip-history-group{background:#0f172a;border-color:#1e293b}.tip-history h3{color:#cbd5e1}.tip-history-head .time{color:#94a3b8}.tip-history-summary .pill{background:#0b1426;border-color:#1e293b;color:#cbd5e1}.tip-history-summary .pill .q{color:#94a3b8}.tip-history-summary .pill.more{background:#1f2937;border-color:#334155;color:#f59e0b}.tip-history-more .more-btn{background:#0f172a;border-color:#1e293b;color:#e2e8f0}.tip-history-more .more-btn:hover{background:#0b1426}}.success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(60% 50% at 50% 0%,#ff8a650f,#ff8a6500 70%),linear-gradient(135deg,#fffaf8,#f7fbff)}.success-card{width:min(560px,94vw);background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:20px 22px;box-shadow:0 10px 30px #0f172a14}.success-card h1{margin:4px 0 8px;font-size:22px;line-height:1.25;font-weight:800;color:#0f172a}.success-card p{margin:0 0 12px;color:#475569}.invoice-box{display:grid;gap:8px;margin-top:12px}.invoice-box h2{margin:0;font-size:16px}.invoice-box .row{display:flex;gap:8px}.invoice-box .toggle-row{display:flex;align-items:center;justify-content:space-between}.invoice-box .toggle label,.invoice-box .toggle{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:#475569}.invoice-box input{flex:1;border:1px solid #e3e8ef;border-radius:10px;padding:10px 12px;font-size:15px}.success-msg{margin-top:8px;padding:8px 10px;border:1px solid #bbf7d0;background:#f0fff4;color:#166534;border-radius:10px;font-weight:700}.success-err{margin-top:8px;padding:8px 10px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:10px;font-weight:700}.success-hint{font-size:12px;color:#64748b;margin-top:6px}.success-actions{margin-top:12px;display:flex;justify-content:flex-end}.success-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:800;min-height:44px}.success-btn-primary{background:linear-gradient(90deg,#ff8a65,#ff7a52 65%,#f86f46);color:#fff}.success-btn-ghost{background:#f3f5f9;color:#1f2b45}.success-btn[disabled]{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.success-page{background:radial-gradient(60% 50% at 50% 0%,#ff8a651a,#ff8a6500 70%),linear-gradient(135deg,#0b1220,#0b1424)}.success-card{background:#0f172a;border-color:#1e293b;box-shadow:0 10px 30px #00000059}.success-card h1{color:#e2e8f0}.success-card p{color:#94a3b8}.invoice-box input{background:#0b1426;color:#e2e8f0;border-color:#1e293b}.invoice-box .toggle label,.invoice-box .toggle{color:#94a3b8}.success-msg{background:#0f1f18;border-color:#164a2b;color:#bbf7d0}.success-err{background:#231114;border-color:#4c0d0d;color:#fecaca}.success-btn-ghost{background:#1b243b;color:#e2e8f0}}.cancel-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(60% 50% at 50% 0%,#ff8a650f,#ff8a6500 70%),linear-gradient(135deg,#fffaf8,#f7fbff)}.cancel-card{width:min(560px,94vw);background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:20px 22px;box-shadow:0 10px 30px #0f172a14}.cancel-card h1{margin:4px 0 8px;font-size:22px;line-height:1.25;font-weight:800;color:#0f172a}.cancel-card p{margin:0 0 12px;color:#475569}.cancel-actions{display:flex;justify-content:flex-end;margin-top:12px}.cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:800;min-height:44px}.cancel-btn-primary{background:linear-gradient(90deg,#ff8a65,#ff7a52 65%,#f86f46);color:#fff}.cancel-btn[disabled]{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.cancel-page{background:radial-gradient(60% 50% at 50% 0%,#ff8a651a,#ff8a6500 70%),linear-gradient(135deg,#0b1220,#0b1424)}.cancel-card{background:#0f172a;border-color:#1e293b;box-shadow:0 10px 30px #00000059}.cancel-card h1{color:#e2e8f0}.cancel-card p{color:#94a3b8}}.qr-guard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(60% 50% at 50% 0%,#ff8a6514,#ff8a6500 70%),linear-gradient(135deg,#fff7f3,#f6fbff)}.qr-card{width:min(520px,92vw);background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:24px 28px;text-align:center;box-shadow:0 10px 30px #0f172a14;animation:qrFadeIn .24s var(--ease, cubic-bezier(.2,.7,.2,1)) both}.qr-illustration{width:80px;height:80px;margin:0 auto 12px;border-radius:12px;border:1px solid #ffd9cd;background:repeating-linear-gradient(45deg,#ffefe8 0 8px,#fff8f5 8px 16px),linear-gradient(180deg,#fff2ec,#fff);box-shadow:inset 0 1px #fff,0 8px 16px #ff6a3d26}.qr-card h1{margin:8px 0 4px;font-size:20px;line-height:1.25;font-weight:800;color:#0f172a}.qr-card p{margin:0;color:#475569}@keyframes qrFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.qr-guard{background:radial-gradient(60% 50% at 50% 0%,#ff8a651f,#ff8a6500 70%),linear-gradient(135deg,#0b1220,#0b1424)}.qr-card{background:#0f172a;border-color:#1e293b;box-shadow:0 10px 30px #00000059}.qr-illustration{border-color:#3b1d14;background:repeating-linear-gradient(45deg,#2b1c17 0 8px,#1f1713 8px 16px),linear-gradient(180deg,#2a1b16,#0f172a);box-shadow:inset 0 1px #ffffff0d,0 8px 16px #ff6a3d2e}.qr-card h1{color:#e2e8f0}.qr-card p{color:#94a3b8}}.qr-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:radial-gradient(60% 50% at 50% 0%,#0a74ff0f,#0a74ff00 70%),linear-gradient(135deg,#f7fbff,#fdfdfd);color:#0f172a}.qr-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(10,116,255,.15);border-top-color:#0a74ff;animation:qrSpin 1s linear infinite}.qr-loading p{margin:0;color:#475569}@keyframes qrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.qr-loading{background:radial-gradient(60% 50% at 50% 0%,#0a74ff17,#0a74ff00 70%),linear-gradient(135deg,#0b1220,#0b1424);color:#e2e8f0}.qr-loading p{color:#94a3b8}.qr-spinner{border-color:#0a74ff2e;border-top-color:#3b82f6}}