:root{--brand:#f15a29;--brand-600:#d9481d;--brand-tint:#fdeade;--ink:#1b1712;--ink-soft:#4a433b;--muted:#726b5f;--paper:#faf7f2;--card:#ffffff;--line:#ece5db;--line-soft:#f4efe7;--stone:#f3efe8;--stone-2:#e8e1d6;--trust:#2264d1;--trust-tint:#e7effb;--green:#1e8a5b;--green-tint:#e3f2e9;--amber:#c8850f;--amber-tint:#faedcf;--red:#d64545;--red-tint:#f9e4e4;--font-display:"Anuphan","IBM Plex Sans Thai",sans-serif;--font-body:"IBM Plex Sans Thai",system-ui,sans-serif;--font-mono:"IBM Plex Mono",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-card:0 24px 60px -30px rgba(27,23,18,0.4);--shadow-soft:0 2px 10px -4px rgba(27,23,18,0.18)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (max-width:480px){body{font-size:16px}}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin:0}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.container{max-width:1080px;margin:0 auto;padding:0 20px}.container-narrow{max-width:560px;margin:0 auto;padding:0 20px}.page{padding:24px 0 96px}.stack{display:flex;flex-direction:column;gap:16px}.row{gap:10px}.row,.spread{display:flex;align-items:center}.spread{justify-content:space-between;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:15px;min-height:44px;padding:0 20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background .14s,border-color .14s,transform .05s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-600)}.btn-secondary{background:var(--card);color:var(--ink);border-color:var(--line)}.btn-secondary:hover:not(:disabled){background:var(--stone)}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:var(--stone)}.btn-danger{background:var(--red);color:#fff}.btn-block{width:100%}.btn-sm{min-height:40px;padding:0 14px;font-size:13.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg)}.card-pad{padding:20px}.field{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);font-family:var(--font-body);font-size:15px;color:var(--ink)}.field:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}textarea.field{min-height:96px;resize:vertical}.label{font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:6px;display:block}.pill{font-size:12.5px;border-radius:var(--radius-pill)}.pill,.tag{display:inline-flex;align-items:center;gap:6px;font-weight:600;padding:5px 12px}.tag{font-size:13px;border-radius:var(--radius-sm)}.tag .dot{width:7px;height:7px;border-radius:50%}.pill-brand{background:var(--brand);color:#fff}.pill-trust{background:var(--trust);color:#fff}.pill-green{background:var(--green-tint);color:var(--green)}.pill-amber{background:var(--amber-tint);color:var(--amber)}.pill-red{background:var(--red-tint);color:var(--red)}.pill-trust-tint{background:var(--trust-tint);color:var(--trust)}.pill-stone{background:var(--stone);color:var(--ink-soft)}.muted{color:var(--muted)}.soft{color:var(--ink-soft)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .16s,transform .16s}.pcard:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.pcard-media{aspect-ratio:1;background:linear-gradient(135deg,var(--stone),var(--stone-2));position:relative}.pcard-media img{width:100%;height:100%;object-fit:cover;display:block}.pcard-body{padding:12px 13px 14px}.price{font-family:var(--font-mono);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.banner{border-radius:var(--radius-md);padding:12px 15px;font-size:13.5px;display:flex;gap:8px;align-items:flex-start}.banner-info{background:var(--trust-tint);color:var(--trust)}.banner-warn{background:var(--amber-tint);color:var(--amber)}.banner-error{background:var(--red-tint);color:var(--red)}.banner-ok{background:var(--green-tint);color:var(--green)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(250,247,242,.88);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{height:60px;display:flex;align-items:center;gap:16px}.nav-burger{display:none}.nav-drawer{border-top:1px solid var(--line);background:var(--paper)}.nav-drawer .navlink{display:flex;align-items:center;min-height:44px;padding:8px 4px;font-size:15px;line-height:1.35}.nav-drawer .btn{min-height:44px}.drawer-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--brand-tint);color:var(--brand);font-weight:700;flex-shrink:0}.drawer-dot{width:8px;height:8px;border-radius:50%;margin-left:auto;background:transparent}@media (max-width:767px){.nav-desktop{display:none!important}.nav-burger{display:inline-flex}.brandmark{font-size:17px}}.brandmark{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--ink);text-transform:lowercase}.brandmark .two{color:var(--brand)}.brandmark .dotcom{color:var(--muted);font-weight:500;font-size:.68em;letter-spacing:0}.brand-icon{width:28px;height:28px;object-fit:contain;flex-shrink:0}.navlink{font-size:14px;font-weight:500;color:var(--ink-soft);padding:8px 12px;border-radius:var(--radius-sm)}.navlink:hover{background:var(--stone);color:var(--ink)}.divider{height:1px;background:var(--line);border:0;margin:4px 0}.feed-wrap{max-width:600px;margin:0 auto;padding:16px 16px 96px}.feed-tabs{display:flex;gap:4px;width:-moz-fit-content;width:fit-content;padding:3px;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card)}.feed-tabs button{font-family:var(--font-body);font-size:13.5px;font-weight:600;padding:8px 20px;min-height:38px;border:0;border-radius:var(--radius-pill);background:none;color:var(--ink-soft);cursor:pointer;white-space:nowrap}.feed-tabs button.on{background:var(--brand);color:#fff}.feed-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.feed-search:focus-within{border-color:var(--brand)}.feed-search input{flex:1 1;min-height:42px;border:0;outline:none;background:none;font-family:var(--font-body);font-size:15px;color:var(--ink)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:8px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{flex-shrink:0;font-family:var(--font-body);font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--card);color:var(--ink-soft);cursor:pointer;white-space:nowrap;min-height:38px}.chip-on{background:var(--brand);border-color:var(--brand);color:#fff}.chip-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px}.chip-price{width:120px}.chat-header{padding:10px 12px;margin-bottom:10px}.chat-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid var(--line);flex-shrink:0}.chat-thumb-empty{display:grid;place-items:center;background:var(--stone);font-size:20px}.chat-title{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-party{margin-top:8px;padding-top:8px;border-top:1px solid var(--line-soft)}.chat-avatar{width:26px;height:26px;border-radius:50%;background:var(--brand-tint);color:var(--brand-600);font-size:12.5px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.chat-list{flex:1 1;overflow-y:auto;padding:14px 12px;background:var(--card);border:1px solid var(--stone-2);border-radius:var(--radius,14px)}.chat-row{display:flex;align-items:flex-end;gap:8px}.chat-row-mine{justify-content:flex-end}.chat-avatar-bubble{width:28px;height:28px;margin-bottom:2px}.chat-bubble{padding:8px 13px;font-size:14px;line-height:1.5;width:-moz-fit-content;width:fit-content;white-space:pre-wrap;word-break:break-word}.chat-bubble-other{background:var(--stone);border:1px solid var(--stone-2);color:var(--ink);border-radius:4px 14px 14px 14px}.chat-bubble-mine{background:var(--brand);color:#fff;border-radius:14px 4px 14px 14px;margin-left:auto}.caption-clamp{-webkit-line-clamp:2}.caption-clamp,.desc-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.desc-clamp{-webkit-line-clamp:3}.desc-more{display:flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer}.desc-more:hover{color:var(--ink-soft)}.botnav,.botnav-fab{display:none}@media (max-width:767px){.botnav{position:fixed;left:0;right:0;bottom:0;z-index:50;height:62px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding-bottom:env(safe-area-inset-bottom)}.botnav a,.botnav button{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;color:var(--muted);font-size:10.5px;font-weight:500;font-family:var(--font-body);cursor:pointer;text-decoration:none}.botnav a.on{color:var(--brand)}.botnav-fab{display:grid;place-items:center;width:54px;height:54px;margin:-22px auto 0;border-radius:50%;background:var(--brand);color:#fff;box-shadow:0 6px 18px -4px rgba(241,90,41,.5)}.botnav-fab span{color:var(--brand);font-size:10.5px;font-weight:600;margin-top:2px}body{padding-bottom:62px}}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:55;overflow:hidden}@media (max-width:767px){.notif-panel{position:fixed;top:58px;right:8px;left:8px;width:auto}}.notif-item{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:none;border-bottom:1px solid var(--line-soft);padding:13px 16px;cursor:pointer;font-family:var(--font-body)}.notif-item:hover{background:var(--stone)!important}.notif-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;margin-top:5px}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:rgba(27,23,18,.42);display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}.sheet{width:100%;max-width:480px;background:var(--card);border-radius:22px 22px 0 0;padding:10px 18px calc(24px + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;animation:sheet-up .22s cubic-bezier(.22,1,.36,1)}.sheet-grip{width:40px;height:4px;border-radius:3px;background:var(--stone-2);margin:4px auto 14px}@keyframes fade{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}.seg{display:flex;background:var(--stone);border-radius:var(--radius-md);padding:4px;gap:4px}.seg button{flex:1 1;border:none;background:none;padding:9px;border-radius:9px;font-family:var(--font-body);font-weight:600;font-size:13.5px;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-soft)}.ladder{display:flex;align-items:flex-start}.ladder-node{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.ladder-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;z-index:1}.ladder-line{position:absolute;top:15px;left:-50%;width:100%;height:2.5px;z-index:0}.store-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px}.detail-wrap{max-width:600px;margin:0 auto;background:var(--card);min-height:100vh;border-inline:1px solid var(--line)}.detail-cta{position:-webkit-sticky;position:sticky;bottom:0;z-index:30;background:rgba(255,255,255,.95);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-top:1px solid var(--line);padding:12px 16px}.cta-icon{width:48px;height:48px;flex:0 0 auto;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer;color:var(--ink-soft)}.cta-icon:disabled{opacity:.5;cursor:not-allowed}@media (max-width:767px){.detail-cta{bottom:62px}}.skeleton{background:linear-gradient(90deg,var(--stone) 25%,var(--line-soft) 50%,var(--stone) 75%);background-size:200% 100%;animation:sk 1.3s infinite;border-radius:var(--radius-sm)}@keyframes sk{to{background-position:-200% 0}}.shell{min-height:100vh}.admin-rail,.left-nav{display:none}@media (min-width:768px){.shell,.shell-main{display:flex}.shell-main{flex:1 1;min-width:0;flex-direction:column}.botnav,.topbar{display:none!important}.left-nav{display:flex;flex-direction:column;gap:3px;width:240px;flex-shrink:0;border-right:1px solid var(--line);background:var(--card);padding:14px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:visible;z-index:30;transition:width .25s cubic-bezier(.4,0,.2,1)}.shell.nav-collapsed .left-nav{width:72px}.left-nav .navitem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--ink-soft);font-size:13.5px;min-height:44px;cursor:pointer;background:none;border:none;font-family:inherit;text-align:left;width:100%}.left-nav .navitem:hover{background:var(--stone);color:var(--ink)}.left-nav .navitem.on{background:var(--brand-tint);color:var(--brand-600);font-weight:600}.shell.nav-collapsed .left-nav .navitem{justify-content:center;padding:10px 0;gap:0}.shell.nav-collapsed .left-nav .navlabel{display:none}.left-nav .nav-sell{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:11px;background:var(--brand);color:#fff;font-weight:600;font-size:13.5px;border:none;cursor:pointer;font-family:inherit;margin:12px 0 4px;box-shadow:0 6px 16px -6px rgba(241,90,41,.5)}.left-nav .nav-sell:hover{background:var(--brand-600)}}@media (min-width:1024px){.admin-rail{display:flex;flex-direction:column;gap:13px;width:300px;flex-shrink:0;border-left:1px solid var(--line);background:var(--card);padding:15px 13px 24px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}}.admin-rail .navitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--ink-soft)}.admin-rail .navitem:hover{background:var(--stone);color:var(--ink)}.rail-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;transition:box-shadow .15s}.rail-card:hover{box-shadow:var(--shadow-soft)}.left-nav .nav-bell{gap:2px}.left-nav .notif-panel{left:calc(100% + 10px);right:auto;top:-4px}.left-nav .nav-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;font-size:11px}.chat-dock{display:flex;align-items:flex-end;gap:10px;position:fixed;right:16px;bottom:0;z-index:60}.dock-window{width:322px;height:460px;background:var(--card);border:1px solid var(--line);border-bottom:none;border-radius:14px 14px 0 0;box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.dock-head{background:var(--ink);color:#fff;padding:8px 10px 8px 14px;display:flex;align-items:center;gap:6px;flex-shrink:0}.dock-head-title{flex:1 1;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-head button{background:none;border:none;color:#fff;cursor:pointer;font-size:15px;line-height:1;padding:4px 8px}.dock-head button:hover{background:rgba(255,255,255,.16)}.dock-body{flex:1 1;min-height:0;display:flex;flex-direction:column;padding:10px 10px 12px}.dock-pill{display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:none;cursor:pointer;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-soft)}.dock-pill-title{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;line-height:1}.left-nav .nav-collapse{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border-radius:9px;background:var(--stone);border:none;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600}.left-nav .nav-collapse:hover{background:var(--stone-2)}.shell.nav-collapsed .left-nav .nav-collapse{justify-content:center}.feed-search-sticky{position:-webkit-sticky;position:sticky;top:62px;z-index:5;background:rgba(250,247,242,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width:768px){.feed-search-sticky{top:0}}.rail-card2{text-align:left;width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:inherit;transition:border-color .14s}.rail-card2:hover{border-color:var(--brand)}.rail-chip{font-weight:600;font-size:13px;color:#fff;padding:4px 9px;border-radius:7px;letter-spacing:.02em;flex-shrink:0}.rail-count{min-width:20px;height:20px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;justify-content:center;padding:0 6px}.rail-count,.rail-shortcut{display:flex;align-items:center}.rail-shortcut{gap:10px;padding:9px 8px;border-radius:9px;color:var(--ink-soft);font-size:13px}.rail-shortcut:hover{background:var(--stone)}.dock-window{height:452px;box-shadow:0 -14px 48px -16px rgba(27,23,18,.4)}.dock-head{gap:9px;padding:10px 12px}.dock-avatar{width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dock-head-item{font-size:10.5px;color:#a99f92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-head button{width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,.14);padding:0;display:flex;align-items:center;justify-content:center}.dock-head button:hover{background:rgba(255,255,255,.28)}.dock-body{background:var(--paper);padding:12px 10px 10px}.dock-pill{width:206px;border-radius:12px 12px 0 0;padding:11px 13px;gap:9px;box-shadow:0 -8px 30px -14px rgba(27,23,18,.4)}.dock-pill-title{flex:1 1;text-align:left}.dock-tag-btn{width:34px;height:34px;border-radius:9px;border:1.5px solid var(--brand);background:var(--brand-tint);color:var(--brand-600);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dock-input{flex:1 1;min-width:0;font-family:inherit;font-size:12.5px;color:var(--ink);border:1px solid var(--line);background:var(--stone);border-radius:9px;padding:9px 12px;outline:none}.dock-input:focus{border-color:var(--brand)}.dock-send-btn{width:34px;height:34px;border-radius:9px;border:none;background:var(--brand);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dock-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:767px){.chat-dock{right:8px;bottom:74px}.dock-window{width:min(322px,calc(100vw - 16px));height:min(452px,64vh);border-radius:14px;border-bottom:1px solid var(--line)}.dock-pill{border-radius:12px}}