:root{--bg: #f7fafc;--ink: #1f2a37;--muted: #5b6b7c;--line: #e6edf4;--card: #ffffff;--brand: #1f6feb;--brand-soft: #e8f1ff;--shadow: 0 18px 40px rgba(31, 58, 95, .08);font-family:"Source Sans 3",Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% -10%,#dff0ff 0%,transparent 42%),radial-gradient(circle at 90% 0%,#ffe9f4 0%,transparent 36%),linear-gradient(180deg,#f9fcff,#f4f7fb)}h1,h2,h3{font-family:Nunito,"Source Sans 3",sans-serif;margin:0;letter-spacing:-.02em}.page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem;position:relative}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(31,111,235,.05) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 75%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 75%)}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:1.5rem;align-items:end;margin-bottom:1.75rem;animation:rise .7s ease both}.eyebrow{margin:0 0 .55rem;color:var(--brand);font-weight:700;font-size:.92rem;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.05;color:#16324f}.lede{margin:.85rem 0 0;max-width:38rem;color:var(--muted);font-size:1.08rem}.hero-stats{display:grid;gap:.85rem;justify-items:end}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:1.1rem 1.25rem;min-width:220px;box-shadow:var(--shadow)}.stat-label,.stat-note{display:block;color:var(--muted);font-size:.92rem}.stat-value{display:block;font-family:Nunito,sans-serif;font-size:3rem;line-height:1;margin:.25rem 0;color:#16324f}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:.92rem}.status-pill .dot{width:.6rem;height:.6rem;border-radius:50%;background:#94a3b8}.status-pill.live .dot{background:#22c55e;box-shadow:0 0 #22c55eb3;animation:pulse-dot 1.6s infinite}.status-pill.connecting .dot,.status-pill.offline .dot{background:#f59e0b}.taste-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.taste-card{background:var(--card);border:1px solid var(--line);border-radius:1.4rem;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease;animation:rise .8s ease both}.taste-card:nth-child(2){animation-delay:.05s}.taste-card:nth-child(3){animation-delay:.1s}.taste-card:nth-child(4){animation-delay:.15s}.taste-card:nth-child(5){animation-delay:.2s}.taste-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px #1f3a5f1f}.taste-card.pulse{animation:card-pulse .9s ease}.taste-card.muted{opacity:.88}.taste-media{background:linear-gradient(180deg,var(--soft),#fff);min-height:180px;display:grid;place-items:center;padding:1rem .75rem .4rem}.taste-media img{width:min(120px,65%);height:auto;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(22,50,79,.16));transition:transform .35s ease}.taste-card:hover .taste-media img{transform:translateY(-4px) scale(1.03)}.taste-body{padding:.85rem 1rem 1.15rem;border-top:3px solid var(--accent)}.taste-body h2{font-size:1.15rem;color:#16324f}.thai{margin:.15rem 0 .7rem;color:var(--muted);font-size:.92rem}.count-row{display:flex;align-items:baseline;gap:.45rem}.count{font-family:Nunito,sans-serif;font-size:2.35rem;font-weight:800;color:var(--accent);line-height:1}.unit{color:var(--muted);font-weight:600}.hint{margin:.55rem 0 0;color:#9aa8b6;font-size:.78rem}.activity{background:var(--card);border:1px solid var(--line);border-radius:1.4rem;padding:1.15rem 1.25rem 1.25rem;box-shadow:var(--shadow);animation:rise .9s ease both}.activity-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:.85rem}.activity-head h3{font-size:1.2rem}.latest{margin:0;color:var(--muted);font-size:.95rem}.activity-list{display:grid;gap:.75rem;max-height:clamp(11rem,34vh,26rem);overflow-y:auto;padding:.2rem .5rem .2rem 0;scrollbar-gutter:stable;overscroll-behavior:contain}.activity-item{display:grid;grid-template-columns:12px 1fr auto;gap:.75rem;align-items:center;padding:.7rem .8rem;border-radius:.9rem;background:#f8fbfe;border:1px solid #eef3f8}.swatch{width:12px;height:12px;border-radius:50%}.activity-copy{display:flex;flex-direction:column;gap:.1rem}.activity-copy span,.activity-item time,.empty{color:var(--muted);font-size:.9rem}.empty{margin:.4rem 0}.footer{margin-top:1.5rem;text-align:center;color:#8a99a8;font-size:.88rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes card-pulse{0%{transform:scale(1);box-shadow:var(--shadow)}35%{transform:scale(1.02);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}to{transform:scale(1);box-shadow:var(--shadow)}}@media(max-width:1100px){.taste-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-stats{justify-items:start}.taste-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-head{flex-direction:column}}@media(max-width:520px){.taste-grid{grid-template-columns:1fr}.taste-media{min-height:160px}}