.hdr[data-v-5372a901]{position:sticky;top:0;z-index:20;background:#efe8dbb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--hairline)}.hdr-inner[data-v-5372a901]{display:flex;align-items:center;gap:20px;padding-block:14px}.brand[data-v-5372a901]{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;flex-shrink:0;transition:transform var(--dur-mid) var(--ease-spring)}.brand[data-v-5372a901]:hover{transform:translateY(-1px)}.logo[data-v-5372a901]{height:48px;width:auto;display:block;flex-shrink:0}.nav[data-v-5372a901]{display:flex;gap:8px;margin-inline:auto}.nav a[data-v-5372a901]{color:var(--ink-quiet);font-weight:600;font-size:14px;padding:9px 15px;border-radius:var(--r-pill);white-space:nowrap;transition:color var(--dur-fast),transform var(--dur-mid) var(--ease-spring)}.nav a[data-v-5372a901]:hover,.nav a.router-link-active[data-v-5372a901]{color:var(--ink)}.nav a.hilite[data-v-5372a901]{color:var(--card);background:var(--ink);box-shadow:var(--soft-sm)}.nav a.hilite[data-v-5372a901]:hover{color:var(--card);transform:translateY(-1px)}.tools[data-v-5372a901]{display:flex;align-items:center;gap:10px}.dd[data-v-5372a901]{position:relative}.dd-btn[data-v-5372a901]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-pill);background:var(--card);color:var(--ink);font-weight:600;font-size:13px;border:1px solid var(--hairline-hi);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-mid) var(--ease-spring)}.dd-btn[data-v-5372a901]:hover{border-color:var(--ink);box-shadow:var(--soft-sm)}.dd-btn .flag[data-v-5372a901]{font-size:14px;line-height:1}.dd-btn .code[data-v-5372a901]{letter-spacing:.06em}.dd-btn .chev[data-v-5372a901]{font-size:10px;color:var(--ink-quiet);margin-left:2px}.dd-menu[data-v-5372a901]{position:absolute;top:calc(100% + 8px);right:0;z-index:30;list-style:none;margin:0;padding:6px;min-width:200px;background:var(--card);border:1px solid var(--hairline-hi);border-radius:var(--r-md);box-shadow:var(--soft-md);animation:dd-pop-5372a901 .16s var(--ease-spring)}@keyframes dd-pop-5372a901{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.dd-item[data-v-5372a901]{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:10px;font-size:13px;font-weight:500;text-align:left;color:var(--ink);transition:background var(--dur-fast)}.dd-item[data-v-5372a901]:hover{background:var(--surface-hi)}.dd-item.on[data-v-5372a901]{background:var(--surface-hi);color:var(--ink);font-weight:600}.dd-item .flag[data-v-5372a901]{font-size:15px;width:22px;text-align:center}.dd-item .lbl[data-v-5372a901]{flex:1}.dd-item .code[data-v-5372a901]{font-size:11px;letter-spacing:.08em}.dd-item .muted[data-v-5372a901]{color:var(--ink-quiet)}.cart[data-v-5372a901]{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);background:var(--card);color:var(--ink);font-weight:600;border:1px solid var(--hairline-hi);transition:transform var(--dur-mid) var(--ease-spring),box-shadow var(--dur-mid),border-color var(--dur-fast)}.cart[data-v-5372a901]:hover{color:var(--ink);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--soft-sm)}.badge[data-v-5372a901]{min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 900px){.hdr-inner[data-v-5372a901]{gap:8px;flex-wrap:wrap;row-gap:8px}.nav[data-v-5372a901]{order:3;width:100%;margin:0;gap:6px;justify-content:center;padding-top:8px;border-top:1px solid var(--hairline)}.tools[data-v-5372a901]{margin-left:auto}.logo[data-v-5372a901]{height:36px}}@media (max-width: 600px){.nav a[data-v-5372a901]{padding:7px 12px;font-size:12.5px}.nav a.hilite[data-v-5372a901]{padding:7px 14px}.tools[data-v-5372a901]{gap:8px}.dd-btn[data-v-5372a901]{padding:7px 9px;font-size:12px;gap:0}.dd-btn .code[data-v-5372a901],.dd-btn .chev[data-v-5372a901]{display:none}.dd-btn .flag[data-v-5372a901]{font-size:15px}.dd-menu[data-v-5372a901]{right:0;left:auto}.logo[data-v-5372a901]{height:30px}.cart[data-v-5372a901]{padding:8px 10px}.cart span[data-v-5372a901]:not(.badge){display:none}.cart[data-v-5372a901]:before{content:"🛒";font-size:15px;line-height:1}}.ftr[data-v-88b2ec29]{margin-top:80px;padding-block:32px;border-top:1px solid var(--hairline)}.ftr-inner[data-v-88b2ec29]{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.brand[data-v-88b2ec29]{display:inline-flex;align-items:center}.logo[data-v-88b2ec29]{height:28px;width:auto;display:block}.ftr-nav[data-v-88b2ec29]{display:flex;gap:6px;flex-wrap:wrap}.ftr-nav a[data-v-88b2ec29]{color:var(--ink-quiet);font-weight:500;font-size:13.5px;padding:6px 12px;border-radius:var(--r-pill);transition:color var(--dur-fast),background var(--dur-fast)}.ftr-nav a[data-v-88b2ec29]:hover,.ftr-nav a.router-link-active[data-v-88b2ec29]{color:var(--ink);background:var(--surface)}.quiet[data-v-88b2ec29]{color:var(--ink-quiet);font-size:13px}.toast[data-v-229fdb0e]{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:200;display:inline-flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 14px 12px 16px;background:var(--card);border:1px solid var(--hairline-hi);border-radius:var(--r-pill);box-shadow:var(--soft-md),var(--glow-sm-pink);color:var(--ink);font-size:14px;font-weight:600}.check[data-v-229fdb0e]{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;flex:none}.msg[data-v-229fdb0e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.go[data-v-229fdb0e]{padding:6px 14px;border-radius:var(--r-pill);background:var(--ink);color:var(--card);font-weight:700;white-space:nowrap}.go[data-v-229fdb0e]:hover{opacity:.9}.x[data-v-229fdb0e]{color:var(--ink-quiet);font-size:20px;line-height:1;padding:0 2px}.x[data-v-229fdb0e]:hover{color:var(--ink)}.toast-enter-active[data-v-229fdb0e],.toast-leave-active[data-v-229fdb0e]{transition:opacity var(--dur-mid) var(--ease),transform var(--dur-mid) var(--ease-spring)}.toast-enter-from[data-v-229fdb0e],.toast-leave-to[data-v-229fdb0e]{opacity:0;transform:translate(-50%) translateY(12px)}main[data-v-92717efe]{min-height:60vh}:root{--canvas-1: #efe8db;--canvas-2: #ded4c2;--void: #ffffff;--deep: #f4efe6;--plate: #ffffff;--card: #f9f5ee;--card-2: #efe9de;--recess-1: #d1c6b1;--recess-2: #b9ac93;--chip: #ffffff;--surface: rgba(43, 38, 32, .035);--surface-hi: rgba(43, 38, 32, .075);--hairline: rgba(43, 38, 32, .1);--hairline-hi: rgba(43, 38, 32, .2);--accent: #e0506e;--accent-hi: #ec6b85;--on-accent: #ffffff;--neon-pink: #ff4d86;--neon-cyan: #4fc3ff;--neon-amber: #f5a623;--neon-green: #3a9d78;--neon-purple: #8b6bff;--neon-red: #d1435b;--glow-pink: #ff86c8;--glow-cyan: #8ff2ff;--glow-amber: #ffe6a3;--glow-green: #99ffcd;--glow-purple: #d3b0ff;--green: var(--neon-green);--ink: #2b2620;--ink-quiet: #7a7266;--ink-mute: #a89f90;--font-display: "Bai Jamjuree", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--step-0: .9375rem;--step-1: 1.0625rem;--step-2: 1.25rem;--step-3: 1.75rem;--step-4: 2.5rem;--step-5: clamp(2.75rem, 5vw + 1rem, 5rem);--step-6: clamp(3.5rem, 8vw + 1rem, 7.5rem);--soft-sm: 0 6px 18px -8px rgba(43, 38, 32, .28);--soft-md: 0 18px 40px -18px rgba(43, 38, 32, .3);--soft-lg: 0 34px 66px -24px rgba(43, 38, 32, .34);--accent-shadow: 0 16px 34px -14px var(--accent);--glow-sm-pink: 0 8px 22px -10px rgba(255, 77, 134, .5);--glow-md-pink: 0 20px 46px -16px rgba(255, 77, 134, .42);--glow-md-cyan: 0 20px 46px -16px rgba(79, 195, 255, .4);--glow-md-amber: 0 20px 46px -16px rgba(245, 166, 35, .4);--glow-md-green: 0 20px 46px -16px rgba(58, 157, 120, .4);--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-pill: 999px;--dur-fast: .12s;--dur-mid: .24s;--dur-slow: .42s;--ease: cubic-bezier(.2, .7, .2, 1);--ease-spring: cubic-bezier(.2, 1.3, .3, 1);--shell-max: 1280px;--shell-pad: clamp(16px, 4vw, 40px)}.shell{max-width:var(--shell-max);margin:0 auto;padding-inline:var(--shell-pad)}.glass{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--soft-sm)}@keyframes neon-flicker{0%,92%,to{opacity:1;filter:none}93%{opacity:.7}95%{opacity:1}96%{opacity:.85}}.flicker{animation:neon-flicker 6.5s infinite}@keyframes neon-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.06)}}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes ambient-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(2.5%,-2%) scale(1.05)}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.reveal{animation:rise-in .7s var(--ease) both;animation-timeline:view();animation-range:entry 0% cover 22%}}}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100%}img,svg,video,canvas{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast)}a:hover{color:var(--accent-hi)}html{color-scheme:light;background:var(--canvas-1);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:radial-gradient(1200px 620px at 85% -6%,rgba(224,80,110,.1),transparent 60%),radial-gradient(1000px 520px at -6% 92%,rgba(245,166,35,.08),transparent 60%),linear-gradient(168deg,var(--canvas-1) 0%,var(--canvas-2) 100%);background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:.005em;color:var(--ink);margin:0}h1{font-size:var(--step-5);line-height:1.02;letter-spacing:-.01em}h2{font-size:var(--step-4);line-height:1.1}h3{font-size:var(--step-3);line-height:1.15}.quiet{color:var(--ink-quiet)}.mono{font-family:var(--font-mono)}.fade-enter-active,.fade-leave-active{transition:opacity var(--dur-mid) var(--ease),transform var(--dur-mid) var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(8px)}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}