:root{--spc-ease-out: cubic-bezier(.16, 1, .3, 1);--spc-dur-in: .22s;--spc-dur-out: .16s}@layer spc-motion{:where(button,[data-press],a.btn):not(:disabled,[aria-disabled=true],[data-press=off],table *){transition:scale .2s var(--spc-ease-out)}:where(button,[data-press],a.btn):not(:disabled,[aria-disabled=true],[data-press=off],table *):active{scale:.97;transition-duration:80ms}}.spc-check{width:1.6em;height:1.6em;color:var(--spc-good, #1b7643);flex:none;vertical-align:middle}.spc-check circle{fill:none;stroke:currentColor;stroke-width:2;opacity:.35}.spc-check path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.spc-check.spc-play path{animation:spc-check-draw .45s var(--spc-ease-out) 1 both}@keyframes spc-check-draw{0%{stroke-dashoffset:1}}.spc-rise{animation:spc-rise var(--spc-dur-in) var(--spc-ease-out) both}.spc-leave{animation:spc-leave var(--spc-dur-out) ease-in both}@keyframes spc-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes spc-leave{to{opacity:0;transform:translateY(6px)}}.spc-pulse-soft{animation:spc-pulse-soft 1.6s ease-in-out infinite}@keyframes spc-pulse-soft{50%{opacity:.55}}svg.spc-ico-play[data-ico=wig]{animation:spc-ico-wig .55s var(--spc-ease-out) 1}svg.spc-ico-play[data-ico=swing]{transform-origin:50% 0;animation:spc-ico-swing .7s var(--spc-ease-out) 1}svg.spc-ico-play[data-ico=nudge-down]{animation:spc-ico-nudge-y .45s var(--spc-ease-out) 1}svg.spc-ico-play[data-ico=nudge-x]{animation:spc-ico-nudge-x .45s var(--spc-ease-out) 1}svg.spc-ico-play[data-ico=draw] [data-draw]{stroke-dasharray:1;animation:spc-check-draw .5s var(--spc-ease-out) 1 both}svg.spc-ico-play[data-ico=tick] [data-hand]{transform-box:view-box;transform-origin:12px 12px;animation:spc-ico-tick .65s var(--spc-ease-out) 1}@keyframes spc-ico-wig{20%{transform:rotate(-16deg)}45%{transform:rotate(11deg)}70%{transform:rotate(-6deg)}to{transform:rotate(0)}}@keyframes spc-ico-swing{20%{transform:rotate(16deg)}45%{transform:rotate(-11deg)}70%{transform:rotate(6deg)}to{transform:rotate(0)}}@keyframes spc-ico-nudge-y{40%{transform:translateY(3px)}}@keyframes spc-ico-nudge-x{40%{transform:translate(3px)}}@keyframes spc-ico-tick{to{transform:rotate(360deg)}}.spc-reveal-wait{opacity:0;transform:translateY(10px)}.spc-reveal-wait.spc-play{opacity:1;transform:none;transition:opacity .42s var(--spc-ease-out),transform .42s var(--spc-ease-out)}@media(hover:hover)and (pointer:fine){.spc-lift{transition:transform .2s var(--spc-ease-out)}.spc-lift:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}.spc-reveal-wait{opacity:1!important;transform:none!important}.spc-pulse-soft{animation:none!important}}svg.spc-draw [pathLength]{stroke-dasharray:1;stroke-dashoffset:0}svg.spc-draw.spc-play [pathLength]{animation:spc-check-draw .45s var(--spc-ease-out) 1 both}.bm-page-note{color:var(--gray-600,#636366);font-size:12px;margin:8px 0 14px}.bm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.bm-card{background:var(--surface,#fff);color:var(--text,#1d1d1f);border:1px solid var(--border,#e8e8ed);border-radius:16px;padding:16px;min-width:0}.bm-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.bm-title strong{font-size:15px}.bm-title small{color:var(--gray-600,#636366);font-size:12px}.bm-main{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;margin:10px 0 13px;border-block:1px solid var(--border,#e8e8ed)}.bm-main span{font-size:13px}.bm-main strong{color:var(--primary,#007aff);font-size:24px;font-variant-numeric:tabular-nums;text-align:right}.bm-ledger{display:grid;gap:10px;margin:0}.bm-ledger>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.bm-ledger dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.bm-ledger>div:last-child{border-top:1px solid var(--border,#e8e8ed);padding-top:10px;color:#087b42;font-weight:600}.bm-note{color:var(--gray-600,#636366);font-size:12px;margin:10px 0 0}.bm-alert{color:var(--danger,#c82b21);font-size:12px;margin:10px 0 0}.bm-bookings{border-top:1px solid var(--border,#e8e8ed);margin-top:14px;padding-top:10px;font-size:12px}.bm-bookings summary{color:var(--primary,#007aff);cursor:pointer;padding:4px 0}.bm-booking{border-top:1px solid var(--border,#e8e8ed);padding:10px 0;margin-top:8px}.bm-booking small{display:block;color:var(--gray-600,#636366);margin:3px 0}.bm-home-reserved{border-top:1px solid var(--gray-200,#e8e8ed);padding-top:10px;margin-top:10px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--gray-600,#636366)}.bm-admin-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:12px}.bm-admin-table th,.bm-admin-table td{text-align:right;padding:10px 7px;border-bottom:1px solid var(--border,#e8e8ed)}.bm-admin-table th:first-child,.bm-admin-table td:first-child{text-align:left}.bm-admin-table .bm-col-main{color:var(--primary,#007aff);background:var(--primary-bg,#f0f5ff);font-weight:700}.bm-admin-wrap{overflow-x:auto}.bm-admin-table th{font-weight:500;color:var(--text-2,#636366)}.bm-admin-table td{white-space:nowrap}@media(max-width:380px){.bm-card{padding:13px}.bm-main strong{font-size:21px}.bm-ledger>div{font-size:12px}}:root{--spc-empty-paper: #D9E6F7;--spc-empty-line: #C7D2FE;--spc-empty-line2: #E1E7F0}[data-theme=rose]{--spc-empty-paper: #FCE1EC;--spc-empty-line: #F9C6D9;--spc-empty-line2: #F6EEF2}[data-theme=mint]{--spc-empty-paper: #D2F2E4;--spc-empty-line: #B5E3CF;--spc-empty-line2: #E4F2EC}.spc-empty{display:grid;justify-items:center;gap:6px;text-align:center;padding:18px 12px}.spc-empty-sm{gap:4px;padding:6px 4px}.spc-empty .spc-clg{display:block;width:min(100%,220px);height:auto}.spc-empty-sm .spc-clg{width:min(100%,132px)}.spc-empty-t{font-size:15px;font-weight:700;color:inherit;line-height:1.45}.spc-empty-sm .spc-empty-t{font-size:14px}.spc-empty-sub{font-size:13px;line-height:1.5;color:#6b7280;max-width:34ch}.spc-empty-go{margin-top:4px;border:1px solid #d2d2d7;background:#fff;border-radius:10px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--brand-ink, #0B3D91);cursor:pointer}.spc-load-fail{display:grid;justify-items:start;gap:6px;margin:12px;padding:14px 16px;border-left:4px solid #d12f2f;background:#fff0ef;border-radius:10px;text-align:left}.spc-load-fail b{font-size:14px;color:#b42318;line-height:1.5}.spc-load-fail span{font-size:13px;color:#6b7280;line-height:1.5}.spc-load-fail .spc-empty-go:disabled{opacity:.6;cursor:progress}.spc-clg .p1{fill:var(--spc-empty-paper)}.spc-clg .p2{stroke:var(--spc-empty-line)}.spc-clg .bar1{fill:var(--spc-empty-line)}.spc-clg .bar2{fill:var(--spc-empty-line2)}.spc-clg .pc{transform-box:fill-box}.spc-clg .p1{--fx: -30px;--fy: 0px;--fr: -12deg}.spc-clg .p2{--fx: 0px;--fy: -24px;--fr: 9deg}.spc-clg .p3{--fx: 28px;--fy: 8px;--fr: 18deg}.spc-clg .p4{--fx: 0px;--fy: 26px;--fr: -6deg}.spc-clg.play .pc{animation:spc-snap .5s steps(3,end) 1 both}.spc-clg.play .p2{animation-delay:.28s}.spc-clg.play .p3{animation-delay:.55s}.spc-clg.play .p4{animation-delay:.8s}@keyframes spc-snap{0%{transform:translate(var(--fx),var(--fy)) rotate(var(--fr));opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.spc-clg.play .pc{animation:none}}.spc-story{width:100%;max-width:340px;height:auto;display:block;margin:0 auto;overflow:visible}.spc-story text{font-family:inherit}.spc-story .a{transform-box:fill-box;transform-origin:center;animation-duration:5s;animation-fill-mode:both;animation-iteration-count:1;animation-timing-function:var(--spc-ease-out, cubic-bezier(.16, 1, .3, 1))}.spc-story .tap,.spc-story.two .g1{opacity:0}.spc-story.two .fly{transform:translateY(86px)}.spc-story.two.play .fly{animation-name:spc-st-fly2}.spc-story.two.play .g1{animation-name:spc-st-g1}.spc-story.two.play .g2{animation-name:spc-st-g2}.spc-story.one.play .fly{animation-name:spc-st-fly1}.spc-story.one.play .g1{animation-name:spc-st-g1one}.spc-story.play .tap{animation-name:spc-st-tap}@keyframes spc-st-tap{0%,6%{opacity:0;transform:scale(1)}9%{opacity:1;transform:scale(.8)}15%,to{opacity:0;transform:scale(1.6)}}@keyframes spc-st-fly2{0%,10%{transform:translate(-150px,52px) scale(.85);opacity:0}14%{opacity:1;transform:translate(-150px,52px) scale(.85)}38%{transform:translate(0)}58%{transform:translate(0)}82%,to{transform:translateY(86px)}}@keyframes spc-st-fly1{0%,10%{transform:translate(-150px,13px) scale(.85);opacity:0}14%{opacity:1;transform:translate(-150px,13px) scale(.85)}45%,to{transform:translate(0)}}@keyframes spc-st-g1{0%,34%{opacity:0}42%{opacity:1}60%,to{opacity:0}}@keyframes spc-st-g2{0%,78%{opacity:0}86%,to{opacity:1}}@keyframes spc-st-g1one{0%,40%{opacity:0}48%,to{opacity:1}}.spc-route-card{position:fixed;right:24px;bottom:96px;z-index:900;width:min(360px,calc(100vw - 48px));box-sizing:border-box;background:#fff;border:1px solid #E5E5EA;border-radius:16px;box-shadow:0 12px 32px #00000024;padding:14px 14px 10px;display:grid;gap:6px;animation:spc-rise var(--spc-dur-in, .22s) var(--spc-ease-out, ease-out) both}.spc-route-card>b{font-size:14px;line-height:1.45;padding-right:26px;color:#1d1d1f}.spc-route-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:8px;background:#f2f2f7;color:#3a3a3c;font-size:13px;cursor:pointer}.spc-route-sub{margin:0;font-size:12.5px;line-height:1.5;color:#636366}.ob-route-story:empty{display:none}.ob-route-story{max-width:340px;margin:4px 0 0}@media(prefers-reduced-motion:reduce){.spc-story .a{animation:none!important}.spc-route-card{animation:none}}.spc-arrive{position:relative}.spc-arrive:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2.5px solid #E3A21A;opacity:0;pointer-events:none;animation:spc-ring-flash .9s var(--spc-ease-out, cubic-bezier(.16, 1, .3, 1)) 2}.spc-arrive>*{animation:spc-fadein-soft .65s var(--spc-ease-out, cubic-bezier(.16, 1, .3, 1)) both}@keyframes spc-ring-flash{0%{opacity:1}to{opacity:0}}@keyframes spc-fadein-soft{0%{opacity:.25}}.spc-new-chip{display:inline-flex;align-items:center;gap:4px;width:fit-content;font-size:12px;font-weight:700;line-height:1.6;background:#fff3d6;color:#734c00;border-radius:999px;padding:1px 9px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.spc-arrive:after,.spc-arrive>*{animation:none}}.spc-intro{position:fixed;inset:0;z-index:2147483000;pointer-events:none;display:grid;place-items:center;overflow:hidden;color:#fff;background:radial-gradient(120% 120% at 50% 30%,#14467e,#0b2c55 55%,#081f3d);transition:opacity .26s ease-out}.spc-intro.spc-intro-out{opacity:0}.spc-intro-stack{position:relative;z-index:1;display:grid;gap:10px;justify-items:center;text-align:center;padding:0 24px;max-width:560px}.spc-intro-mark{width:clamp(66px,5.6vw,96px);height:clamp(66px,5.6vw,96px);border-radius:27%;background:#fff;display:grid;place-items:center;box-shadow:0 12px 30px #00000059;animation:spc-intro-mark .52s var(--spc-ease-out, cubic-bezier(.16, 1, .3, 1)) both}.spc-intro-mark img{width:79%;height:79%;display:block}.spc-intro-hi{font-family:Prompt,Noto Sans Thai,Noto Sans Myanmar,sans-serif;font-size:clamp(22px,2.1vw,32px);font-weight:600;line-height:1.5;animation:spc-intro-rise .42s var(--spc-ease-out, cubic-bezier(.16, 1, .3, 1)) .42s both}.spc-intro-sub{font-size:clamp(14px,1.15vw,18px);line-height:1.5;opacity:.85;animation:spc-intro-fade .38s var(--spc-ease-out, cubic-bezier(.16, 1, .3, 1)) .64s both}.spc-intro-line{position:absolute;left:0;right:0;top:58%;height:2px;background:linear-gradient(90deg,transparent,#F7BB35,transparent);transform-origin:left center;opacity:0;animation:spc-intro-line 1.1s var(--spc-ease-out, cubic-bezier(.16, 1, .3, 1)) .25s both}.spc-intro-skip{position:absolute;top:max(12px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.35);background:#ffffff14;color:#fff;border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;font-weight:600}@keyframes spc-intro-mark{0%{opacity:0;transform:translateY(14px) scale(.86)}}@keyframes spc-intro-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes spc-intro-fade{0%{opacity:0}to{opacity:.85}}@keyframes spc-intro-line{0%{opacity:0;transform:scaleX(0)}70%{opacity:.9;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.spc-intro{display:none}}svg.nm-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}svg.nm-svg .nm-body{transform-box:view-box;transform-origin:98px 194px;transition:rotate .3s cubic-bezier(.16,1,.3,1)}svg.nm-svg[data-crop=head] .nm-body{transform-origin:98px 98px}svg.nm-svg.nm-take .nm-body{animation:nm-take .6s cubic-bezier(.16,1,.3,1) 1}@keyframes nm-take{0%{transform:scale(1)}22%{transform:scale(1.08,.9)}50%{transform:scale(.95,1.07) translateY(-6px)}75%{transform:scale(1.02,.98)}to{transform:scale(1)}}svg.nm-svg .nm-pupil{transition:transform .14s linear}svg.nm-svg .nm-eye-in{transform-box:view-box;transform-origin:0 0;transition:transform .08s ease,opacity .12s}svg.nm-svg.nm-blink .nm-eye-in{animation:nm-blink .16s ease-in-out 1}@keyframes nm-blink{0%,to{scale:1 1}50%{scale:1 .08}}svg.nm-svg .nm-arc,svg.nm-svg .nm-closed,svg.nm-svg .nm-m,svg.nm-svg .nm-e,svg.nm-svg .nm-sweat{opacity:0;transition:opacity .16s}svg.nm-svg[data-mood=idle] .nm-m-smile,svg.nm-svg[data-mood=happy] .nm-m-smile,svg.nm-svg[data-mood=idle] .nm-e-heart{opacity:1}svg.nm-svg[data-mood=happy] .nm-eye-in,svg.nm-svg[data-mood=sleep] .nm-eye-in{opacity:0}svg.nm-svg[data-mood=happy] .nm-arc,svg.nm-svg[data-mood=happy] .nm-e-spark,svg.nm-svg[data-mood=sleep] .nm-closed,svg.nm-svg[data-mood=sleep] .nm-m-sleep,svg.nm-svg[data-mood=sleep] .nm-e-z,svg.nm-svg[data-mood=think] .nm-m-o,svg.nm-svg[data-mood=think] .nm-e-think,svg.nm-svg[data-mood=confused] .nm-m-wavy,svg.nm-svg[data-mood=confused] .nm-e-q,svg.nm-svg[data-mood=sorry] .nm-m-sad,svg.nm-svg[data-mood=sorry] .nm-e-oops,svg.nm-svg[data-mood=sorry] .nm-sweat{opacity:1}svg.nm-svg[data-mood=sorry] .nm-eye-in{transform:scaleY(.62) translateY(3px)}svg.nm-svg[data-mood=confused] .nm-body{rotate:-7deg}svg.nm-svg[data-mood=think] .nm-pupil{transform:translate(4px,-5px)!important}svg.nm-svg[data-mood=confused] .nm-pupil{transform:translate(-4px,1px)!important}svg.nm-svg[data-mood=sorry] .nm-pupil{transform:translateY(4px)!important}svg.nm-svg[data-mood=think] .nm-e-think .nm-dot{animation:nm-dot 1.2s ease-in-out infinite}svg.nm-svg .nm-e-think .nm-dot:nth-of-type(2){animation-delay:.15s}svg.nm-svg .nm-e-think .nm-dot:nth-of-type(3){animation-delay:.3s}@keyframes nm-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}svg.nm-svg[data-mood=happy] .nm-e-spark path{transform-box:fill-box;transform-origin:center;animation:nm-twinkle 1.1s ease-in-out 2}@keyframes nm-twinkle{0%,to{transform:scale(1)}50%{transform:scale(.55)}}svg.nm-svg[data-mood=sleep] .nm-e-z path{animation:nm-zfloat 2.4s ease-in-out 3}@keyframes nm-zfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){svg.nm-svg,svg.nm-svg *{animation:none!important;transition:none!important}}
