:root{color:#173e3b;font-synthesis:none;text-rendering:optimizelegibility;--ink:#173e3b;--muted:#526e6b;--teal:#2ba8a2;--teal-dark:#14645f;--teal-soft:#e8f6f5;--gold:#ffd23f;--gold-light:#ffe47a;--coral:#ef6c4a;--cream:#fff8e7;--surface:#eff8f7;--radius-card:1.5rem;--radius-control:.85rem;--type-display:clamp(2.25rem, 1.5rem + 3vw, 4rem);--type-page-title:clamp(2rem, 1.5rem + 1.5vw, 3rem);--type-detail-title:clamp(2rem, 1.25rem + 2vw, 3.25rem);--type-panel-title:clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);--paper:#fff;--line:#173e3b26;--danger:#a33525;--shadow:0 .75rem 2rem #2ba8a21a;background:#eff8f7;font-family:Inter,Noto Sans Thai,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-block-size:100%;min-inline-size:320px}body{background:radial-gradient(circle at 12% 8%, #3cc4bd1a, transparent 28rem), radial-gradient(circle at 92% 22%, #ffd23f1a, transparent 24rem), var(--surface);min-block-size:100dvh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal-dark);outline-offset:3px}img{max-inline-size:100%;display:block}h1,h2,p{overflow-wrap:anywhere}h1,h2,p,dl,dd{margin:0}.app-shell{grid-template-rows:auto 1fr auto;min-block-size:100dvh;display:grid}.site-header{z-index:20;border-block-end:1px solid var(--line);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#eff8f7f5;position:sticky;inset-block-start:0}.site-header__inner,.main-content,.site-footer{inline-size:min(100% - 2rem,76rem);margin-inline:auto}.site-header__inner{align-items:safe center;gap:1.5rem;min-block-size:4.75rem;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;flex:none;align-items:center;gap:.65rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{color:#fff9ed;background:var(--teal-dark);border-radius:.75rem;place-items:center;block-size:2.1rem;inline-size:2.1rem;font-family:inherit;font-size:1.15rem;display:grid}.primary-nav{align-self:stretch;align-items:center;gap:.25rem;min-inline-size:0;display:flex}.primary-nav a{min-block-size:3rem;color:var(--muted);border-radius:999px;align-items:center;gap:.45rem;padding-inline:.9rem;font-size:.9rem;font-weight:750;text-decoration:none;display:inline-flex}.primary-nav a:hover{color:var(--teal-dark);background:#2ba8a214}.primary-nav a.is-active{color:#fff;background:var(--teal-dark);box-shadow:0 .25rem .75rem #2ba8a229}.nav-badge{block-size:1.35rem;min-inline-size:1.35rem;color:var(--ink);background:var(--gold);border-radius:999px;place-items:center;padding-inline:.25rem;font-size:.65rem;display:inline-grid}.language-switch{border:1px solid var(--line);min-block-size:3rem;color:var(--teal-dark);cursor:pointer;background:0 0;border-radius:999px;margin-inline-start:auto;padding-inline:.8rem;font-size:.78rem;font-weight:850}.main-content{padding-block:clamp(2.5rem,6vw,5.5rem)}.page-stack{gap:2rem;display:grid}.page-heading{max-inline-size:51rem}.page-heading--split{justify-content:space-between;align-items:end;gap:2rem;max-inline-size:none;display:flex}.page-heading h1,.detail-hero h1,.center-panel h1,.prose-page h1,.hero h1{color:var(--ink);letter-spacing:-.025em;text-wrap:balance;font-family:inherit;font-weight:800;line-height:1.15}.page-heading h1{font-size:var(--type-page-title)}.page-heading>p:last-child,.page-heading>div>p:last-child{max-inline-size:47rem;color:var(--muted);margin-block-start:1rem;font-size:1.02rem;line-height:1.7}.eyebrow{color:var(--teal-dark);letter-spacing:.14em;text-transform:uppercase;margin-block-end:.7rem;font-size:.72rem;font-weight:900}.eyebrow.danger{color:var(--danger)}.button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-block-size:3rem;padding:.7rem 1.1rem;font-weight:800;line-height:1.25;text-decoration:none;transition:transform .15s,background-color .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.56}.button--primary{color:var(--ink);background:linear-gradient(180deg, var(--gold-light), var(--gold));box-shadow:0 .35rem 1rem #ffd23f4d}.button--primary:hover:not(:disabled){background:var(--gold)}.button--secondary{color:var(--teal-dark);background:var(--teal-soft);border-color:#2ba8a229}.button--ghost{border-color:var(--line);color:var(--teal-dark);background:0 0}.button--danger{color:#fff;background:var(--danger)}.button--google{border-radius:999px;margin-block-start:1.8rem}.google-mark{block-size:1.2rem;inline-size:1.2rem}.text-link,.back-link,.danger-link{color:var(--teal-dark);text-underline-offset:.25rem;font-weight:800;-webkit-text-decoration:underline #2ba8a240;text-decoration:underline #2ba8a240}.text-link{cursor:pointer;background:0 0;border:0;font-size:.85rem}.back-link{inline-size:fit-content;text-decoration:none}.danger-link{inline-size:fit-content;color:var(--danger);cursor:pointer;background:0 0;border:0;padding:.6rem 0}.hero{text-align:center;place-items:center;max-inline-size:52rem;margin-inline:auto;display:grid}.hero__art{align-items:center;gap:.55rem;margin-block-end:2rem;display:flex}.hero__art span{block-size:3rem;inline-size:3rem;color:var(--teal-dark);background:var(--teal-soft);border-radius:50%;place-items:center;font-family:inherit;font-size:1.25rem;display:grid}.hero__art span:nth-child(2){block-size:2rem;inline-size:2rem;color:var(--coral);background:0 0}.hero h1{max-inline-size:13ch;font-size:var(--type-display)}.hero>p:not(.eyebrow,.privacy-note){max-inline-size:42rem;color:var(--muted);margin-block-start:1.4rem;font-size:1.08rem;line-height:1.7}.privacy-note{color:var(--muted);margin-block-start:1rem;font-size:.78rem}.loading-panel,.notice,.empty-panel,.center-panel,.prose-page{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow)}.loading-panel{max-inline-size:28rem;color:var(--muted);justify-content:center;align-items:center;gap:.8rem;margin-inline:auto;padding:1.5rem;display:flex}.spinner{border:3px solid #c9e5e2;border-block-start-color:var(--teal-dark);border-radius:50%;flex:none;block-size:1.6rem;inline-size:1.6rem;animation:.7s linear infinite spin}.notice{padding:1rem 1.2rem}.notice--error{color:#7f2d23;background:#fff0eb;border-color:#9f342833}.empty-panel,.center-panel{text-align:center;place-items:center;max-inline-size:43rem;margin-inline:auto;padding:clamp(2rem,7vw,5rem);display:grid}.empty-panel__mark{block-size:3.5rem;inline-size:3.5rem;color:var(--teal-dark);background:var(--teal-soft);border-radius:50%;place-items:center;margin-block-end:1.2rem;font-size:1.6rem;display:grid}.empty-panel h2,.center-panel h1{font-family:inherit;font-size:var(--type-panel-title);letter-spacing:-.04em;font-weight:800}.empty-panel p,.center-panel p{max-inline-size:34rem;color:var(--muted);margin-block:1rem 1.5rem;line-height:1.65}.filter-tabs{border:1px solid var(--line);background:var(--paper);border-radius:999px;gap:.25rem;inline-size:fit-content;padding:.3rem;display:flex}.filter-tabs button{min-block-size:2.65rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding-inline:1rem;font-weight:750}.filter-tabs button.is-active{color:#fff;background:var(--teal-dark)}.watch-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.2rem;display:grid}.watch-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow);grid-template-columns:8rem minmax(0,1fr);display:grid;overflow:clip}.product-image{object-fit:cover;background:var(--teal-soft);block-size:100%;min-block-size:8rem;inline-size:100%}.product-image--placeholder{color:#fff7e8;background:var(--teal-dark);place-items:center;font-family:inherit;font-size:2rem;display:grid}.product-image--lazada{background:#4a2a74}.watch-card__body{gap:.8rem;min-inline-size:0;padding:1.2rem;display:grid}.watch-card h2,.capture-card h2{color:var(--ink);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-family:inherit;font-size:1.25rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:clip}.card-meta{min-inline-size:0;color:var(--muted);justify-content:space-between;align-items:safe center;gap:.7rem;font-size:.7rem;display:flex}.card-meta--bottom{align-items:start}.platform-chip,.stock-chip,.status-pill{white-space:nowrap;border-radius:999px;align-items:center;inline-size:fit-content;padding:.32rem .55rem;font-size:.66rem;font-weight:850;display:inline-flex}.platform-chip--shopee{color:#a34423;background:#fae2d7}.platform-chip--lazada{color:#5b2d83;background:#eee0f5}.stock-chip{color:var(--muted);background:#e9efee}.stock-chip--in_stock{color:#285936;background:#e3f4e9}.stock-chip--out_of_stock{color:#8d3028;background:#f2d9d4}.status-dot{text-align:end;align-items:center;gap:.4rem;min-inline-size:0;display:inline-flex}.status-dot:before{content:"";background:#879088;border-radius:50%;flex:none;block-size:.48rem;inline-size:.48rem}.status-dot--healthy:before{background:#39834f}.status-dot--parser_error:before,.status-dot--temporary_error:before{background:#d0752c}.muted{color:var(--muted);font-size:.86rem;line-height:1.5}.line-clamp{text-overflow:ellipsis;white-space:nowrap;overflow:clip}.price-pair{border-block:1px dashed var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block:.8rem;display:grid}.price-pair dt{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:750}.price-pair dd{color:var(--ink);font-variant-numeric:tabular-nums;margin-block-start:.25rem;font-family:inherit;font-size:1.15rem;font-weight:800}.card-actions,.form-actions{flex-wrap:wrap;align-items:safe center;gap:.8rem;display:flex}.confirmation-layout,.detail-grid{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);align-items:start;gap:1.5rem;display:grid}.capture-card,.form-card,.history-card,.settings-card,.alert-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow)}.capture-card{grid-template-columns:minmax(9rem,38%) minmax(0,1fr);display:grid;overflow:clip}.capture-card>.product-image{min-block-size:26rem}.capture-card>div:last-child{align-content:center;gap:1rem;padding:clamp(1.3rem,4vw,2.4rem);display:grid}.capture-card h2{-webkit-line-clamp:4;line-clamp:4;font-size:clamp(1.5rem,3vw,2.2rem)}.form-card,.history-card{gap:1.15rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.form-card h2,.history-card h2,.settings-card h2,.alert-card h2{color:var(--ink);letter-spacing:-.025em;font-family:inherit;font-size:1.45rem;font-weight:800}.field{gap:.45rem;display:grid}.field label,.field>label{color:var(--ink);font-size:.85rem;font-weight:800}.field input{border-radius:var(--radius-control);min-block-size:3rem;inline-size:100%;color:var(--ink);background:var(--cream);border:1px solid #789692;padding:.7rem .8rem;font-size:1rem}.field input:user-invalid{border-color:var(--danger)}.field--compact{margin-block-start:1rem}.check-group,.radio-row{border:0;gap:.4rem;margin:0;padding:0;display:grid}.check-group label,.radio-row label{border-radius:var(--radius-control);cursor:pointer;min-block-size:3rem;color:var(--ink);align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex}.check-group label:hover,.radio-row label:hover{background:#2ba8a20f}.check-group input,.radio-row input{block-size:1.2rem;inline-size:1.2rem;accent-color:var(--teal-dark)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:clip}.drop-page--narrow{max-inline-size:48rem;margin-inline:auto}.capability-note{border-inline-start:.25rem solid var(--coral);color:#5f493d;background:#fff1eb;border-radius:.35rem;padding:.85rem 1rem;line-height:1.55}.drop-empty{border-radius:var(--radius-card);background:var(--paper);border:1px dashed #789692;align-content:center;justify-items:start;gap:1rem;min-block-size:20rem;padding:clamp(1.5rem,5vw,3.5rem);display:grid}.drop-empty h2,.drop-card h2,.drop-checklist h2{color:var(--ink);font-family:inherit;font-weight:800}.drop-empty__mark,.catalog-import-card__icon{background:var(--teal-dark);block-size:3.5rem;inline-size:3.5rem;color:var(--cream);border-radius:1rem;place-items:center;font-family:inherit;font-size:1.4rem;display:grid}.drop-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.drop-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow);gap:1rem;padding:1.35rem;display:grid}.drop-card,.settings-card{border-inline-start:.3rem solid var(--teal)}.drop-card__topline{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.status-chip{color:var(--muted);font-size:.75rem;font-weight:800}.drop-facts{gap:.75rem;margin:0;display:grid}.drop-facts div{grid-template-columns:minmax(6rem,auto) 1fr;gap:.75rem;display:grid}.drop-facts dt{color:var(--muted);font-size:.78rem}.drop-facts dd{color:var(--ink);text-align:end;margin:0;font-weight:750}.catalog-import-card{justify-items:start}.drop-detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);align-items:start;gap:1.5rem;display:grid}.drop-form fieldset{border:0;gap:.55rem;margin:0;padding:0;display:grid}.drop-form fieldset+fieldset{border-block-start:1px solid var(--line);margin-block-start:.75rem;padding-block-start:1.25rem}.drop-form legend{color:var(--ink);margin-block-end:.75rem;font-family:inherit;font-size:1.25rem;font-weight:800}.drop-form label{color:var(--ink);margin-block-start:.5rem;font-size:.85rem;font-weight:800}.drop-form input,.drop-form select{border-radius:var(--radius-control);background:var(--cream);min-block-size:3rem;inline-size:100%;color:var(--ink);font:inherit;border:1px solid #789692;padding:.7rem .8rem}:is(.drop-form input:user-invalid,.drop-form select:user-invalid){border-color:var(--danger)}.drop-form small{color:var(--muted);line-height:1.45}.drop-checklist{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--teal-soft);gap:1rem;padding:1.5rem;display:grid}.drop-checklist ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.drop-checklist li{color:var(--muted);padding-inline-start:1.8rem;line-height:1.45;position:relative}.drop-checklist li:before{content:"○";color:var(--muted);position:absolute;inset-block-start:.1rem;inset-inline-start:0}.drop-checklist li[data-complete=true]{color:#255837;font-weight:750}.drop-checklist li[data-complete=true]:before{content:"✓";color:#287644}.detail-hero{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow);grid-template-columns:minmax(12rem,22rem) minmax(0,1fr);display:grid;overflow:clip}.detail-hero>.product-image{aspect-ratio:1;min-block-size:100%}.detail-hero>div:last-child{align-content:center;justify-items:start;gap:1rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.detail-hero h1{font-size:var(--type-detail-title)}.history-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.history-list li{gap:.4rem;display:grid}.history-list__meta{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.history-list__meta strong{color:var(--ink)}.history-list__bar{background:linear-gradient(90deg, var(--teal), #5dade2);border-radius:999px;block-size:.45rem;display:block}.alert-list{gap:1rem;display:grid}.alert-card{grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.2rem;display:grid}.alert-card.is-read{background:var(--teal-soft);box-shadow:none}.alert-card__icon{block-size:2.8rem;inline-size:2.8rem;color:var(--ink);background:var(--gold);border-radius:50%;place-items:center;font-family:inherit;font-size:1.15rem;display:grid}.alert-card>div:last-child{gap:.6rem;display:grid}.alert-card>div:last-child>p{color:var(--muted)}.alert-price{color:var(--teal-dark);font-family:inherit;font-size:1.25rem}.read-label{color:#21623e;font-size:.8rem;font-weight:800}.settings-page{max-inline-size:60rem;margin-inline:auto}.settings-card{justify-content:space-between;align-items:safe center;gap:2rem;padding:1.4rem;display:flex}.settings-card>div{min-inline-size:0}.settings-card p{color:var(--muted);margin-block-start:.35rem;line-height:1.55}.settings-card--danger{border-color:#9f342840;border-inline-start-color:var(--coral)}.radio-row{flex:none;display:flex}.status-pill{color:var(--muted);background:#e9efee;margin-block-start:.8rem}.status-pill--enabled{color:#285936;background:#e3f4e9}.status-pill--unsupported{color:#7a4c24;background:#f4e5d3}.identity{align-items:center;gap:.9rem;min-inline-size:0;display:flex}.avatar{object-fit:cover;border-radius:50%;flex:none;place-items:center;block-size:3rem;inline-size:3rem;display:grid}.avatar--fallback{color:var(--ink);background:var(--gold);font-weight:850}.prose-page{max-inline-size:48rem;margin-inline:auto;padding:clamp(1.5rem,6vw,4rem)}.prose-page h1{font-size:var(--type-detail-title)}.prose-page p{color:var(--muted);margin-block-start:1.5rem;font-size:1.05rem;line-height:1.8}.privacy-policy>section{border-block-start:1px solid var(--line);padding-block:1.25rem}.privacy-policy>section:first-of-type{margin-block-start:2.5rem}.privacy-policy h2{font-size:clamp(1.25rem,3vw,1.6rem)}.privacy-policy a{color:var(--teal-dark);text-underline-offset:.2em;font-weight:800}.site-footer{border-block-start:1px solid var(--line);min-block-size:5rem;color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;font-size:.76rem;display:flex}.site-footer nav{gap:1rem;display:flex}.site-footer a{color:var(--teal-dark);font-weight:750}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=64rem){.confirmation-layout,.detail-grid,.watch-grid{grid-template-columns:1fr}}@media (width<=46rem){.site-header__inner{flex-wrap:wrap;row-gap:0;min-block-size:4.25rem}.primary-nav{scrollbar-width:none;order:3;justify-content:space-between;block-size:3.25rem;inline-size:100%;overflow-x:auto}.primary-nav a{flex:1 0 auto;justify-content:center;padding-inline:.55rem}.main-content{padding-block:2.4rem}.page-heading--split{flex-direction:column;align-items:start}.page-heading--split .button{inline-size:100%}.watch-card{grid-template-columns:7rem minmax(0,1fr)}.capture-card,.detail-hero{grid-template-columns:1fr}.capture-card>.product-image,.detail-hero>.product-image{aspect-ratio:16/10;min-block-size:0;max-block-size:22rem}.settings-card{flex-direction:column;align-items:stretch;gap:1.2rem}.drop-detail-grid{grid-template-columns:1fr}.drop-checklist{order:-1}.settings-card>.button{inline-size:100%}.site-footer{flex-direction:column;align-items:start}}@media (width<=30rem){.site-header__inner,.main-content,.site-footer{inline-size:min(100% - 1.25rem,76rem)}.brand>span:last-child{display:none}.watch-card{grid-template-columns:1fr}.watch-card>.product-image{aspect-ratio:16/9;min-block-size:0;max-block-size:15rem}.card-meta--bottom{flex-direction:column;align-items:start}.card-actions>.button,.form-actions>.button{inline-size:100%}.filter-tabs{inline-size:100%;overflow-x:auto}.filter-tabs button{flex:1 0 auto}.price-pair{gap:.65rem}.price-pair dd{font-size:1rem}.alert-card{grid-template-columns:1fr}.radio-row{inline-size:100%}.radio-row label{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}