:root{--wine:#651622;--wine-deep:#4a0f19;--wine-soft:#8c2b3a;--wine-tint:#f6e9e9;--cream:#fbf6f3;--sand:#f2e8e3;--surface:#fff;--line:#ece0db;--ink:#2a1418;--ink-2:#6b555a;--ink-3:#9c8a8e;--gold:#c2551f;--gold-tint:#fdeee5;--tea:#e87853;--green:#2f7a5b;--green-tint:#e6f4ed;--amber:#c2721c;--amber-tint:#fdf0e2;--rose:#b8323f;--rose-tint:#fdebec;--sh-1:0 1px 2px #4a0f190d, 0 1px 3px #4a0f190a;--sh-2:0 4px 16px #4a0f1914;--sh-3:0 -8px 40px #2a14182e;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;--tap:44px;--nav-h:62px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-family:Noto Sans Thai,Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Outfit,Noto Sans Thai,sans-serif}.app{background:var(--cream);max-width:520px;min-height:100dvh;margin:0 auto;position:relative}.page{padding:0 16px calc(var(--nav-h) + var(--safe-b) + 92px);animation:.28s cubic-bezier(.22,1,.36,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.hero{background:linear-gradient(158deg, #7a1b2a 0%, var(--wine) 46%, var(--wine-deep) 100%);color:#fff;padding:calc(var(--safe-t) + 18px) 20px 26px;border-radius:0 0 var(--r-xl) var(--r-xl);margin-bottom:18px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:210px;height:210px;position:absolute;top:-34px;right:-46px}.hero-top{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.hero-mark{background:#ffffff1f;border:1px solid #fff3;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.hero-title{letter-spacing:.16em;font-family:Outfit,sans-serif;font-size:17px;font-weight:600;line-height:1.15}.hero-sub{opacity:.72;letter-spacing:.02em;font-size:12px}.hero-date{text-align:right;opacity:.75;margin-left:auto;font-size:11.5px;line-height:1.4}.hero-figure{margin-top:20px;position:relative}.hero-label{opacity:.7;letter-spacing:.03em;font-size:12px}.hero-amount{letter-spacing:-.02em;margin-top:2px;font-family:Outfit,sans-serif;font-size:40px;font-weight:600;line-height:1.05}.hero-amount small{opacity:.6;margin-left:5px;font-size:17px;font-weight:500}.hero-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex;position:relative}.hero-chip{background:#ffffff1c;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;display:flex}.hero-chip b{font-family:Outfit,sans-serif;font-weight:600}.head{padding:calc(var(--safe-t) + 22px) 16px 10px;align-items:flex-end;gap:10px;display:flex}.head h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600;line-height:1.25}.head p{color:var(--ink-3);margin:1px 0 0;font-size:12.5px}.head-action{flex:none;margin-left:auto}.sec{justify-content:space-between;align-items:baseline;margin:24px 2px 10px;display:flex}.sec h2{letter-spacing:.01em;margin:0;font-size:15px;font-weight:600}.sec span{color:var(--ink-3);font-size:12.5px}.sec-link{color:var(--wine);font-size:12.5px;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.card-pad{padding:15px 16px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:13px 14px}.stat-k{color:var(--ink-3);align-items:center;gap:5px;font-size:11.5px;display:flex}.stat-v{letter-spacing:-.01em;margin-top:3px;font-family:Outfit,sans-serif;font-size:23px;font-weight:600;line-height:1.15}.stat-v small{color:var(--ink-3);margin-left:3px;font-size:12px;font-weight:500}.stat-foot{color:var(--ink-3);margin-top:2px;font-size:11.5px}.v-gold{color:var(--gold)}.v-green{color:var(--green)}.v-rose{color:var(--rose)}.v-wine{color:var(--wine)}.alert{text-align:left;border-radius:var(--r-md);border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:transform .12s;display:flex}.alert:active{transform:scale(.985)}.alert-icon{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.alert-icon svg{width:19px;height:19px}.alert-body{flex:1;min-width:0}.alert-title{font-size:13.5px;font-weight:600;display:block}.alert-sub{color:var(--ink-2);font-size:12px;display:block}.alert-amber{background:var(--amber-tint);border-color:#f6dfc4}.alert-amber .alert-icon{background:#f7ddbe}.alert-rose{background:var(--rose-tint);border-color:#f7d5d8}.alert-clear{background:var(--green-tint);border-color:#cfe8dc}.alert-clear .alert-icon{background:#d3ecdf}.alert-rose .alert-icon{background:#f8d2d5}.alert-arrow{color:var(--ink-3);font-size:18px}.chart{align-items:flex-end;gap:8px;height:108px;padding:4px 2px 0;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.chart-bar{background:linear-gradient(180deg, var(--wine-soft), var(--wine));border-radius:7px 7px 4px 4px;width:100%;max-width:26px;min-height:4px;transition:height .4s cubic-bezier(.22,1,.36,1);position:relative}.chart-bar.is-empty{background:var(--sand)}.chart-bar.is-today{background:linear-gradient(180deg, var(--tea), var(--gold))}.chart-x{color:var(--ink-3);white-space:nowrap;font-size:10.5px}.chart-val{color:var(--ink-2);font-family:Outfit,sans-serif;font-size:10.5px}.rows{flex-direction:column;display:flex}.row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.row:last-child{border-bottom:none}.row-emoji{background:var(--wine-tint);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.order{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);margin-bottom:11px;overflow:hidden}.order.is-done{opacity:.7}.order.is-cancelled{opacity:.5}.order-head{text-align:left;align-items:flex-start;gap:10px;width:100%;padding:13px 15px 10px;display:flex}.order-code{color:var(--wine);background:var(--wine-tint);letter-spacing:.03em;border-radius:999px;padding:2px 8px;font-family:Outfit,sans-serif;font-size:11.5px;font-weight:600}.order-cust{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:14.5px;font-weight:600;overflow:hidden}.order-meta{color:var(--ink-3);margin-top:1px;font-size:12px}.order-total{text-align:right;flex:none;margin-left:auto}.order-total b{font-family:Outfit,sans-serif;font-size:18px;font-weight:600}.order-total span{color:var(--gold);font-family:Outfit,sans-serif;font-size:11.5px;display:block}.order-items{flex-wrap:wrap;gap:5px;padding:0 15px 11px;display:flex}.pill{background:var(--cream);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:3px 9px;font-size:12px}.pill b{color:var(--ink);font-family:Outfit,sans-serif}.order-note{color:var(--ink-2);gap:6px;padding:0 15px 11px;font-size:12.5px;display:flex}.checks{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.check{color:var(--ink-3);background:#fdfbfa;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.check+.check{border-left:1px solid var(--line)}.check:active{background:var(--sand)}.check-box{border:2px solid #d8c8c3;border-radius:7px;flex:none;place-items:center;width:21px;height:21px;transition:all .18s cubic-bezier(.22,1,.36,1);display:grid}.check-box svg{opacity:0;transition:all .18s cubic-bezier(.22,1,.36,1);transform:scale(.5)}.check.on{color:var(--green);background:var(--green-tint)}.check.on .check-box{background:var(--green);border-color:var(--green)}.check.on .check-box svg{opacity:1;transform:scale(1)}.check.on.check-pay{color:var(--gold);background:var(--gold-tint)}.check.on.check-pay .check-box{background:var(--gold);border-color:var(--gold)}.chips{scrollbar-width:none;gap:7px;margin:0 -16px;padding:2px 16px 12px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;border-radius:999px;flex:none;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.chip.on{background:var(--wine);border-color:var(--wine);color:#fff;font-weight:600}.chip-count{opacity:.65;margin-left:3px;font-family:Outfit,sans-serif}.nav{width:100%;max-width:520px;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:40;background:#ffffffeb;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10.5px;transition:color .15s;display:flex}.nav-item.on{color:var(--wine);font-weight:600}.nav-item svg{width:21px;height:21px}.fab{bottom:calc(var(--nav-h) + var(--safe-b) + 16px);z-index:45;background:linear-gradient(150deg, var(--wine-soft), var(--wine));color:#fff;border-radius:999px;align-items:center;gap:7px;height:52px;padding:0 20px 0 17px;font-size:14.5px;font-weight:600;transition:transform .15s;display:flex;position:fixed;left:50%;transform:translate(calc(172px - 50%));box-shadow:0 8px 22px #6516225c}.fab:active{transform:translate(calc(172px - 50%))scale(.95)}@media (width<=520px){.fab{left:auto;right:16px;transform:none}.fab:active{transform:scale(.95)}}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#2a14186b;animation:.2s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--cream);border-radius:var(--r-xl) var(--r-xl) 0 0;z-index:61;width:100%;max-width:520px;max-height:92dvh;box-shadow:var(--sh-3);flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) slideup;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@keyframes slideup{0%{transform:translate(-50%,100%)}}.sheet-grab{background:#ddcdc8;border-radius:99px;flex:none;width:38px;height:4px;margin:9px auto 0}.sheet-head{flex:none;align-items:center;gap:10px;padding:12px 18px;display:flex}.sheet-head h3{margin:0;font-size:16.5px;font-weight:600}.sheet-head p{color:var(--ink-3);margin:0;font-size:12px}.sheet-x{background:var(--sand);width:32px;height:32px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.sheet-body{-webkit-overflow-scrolling:touch;flex:1;padding:0 18px 18px;overflow-y:auto}.sheet-foot{padding:12px 18px calc(12px + var(--safe-b));background:var(--surface);border-top:1px solid var(--line);flex:none;align-items:center;gap:10px;display:flex}.field{margin-bottom:13px}.field>label{color:var(--ink-2);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.field>label svg{vertical-align:-3px;margin-right:3px}.input{width:100%;height:var(--tap);border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);padding:0 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}textarea.input{resize:vertical;height:auto;padding:11px 13px;line-height:1.5}.input:focus{border-color:var(--wine-soft);outline:none;box-shadow:0 0 0 3px #8c2b3a1c}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%239c8a8e' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:34px}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.hint{color:var(--ink-3);margin-top:5px;font-size:11.5px;line-height:1.45}.seg{background:var(--sand);border-radius:var(--r-sm);gap:3px;padding:3px;display:flex}.seg button{height:36px;color:var(--ink-2);border-radius:8px;flex:1;font-size:13px;font-weight:500;transition:all .15s}.seg button.on{background:var(--surface);color:var(--wine);box-shadow:var(--sh-1);font-weight:600}.btn{border-radius:var(--r-md);flex:1;justify-content:center;align-items:center;gap:7px;height:48px;font-size:15px;font-weight:600;transition:transform .12s,opacity .15s;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45}.btn-primary{background:linear-gradient(150deg, var(--wine-soft), var(--wine));color:#fff;box-shadow:0 4px 14px #65162242}.btn-ghost{background:var(--sand);color:var(--ink-2);flex:none;padding:0 18px}.btn-danger{background:var(--rose-tint);color:var(--rose)}.btn-sm{border-radius:var(--r-sm);flex:none;height:38px;padding:0 14px;font-size:13.5px}.pick{border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface);align-items:center;gap:11px;margin-bottom:8px;padding:11px 13px;transition:border-color .18s,background .18s;display:flex}.pick.on{border-color:var(--wine);background:#fffdfd}.pick-body{flex:1;min-width:0}.pick-name{font-size:14px;font-weight:600}.pick-meta{color:var(--ink-3);font-size:11.5px}.stepper{flex:none;align-items:center;gap:3px;display:flex}.step-btn{background:var(--sand);width:33px;height:33px;color:var(--wine);border-radius:10px;place-items:center;font-size:19px;font-weight:600;line-height:1;transition:transform .12s;display:grid}.step-btn:active{transform:scale(.9)}.step-btn:disabled{opacity:.35}.step-btn.plus{background:var(--wine);color:#fff}.step-n{text-align:center;width:30px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600}.rec{border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-bottom:8px;padding:11px 12px}.rec-top{align-items:center;gap:8px;display:flex}.rec-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.rec-cost{color:var(--wine);flex:none;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600}.rec-del{background:var(--sand);width:30px;height:30px;color:var(--ink-3);border-radius:9px;flex:none;place-items:center;display:grid}.rec-ctl{align-items:center;gap:8px;margin-top:9px;display:flex}.rec-qty{border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--cream);text-align:right;flex:none;width:92px;height:38px;padding:0 10px;font-family:Outfit,sans-serif;font-weight:600}.rec-qty:focus{border-color:var(--wine-soft);outline:none}.rec-unit{color:var(--ink-3);flex:none;min-width:24px;font-size:12.5px}.rec-scope{background:var(--sand);border-radius:9px;gap:2px;margin-top:8px;padding:2px;display:flex}.rec-scope button{color:var(--ink-2);white-space:nowrap;border-radius:7px;flex:1;padding:7px 6px;font-size:12px}.rec-scope button.on{background:var(--surface);color:var(--wine);box-shadow:var(--sh-1);font-weight:600}.emoji-row{flex-wrap:wrap;gap:6px;display:flex}.emoji-btn{background:var(--surface);border:1.5px solid var(--line);border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.emoji-btn.on{border-color:var(--wine);background:var(--wine-tint)}.summary{background:linear-gradient(150deg, #7a1b2a, var(--wine));color:#fff;border-radius:var(--r-lg);margin-bottom:14px;padding:15px 16px}.summary-row{justify-content:space-between;align-items:baseline;padding:3px 0;font-size:13px;display:flex}.summary-row span{opacity:.75}.summary-row b{font-family:Outfit,sans-serif;font-weight:600}.summary-hr{background:#ffffff2e;height:1px;margin:8px 0}.summary-big{font-size:15px}.summary-big b{font-size:21px}.menu-card{margin-bottom:10px;overflow:hidden}.menu-main{text-align:left;width:100%;padding:15px 16px;display:block}.menu-brew{border-top:1px solid var(--line);width:100%;color:var(--wine);background:#fdfbfa;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.menu-brew:active{background:var(--wine-tint)}.menu-brew span:last-child{color:var(--ink-3);text-align:right;font-size:11.5px;font-weight:500}.menu-brew b{color:var(--ink);font-family:Outfit,sans-serif}.split{background:var(--sand);border-radius:99px;height:9px;margin:10px 0 8px;display:flex;overflow:hidden}.split-i{background:var(--wine)}.split-p{background:var(--tea)}.split-g{background:var(--green)}.legend{color:var(--ink-2);flex-wrap:wrap;gap:13px;font-size:11.5px;display:flex}.legend i{border-radius:3px;width:8px;height:8px;margin-right:5px;display:inline-block}.gauge{background:var(--sand);border-radius:99px;height:5px;margin-top:7px;overflow:hidden}.gauge-fill{background:var(--green);border-radius:99px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.gauge-fill.is-low{background:var(--amber)}.gauge-fill.is-out{background:var(--rose)}.stock-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.stock-row:last-child{border-bottom:none}.stock-main{flex:1;min-width:0}.stock-name{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.stock-meta{color:var(--ink-3);margin-top:1px;font-size:11.5px;display:block}.stock-qty{text-align:right;flex:none;min-width:72px}.stock-qty b{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;line-height:1.2;display:block}.stock-qty span{color:var(--ink-3);font-size:11px;display:block}.dot{border-radius:50%;flex:none;width:7px;height:7px}.dot-ok{background:var(--green)}.dot-low{background:var(--amber)}.dot-out{background:var(--rose)}.actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.action{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);color:var(--ink-2);flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.action.on{border-color:var(--wine);background:var(--wine-tint);color:var(--wine)}.action em{font-size:19px;font-style:normal;line-height:1}.stock-hero{text-align:center;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);margin-bottom:14px;padding:18px 16px 16px}.stock-hero b{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:38px;font-weight:600;line-height:1.05;display:block}.stock-hero .unit{color:var(--ink-3);margin-left:5px;font-size:16px}.stock-hero p{color:var(--ink-3);margin:4px 0 0;font-size:12.5px}.badge{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-batch{background:var(--gold-tint);color:var(--gold)}.badge-green{background:var(--green-tint);color:var(--green)}.badge-sand{background:var(--sand);color:var(--ink-2)}.badge-rose{background:var(--rose-tint);color:var(--rose)}.guide-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);gap:12px;margin-bottom:9px;padding:14px 15px;display:flex}.guide-num{background:var(--wine);color:#fff;border-radius:10px;flex:none;place-items:center;min-width:34px;height:34px;padding:0 9px;font-family:Outfit,Noto Sans Thai,sans-serif;font-size:13px;font-weight:600;display:grid}.guide-body{flex:1;min-width:0}.guide-title{font-size:14.5px;font-weight:600;line-height:1.35}.guide-where{color:var(--wine);background:var(--wine-tint);border-radius:999px;margin-top:4px;padding:1px 8px;font-size:11.5px;display:inline-block}.guide-body p{color:var(--ink-2);margin:7px 0 0;font-size:13px;line-height:1.65}.faq{border-bottom:1px solid var(--line)}.faq:last-child{border-bottom:none}.faq summary{cursor:pointer;align-items:center;gap:9px;padding:13px 15px;font-size:13.5px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+";background:var(--sand);width:20px;height:20px;color:var(--wine);border-radius:6px;flex:none;place-items:center;font-size:15px;font-weight:600;line-height:1;display:grid}.faq[open] summary:before{content:"−";background:var(--wine);color:#fff}.faq p{color:var(--ink-2);margin:0;padding:0 15px 14px 44px;font-size:13px;line-height:1.7}.tour-catch{z-index:88;position:fixed;inset:0}.tour-dim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:88;background:#2a1418ad;animation:.25s fade;position:fixed;inset:0}.tour-spot{z-index:89;pointer-events:none;border-radius:16px;transition:top .35s cubic-bezier(.22,1,.36,1),left .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1);position:fixed;box-shadow:0 0 0 9999px #2a1418ad,0 0 0 2px #ffffffe6}.tour-tip-wrap{z-index:90;pointer-events:none;max-width:520px;margin:0 auto;padding:0 16px;position:fixed;left:0;right:0}.tour-tip{background:var(--surface);border-radius:var(--r-lg);pointer-events:auto;padding:17px 18px 14px;animation:.3s cubic-bezier(.22,1,.36,1) rise;position:relative;box-shadow:0 12px 40px #2a14184d}.tour-emoji{margin-bottom:8px;font-size:30px;line-height:1}.tour-tip h3{margin:0 0 5px;padding-right:30px;font-size:16.5px;font-weight:600}.tour-tip p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.6}.tour-x{background:var(--sand);width:28px;height:28px;color:var(--ink-3);border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;right:13px}.tour-foot{align-items:center;gap:10px;margin-top:15px;display:flex}.tour-dots{flex-wrap:wrap;flex:1;gap:4px;display:flex}.tour-dot{background:var(--line);border-radius:50%;width:5px;height:5px;transition:all .2s}.tour-dot.on{background:var(--wine);border-radius:99px;width:16px}.tour-back{color:var(--ink-3);flex:none;font-size:13.5px;font-weight:500}.tour-next{min-width:92px}.tour-skip{color:#fffc;pointer-events:auto;text-underline-offset:3px;margin:14px auto 0;font-size:13px;font-weight:500;text-decoration:underline;display:block}.hero-help{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;margin-left:10px;font-size:14px;font-weight:600;display:grid}.empty{text-align:center;color:var(--ink-3);padding:46px 24px}.empty-emoji{opacity:.5;font-size:40px}.empty p{margin:8px 0 0;font-size:13.5px;line-height:1.6}.skeleton{background:linear-gradient(90deg, var(--sand) 25%, #f8f0ec 50%, var(--sand) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.toast{bottom:calc(var(--nav-h) + var(--safe-b) + 78px);z-index:80;background:var(--ink);color:#fff;box-shadow:var(--sh-2);text-align:center;border-radius:999px;max-width:88vw;padding:11px 18px;font-size:13.5px;animation:.24s rise;position:fixed;left:50%;transform:translate(-50%)}.toast.err{background:var(--rose)}.divider{background:var(--line);height:1px;margin:14px 0}.spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}