@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/kanit-thai-600-normal.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/kanit-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kanit-thai-700-normal.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kanit-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anuphan-thai-400-normal.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anuphan-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/anuphan-thai-600-normal.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/anuphan-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1f1a17;--ink-2:#2e2723;--ink-3:#4a403a;--orange:#e8590c;--orange-text:#b4410b;--orange-strong:#cc4b08;--orange-deep:#7c2d07;--amber:#ffb547;--cream:#fff8f1;--paper:#fff;--peach:#fbebdd;--sand:#f6e9dc;--card-border:#efe2d4;--line:#d9c7b5;--muted:#6b5a4d;--on-dark-muted:#d9cbbe;--good:#1e6b47;--good-bg:#e6f2ec;--font-display:"Kanit", system-ui, sans-serif;--font-body:"Anuphan", system-ui, sans-serif;--r-card:16px;--r-panel:20px;--r-btn:12px;--r-pill:999px;--wrap:1200px;--gutter:clamp(16px, 4vw, 24px);--dur-instant:.1s;--dur-fast:.16s;--dur-base:.24s;--dur-slow:.4s;--dur-slower:.6s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--stagger:50ms;--travel:18px;--shadow-pop:0 18px 40px #1f1a1738;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--dur-instant:1ms;--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-slower:1ms;--stagger:0s;--travel:0px}*,:before,:after{scroll-behavior:auto!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}img,svg{max-width:100%;display:block}img[data-protect]{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.2}h1{font-weight:700}h2{font-size:clamp(24px,4vw,32px);font-weight:600}h3{font-size:18px;font-weight:600}p{text-wrap:pretty;margin:0}a{color:var(--orange-text);text-underline-offset:3px}a:hover{color:var(--orange-deep)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:6px}.on-dark :focus-visible,.on-dark:focus-visible{outline-color:var(--amber)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{z-index:50;background:var(--ink);color:var(--cream);border-radius:var(--r-btn);padding:12px 16px;position:absolute;top:-60px;left:12px}.skip:focus{color:var(--cream);top:12px}.num{font-variant-numeric:tabular-nums}[hidden]{display:none!important}.nw{white-space:nowrap}.wrap{max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:48px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:20px;display:flex}.kicker{color:var(--orange-text);font-size:14px;font-weight:600}.on-dark .kicker{color:var(--amber)}.muted{color:var(--muted)}.small{font-size:14px}.lead{font-size:18px;line-height:1.6}.stack>*+*{margin-top:var(--gap,12px)}.btn{border-radius:var(--r-btn);text-align:center;min-height:44px;transition:transform var(--dur-instant) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--orange-strong);color:#fff}.btn-primary:hover{background:var(--orange-text);color:#fff}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:var(--ink-3);color:#fff}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--cream)}.btn-block{width:100%}.btn-icon{background:var(--paper);width:44px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);flex:none;padding:0}.btn-icon:hover{background:var(--peach);color:var(--ink)}.chip{border-radius:var(--r-pill);border:1px solid var(--card-border);background:var(--paper);min-height:44px;color:var(--ink);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-instant) var(--ease-out);align-items:center;padding:0 16px;font-size:15px;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--orange);color:var(--ink)}.chip:active{transform:scale(.97)}.chip[aria-selected=true],.chip[aria-checked=true],.chip[aria-pressed=true],.chip.is-on{background:var(--ink);color:var(--cream);border-color:var(--ink)}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-clip{text-overflow:ellipsis;max-width:22ch;display:inline-block;overflow:hidden}.badge{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.badge-orange{background:var(--orange-strong);color:#fff}.badge-good{background:var(--good-bg);color:var(--good)}.badge-good-solid{background:var(--good);color:#fff}.badge-ink{background:var(--ink);color:var(--cream)}.card{background:var(--paper);border:1px solid var(--card-border);border-radius:var(--r-card)}.panel{background:var(--paper);border:1px solid var(--card-border);border-radius:var(--r-panel);padding:clamp(20px,4vw,28px)}.panel-dark{background:var(--ink);color:var(--cream);border-radius:var(--r-panel);padding:clamp(20px,4vw,28px)}.site-header{background:var(--ink);color:var(--cream);z-index:20;position:relative}.site-header .bar{flex-wrap:wrap;align-items:center;gap:10px 24px;padding-block:8px;display:flex}.brand{align-items:center;gap:10px;line-height:1.3;text-decoration:none;display:flex}.brand-logo{width:88px;height:72px;transition:transform var(--dur-base) var(--ease-spring);transform-origin:50% 80%;flex:none}.brand:hover .brand-logo{transform:rotate(-4deg)scale(1.05)}.brand-tag{color:var(--on-dark-muted);font-size:13px}.brand-domain{color:var(--amber);font-weight:600}@media (width<=480px){.brand-logo{width:66px;height:54px}.brand-tag{display:none}}.main-nav{scrollbar-width:none;flex:auto;gap:2px 18px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.main-nav::-webkit-scrollbar{display:none}.main-nav a{color:var(--cream);white-space:nowrap;padding:10px 0;text-decoration:none;position:relative}.main-nav a:after{content:"";background:var(--amber);transform-origin:0;height:2px;transition:transform var(--dur-base) var(--ease-out);position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.main-nav a:hover:after,.main-nav a[aria-current=page]:after{transform:scaleX(1)}.main-nav a.accent{color:var(--amber);font-weight:600}.header-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.mylist-link{border-radius:var(--r-pill);background:var(--ink-2);min-height:44px;color:var(--cream);transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:flex}.mylist-link:hover{background:var(--ink-3);color:var(--cream)}.mylist-count{background:var(--orange-strong);color:#fff;border-radius:var(--r-pill);text-align:center;min-width:26px;padding:1px 8px;font-size:13px;font-weight:700}.mylist-count.bump{animation:bump var(--dur-slow) var(--ease-spring)}@keyframes bump{40%{transform:scale(1.35)}}.header-search-btn{display:inline-flex}@media (width<=720px){.site-header .bar{gap:6px 12px}.main-nav{flex-basis:100%;order:3}.mylist-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.header-search{padding-bottom:14px;display:none}.header-search.is-open{animation:drop-in var(--dur-base) var(--ease-out);display:block}.header-search.is-pinned{display:block}.header-search.is-pinned .search{max-width:760px}@keyframes drop-in{0%{opacity:0;transform:translateY(-8px)}}.icon-btn-dark{border-radius:var(--r-pill);background:var(--ink-2);width:44px;height:44px;color:var(--cream);border:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn-dark:hover{background:var(--ink-3)}.sample-banner{color:var(--ink);text-align:center;background:repeating-linear-gradient(-45deg,#ffe08a 0 14px,#ffd35c 14px 28px);padding:8px 16px;font-size:14px;font-weight:600}.crumbs{padding-block:16px 0;font-size:14px}.crumbs ol{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.crumbs li{align-items:center;gap:4px;display:inline-flex}.crumbs li+li:before{content:"›";color:var(--muted)}.crumbs a{color:var(--muted);padding:10px 2px;text-decoration:none;display:inline-block}.crumbs a:hover{color:var(--orange-text);text-decoration:underline}.crumbs [aria-current]{color:var(--ink);font-weight:600}@media (width<=640px){.crumbs ol{scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap;overflow-x:auto}.crumbs ol::-webkit-scrollbar{display:none}.crumbs [aria-current]{text-overflow:ellipsis;max-width:60vw;display:inline-block;overflow:hidden}}.page-hero{padding-block:12px 8px}.page-hero h1{letter-spacing:-.02em;font-size:clamp(30px,5.4vw,46px)}.page-hero .lead{max-width:760px;color:var(--ink-3);margin-top:10px}.hero{background:var(--orange-strong);color:#fff;isolation:isolate;position:relative;overflow:clip}.hero:before{content:"";z-index:-1;background:radial-gradient(circle at 10px -2px, var(--ink) 6px, transparent 6.5px) 0 0 / 20px 10px repeat-x;height:10px;position:absolute;inset:0 0 auto}.hero-inner{flex-wrap:wrap;align-items:flex-start;gap:32px 40px;padding-block:clamp(36px,6vw,56px) clamp(40px,7vw,64px);display:flex}.hero-copy{flex:999 540px;min-width:0}.hero-date{letter-spacing:.04em;margin-bottom:12px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.025em;font-size:clamp(36px,6.6vw,60px);line-height:1.12}.hero h1 .line{display:block}.hero .lead{max-width:560px;margin:14px 0 22px}.hero-side{flex:300px;padding-top:96px;position:relative}.hero-side .countdown-card{z-index:1;position:relative}.mascot{z-index:0;transform-origin:50% 100%;pointer-events:none;width:200px;height:120px;position:absolute;top:4px;right:18px}@media (prefers-reduced-motion:no-preference){.mascot{animation:peek var(--dur-slower) var(--ease-spring) .65s both;transition:rotate var(--dur-base) var(--ease-spring), translate var(--dur-base) var(--ease-spring)}.hero-side:hover .mascot{translate:0 -6px;rotate:-5deg}}@keyframes peek{0%{transform:translateY(70%)scale(.9)}}@media (prefers-reduced-motion:no-preference){.hero h1 .line,.hero .hero-date,.hero .lead,.hero .search,.hero-side{animation:rise var(--dur-slower) var(--ease-out) both}.hero .hero-date{animation-delay:0s}.hero h1 .line:first-child{animation-delay:60ms}.hero h1 .line:nth-child(2){animation-delay:.14s}.hero .lead{animation-delay:.22s}.hero .search{animation-delay:.28s}.hero-side{animation:rise-side var(--dur-slower) var(--ease-out) .2s both}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes rise-side{0%{opacity:0;transform:translateY(28px)rotate(-2deg)}}.countdown-card{background:var(--ink);color:var(--cream);border-radius:var(--r-panel);padding:26px}.countdown-card .kicker{color:var(--amber)}.countdown-title{font-family:var(--font-display);margin:6px 0 18px;font-size:clamp(24px,3.4vw,30px);font-weight:600}.countdown{gap:10px;display:flex}.countdown-cell{background:var(--ink-2);border-radius:var(--r-btn);text-align:center;flex:1;padding:12px 0;overflow:hidden}.countdown-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(28px,4vw,36px);font-weight:700;line-height:1.2;display:block}.countdown-num.tick{animation:tick var(--dur-base) var(--ease-out)}@keyframes tick{0%{opacity:0;transform:translateY(-40%)}}.countdown-label{font-size:13px}.countdown-card .live{color:var(--amber);align-items:center;gap:8px;font-weight:600;display:inline-flex}.countdown-card .live:before{content:"";background:var(--amber);width:10px;height:10px;animation:pulse 1.6s var(--ease-in-out) infinite;border-radius:50%}@keyframes pulse{50%{opacity:.5;transform:scale(.6)}}.countdown-card a{color:var(--amber);margin-top:16px;padding-block:10px;font-weight:600;display:inline-block}.countdown-card a:hover{color:#fff}.search{max-width:640px;position:relative}.search-form{background:var(--paper);border-radius:14px;gap:8px;padding:6px;display:flex;box-shadow:0 10px 30px #1f1a1740}.search-field{flex:1;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 10px;display:flex}.search-field svg{color:var(--orange-text);flex:none}.search-input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:17px}.search-input::placeholder{color:#75614f}.search-input::-webkit-search-cancel-button{display:none}.search-form:focus-within{box-shadow:0 0 0 3px var(--ink), 0 10px 30px #1f1a1740}.search-submit{background:var(--ink);color:#fff;border:0;border-radius:10px;min-height:48px;padding:0 20px;font-weight:600}.search-submit:hover{background:var(--ink-3)}@media (width<=420px){.search-submit{padding:0 14px}.search-field{gap:8px;padding:0 6px}}.search-pop{z-index:30;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-pop);overscroll-behavior:contain;transform-origin:top;max-height:min(70vh,560px);transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), display var(--dur-base) allow-discrete;opacity:1;border-radius:14px;padding:14px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;transform:none}@starting-style{.search-pop{opacity:0;transform:translateY(-6px)scale(.98)}}.search-pop[hidden]{opacity:0;transform:translateY(-6px)scale(.98);display:none!important}.sug-group+.sug-group{border-top:1px solid var(--card-border);margin-top:12px;padding-top:12px}.sug-label{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600}.sug-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sug-chips{flex-flow:wrap;gap:8px}.sug-option{min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:6px 10px;text-decoration:none;display:flex}.sug-chips .sug-option{background:var(--peach);border-radius:var(--r-pill);padding:6px 14px}.sug-option[aria-selected=true],.sug-option:hover{background:var(--ink);color:var(--cream)}.sug-option[aria-selected=true] .sug-meta,.sug-option:hover .sug-meta{color:var(--amber)}.sug-thumb{background:var(--sand);object-fit:cover;border-radius:8px;flex:none;width:44px;height:44px}.sug-name{flex:1;min-width:0}.sug-meta{color:var(--orange-text);white-space:nowrap;font-size:14px;font-weight:600}.sug-empty{color:var(--muted);padding:8px 4px}.search-hero-wrap .search{margin-top:0}.fest-nav{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;padding-top:28px;display:grid}.fest-tile{background:var(--paper);color:var(--ink);border:1px solid var(--card-border);transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:14px;padding:16px 18px;text-decoration:none;display:block}.fest-tile:hover{border-color:var(--orange);color:var(--ink);transform:translateY(-3px)}.fest-tile strong{font-family:var(--font-display);color:var(--orange-text);font-size:22px;font-weight:700;display:block}.fest-tile span{color:var(--muted);font-size:14px}.fest-tile.is-dark{background:var(--ink);border-color:var(--ink);color:var(--cream)}.fest-tile.is-dark strong{color:var(--amber)}.fest-tile.is-dark span{color:var(--on-dark-muted)}.deal-layout{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.filters{flex:240px;max-height:calc(100vh - 24px);position:sticky;top:12px;overflow-y:auto}.filters .panel{flex-direction:column;gap:18px;padding:20px;display:flex}.filters fieldset{border:0;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;display:flex}.filters legend{margin-bottom:6px;padding:0;font-size:15px;font-weight:600}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.check input{width:20px;height:20px;accent-color:var(--orange);flex:none;margin:0}.field{border:1px solid var(--line);background:var(--paper);border-radius:10px;width:100%;min-height:44px;padding:0 10px}.field:focus-visible{outline-offset:0}.range{align-items:center;gap:8px;display:flex}.deal-main{flex:999 600px;min-width:0}.deal-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.deal-toolbar label{align-items:center;gap:10px;font-size:15px;display:flex}.deal-toolbar select{border:1px solid var(--line);background:var(--paper);border-radius:10px;min-height:44px;padding:0 12px}.filter-toggle{display:none}@media (width<=860px){.filters{flex-basis:100%;max-height:none;position:static}.filters[data-collapsed=true] .panel{display:none}.filter-toggle{display:inline-flex}}.deal-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:18px;display:grid}.deal-empty{text-align:center;padding:28px}.deal-card{content-visibility:auto;contain-intrinsic-size:auto 520px;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover){.deal-card:hover{border-color:#e4cdb6;transform:translateY(-4px);box-shadow:0 14px 30px #1f1a171f}.deal-card:hover .deal-img img,.deal-card:hover .deal-img .ph{transform:scale(1.04)}}.deal-img{aspect-ratio:16/10;background:var(--sand);display:block;position:relative;overflow:hidden}.deal-img img,.deal-img .ph{object-fit:contain;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out)}.ph{color:#b79c86;justify-content:center;align-items:center;display:flex}.ph svg{width:34%;height:auto}.deal-img .badge-orange{font-size:14px;position:absolute;top:12px;left:12px}.deal-img .ends{position:absolute;bottom:10px;left:12px}.heart{border-radius:var(--r-pill);background:var(--paper);width:44px;height:44px;color:var(--orange);z-index:2;transition:transform var(--dur-instant) var(--ease-out);border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.heart:active{transform:scale(.9)}.heart svg{fill:#0000;stroke:currentColor;stroke-width:2px;width:22px;height:22px;transition:fill var(--dur-fast) var(--ease-out)}.heart[aria-pressed=true] svg{fill:currentColor}.heart.pop svg{animation:heart-pop var(--dur-slow) var(--ease-spring)}.heart.pop:after{content:"";border:2px solid var(--orange);animation:ring var(--dur-slow) var(--ease-out) forwards;pointer-events:none;border-radius:50%;position:absolute;inset:4px}@keyframes heart-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.deal-body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.deal-cat{color:var(--muted);font-size:13px}.deal-name{font-family:var(--font-body);letter-spacing:0;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.deal-name a{color:var(--ink);text-decoration:none}.deal-name a:hover{color:var(--orange-text);text-decoration:underline}.deal-name a:before{content:"";z-index:1;position:absolute;inset:0}.unit-row{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.unit-price{font-family:var(--font-display);color:var(--orange-text);letter-spacing:-.01em;font-size:28px;font-weight:600;line-height:1.1}.unit-price small{font-family:var(--font-body);color:var(--muted);letter-spacing:0;font-size:14px;font-weight:400}.offer-table{border:1px solid var(--card-border);border-radius:10px;font-size:15px;overflow:hidden}.offer-row{justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.offer-row+.offer-row{border-top:1px solid var(--card-border)}.offer-row.is-best{background:#fff4ea}.offer-row .price{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.offer-row .na{color:var(--muted);font-size:14px}.cheaper{animation:stamp-in var(--dur-slow) var(--ease-spring) .3s both}@keyframes stamp-in{0%{opacity:0;transform:scale(.6)rotate(-6deg)}}.stamp{color:var(--muted);font-size:13px}.deal-actions{z-index:2;gap:8px;margin-top:auto;padding-top:6px;display:flex;position:relative}.deal-actions .btn{flex:1}.product-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:28px;padding-top:16px;display:grid}@media (width<=820px){.product-top{grid-template-columns:1fr;gap:20px}.product-media{aspect-ratio:16/10}}.product-media{aspect-ratio:1;background:var(--sand);border-radius:var(--r-panel);position:relative;overflow:hidden}.product-media img,.product-media .ph{object-fit:contain;width:100%;height:100%}.product-media .heart{top:14px;right:14px}.product-info h1{letter-spacing:-.02em;font-size:clamp(26px,4.4vw,38px)}.big-unit{font-family:var(--font-display);color:var(--orange-text);letter-spacing:-.03em;font-size:clamp(40px,7vw,56px);font-weight:700;line-height:1}.offer-cards{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;display:grid}.offer-card{flex-direction:column;gap:8px;padding:16px;display:flex}.offer-card.is-best{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.offer-card .p{font-family:var(--font-display);font-size:28px;font-weight:600}.offer-card .meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:14px;display:flex}.disclosure-note{color:var(--muted);background:var(--peach);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.6}.chart-figure{margin:0}.chart-svg{width:100%;height:auto;overflow:visible}.chart-line{fill:none;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart-line.shopee{stroke:var(--ink)}.chart-line.lazada{stroke:var(--orange);stroke-dasharray:6 5}.chart-grid{stroke:var(--card-border);stroke-width:1px}.chart-grid.mid{stroke-dasharray:4 4}.chart-axis{fill:var(--muted);font-size:13px;font-family:var(--font-body)}.chart-axis.halo{paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}.chart-dot{fill:var(--ink)}.chart-min{fill:var(--good)}.legend{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-top:10px;font-size:14px;display:flex}.legend i{border-top:3px solid var(--ink);vertical-align:middle;width:22px;height:0;margin-right:6px;display:inline-block}.legend i.dash{border-top:3px dashed var(--orange)}.stat-row{flex-wrap:wrap;gap:8px 24px;margin:4px 0 18px;display:flex}.stat-row div{flex-direction:column;display:flex}.stat-row dt{color:var(--muted);font-size:13px}.stat-row dd{font-family:var(--font-display);margin:0;font-size:22px;font-weight:600}.stat-row .is-good{color:var(--good)}@media (prefers-reduced-motion:no-preference){.chart-line.shopee.draw.pending{stroke-dasharray:1;stroke-dashoffset:1px}.chart-line.shopee.draw.pending.is-visible{animation:draw 1.1s var(--ease-out) forwards}.chart-line.lazada.draw.pending{opacity:0}.chart-line.lazada.draw.pending.is-visible{animation:fade-in var(--dur-slower) var(--ease-out) .5s forwards}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:1}}details.data-table summary{cursor:pointer;min-height:44px;color:var(--orange-text);align-items:center;font-weight:600;display:inline-flex}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--card-border);padding:8px 10px}.tbl td.num,.tbl th.num{text-align:right}.tbl-wrap{overflow-x:auto}.camp-scroll{margin-top:24px;padding-bottom:4px;overflow-x:auto}.camp-bars{align-items:flex-end;gap:12px;min-width:640px;display:flex}.camp-col{flex-direction:column;flex:1;align-items:stretch;gap:8px;display:flex}.camp-tags{justify-content:center;gap:4px;min-height:26px;display:flex}.camp-track{align-items:flex-end;height:180px;display:flex}.camp-bar{background:var(--line);width:100%;height:var(--h);transform-origin:bottom;border-radius:10px 10px 0 0}.camp-bar.is-best{background:var(--good)}.camp-bar.is-now{background:var(--orange)}.camp-bar.is-upcoming{border:2px dashed var(--line);background:0 0;height:40%}.camp-bar.is-empty{background:repeating-linear-gradient(45deg, var(--sand) 0 6px, transparent 6px 12px);height:12%}@media (prefers-reduced-motion:no-preference){.camp-bars.pending .camp-bar{transition:transform var(--dur-slower) var(--ease-out);transition-delay:calc(var(--i) * 70ms);transform:scaleY(0)}.camp-bars.pending.is-visible .camp-bar{transform:none}}.camp-meta{text-align:center}.camp-name{font-family:var(--font-display);font-size:20px;font-weight:700}.camp-when{color:var(--muted);font-size:13px}.camp-price{margin-top:6px;font-size:16px;font-weight:600}.camp-shop{color:var(--muted);font-size:13px}.advice{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.advice-text{background:var(--peach);border-radius:14px;flex:2 420px;padding:18px 20px;font-size:16px;line-height:1.7}.advice-text.is-buy{background:var(--good-bg)}.advice-actions{flex-direction:column;flex:240px;justify-content:center;gap:10px;display:flex}.calc-group{flex-wrap:wrap;gap:8px;display:flex}.calc-opt{border:1px solid var(--ink-3);background:var(--ink-2);min-width:64px;min-height:44px;color:var(--cream);transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-instant) var(--ease-out);border-radius:10px;flex:1 1 0;font-size:16px}.calc-opt:hover{border-color:var(--amber)}.calc-opt:active{transform:scale(.96)}.calc-opt[aria-pressed=true]{background:var(--amber);color:var(--ink);border-color:var(--amber);font-weight:700}.calc-out{background:var(--ink-2);border-radius:14px;padding:18px}.calc-days{font-family:var(--font-display);color:var(--amber);font-size:clamp(34px,5vw,44px);font-weight:700;line-height:1.2;display:inline-block}.calc-days.tick{animation:tick var(--dur-base) var(--ease-out)}.calc-note{color:var(--on-dark-muted);margin-top:6px;font-size:13px}.calc-tabs{flex-wrap:wrap;gap:8px;display:flex}.calc-tabs .chip{background:var(--ink-2);color:var(--cream);border-color:var(--ink-3)}.calc-tabs .chip[aria-selected=true],.calc-tabs .chip[aria-checked=true]{background:var(--amber);color:var(--ink);border-color:var(--amber)}.rank-list{margin:0;padding:0;list-style:none}.rank-item{align-items:center;gap:14px;padding:12px 18px;display:flex}.rank-item+.rank-item{border-top:1px solid #f3e8dc}.rank-no{font-family:var(--font-display);color:var(--orange-text);text-align:center;flex:none;width:32px;font-size:26px;font-weight:700}.rank-thumb{background:var(--sand);border-radius:10px;flex:none;width:48px;height:48px;overflow:hidden}.rank-thumb img,.rank-thumb .ph{object-fit:contain;width:100%;height:100%}.rank-name{flex:1;min-width:0}.rank-name strong{font-weight:600;display:block}.rank-item a.go{white-space:nowrap;align-items:center;min-height:44px;font-weight:600;display:inline-flex}.tabpanel[hidden]{display:none}.tabpanel{animation:fade-up var(--dur-base) var(--ease-out)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.mylist-panel{border:2px solid var(--orange)}.mylist-items{margin:0;padding:0;list-style:none}.mylist-items li{border-top:1px solid #f3e8dc;align-items:center;gap:12px;padding:10px 0;display:flex}.mylist-items li .n{flex:1;min-width:0;font-weight:600}.mylist-items li .u{color:var(--orange-text);white-space:nowrap;font-size:14px;font-weight:600}.empty-note{background:var(--peach);border-radius:12px;padding:16px}.guide-cards{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;display:grid}.guide-card{color:var(--ink);transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:24px;text-decoration:none;display:block}.guide-card:hover{border-color:var(--orange);color:var(--ink);transform:translateY(-3px)}.guide-card h3{font-family:var(--font-body);margin-top:8px;font-size:20px;line-height:1.45}.prose{max-width:760px;font-size:17px;line-height:1.75}.prose h2{margin:36px 0 12px;font-size:clamp(22px,3.2vw,28px)}.prose h3{margin:24px 0 8px}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose li+li{margin-top:6px}.prose table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--card-border);text-align:left;padding:8px 10px}.short-answer{background:var(--good-bg);border-radius:var(--r-card);margin:20px 0 28px;padding:18px 20px}.short-answer strong{font-family:var(--font-display);color:var(--good);margin-bottom:4px;font-size:18px;display:block}.guide-layout{display:block}.toc{background:var(--sand);border-radius:var(--r-card);max-width:760px;margin:20px 0 4px;padding:4px 18px}.toc summary{cursor:pointer;font-family:var(--font-display);align-items:center;gap:8px;min-height:44px;padding:10px 0;font-size:17px;display:flex}.toc ol{margin:0 0 12px;padding-left:22px;font-size:16px}.toc li{padding:4px 0;line-height:1.5}.toc a{color:var(--ink);-webkit-text-decoration-color:var(--card-border);text-decoration-color:var(--card-border);text-underline-offset:3px}.toc a:hover{color:var(--orange-text);text-decoration-color:currentColor}.toc a[aria-current]{color:var(--orange-text);font-weight:600;text-decoration-color:currentColor}@media (width<=1023px){.toc{z-index:5;position:sticky;top:8px;box-shadow:0 2px 10px #1f1a1714}.toc summary{justify-content:flex-start;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc summary:after{content:"";border:solid var(--ink);width:9px;height:9px;transition:transform var(--dur-fast) var(--ease-out);border-width:0 2px 2px 0;margin-left:auto;transform:translateY(-2px)rotate(45deg)}.toc details[open] summary:after{transform:translateY(2px)rotate(-135deg)}.toc ol{max-height:60vh;overflow-y:auto}}@media (width>=1024px){.guide-layout{grid-template-columns:250px minmax(0,760px);grid-template-areas:"toc head""toc body""toc more";align-items:start;gap:0 48px;display:grid}.guide-layout>.guide-more{grid-area:more}.guide-layout>.guide-head{grid-area:head}.guide-layout>.toc{grid-area:toc}.guide-layout>.prose{grid-area:body}.toc{border-left:3px solid var(--card-border);background:0 0;border-radius:0;max-height:calc(100vh - 32px);margin:8px 0 0;padding:4px 16px;position:sticky;top:16px;overflow-y:auto}.toc summary{pointer-events:none;font-size:16px;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc ol{padding-left:0;font-size:15px;list-style:none}.toc a{text-decoration:none}}.prose h2[id],.prose h3[id]{scroll-margin-top:16px}.prose :target{animation:toc-flash 1.6s var(--ease-out)}@keyframes toc-flash{0%,30%{background:var(--peach)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.prose :target{animation:none}}.faq details{border-bottom:1px solid var(--card-border)}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;min-height:44px;padding:12px 0;font-weight:600;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--orange-text);transition:transform var(--dur-base) var(--ease-out);font-size:22px;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>div{padding-bottom:12px}.faq details::details-content{block-size:0;transition:block-size var(--dur-base) var(--ease-out), content-visibility var(--dur-base) allow-discrete;overflow:clip}.faq details[open]::details-content{block-size:auto}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:start;gap:20px;display:grid}.up-rows{flex-direction:column;gap:12px;display:flex}.up-row{transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:8px;padding:14px;display:grid}.up-row label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.up-row .field{color:var(--ink);font-size:16px}.up-row.is-best{border-color:var(--good);background:var(--good-bg)}.up-result{font-family:var(--font-display);flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:8px;font-size:22px;font-weight:600;display:flex}@media (width<=520px){.up-row{grid-template-columns:1fr 1fr}}.cal{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px;display:grid}.cal-item{align-items:center;gap:14px;padding:16px 18px;display:flex}.cal-date{font-family:var(--font-display);color:var(--orange-text);min-width:76px;font-size:26px;font-weight:700;line-height:1.1}.cal-item.is-past{opacity:.6}.cal-item.is-next{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.empty{flex-direction:column;align-items:flex-start;gap:10px;padding:28px;display:flex}.empty h2,.empty h3{font-size:22px}.site-footer{background:var(--ink);color:var(--on-dark-muted);margin-top:64px}.site-footer .wrap{padding-block:40px 32px}.footer-name{font-family:var(--font-display);color:var(--amber);letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(40px,10vw,112px);font-weight:700;line-height:1}.footer-grid{flex-wrap:wrap;gap:20px 40px;font-size:14px;line-height:1.7;display:flex}.footer-grid p{flex:420px}.footer-nav{flex-wrap:wrap;flex:300px;align-content:flex-start;gap:0 20px;display:flex}.footer-nav a{color:var(--amber);padding:10px 0;display:inline-block}.footer-nav a:hover{color:#fff}.footer-legal{margin-top:20px;font-size:13px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal-up;animation-timeline:view();animation-range:entry entry 40%}}}@supports not (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal.pending{opacity:0;transform:translateY(var(--travel))}.reveal.pending.is-visible{opacity:1;transition:opacity var(--dur-slower) var(--ease-out), transform var(--dur-slower) var(--ease-out);transition-delay:calc(min(var(--i,0), 6) * var(--stagger));transform:none}}}@keyframes reveal-up{0%{opacity:0;transform:translateY(var(--travel))}}.deal-card.enter{animation:fade-up var(--dur-base) var(--ease-out) both;animation-delay:calc(min(var(--i,0), 8) * 30ms)}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out var(--dur-base) var(--ease-in) both}::view-transition-new(root){animation:vt-in var(--dur-slow) var(--ease-out) both}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}::view-transition-group(*){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-out)}.site-header{view-transition-name:site-header}::view-transition-old(site-header){animation:none}::view-transition-new(site-header){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media print{.site-header,.site-footer,.filters,.heart,.deal-actions{display:none}}.promo{padding-top:28px;position:relative}.promo-viewport{border-radius:var(--r-panel);background:var(--sand);overflow:hidden}.promo-track{transition:transform var(--dur-slower) var(--ease-in-out);touch-action:pan-y;display:flex}.promo-slide{flex:0 0 100%;position:relative}.promo-slide img{aspect-ratio:3;object-fit:cover;width:100%;height:auto;display:block}@media (width<=640px){.promo-slide img{aspect-ratio:2}}.promo-slide a{display:block}.promo-slide a:focus-visible{outline-offset:-4px}.promo-label{position:absolute;top:12px;left:12px}.promo-controls{right:calc(var(--gutter) + 12px);z-index:2;gap:6px;display:flex;position:absolute;top:40px}.promo-btn{border-radius:var(--r-pill);color:#fff;width:44px;height:44px;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-instant) var(--ease-out);background:#1f1a17b8;border:0;justify-content:center;align-items:center;display:inline-flex}.promo-btn:hover{background:var(--ink)}.promo-btn:active{transform:scale(.92)}.promo-dots{justify-content:center;gap:4px;margin-top:8px;display:flex}.promo-dot{background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.promo-dot span{background:var(--line);border-radius:3px;width:28px;height:6px;display:block;position:relative;overflow:hidden}.promo-dot[aria-current=true] span:after{content:"";background:var(--orange-strong);transform-origin:0;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.promo.is-tick:not(.is-paused) .promo-dot[aria-current=true] span:after{animation:promo-fill var(--promo-ms,6s) linear both}}@keyframes promo-fill{0%{transform:scaleX(0)}}.cat-tabs{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;margin:0 -2px 6px;padding:2px 2px 14px;display:flex;overflow-x:auto}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{scroll-snap-align:start;border-radius:var(--r-pill);border:1.5px solid var(--card-border);background:var(--paper);min-height:52px;color:var(--ink);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-instant) var(--ease-out);flex:none;align-items:center;gap:10px;padding:6px 16px 6px 8px;font-size:16px;font-weight:600;display:inline-flex}.cat-tab:hover{border-color:var(--orange)}.cat-tab:active{transform:scale(.97)}.cat-tab-ico{background:var(--sand);width:38px;height:38px;color:var(--orange-text);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.cat-tab small{color:var(--muted);background:var(--cream);border-radius:var(--r-pill);padding:1px 8px;font-size:13px;font-weight:600}.cat-tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}.cat-tab[aria-selected=true] .cat-tab-ico{background:var(--amber);color:var(--ink);transform:rotate(-8deg)scale(1.06)}.cat-tab[aria-selected=true] small{background:var(--ink-2);color:var(--amber)}.guide-sources{margin-top:36px;padding-top:4px}.guide-sources ul{padding-left:22px;font-size:15px}.guide-sources a{overflow-wrap:anywhere}.guide-sources .note{color:var(--muted);font-size:15px}.guide-promo{margin:24px 0}.guide-promo .promo{max-width:none;padding-inline:0}.prose .cat-card,.prose .deal-card a{text-decoration:none}.nb{max-width:100%;display:inline-block}.linklike{min-height:44px;color:var(--orange-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 2px;text-decoration:underline}.ml-refill{width:100%;color:var(--muted);display:block}.ml-refill.danger{color:#b42318}.mylist-items li{flex-wrap:wrap}.stamp-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cmp-toggle{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:0 4px;font-size:14px;display:inline-flex}.cmp-toggle input{width:18px;height:18px;accent-color:var(--orange-strong)}.cmp-bar{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:50;background:var(--ink);color:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-pop);align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 12px 10px 18px;display:flex;position:fixed;translate:-50%}.cmp-bar .btn-ghost{color:#fff;border-color:#fff6}@media (prefers-reduced-motion:no-preference){.cmp-bar{animation:fade-up var(--dur-base) var(--ease-out) both}}.cmp-table td,.cmp-table th{vertical-align:top;min-width:150px}.cmp-table img{object-fit:cover;border-radius:12px;width:96px;height:96px}code{overflow-wrap:anywhere}.badge-mall{background:var(--ink);color:var(--amber);gap:5px;padding:4px 10px;font-size:14px}.badge-mall svg{flex:none}.badge-sm{gap:3px;padding:2px 7px;font-size:12px}.badge-sm svg{width:12px;height:12px}.offer-pf{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.shop-list{margin:20px 0}.shop-list ul{margin:10px 0 0;padding:0;list-style:none}.shop-list li{border-top:1px solid var(--card-border);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 0;display:flex}.shop-who{flex-wrap:wrap;flex:200px;align-items:center;gap:6px;display:inline-flex}.shop-price{flex:0 auto}.more-shops{color:var(--muted);font-size:12px;font-weight:600}.fest-tile.tile-banner{aspect-ratio:2;padding:0;position:relative;overflow:hidden}.tile-banner img{object-fit:cover;width:100%;height:100%;display:block}.tile-sponsor{font-size:11px;position:absolute;top:8px;right:8px}.hero-strip-wrap{margin-top:calc(-1*clamp(16px,3vw,32px));padding-bottom:clamp(32px,5vw,48px)}.hero-strip-wrap .hero-strip{margin-top:0}.product-gallery{align-content:start;gap:10px;min-width:0;display:grid}.g-thumbs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.g-thumb{background:var(--sand);cursor:pointer;border:2px solid #0000;border-radius:10px;flex:none;width:64px;height:64px;padding:0;overflow:hidden}.g-thumb img{object-fit:cover;width:100%;height:100%;display:block}.g-thumb[aria-pressed=true]{border-color:var(--orange-strong)}.guide-hero{border-radius:var(--r-panel);background:var(--ink);margin-top:8px;overflow:hidden}.guide-hero-pic{background:var(--sand);width:100%;height:auto;display:block}.guide-hero-brand{aspect-ratio:1200/420;background:radial-gradient(circle at 50% 62%, var(--amber) 0 26%, transparent 26.2%), #e8590c;place-items:end center;display:grid}.guide-hero-brand img{width:min(52%,360px);height:auto}.guide-hero-bar{border-top:6px solid var(--orange-strong);color:#fff;padding:18px 24px 22px}.guide-hero-kind{color:var(--amber);margin:0 0 6px;font-size:14px;font-weight:600}.guide-hero-bar h1{color:#fff;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(26px,4.4vw,40px);line-height:1.25}.guide-hero-bar h1.one-line{white-space:nowrap}@media (width<=640px){.guide-hero-bar{padding:14px 16px 18px}}.prose img{border-radius:14px;max-width:100%;height:auto;margin:8px 0 20px;display:block}.pic-guard{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:block;position:relative}.pic-guard:before{content:"";z-index:1;aspect-ratio:177/144;filter:drop-shadow(0 1px 3px #00000059);pointer-events:none;background:url(/logo-144.webp) 50%/contain no-repeat;width:clamp(44px,11%,88px);position:absolute;top:clamp(8px,2.2vw,16px);left:clamp(8px,2.2vw,16px)}.pic-guard:after{content:"";z-index:2;position:absolute;inset:0}.prose .pic-guard{margin:8px 0 20px}.prose .pic-guard img{margin:0}.share{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;display:flex}.share-label{color:var(--muted);margin-right:2px;font-size:14px}.share-btn{border:1px solid var(--card-border);min-height:44px;color:var(--ink);font:600 14px/1 var(--font-body);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:#fff;border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.share-btn:hover{background:var(--peach);border-color:var(--orange-text)}.share-msg{color:var(--good);flex-basis:100%;min-height:0}.share-msg:empty{display:none}.prose .share{margin-top:20px}.author-box{border-radius:var(--r-card);border:1px solid var(--card-border);background:#fff;margin-top:36px;padding:18px 20px}.author-box p{margin:0}.author-box p+p{margin-top:6px}.feedback{border-radius:var(--r-card);background:var(--sand);margin-top:28px;padding:20px;scroll-margin-top:16px}.prose .feedback .fb-q{margin:0 0 12px;font-size:20px}.fb-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.fb-choice{flex-wrap:wrap;gap:8px;display:flex}.fb-choice .btn{background:#fff;min-height:44px}.fb-more{border:0;gap:12px;margin:16px 0 0;padding:0;display:grid}.fb-more[hidden]{display:none}.fb-more legend{margin-bottom:8px;padding:0;font-weight:600}.fb-reasons{gap:4px;display:grid}.fb-reasons .check{align-items:center;gap:10px;min-height:44px;display:flex}.fb-reasons input{width:20px;height:20px;accent-color:var(--orange-strong)}.fb-note{gap:6px;font-size:15px;display:grid}.fb-more .btn-primary{justify-self:start;min-height:44px}.fb-done{color:var(--good);margin:0;font-weight:600}.guide-more{margin-top:48px}.guide-more h2{margin:0 0 14px;font-size:clamp(22px,3.2vw,28px)}.more-list{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.more-card{border-radius:var(--r-card);border:1px solid var(--card-border);height:100%;color:var(--ink);transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#fff;gap:6px;padding:16px 18px;text-decoration:none;display:grid}.more-card:hover{border-color:var(--orange-text);transform:translateY(-2px)}.more-card strong{font-family:var(--font-display);font-size:18px;line-height:1.35}@media (prefers-reduced-motion:reduce){.more-card:hover{transform:none}}.to-top{right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:40;background:var(--ink);color:#fff;min-width:48px;min-height:48px;font:600 14px/1 var(--font-body);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex;position:fixed;translate:0 12px}.to-top.is-on{opacity:1;pointer-events:auto;translate:0}.to-top:hover{background:var(--orange-strong)}.to-top:focus-visible{opacity:1;pointer-events:auto;translate:0}body:has(.cmp-bar) .to-top{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 76px)}@media (width<=640px){.to-top-text{display:none}.to-top{padding:0}}@media (prefers-reduced-motion:reduce){.to-top{transition:none}}h1[tabindex="-1"]:focus{outline:none}