/* Rouleat 7 — app styles */
:root{
  --bg:#0d0907; --bg2:#15100d; --surface:#1d1512; --surface2:#271d18; --line:#ffffff1a; --line2:#ffffff2e;
  --text:#fff7f0; --muted:#c4b0a2; --dim:#8d7a6d;
  --accent:#ff5a36; --accent2:#ffb13b; --grad:linear-gradient(135deg,#ff4d3a 0%,#ff7a2f 45%,#ffb13b 100%);
  --good:#3ddc97; --warn:#ffc857; --bad:#ff6b6b; --star:#ffc53d;
  --radius:18px; --radius-lg:26px; --shadow:0 20px 60px #0009;
  --top:calc(env(safe-area-inset-top) + 0px); --bottom:env(safe-area-inset-bottom);
  --nav-h:68px; --font:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; --display:'Bricolage Grotesque','Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}
body{overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
a{color:inherit}
img{display:block}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}

/* ---------- Shell layout ---------- */
.app{position:fixed;inset:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}
.main,.stage-wrap,.stage-inner{min-height:0}
.ad-reel{min-height:0}
.sidebar,.panel{display:none}
.stage{position:relative;height:100%;overflow:hidden;background:#000}
.logo{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.04em;text-decoration:none;display:inline-flex;align-items:center;gap:2px;line-height:1}
.logo b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Top bar over feed (mobile) */
.topbar{position:absolute;z-index:20;left:0;right:0;top:0;padding:calc(var(--top) + 10px) 14px 8px;display:flex;align-items:center;gap:10px;background:linear-gradient(#000a,#0000);pointer-events:none}
.topbar>*{pointer-events:auto}
.loc-chip{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:52vw;padding:8px 12px;border-radius:999px;background:#0000004d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);font-weight:600;font-size:13px}
.loc-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0000004d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);position:relative;flex:none}
.icon-btn svg,.nav svg,.rail svg,.btn svg{width:22px;height:22px}
.badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:9px;background:var(--accent);font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 5px}
.spacer{flex:1}
.cats{position:absolute;z-index:19;top:calc(var(--top) + 60px);left:0;right:0;display:flex;gap:8px;overflow-x:auto;padding:4px 14px 10px;scrollbar-width:none}
.cats::-webkit-scrollbar{display:none}
.chip{flex:none;padding:7px 13px;border-radius:999px;background:#00000047;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);font-size:13px;font-weight:600;white-space:nowrap;transition:.2s}
.chip.on{background:var(--text);color:#130d0a;border-color:transparent}

/* ---------- Feed ---------- */
.feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain}
.feed::-webkit-scrollbar{display:none}
.reel{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#0b0806;isolation:isolate}
.reel .bg{position:absolute;inset:0;z-index:-2}
.reel video.bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .6s}
.reel video.bgv.ready{opacity:1}
.slides{position:absolute;inset:0;z-index:-2}
.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.slide.on{opacity:1}
.reel.active .slide.on{animation:kb 9s ease-out both}
@keyframes kb{from{transform:scale(1.12) translate3d(1.5%,1%,0)}to{transform:scale(1) translate3d(0,0,0)}}
.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#000a 0%,#0000 22%,#0000 45%,#000c 78%,#000f 100%)}
.reel.has-video .shade{background:linear-gradient(180deg,#0009 0%,#0003 30%,#0003 50%,#000d 78%,#000 100%)}
/* Real photos float over ambient video */
.photo-card{position:absolute;z-index:1;left:50%;top:calc(var(--top) + 118px);transform:translateX(-50%) rotate(-2deg);width:min(64%,300px);aspect-ratio:4/5;max-height:calc(100% - 420px);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px #000c,0 0 0 1px #ffffff22;background:#000;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.reel.active .photo-card{transform:translateX(-50%) rotate(-2deg) translateY(0);animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateX(-50%) rotate(1deg) translateY(-6px)}}
.photo-card .slide{border-radius:inherit}
.photo-card.hidden{display:none}
.bars{position:absolute;z-index:6;left:14px;right:14px;top:calc(var(--top) + 104px);display:flex;gap:4px}
.photo-card .bars{top:10px;left:10px;right:10px}
.bars i{flex:1;height:3px;border-radius:2px;background:#ffffff40;overflow:hidden}
.bars i.on{background:#fff}
.tapzone{position:absolute;z-index:2;top:110px;bottom:260px;width:24%}
.tapzone.l{left:0}.tapzone.r{right:64px}
.credit{display:inline-block;margin-top:8px;font-size:11px;color:#ffffffa0;text-decoration:none}
.credit:hover{color:#fff}

.info{position:absolute;z-index:4;left:0;right:72px;bottom:calc(var(--nav-h) + var(--bottom) + 10px);padding:0 16px 8px}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.pill{font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:5px;letter-spacing:.01em}
.pill.open{background:#1f8a5a66;color:#b6ffd9}.pill.open::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good)}
.pill.closed{background:#8a1f1f66;color:#ffc9c9}
.pill.hot{background:var(--grad);color:#1a0d06}
.info h2{font-family:var(--display);font-size:clamp(28px,8vw,40px);line-height:.98;letter-spacing:-.035em;margin:0 0 8px;text-shadow:0 2px 20px #0008;font-weight:800;overflow-wrap:anywhere}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-weight:600;font-size:14px;color:#fff}
.meta .dot{width:3px;height:3px;border-radius:50%;background:#fff9}
.stars{display:inline-flex;align-items:center;gap:4px;color:var(--star);font-weight:800}
.stars small{color:#ffffffc0;font-weight:500}
.tagline{margin:6px 0 0;color:#ffffffcc;font-size:13.5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.why{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.why span{flex:none;font-size:12px;padding:5px 10px;border-radius:10px;background:#00000059;border:1px solid var(--line);color:#ffe9d9}
.name-btn{font:inherit;color:inherit;text-align:left;display:inline;cursor:pointer;letter-spacing:inherit;text-shadow:inherit}
.name-btn .chev{display:inline-block;font-size:.7em;opacity:.75;transform:translateY(-.06em);transition:transform .2s}
.name-btn:hover .chev{transform:translate(.15em,-.06em);opacity:1}.name-btn:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:#ffb13b}
.meta[data-act]{cursor:pointer}
.more-btn{margin-top:12px;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:14px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-weight:700;font-size:14px;border:1px solid var(--line)}

.rail{position:absolute;z-index:5;right:8px;bottom:calc(var(--nav-h) + var(--bottom) + 18px);display:flex;flex-direction:column;gap:14px;align-items:center}
.rail button,.rail a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;text-decoration:none;color:#fff;text-shadow:0 1px 6px #000}
.rail .rb{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#00000047;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);transition:transform .15s}
.rail button:active .rb{transform:scale(.88)}
.rail .saved .rb{background:#ff3d5a;border-color:transparent}
.rail .saved .rb svg{fill:#fff}
.rail .spin .rb{background:var(--grad);border:0;color:#1b0c05}
.pop{animation:pop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop{40%{transform:scale(1.35)}}

/* Fallback art when a place has no photo */
.art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.art::before{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 30% 20%,var(--c1) 0,transparent 55%),radial-gradient(circle at 80% 70%,var(--c2) 0,transparent 50%),var(--c3);filter:saturate(1.2)}
.art::after{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:18px 18px}
.art span{position:relative;font-size:120px;filter:drop-shadow(0 20px 30px #0008);transform:rotate(-8deg)}
.reel.active .art span{animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:rotate(6deg) translateY(-10px) scale(1.05)}}

/* Skeleton + states */
.skeleton{background:linear-gradient(110deg,#1a1310 30%,#2a201a 50%,#1a1310 70%);background-size:200% 100%;animation:sh 1.3s linear infinite}
@keyframes sh{to{background-position:-200% 0}}
.state{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px 24px;z-index:3}
.state .box{max-width:380px}
.state h2{font-family:var(--display);font-size:34px;letter-spacing:-.03em;line-height:1.02;margin:10px 0}
.state p{color:var(--muted);margin:0 0 20px}
.hero-emoji{font-size:64px;display:inline-block;animation:bob 3s ease-in-out infinite}
.loader{width:44px;height:44px;border-radius:50%;border:4px solid #ffffff22;border-top-color:var(--accent);animation:spin .8s linear infinite;margin:0 auto}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Bottom nav ---------- */
.nav{position:absolute;z-index:30;left:0;right:0;bottom:0;height:calc(var(--nav-h) + var(--bottom));padding:6px 10px var(--bottom);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:linear-gradient(#0000,#000d 40%)}
.nav button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:700;color:#ffffffb8}
.nav button.on{color:#fff}
.nav .big{margin-top:-18px}
.nav .big .orb{width:62px;height:62px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#1b0c05;box-shadow:0 10px 30px #ff5a3680,inset 0 -4px 10px #0003;border:3px solid #0d0907}
.nav .big .orb svg{width:30px;height:30px}
.nav .big:active .orb{transform:scale(.94);transition:.2s}
/* The wheel icon: still most of the time, a quick flick every so often, a fast spin when tapped */
.nav .big .orb svg{transform-origin:50% 50%}
.nav .big .orb svg.flick{animation:orbFlick 1.2s cubic-bezier(.2,.75,.25,1.12)}
.nav .big .orb svg.go{animation:orbGo .55s cubic-bezier(.4,0,.6,1)}
@keyframes orbFlick{0%{transform:rotate(0)}75%{transform:rotate(380deg)}100%{transform:rotate(360deg)}}
@keyframes orbGo{from{transform:rotate(0)}to{transform:rotate(720deg)}}
@media(prefers-reduced-motion:reduce){.nav .big .orb svg.flick,.nav .big .orb svg.go{animation:none}}

/* ---------- Buttons / forms ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:14px;font-weight:700;background:var(--surface2);border:1px solid var(--line);text-decoration:none;transition:transform .1s,filter .2s}
.btn:active{transform:scale(.97)}
.btn.primary{background:var(--grad);color:#1b0c05;border:0;box-shadow:0 8px 24px #ff5a3640}
.btn.ghost{background:transparent}
.btn.block{width:100%}
.btn.sm{padding:8px 12px;border-radius:11px;font-size:13px}
.btn:disabled{opacity:.5;pointer-events:none}
label.f{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:14px 0 6px}
.input,input.input,select.input,textarea.input{width:100%;padding:13px 14px;border-radius:13px;background:var(--bg2);border:1px solid var(--line2);outline:0;font-size:16px}
.input:focus{border-color:var(--accent2)}
.search-wrap{position:relative}
.search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--dim)}
.search-wrap .input{padding-left:44px}
.row-chips{display:flex;flex-wrap:wrap;gap:8px}
.opt{padding:9px 14px;border-radius:12px;background:var(--bg2);border:1px solid var(--line2);font-weight:600;font-size:14px;transition:.15s}
.opt.on{background:var(--text);color:#150e0a;border-color:transparent}
.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600}
.toggle input:not([type=range]){appearance:none;width:48px;height:28px;border-radius:14px;background:#ffffff26;position:relative;transition:.2s;flex:none;margin:0}
.toggle input:not([type=range])::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
.toggle input:not([type=range]):checked{background:var(--accent)}
.toggle input:not([type=range]):checked::after{left:23px}
input[type=range]{width:100%;accent-color:var(--accent)}
.muted{color:var(--muted)}.small{font-size:13px}
.err{color:#ffb4a8}.ok{color:#9ff0c7}
hr.sep{border:0;border-top:1px solid var(--line);margin:18px 0}

/* ---------- Sheets (dialogs) ---------- */
dialog.sheet{position:fixed;inset:auto 0 0 0;margin:0 auto;width:100%;max-width:640px;max-height:92dvh;padding:0;border:0;border-radius:26px 26px 0 0;background:var(--surface);color:var(--text);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
dialog.sheet:not([open]){display:none}
dialog.sheet[open]{animation:up .35s cubic-bezier(.2,.9,.25,1)}
@keyframes up{from{transform:translateY(100%)}}
dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}
.sheet-h{display:flex;align-items:center;gap:10px;padding:18px 18px 8px;position:relative}
.sheet-h::before{content:'';position:absolute;top:7px;left:50%;width:40px;height:4px;border-radius:2px;background:#ffffff30;transform:translateX(-50%)}
.sheet-h h2{font-family:var(--display);font-size:24px;letter-spacing:-.03em;margin:0;flex:1}
.close{width:36px;height:36px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;font-size:18px;flex:none}
.sheet-b{padding:4px 18px calc(22px + var(--bottom));overflow-y:auto;overscroll-behavior:contain}
.sheet-f{padding:12px 18px calc(14px + var(--bottom));border-top:1px solid var(--line);display:flex;gap:10px;background:var(--surface)}
dialog.full{inset:0;max-width:none;max-height:none;height:100dvh;border-radius:0;background:var(--bg)}

/* ---------- Details ---------- */
.d-gallery{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:0;border-radius:16px;scrollbar-width:none}
.d-gallery::-webkit-scrollbar{display:none}
.d-gallery button{flex:none;scroll-snap-align:start;width:78%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--surface2);position:relative}
.d-gallery button:first-child{width:88%}
.d-gallery img,.d-gallery video{width:100%;height:100%;object-fit:cover}
.d-gallery .cr{position:absolute;left:8px;bottom:8px;font-size:10.5px;background:#0008;padding:2px 7px;border-radius:8px;color:#fffc}
.d-title{font-family:var(--display);font-size:34px;letter-spacing:-.035em;line-height:1;margin:16px 0 6px;font-weight:800}
.d-sub{color:var(--muted);font-weight:500}
.d-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:8px;margin:16px 0}
.d-actions a,.d-actions button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:14px;background:var(--surface2);font-size:12px;font-weight:700;text-decoration:none}
.d-actions svg{width:22px;height:22px}
.d-actions .go{background:var(--grad);color:#1b0c05}
.scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}
.score{padding:12px 14px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);text-decoration:none;display:block}
.score b{font-family:var(--display);font-size:26px;letter-spacing:-.02em;display:block}
.score .st{color:var(--star);font-size:13px;letter-spacing:1px}
.score small{color:var(--muted);display:block;font-weight:600}
.sec{margin:22px 0 0}
.sec h3{font-family:var(--display);font-size:19px;margin:0 0 10px;letter-spacing:-.02em}
.amen{display:flex;flex-wrap:wrap;gap:6px}
.amen span{font-size:12.5px;padding:6px 10px;border-radius:10px;background:var(--bg2);border:1px solid var(--line)}
.amen .amen-f{font:600 12.5px Inter,sans-serif;padding:6px 10px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.amen .amen-f:hover,.amen .amen-f:active{border-color:#ffb13b88;background:#ffb13b1a}.amen-hint{margin:8px 0 0}
.hours{list-style:none;margin:0;padding:0;font-size:14px}
.hours li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line)}
.hours li.today{color:var(--accent2);font-weight:700}
.map{width:100%;height:190px;border:0;border-radius:16px;filter:invert(.92) hue-rotate(180deg) saturate(.6) brightness(.95)}
.tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}
.tabs button{padding:7px 12px;border-radius:10px;background:var(--bg2);font-weight:700;font-size:13px;flex:none;border:1px solid var(--line)}
.tabs button.on{background:var(--text);color:#140d09}
.review{padding:14px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);margin-bottom:10px}
.review header{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.review .av{width:34px;height:34px;border-radius:50%;background:var(--surface2);object-fit:cover;display:grid;place-items:center;font-weight:800;flex:none}
.review .who{flex:1;min-width:0}
.review .who b{display:block;font-size:14px}
.review .who small{color:var(--dim)}
.review .src{font-size:10.5px;font-weight:800;padding:3px 7px;border-radius:7px;background:var(--surface2);text-transform:uppercase;letter-spacing:.05em}
.review .src.yelp{background:#d3232333;color:#ff8f8f}.review .src.google{background:#4285f433;color:#a8c7ff}.review .src.rouleat{background:#ff7a2f33;color:#ffc59e}
.review p{margin:4px 0 0;font-size:14.5px;color:#f1e4da;white-space:pre-line}
.st-row{color:var(--star);font-size:13px;letter-spacing:1px}
.attrib{font-size:11.5px;color:var(--dim);margin-top:18px}
.attrib a{color:var(--muted)}
.star-pick{display:flex;gap:4px;font-size:30px}
.star-pick button{color:#ffffff33;transition:.1s}
.star-pick button.on{color:var(--star)}

/* Lightbox */
.lightbox{background:#000;display:flex;flex-direction:column}
.lb-track{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.lb-track>*{flex:none;width:100%;height:100%;object-fit:contain;scroll-snap-align:center}
.lb-close{position:absolute;top:calc(var(--top) + 12px);right:12px;z-index:2}

/* Grid / list */
.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.tile{position:relative;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:var(--surface2);text-align:left}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.tile .tcap,.tile .x{z-index:2}
.tile .art span{font-size:54px}
.tile .tcap{position:absolute;inset:auto 0 0 0;padding:30px 10px 10px;background:linear-gradient(#0000,#000d)}
.tile .tcap b{display:block;font-size:14px;line-height:1.15}
.tile .tcap small{color:#ffffffc0;font-size:12px}
.tile .x{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#000a;display:grid;place-items:center}

/* ---------- Roulette ---------- */
.rou{background:radial-gradient(ellipse at 50% 35%,#3a1a0e 0%,#0d0907 65%);overflow:hidden}
.rou-setup{height:100%;overflow-y:auto;padding:calc(var(--top) + 16px) 18px calc(24px + var(--bottom));max-width:560px;margin:0 auto}
.rou-title{font-family:var(--display);font-size:clamp(40px,11vw,60px);letter-spacing:-.05em;line-height:.9;margin:22px 0 6px;font-weight:800}
.rou-title em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.crave{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.crave button{min-width:0;padding:4px;font-size:11.5px;text-align:center;line-height:1.15;overflow:hidden}
.crave button{aspect-ratio:1;border-radius:18px;background:#ffffff0d;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:700;transition:.15s}
.crave button span{font-size:28px;transition:transform .2s}
.crave button.on{background:#ff5a3633;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.crave button.on span{transform:scale(1.18) rotate(-6deg)}
.spin-cta{position:sticky;bottom:0;padding-top:16px;background:linear-gradient(#0d090700,#0d0907 30%)}
.spin-cta .btn{font-size:19px;padding:18px;border-radius:20px;font-family:var(--display);letter-spacing:-.01em}

.rou-stage{position:absolute;inset:0;display:grid;place-items:center}
.slot{position:relative;width:min(86vw,380px);height:min(70dvh,560px);overflow:hidden;border-radius:30px;mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.strip{position:absolute;left:0;right:0;top:0;will-change:transform}
.s-item{height:var(--ih);padding:8px 10px;display:flex}
.s-card{flex:1;border-radius:22px;overflow:hidden;position:relative;background:#241a15;display:flex;align-items:flex-end}
.s-card img,.s-card .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s-card .art span{font-size:60px}
.s-card b{position:relative;display:block;width:100%;padding:28px 16px 12px;background:linear-gradient(#0000,#000d);font-family:var(--display);font-size:22px;letter-spacing:-.02em;line-height:1}
.frame{position:absolute;left:50%;top:50%;width:min(86vw,380px);height:var(--ih);transform:translate(-50%,-50%);border-radius:28px;pointer-events:none;box-shadow:0 0 0 3px var(--accent2),0 0 40px #ffb13b88,0 0 120px #ff5a3655;transition:.4s}
.frame::before,.frame::after{content:'';position:absolute;top:50%;width:0;height:0;border:12px solid transparent;transform:translateY(-50%)}
.frame::before{left:-26px;border-left-color:var(--accent2)}
.frame::after{right:-26px;border-right-color:var(--accent2)}
.rou-label{position:absolute;top:calc(var(--top) + 24px);left:0;right:0;text-align:center;font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-.02em}
.rou-label small{display:block;font-family:var(--font);font-size:13px;color:var(--muted);font-weight:500;letter-spacing:0}
.lights{position:absolute;left:50%;top:50%;width:250vmax;height:250vmax;margin:-125vmax 0 0 -125vmax;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,#ff7a2f12 0 10deg,transparent 10deg 20deg);animation:spin 30s linear infinite;opacity:.8;z-index:0}
.rou{overflow:hidden}.rou-setup{position:relative;z-index:1}.rou-stage,.rou-label,.result{z-index:1}
.thumb-fb{display:inline-grid;place-items:center;flex:none;border-radius:12px;background:var(--grad);font-size:24px;min-width:28px;min-height:28px}
.slot.done .strip{transition:filter .4s;filter:brightness(.35) blur(1px)}
.win-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#ffb13b55,transparent 60%);opacity:0;pointer-events:none}
.win-glow.on{animation:glow 1.2s ease-out}
@keyframes glow{20%{opacity:1}}
canvas.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}

.result{position:absolute;inset:0;overflow-y:auto;z-index:4;padding:calc(var(--top) + 14px) 16px calc(20px + var(--bottom))}
.result-card{max-width:440px;margin:0 auto;border-radius:30px;overflow:hidden;background:var(--surface);box-shadow:0 40px 90px #000,0 0 0 1px #ffffff1a,0 0 80px #ff7a2f40;animation:reveal .8s cubic-bezier(.2,1.3,.3,1) both}
@keyframes reveal{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.04) rotate(1deg);opacity:1}100%{transform:none}}
.result-hero{position:relative;aspect-ratio:4/3.4;background:#000}
.result-hero img,.result-hero video,.result-hero .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.result-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(#0000 50%,var(--surface))}
.ribbon{position:absolute;z-index:2;top:14px;left:14px;padding:6px 12px;border-radius:999px;background:var(--grad);color:#1b0c05;font-weight:800;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 20px #0008}
.result-body{padding:0 20px 20px;margin-top:-40px;position:relative;z-index:2}
.result-body h2{font-family:var(--display);font-size:38px;line-height:.95;letter-spacing:-.04em;margin:0 0 8px;font-weight:800}
.reasons{list-style:none;padding:0;margin:14px 0;display:grid;gap:6px}
.reasons li{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#f3e3d7}
.reasons li::before{content:'✦';color:var(--accent2)}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.result-actions .wide{grid-column:1/-1}

/* ---------- Toast ---------- */
.toast{position:fixed;z-index:100;left:50%;top:calc(var(--top) + 14px);transform:translate(-50%,-250%);visibility:hidden;background:#fff;color:#150e0a;padding:11px 16px;border-radius:14px;font-weight:700;font-size:14px;box-shadow:var(--shadow);transition:transform .35s cubic-bezier(.2,1.2,.3,1);max-width:calc(100vw - 32px);text-align:center}
.toast.on{transform:translate(-50%,0);visibility:visible}

/* Dishes */
.dish-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory}
.dish{height:100%;scroll-snap-align:start;position:relative;display:flex;align-items:flex-end}
.dish img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dish .info{position:relative;right:0;bottom:0;padding:20px 20px calc(30px + var(--bottom));width:100%;background:linear-gradient(#0000,#000e 40%)}

/* Account */
.profile-head{display:flex;align-items:center;gap:14px;margin:6px 0 10px}
.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--grad);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:26px;color:#1b0c05;flex:none}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--bg2);border-radius:14px;padding:4px;margin:10px 0}
.seg button{padding:10px;border-radius:11px;font-weight:700}
.seg button.on{background:var(--surface2)}
.link-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600}
.link-row{gap:10px;text-align:left}.lr-stack{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.lr-stack small{font-weight:500;font-size:13px}

/* Haptic helper for iOS (switch input) */
.haptic{position:fixed;left:-100px;top:-100px;opacity:0;pointer-events:none}

/* =================== Tablet / desktop =================== */
@media (min-width:900px){
  body{background:radial-gradient(ellipse at 50% -20%,#2a130a 0%,var(--bg) 55%)}
  .app{grid-template-columns:272px minmax(0,1fr);gap:0}
  .sidebar{display:flex;flex-direction:column;gap:6px;padding:26px 18px;border-right:1px solid var(--line);overflow-y:auto}
  .sidebar .logo{font-size:32px;margin:0 8px 22px}
  .side-link{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;font-weight:700;font-size:15px;color:var(--muted);text-align:left;width:100%}
  .side-link svg{width:22px;height:22px}
  .side-link:hover{background:var(--surface);color:var(--text)}
  .side-link.on{background:var(--surface2);color:var(--text)}
  .side-spin{margin:12px 0;padding:16px;border-radius:18px;background:var(--grad);color:#1b0c05;font-family:var(--display);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 12px 30px #ff5a3650}
  .side-spin svg{width:26px;height:26px}
  .side-sec{margin-top:18px;padding:0 6px}
  .side-sec h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
  .side-loc{display:block;width:100%;text-align:left;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-weight:600;font-size:14px}
  .side-loc small{display:block;color:var(--dim);font-weight:500}
  .side-foot{margin-top:auto;font-size:11.5px;color:var(--dim);padding:12px 6px 0}
  .side-foot a{color:var(--muted)}
  .main{display:grid;grid-template-columns:minmax(0,1fr);height:100%;overflow:hidden}
  .stage-wrap{display:grid;place-items:center;height:100%;padding:18px;min-width:0}
  .stage{height:calc(100dvh - 28px);width:100%;border-radius:28px;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff14}
  .stage-inner{width:min(900px,100%)}
  .stage-wrap{padding:14px 64px 14px 14px}
  .feed-arrows{right:-58px}
  .info h2{font-size:clamp(34px,4vw,48px)}
  .photo-card{width:min(50%,320px)}
  .nav,.topbar .logo{display:none}
  .topbar{padding:14px 14px 8px}
  .reel .info{bottom:18px}
  .rail{bottom:24px}
  .tapzone{bottom:200px}
  .photo-card{max-height:calc(100% - 360px)}
  .feed-arrows{position:absolute;right:-64px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}
  .feed-arrows button{width:46px;height:46px;border-radius:50%;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center}
  .stage-inner{position:relative;height:100%}
  dialog.sheet{inset:0;margin:auto;border-radius:26px;max-height:88dvh;width:min(640px,92vw)}
  dialog.sheet[open]{animation:fade .25s ease}
  @keyframes fade{from{opacity:0;transform:scale(.97)}}
  .sheet-h::before{display:none}
  dialog.full{border-radius:0;width:100vw;max-width:none;max-height:none}
}
@media (min-width:1240px){
  .app{grid-template-columns:272px minmax(0,1fr) minmax(380px,460px)}
  .panel{display:block;border-left:1px solid var(--line);overflow-y:auto;padding:26px 28px 44px;background:#0f0a0899}
  .panel .d-gallery{margin:4px 0 0;padding:0;gap:8px;border-radius:16px}
  .panel .d-gallery button{width:72%}.panel .d-gallery button:first-child{width:84%}
  .panel-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--dim)}
  .panel .sheet-only{display:none}
}
@media (max-width:899px){ .feed-arrows{display:none} .stage-wrap,.main,.stage-inner{height:100%} }
@media (max-height:720px) and (max-width:899px){ .info h2{font-size:28px} .why{display:none} .photo-card{top:calc(var(--top) + 104px);width:min(54%,240px);max-height:calc(100% - 350px)} .rail{gap:10px} .rail .rb{width:44px;height:44px} .more-btn{margin-top:8px;padding:8px 14px} }
.result-actions .btn{white-space:nowrap;font-size:14px;padding:13px 10px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.order-grid .btn{padding:12px 10px;font-size:14px}
.order-grid .btn small{font-weight:500;opacity:.7;font-size:11px}
.order-grid .btn.primary{grid-column:1/-1}

/* Logo: the "o" is a little roulette wheel */
.lo-o{display:inline-block;position:relative;width:.62em;height:.62em;margin:0 .01em 0 .03em;border-radius:50%;vertical-align:-.03em;
  background:url(pizza-o.svg?v=2) center/contain no-repeat;filter:drop-shadow(0 0 .12em #ff7a2f88);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.logo:hover .lo-o,.logo.spinning .lo-o{transform:rotate(720deg)}
.logo.spinning .lo-o{transition-duration:2.4s}

.pill.deal{background:#ffb13b33;color:#ffd79a}
/* Map */
#mapSheet{background:#0d0907}
.map-top{position:absolute;z-index:620;top:calc(var(--top) + 12px);left:12px;right:12px;display:flex;gap:10px;align-items:center}
.map-here{position:absolute;z-index:500;left:50%;transform:translateX(-50%);bottom:calc(28px + var(--bottom))}
.pin{width:46px;height:46px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#1d1512;border:2px solid #ffb13b;display:grid;place-items:center;box-shadow:0 6px 16px #000a;font-size:20px;position:relative}
.pin>*{transform:rotate(45deg)}.pin{line-height:1}
.pin b{position:absolute;right:-12px;top:-6px;transform:rotate(45deg);background:#fff7f0;color:#150e0a;font:800 10.5px Inter,sans-serif;padding:2px 5px;border-radius:8px}
.pin.deal{background:linear-gradient(135deg,#ff4d3a,#ffb13b);border-color:#fff}.pin.off{opacity:.55;filter:grayscale(1)}
.me-dot{width:18px;height:18px;border-radius:50%;background:#4dabf7;border:3px solid #fff;box-shadow:0 0 0 8px #4dabf740}
.leaflet-popup-content-wrapper{background:#1d1512;color:#fff7f0;border-radius:16px;padding:0;overflow:hidden}
.leaflet-popup-content{margin:0;width:220px!important}.leaflet-popup-tip{background:#1d1512}
.map-pop{display:flex;flex-direction:column;gap:4px;padding:0 0 12px}.map-pop img{width:100%;height:120px;object-fit:cover}
.map-pop b{font-size:16px;padding:6px 12px 0}.map-pop span{font-size:12.5px;color:#c4b0a2;padding:0 12px}.map-pop .pop-deal{color:#ffd79a}.map-pop .btn{margin:6px 12px 0}
.leaflet-container{background:#0d0907;font-family:var(--font)}
.leaflet-control-attribution{background:#0008!important;color:#aaa!important}.leaflet-control-attribution a{color:#ddd!important}

/* Desktop scrolling helpers */
.ph-nav{display:none}
.hs-wrap{position:relative}
.lightbox .hs-wrap{flex:1;display:flex;min-height:0}.lightbox .lb-track{flex:1}
.hs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;background:#000000b0;border:1px solid var(--line2);color:#fff;font-size:24px;line-height:1;display:none;place-items:center;backdrop-filter:blur(8px)}
.hs-arrow.l{left:4px}.hs-arrow.r{right:4px}
.cat-arrow{display:none}
.dragging{cursor:grabbing!important;user-select:none;scroll-snap-type:none!important}
.dragging *{pointer-events:none}
@media (pointer:fine){
  .cats,.d-gallery,.tabs,.why,#mapCats{cursor:grab;scroll-behavior:smooth}
  .hs-wrap:hover .hs-arrow:not([hidden]){display:grid}
  .hs-arrow:hover{background:#000e;border-color:#ffb13b}
  .cat-arrow{position:absolute;z-index:21;top:calc(var(--top) + 64px);width:34px;height:34px;border-radius:50%;background:#000c;border:1px solid var(--line2);color:#fff;font-size:22px;display:grid;place-items:center;cursor:pointer}
  .cat-arrow.l{left:6px}.cat-arrow.r{right:6px}.cat-arrow[hidden]{display:none}
  .reel.multi .ph-nav{display:grid;position:absolute;z-index:6;top:42%;width:44px;height:44px;border-radius:50%;background:#0008;border:1px solid var(--line2);color:#fff;font-size:28px;place-items:center;opacity:0;transition:opacity .2s;backdrop-filter:blur(8px)}
  .reel.multi:hover .ph-nav{opacity:1}.reel .ph-nav:hover{background:#000d;border-color:#ffb13b}
  .ph-nav.l{left:12px}.ph-nav.r{right:74px}
  .reel.has-card .ph-nav{top:calc(var(--top) + 230px)}.reel.has-card .ph-nav.l{left:calc(18% - 22px)}.reel.has-card .ph-nav.r{right:calc(18% - 22px)}
  .lightbox .hs-arrow{display:grid;width:52px;height:52px;font-size:32px}.lightbox .hs-arrow[hidden]{display:none}
}

@media (max-width:380px){.topbar [data-go=grid]{display:none}}

.pill.trend{background:#7c5cff44;color:#d9ceff}
.friends-row{display:flex;flex-wrap:wrap;gap:8px}
.friend{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);font-size:13px;color:inherit;font-family:inherit;cursor:pointer}.friend .st-row{font-size:11px}
.friend img,.friend i{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--grad);display:grid;place-items:center;font-style:normal;font-weight:800;color:#1b0c05;font-size:12px}
.passport{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}
.stamp{position:relative;overflow:hidden;border-radius:16px;padding:12px 8px 14px;text-align:center;background:var(--bg2);border:1px dashed #ffffff30;filter:grayscale(1);opacity:.6}
.stamp.on{filter:none;opacity:1;border:1px solid #ffb13b88;background:radial-gradient(circle at 50% 0,#ff7a2f33,var(--bg2) 70%)}
.stamp span{font-size:30px;display:block}.stamp b{display:block;font-size:12.5px;line-height:1.15;margin-top:4px}.stamp small{color:var(--muted);font-size:11px}
.stamp i{position:absolute;left:0;bottom:0;height:3px;background:var(--grad)}
.badge-pop{position:fixed;z-index:200;inset:0;margin:auto;height:fit-content;max-height:90vh;box-sizing:border-box;border:0;color:var(--text);cursor:pointer;width:min(86vw,320px);padding:26px 20px;border-radius:28px;text-align:center;background:var(--surface);box-shadow:0 30px 90px #000,0 0 0 1px #ffb13b88,0 0 80px #ff7a2f55;display:flex;flex-direction:column;gap:4px;animation:reveal .7s cubic-bezier(.2,1.3,.3,1) both;overflow:hidden}
.badge-pop.out{transition:.4s;opacity:0;transform:translateY(8%) scale(.9)}
.badge-pop .bp-emoji{font-size:72px;animation:bob 2s ease-in-out infinite}.badge-pop b{font-family:var(--display);font-size:24px}.badge-pop span{font-weight:700;color:var(--accent2)}.badge-pop small{color:var(--muted)}
.s-card .art{z-index:0}.s-card img{z-index:1}.s-card b{z-index:2}

/* Sponsored reels */
.ad-reel{display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#241712,#0b0806 70%)}
.ad-bg{position:absolute;inset:0;z-index:-2}.ad-bg video,.ad-bg img{width:100%;height:100%;object-fit:cover;filter:blur(2px) brightness(.55);transform:scale(1.05)}
.ad-box{box-shadow:0 30px 60px #000c,0 0 0 1px #ffffff22}
.pill.sponsored{background:#fff;color:#150e0a}
.ad-top{display:flex;align-items:center;gap:8px;padding:calc(var(--top) + 118px) 16px 10px}.ad-top small{color:var(--dim)}
.ad-box{flex:1 1 0;margin:0 14px calc(var(--nav-h) + var(--bottom) + 50px);border-radius:20px;overflow:hidden;background:#15100d;min-height:0}
.ad-house{display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 30px calc(var(--nav-h) + 60px)}
.ad-house h2{font-family:var(--display);font-size:34px;margin:10px 0 6px}.ad-house p{color:var(--muted);margin:0 0 18px}
.ad-reel.unfilled .ad-box{display:none}.ad-reel.unfilled .ad-house{display:flex}
.ad-hint{position:absolute;left:0;right:0;bottom:calc(var(--nav-h) + var(--bottom) + 14px);text-align:center;color:var(--dim);font-size:13px}
@media (min-width:900px){.ad-top{padding-top:118px}.ad-box{margin-bottom:50px}.ad-hint{bottom:16px}}


.end-reel{background:radial-gradient(ellipse at 50% 35%,#2a130a,#0b0806 70%)}

a.side-link{text-decoration:none}

/* Install as an app */
.install-hero{display:flex;gap:16px;align-items:center;margin:4px 0 14px}.install-hero img{border-radius:20px;box-shadow:0 8px 30px rgba(255,90,54,.35);flex:none}.install-hero h3{margin:0 0 4px;font-size:19px}.install-hero p{margin:0}
.install-perks{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}.install-perks li{background:var(--card,rgba(255,255,255,.05));border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-weight:600}
.install-steps{margin:0 0 16px;padding-left:22px;line-height:1.6}.install-steps li{margin:4px 0}.kbd{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:0 6px;font-size:13px}
.side-install{margin-top:auto;border:1px dashed var(--line)}.side-install+.js-admin,.side-install:not([hidden])~.side-foot{margin-top:0}

.legal-links{margin-top:18px;text-align:center}.legal-links a{color:var(--muted)}
.btn.danger-link{color:#ff8a73;font-weight:600}.btn.danger{background:#d93a25;color:#fff}
/* Desktop: menu icons come alive on hover/focus */
@media (hover:hover) and (pointer:fine){
  .side-link svg,.side-link>span:first-child,.side-spin svg,.nav button svg,.link-row>span:first-child,[data-act] .rb{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
  .side-link:hover svg,.side-link:focus-visible svg,.side-link:hover>span:first-child,.nav button:hover svg{transform:scale(1.22) rotate(-8deg);animation:iconWiggle .5s ease}
  .side-link[data-go=feed]:hover svg{animation:iconHop .5s ease}
  .side-link[data-go=search]:hover svg{animation:iconSearch .6s ease}
  .side-link[data-go=map]:hover svg{animation:iconHop .5s ease}
  .side-link[data-go=saved]:hover svg{animation:iconBeat .6s ease}
  .side-link[data-go=history]:hover svg{animation:iconPop .45s ease}
  .side-spin:hover svg,.side-spin:focus-visible svg{animation:iconSpin .9s cubic-bezier(.3,.9,.4,1)}
  .link-row:hover>span:first-child{transform:translateX(4px)}
  [data-act]:hover .rb{transform:scale(1.15)}
}
@keyframes iconWiggle{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.25) rotate(-12deg)}60%{transform:scale(1.2) rotate(8deg)}100%{transform:scale(1.22) rotate(-8deg)}}
@keyframes iconHop{0%,100%{transform:translateY(0) scale(1.2)}40%{transform:translateY(-5px) scale(1.25)}70%{transform:translateY(1px) scale(1.18)}}
@keyframes iconSearch{0%{transform:scale(1.2) rotate(0)}35%{transform:scale(1.25) rotate(-20deg) translateX(-2px)}70%{transform:scale(1.25) rotate(14deg) translateX(2px)}100%{transform:scale(1.22) rotate(0)}}
@keyframes iconBeat{0%,100%{transform:scale(1.2)}25%{transform:scale(1.4)}50%{transform:scale(1.15)}75%{transform:scale(1.32)}}
@keyframes iconPop{0%{transform:scale(.8)}60%{transform:scale(1.4)}100%{transform:scale(1.22)}}
@keyframes iconSpin{to{transform:rotate(360deg) scale(1.1)}}
@media (prefers-reduced-motion:reduce){.side-link svg,.side-spin svg,.nav button svg{animation:none!important;transition:none!important}}

/* Google sign-in */
.g-wrap{margin:14px 0 6px}.g-btn{display:flex;justify-content:center;min-height:44px}
.or-sep{display:flex;align-items:center;gap:10px;margin:14px 0 4px;color:var(--muted);font-size:13px}.or-sep::before,.or-sep::after{content:"";flex:1;height:1px;background:var(--line)}

/* Live place search results */
.place-results{margin-top:10px}.place-results:empty{display:none}
.pr-h{margin:6px 2px 6px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.pr-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:14px;text-align:left;background:transparent;color:inherit;border:0;cursor:pointer}
.pr-row:hover,.pr-row:focus-visible{background:rgba(255,255,255,.06)}
.pr-row img,.pr-ph{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:none;display:grid;place-items:center;font-size:24px;background:rgba(255,255,255,.06)}
.pr-t{flex:1;min-width:0;display:flex;flex-direction:column}.pr-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-t small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-m{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;font-size:13px;flex:none}.pr-m small{color:var(--muted);font-weight:500}
.pr-loading{display:flex;align-items:center;gap:10px;padding:10px 4px}.loader.sm{width:18px;height:18px;margin:0;border-width:2px}
.pr-empty{padding:8px 2px}.linkish{background:none;border:0;padding:0;color:var(--accent2,#ffb13b);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}

/* Top-bar search button: desktop only (phones use the bottom-bar Search) */
.topbar [data-go=find]{display:none}
@media (min-width:900px){.topbar [data-go=find]{display:grid}}

/* Roulette: no-match card */
.rou-empty{background:linear-gradient(160deg,#2a1710,#1b120e);border:1px solid #ff7a2f55;border-radius:20px;padding:18px 18px 16px;margin:0 0 18px;text-align:center;box-shadow:0 10px 40px #0008}
.rou-empty .re-emoji{font-size:42px;line-height:1}.rou-empty h3{margin:6px 0 4px;font-size:20px}.rou-empty p{margin:0;color:var(--muted)}
.re-fixes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.re-fixes .opt{background:#ffffff10}

/* Result screen gallery */
.rh-track{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.rh-track::-webkit-scrollbar{display:none}
.result-hero .rh-track img{position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;cursor:zoom-in}
.rh-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:6px;z-index:2;pointer-events:none}
.rh-dots i{width:7px;height:7px;border-radius:50%;background:#fff6;transition:all .25s}.rh-dots i.on{background:#fff;width:20px;border-radius:99px}
.rh-credit{position:absolute;right:10px;bottom:30px;z-index:2;font-size:11px;color:#fffc;background:#0008;padding:2px 8px;border-radius:99px}.rh-credit:empty{display:none}
.rh-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:#0007;color:#fff;font-size:24px;line-height:1;display:none;cursor:pointer;backdrop-filter:blur(8px)}
.rh-nav.l{left:10px}.rh-nav.r{right:10px}.result-hero.multi .rh-nav{display:grid;place-items:center}
@media (hover:none){.result-hero.multi .rh-nav{display:none}}
.result-hero::after{pointer-events:none;z-index:1}
.rh-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 14px 2px;scrollbar-width:none}.rh-thumbs::-webkit-scrollbar{display:none}.rh-thumbs:empty{display:none}
.rh-thumbs button{flex:none;width:64px;height:52px;border-radius:10px;overflow:hidden;padding:0;border:2px solid transparent;opacity:.65;background:#000;cursor:pointer;transition:all .2s}
.rh-thumbs button.on{border-color:var(--accent2,#ffb13b);opacity:1;transform:translateY(-2px)}.rh-thumbs img{width:100%;height:100%;object-fit:cover}

.g-setup{display:flex;flex-direction:column;gap:4px;margin:14px 0 6px;padding:12px 14px;border:1px dashed #ffb13b88;border-radius:14px;text-decoration:none;color:inherit;background:#ffb13b0d}.g-setup span{font-size:13px;color:var(--muted)}
.rh-thumbs{position:relative;z-index:2}
.rh-thumbs{z-index:3;margin-top:-34px;padding-bottom:6px}.rh-thumbs:not(:empty)+.result-body{margin-top:6px}
.rh-dots{display:none}.result-hero.multi .rh-credit{bottom:44px}.result-hero:not(.multi) .rh-credit{bottom:46px}

/* Been here + Your review */
.been{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#1f3b24,#17241a);border:1px solid #3fae5a55}
.been-ic{font-size:26px;line-height:1}
.your-rev{border:1px solid #ffb13b44;background:#ffb13b0c;border-radius:16px;padding:14px;margin:4px 0 14px}
.your-rev.empty{display:flex;align-items:center;gap:12px;justify-content:space-between}.your-rev.empty p{margin:2px 0 0}
.yr-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.yr-stars{color:#ffb13b;letter-spacing:1px}.yr-stars i{color:#ffffff30;font-style:normal}
.your-rev .pill{font-size:11px;padding:2px 8px}.your-rev .pill.ok{background:#3fae5a33;color:#9be3ae}
.your-rev>p{margin:8px 0;white-space:pre-line}.yr-f{display:flex;align-items:center;justify-content:space-between}
#rVisit.done{background:#1f3b24;border-color:#3fae5a66;opacity:1}

/* Friends feed */
.fi{padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);margin:0 0 10px;cursor:pointer}
.fi-top{display:flex;gap:10px;align-items:flex-start}.fi-top .muted{font-size:12px;margin-top:2px}
.av.sm{width:34px;height:34px;border-radius:50%;flex:none;font-size:15px;display:grid;place-items:center;object-fit:cover;background:var(--grad);color:#1b0c05;font-weight:800}
.fi-pic{width:58px;height:58px;border-radius:12px;object-fit:cover;flex:none;display:grid;place-items:center;font-size:26px;background:rgba(255,255,255,.06)}
.fi-note{margin:8px 0 0 44px;font-size:14px;color:#eadcd2}
.fi-dishes{margin:8px 0 0 44px;display:grid;gap:6px}.fi-dish{background:#ffb13b10;border:1px solid #ffb13b30;border-radius:12px;padding:7px 10px;font-size:13.5px;display:flex;flex-direction:column}.fi-dish small{color:var(--muted);margin-top:2px}
.pill.friends{background:#3b82f633;border-color:#60a5fa66;color:#dbeafe}

/* Check-in dish picker */
.dish-sugg{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.dish-sugg .opt small{color:#ffb13b;margin-left:4px}.dish-sugg .opt.add{border-style:dashed}
.dish-list{display:grid;gap:8px}.dl-row{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.03)}
.dl-h{display:flex;align-items:center;gap:8px}.dl-h b{flex:1;min-width:0}.dl-x{background:none;border:0;color:var(--muted);font-size:16px;cursor:pointer;padding:4px}
.dl-row .star-pick{margin:6px 0}.dl-row .dl-c{margin-top:4px}

/* Alerts */
.side-badge{margin-left:auto;background:#ff5a36;color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;padding:0 6px}
.al-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.al-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 12px 12px 14px;border-radius:14px;background:transparent;border:0;color:inherit;cursor:pointer;position:relative}
.al-row + .al-row{margin-top:8px}.al-t b{line-height:1.3}.al-t small{line-height:1.35}
.al-row:hover{background:rgba(255,255,255,.05)}.al-row.unread{background:#ff7a2f14}.al-row.unread::before{content:'';position:absolute;left:5px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#ff7a2f}
.al-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:rgba(255,255,255,.07);flex:none}.al-pic{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none}
.al-row .av.sm{width:40px;height:40px}.al-t{flex:1;min-width:0;display:flex;flex-direction:column}.al-t small{color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.al-time{font-size:12px;color:var(--muted);flex:none}.al-count{color:#ff7a2f}
.al-set{width:100%;border-collapse:collapse;margin-bottom:10px}.al-set th{font-size:12px;color:var(--muted);font-weight:600;padding:4px 6px;text-align:center}.al-set td{padding:10px 6px;border-top:1px solid var(--line);font-size:14px}.al-set td:not(:first-child){text-align:center;width:64px}.al-set input{width:20px;height:20px;accent-color:#ff7a2f}
.icon-btn .badge{position:absolute;top:-2px;right:-2px}.icon-btn{position:relative}

.topbar .js-bell{display:none!important}@media (min-width:900px){.topbar .js-bell:not([hidden]){display:grid!important}}
.nav-badge{top:2px;right:calc(50% - 22px)}

/* Desktop: big details window */
@media (min-width:900px){
  #detailSheet{width:min(1040px,94vw);max-width:none;max-height:92dvh}
  #detailSheet .sheet-b{padding:4px 28px 28px}
  #detailSheet .d-gallery button{width:46%;aspect-ratio:4/3}#detailSheet .d-gallery button:first-child{width:62%}
  #detailSheet .sheet-h h2{font-size:28px}
}
@media (min-width:1300px){#detailSheet .d-gallery button{width:38%}#detailSheet .d-gallery button:first-child{width:52%}}

/* People rows, profiles, yum, send */
.person{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.p-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:0;color:inherit;text-align:left;cursor:pointer;padding:0}
.p-main .av{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;object-fit:cover;background:var(--grad);color:#1b0c05;font-weight:800}
.p-t{display:flex;flex-direction:column;min-width:0}.p-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-t small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fi-av,.fi-name{cursor:pointer}.fi-name:hover{text-decoration:underline}
.fi.rec{border-color:#ff7a2f66;background:#ff7a2f12}
.fi-acts{margin:8px 0 0 44px;display:flex;gap:8px}
.fi-yum{background:rgba(255,255,255,.06);border:1px solid var(--line);color:inherit;border-radius:99px;padding:5px 12px;font:600 13px Inter,sans-serif;cursor:pointer}
.fi-yum.on{background:#ffb13b26;border-color:#ffb13b88;color:#ffd48a}
.pf-head{display:flex;align-items:center;gap:14px;margin:4px 0 14px}.pf-head h3{margin:0;font-size:22px}.pf-head p{margin:2px 0 0}
.av.pf-av{width:68px;height:68px;border-radius:50%;flex:none;font-size:28px;display:grid;place-items:center;object-fit:cover;background:var(--grad);color:#1b0c05;font-weight:800}
.pf-fy{color:#9be3ae}
.pf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.pf-stats div{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center;display:flex;flex-direction:column}.pf-stats b{font-size:20px}.pf-stats small{color:var(--muted);font-size:11.5px}
.pf-match{background:linear-gradient(135deg,#2a1710,#1b120e);border:1px solid #ff7a2f44;border-radius:16px;padding:12px 14px;margin-bottom:6px}.pf-mh{display:flex;justify-content:space-between;margin-bottom:8px}
.pf-bar{height:10px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-bottom:6px}.pf-bar i{display:block;height:100%;background:var(--grad);border-radius:99px}
.pf-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.pf-row::-webkit-scrollbar{display:none}
.pf-tile{flex:none;width:120px;background:none;border:0;color:inherit;text-align:left;padding:0;cursor:pointer}.pf-tile img,.pf-tile span{width:120px;height:90px;border-radius:12px;object-fit:cover;display:grid;place-items:center;font-size:30px;background:rgba(255,255,255,.06)}
.pf-tile b{display:block;font-size:13px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-tile small{color:#ffb13b;font-size:11px}
.pf-dish{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;width:100%;text-align:left;background:#ffb13b10;border:1px solid #ffb13b30;border-radius:12px;padding:8px 10px;margin:0 0 6px;color:inherit;cursor:pointer}.pf-dish small{width:100%;color:var(--muted)}
.d-friends{display:flex;flex-wrap:wrap;gap:8px}.d-friend{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:99px;padding:5px 12px 5px 5px;color:inherit;cursor:pointer}.d-friend span{display:flex;flex-direction:column;text-align:left;line-height:1.2}.d-friend small{color:var(--muted);font-size:11.5px}
.send-list{display:grid;gap:6px;max-height:280px;overflow-y:auto}.send-p{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.send-p:has(input:checked){border-color:#ff7a2f;background:#ff7a2f14}.send-p input{accent-color:#ff7a2f}.send-p small{color:var(--muted)}
#gridSheet .tabs{flex-wrap:nowrap;overflow-x:auto}

/* Location suggestions */
.loc-sugg{margin-top:6px;display:grid;gap:2px}.loc-sugg:empty{display:none}
.ls-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border-radius:12px;background:transparent;border:0;color:inherit;cursor:pointer}
.ls-row:hover,.ls-row.on{background:rgba(255,255,255,.07)}.ls-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);flex:none}
.ls-t{display:flex;flex-direction:column;min-width:0}.ls-t small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Nearby / similar tiles */
.np-tile{flex:none;width:150px;background:none;border:0;color:inherit;text-align:left;padding:0;cursor:pointer}
.np-pic{position:relative;display:block;width:150px;height:112px;border-radius:14px;overflow:hidden;background:var(--surface2)}
.np-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.np-pic .art{position:absolute;inset:0}.np-pic .art span{font-size:40px}
.np-tile b{display:block;font-size:13.5px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-tile small{color:var(--muted);font-size:12px}
@media (min-width:900px){.np-tile{width:180px}.np-pic{width:180px;height:132px}}

/* Details action buttons come alive on hover (desktop) */
@media (hover:hover) and (pointer:fine){
  .d-actions a,.d-actions button{transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s}
  .d-actions a:hover,.d-actions button:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0006;background:var(--surface3,#33261f)}
  .d-actions .go:hover{background:var(--grad);box-shadow:0 8px 26px #ff7a2f66}
  .d-actions a:hover svg,.d-actions button:hover svg{animation:iconPop .45s ease}
  .d-actions .go:hover svg{animation:iconFly .7s ease}
  .d-actions [data-dsave]:hover svg{animation:iconBeat .6s ease}
  .d-actions a[href^="tel:"]:hover svg{animation:iconRing .6s ease}
  .d-actions a[href^="http"]:not(.go):hover svg{animation:iconSpin .9s cubic-bezier(.3,.9,.4,1)}
  .d-actions [data-dshare]:hover svg{animation:iconHop .5s ease}
  .d-links .btn:hover,.pf-tile:hover img,.np-tile:hover .np-pic{transform:translateY(-2px)}
  .np-pic,.pf-tile img{transition:transform .25s ease,box-shadow .25s ease}.np-tile:hover .np-pic{box-shadow:0 10px 26px #0007}
}
@keyframes iconFly{0%{transform:none}40%{transform:translate(5px,-5px) scale(1.15)}41%{transform:translate(-6px,6px) scale(.9);opacity:0}70%{opacity:1}100%{transform:none}}
@keyframes iconRing{0%,100%{transform:rotate(0)}15%{transform:rotate(-18deg)}30%{transform:rotate(16deg)}45%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.d-actions svg{animation:none!important}}

/* Sponsored reel headline + button */
.promo-hl{margin:8px 0 6px;padding:8px 12px;border-radius:14px;background:linear-gradient(135deg,#ff4d3acc,#ffb13bcc);color:#1b0c05;font-weight:800;font-size:15px;display:inline-block;max-width:100%;box-shadow:0 6px 20px #0006}
.promo-cta{display:inline-flex;align-items:center;gap:6px;margin:4px 0 8px;padding:10px 18px;border-radius:99px;border:0;background:#fff7f0;color:#1b0c05;font:800 14px Inter,sans-serif;cursor:pointer;box-shadow:0 6px 18px #0007;transition:transform .2s}
.promo-cta:hover{transform:translateY(-2px) scale(1.03)}
.pill.sm{font-size:10px;padding:1px 6px;vertical-align:2px}

/* Passport tiers */
.pp-bar{height:8px;border-radius:99px;background:#ffffff14;overflow:hidden;margin:6px 0 12px}.pp-bar i{display:block;height:100%;background:var(--grad)}
.pp-h{margin:14px 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pp-h small{letter-spacing:0;text-transform:none;margin-left:6px}
.pp-all summary{cursor:pointer;font-weight:700;padding:10px 0;color:var(--accent2,#ffb13b)}
.stamp{position:relative}.stamp .st-bar{display:block;height:4px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:4px;width:80%}.stamp .st-bar i{display:block;height:100%;background:#ffb13b99}
.stamp.on.t-bronze{box-shadow:inset 0 0 0 2px #cd7f32aa}.stamp.on.t-silver{box-shadow:inset 0 0 0 2px #c9d1d9cc}.stamp.on.t-gold{box-shadow:inset 0 0 0 2px #ffd24acc,0 0 14px #ffd24a33}.stamp.on.t-legend{box-shadow:inset 0 0 0 2px #c084fc,0 0 18px #c084fc55;background:linear-gradient(160deg,#2a1840,#1b120e)}

/* Photo zoom in the lightbox */
.lb-track .zoom-box{flex:0 0 100%;height:100%;display:grid;place-items:center;overflow:hidden;scroll-snap-align:center;touch-action:pan-x;cursor:zoom-in}
.lb-track .zoom-box img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;will-change:transform;user-select:none;-webkit-user-drag:none}
.lb-track .zoom-box.zoomed{cursor:grab;touch-action:none}.lb-track .zoom-box.zoomed:active{cursor:grabbing}
.lb-track.locked{overflow:hidden!important;scroll-snap-type:none}
.zoom-ctl{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:6;background:#000a;border:1px solid #ffffff22;border-radius:99px;padding:5px;backdrop-filter:blur(10px)}
.zoom-ctl button{width:40px;height:40px;border-radius:50%;border:0;background:#ffffff14;color:#fff;font:700 18px Inter,sans-serif;cursor:pointer}.zoom-ctl button:hover{background:#ffffff2a}
.zoom-hint{position:absolute;top:calc(20px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);margin:0;padding:6px 12px;border-radius:99px;background:#000a;color:#fffc;font-size:13px;z-index:6;transition:opacity .5s;pointer-events:none}.zoom-hint.gone{opacity:0}

/* Active search / filter bar */
.fbar{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:6px 14px 8px;position:relative;z-index:6}
.fbar::-webkit-scrollbar{display:none}
.fb-label{flex:none;font-size:12px;font-weight:700;color:#1b0c05;background:var(--grad);padding:5px 10px;border-radius:99px;box-shadow:0 4px 14px #ff7a2f55}
.fb-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;border:1px solid #ffb13b88;background:#1b120ecc;color:#fff;font:600 12.5px Inter,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.fb-chip b{font-size:11px;opacity:.7}.fb-chip:hover b{opacity:1;color:#ff8a73}
.fb-clear{flex:none;border:0;background:none;color:#ffb13b;font:700 12.5px Inter,sans-serif;cursor:pointer;padding:5px 6px;text-decoration:underline}
.fbar{position:absolute;top:calc(var(--top) + 104px);left:0;right:0;z-index:19}

/* Your uploads */
.my-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.mm{display:flex;flex-direction:column;gap:6px}.mm-pic{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--surface2)}.mm-pic img,.mm-pic video{width:100%;height:100%;object-fit:cover}
.mm small{color:var(--muted);font-size:12px}.mm-del{width:100%}

/* Inside the Android / iPhone app */
.in-app .js-install,.in-app .install-row{display:none!important}

.pz-hero{width:84px;height:84px;filter:drop-shadow(0 6px 20px #ff7a2f66);animation:pzSpin 6s linear infinite}@keyframes pzSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pz-hero{animation:none}}

/* Photo position bars: at the bottom of the reel, just above the menu (away from the category chips) */
.reel .bg>.bars{top:auto;bottom:calc(var(--nav-h) + var(--bottom) + 14px);left:16px;right:16px;gap:5px;filter:drop-shadow(0 1px 3px #000c)}
.reel .bg>.bars i{height:4px;background:#ffffff55}.reel .bg>.bars i.on{background:#fff}
@media (min-width:900px){.reel .bg>.bars{bottom:10px}}

/* Roulette: feed filters in use */
.rou-ff{border:1px solid #ffb13b55;background:#ffb13b12;border-radius:16px;padding:10px 12px;margin:0 0 16px}.rou-ff.off{opacity:.6}
.rou-ff-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.rou-ff-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.rou-ff-chips span{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:99px;background:#1b120e;border:1px solid #ffb13b66}
.rou-ff.off .rou-ff-chips span{text-decoration:line-through}

/* Nearby / Friends feed switch */
.mode-seg{flex:none;display:inline-flex;padding:3px;border-radius:99px;background:#000a;border:1px solid #ffffff26;backdrop-filter:blur(12px);margin-right:4px}
.mode-seg button{border:0;background:none;color:#fffc;font:700 13px Inter,sans-serif;padding:7px 12px;border-radius:99px;cursor:pointer;white-space:nowrap}
.mode-seg button.on{background:var(--grad);color:#1b0c05}
#cats.friends-mode>:not(.mode-seg){display:none}
/* Friend activity on a reel */
.fa{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:8px 12px 8px 8px;border-radius:16px;background:#0b1b33cc;border:1px solid #60a5fa66;backdrop-filter:blur(10px);max-width:100%;cursor:pointer}
.fa-avs{display:flex;flex:none}.fa-avs .fa-av{width:30px;height:30px;border-radius:50%;border:2px solid #0b1b33;margin-left:-8px;display:grid;place-items:center;object-fit:cover;background:var(--grad);color:#1b0c05;font-weight:800;font-size:13px}.fa-avs .fa-av:first-child{margin-left:0}
.fa-t{display:flex;flex-direction:column;font-size:13.5px;line-height:1.3;min-width:0;color:#e8f0ff}.fa-t small{color:#bfd3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fa-st{color:#ffd24a}

/* Paid ad post reels */
.adpost-reel{cursor:pointer}
.adpost-reel .ap-media{position:absolute;inset:0;z-index:-2;background:#000}
.adpost-reel .ap-media img,.adpost-reel .ap-media video{width:100%;height:100%;object-fit:cover}
.adpost-reel .ap-media .art{position:absolute;inset:0}
.ap-top{position:absolute;z-index:5;left:16px;top:calc(var(--top) + 150px);display:flex;align-items:center;gap:8px}.ap-top small{color:#fffc;font-weight:700;text-shadow:0 1px 4px #000}
.ap-info h2{font-size:28px;line-height:1.1;margin:0 0 6px;text-shadow:0 2px 12px #000c}
.ap-body{margin:0 0 10px;color:#fffe;font-size:15px;line-height:1.4;text-shadow:0 1px 6px #000c;max-width:520px}
.adpost-reel .info{right:16px}
@media (min-width:900px){.ap-top{top:calc(var(--top) + 150px)}}
.adpost-reel .ad-hint{display:none}

/* Food trucks */
.chip.chip-truck{border-color:#34d39988;background:#0f2a1ecc}.chip.chip-truck.on{background:linear-gradient(135deg,#34d399,#a3e635);color:#06140d}
.pill.truck-live{background:#16a34a;color:#fff;border-color:#4ade80;animation:tkPulse 2s ease-in-out infinite}.pill.truck{background:#0f2a1ecc;border-color:#34d39966;color:#bbf7d0}
@keyframes tkPulse{0%,100%{box-shadow:0 0 0 0 #4ade8066}50%{box-shadow:0 0 0 6px #4ade8000}}
.truck-card{display:flex;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#0f2a1e,#15201a);border:1px solid #34d39955}
.tk-ic{font-size:30px;line-height:1}.tk-live{color:#4ade80}.tk-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

.un-hint{margin:4px 2px 0;color:var(--muted)}.un-hint.bad{color:#ff9b7a}.input.bad{border-color:#ff6b3d;box-shadow:0 0 0 2px #ff6b3d33}
.sheet-back{flex:none;display:inline-flex;align-items:center;gap:2px;padding:6px 12px 6px 8px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff1f;color:var(--text);font:600 14px var(--body,inherit);cursor:pointer;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-back:hover{background:#ffffff1f}.sheet-back[hidden]{display:none}

.toast[popover]{inset:auto;left:50%;top:calc(var(--top) + 14px);margin:0;border:0;overflow:visible;color:#150e0a}
@starting-style{.toast.on{transform:translate(-50%,-250%)}}
.profile-head{position:relative}.profile-head .avatar.av-new{animation:avPop .9s cubic-bezier(.2,1.6,.4,1) .25s both;box-shadow:0 0 0 3px #0d0907,0 0 0 6px #ffb13b}
@keyframes avPop{0%{transform:scale(.6);box-shadow:0 0 0 3px #0d0907,0 0 0 6px #ffb13b00}60%{transform:scale(1.12)}100%{transform:scale(1);box-shadow:0 0 0 3px #0d0907,0 0 0 6px #ffb13b}}
.av-done{position:absolute;left:44px;top:40px;width:24px;height:24px;border-radius:50%;background:#2d9a55;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800;border:2px solid var(--surface);animation:avPop .6s .7s both}
/* ---- Profile v2 ---- */
.pf2{margin:-6px -2px 0}
.pf-cover{position:relative;height:128px;border-radius:20px;overflow:hidden;display:flex;background:linear-gradient(135deg,#ff4d3a,#ff7a2f 45%,#ffb13b)}
.pf-cover img{flex:1;min-width:0;height:100%;object-fit:cover}.pf-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#0d0907cc)}
.pf-cover.plain::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#ffffff33 0 14%,transparent 15%),radial-gradient(circle at 78% 60%,#ffffff26 0 18%,transparent 19%),radial-gradient(circle at 55% 20%,#ffffff1f 0 8%,transparent 9%)}
.pf-id{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:-46px 12px 0;position:relative;z-index:1}
.pf-avwrap{position:relative;flex:none}.pf-av2{width:92px;height:92px;border-radius:50%;border:4px solid var(--surface);object-fit:cover;display:grid;place-items:center;font:800 36px var(--display);background:var(--grad);color:#1b0c05}
.pf-lv{position:absolute;right:-2px;bottom:2px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1d1512;border:2px solid #ffb13b;font-size:16px}
.pf-acts{display:flex;gap:8px;align-items:center;padding-bottom:6px;flex-wrap:wrap;justify-content:flex-end}.pf-acts .btn{min-height:36px}.pf-acts .icon-only{width:36px;padding:0;justify-content:center;font-size:16px}
.btn.req{background:#ffffff14;color:var(--muted);border:1px dashed #ffffff40}
.pf-name{padding:10px 4px 4px}.pf-name h2{margin:0;font:800 26px/1.1 var(--display);letter-spacing:-.03em}.pf-name p{margin:4px 0 0}.pf-lock{font-size:18px}
.pf-lvt{color:#ffb13b;font-weight:700}
.pf-bio{margin:10px 0 0!important;font-size:15px;line-height:1.45;color:var(--text)}
.pf-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pf-tags span{padding:4px 10px;border-radius:99px;background:#ffffff10;font-size:12px;font-weight:600;color:var(--muted)}.pf-tags .pf-fy{background:#ffb13b22;color:#ffb13b}
.pf-stats2{display:grid;grid-template-columns:repeat(5,1fr);margin:16px 0 14px;border:1px solid var(--line);border-radius:18px;background:#ffffff08;overflow:hidden}
.pf-stats2 div{text-align:center;padding:12px 2px}.pf-stats2 div+div{border-left:1px solid var(--line)}.pf-stats2 b{display:block;font:800 20px var(--display)}.pf-stats2 small{font-size:11px;color:var(--muted)}
.pf-locked{text-align:center;padding:26px 14px;margin:8px 0;border:1px dashed #ffffff26;border-radius:20px;background:#ffffff05}.pf-lock-ic{font-size:40px}.pf-locked h3{margin:6px 0 4px}.pf-locked p{margin:0}
.pf-loves{margin:14px 0 4px}.pf-loves h4,.pf-sec h4{margin:0 0 8px;font-size:14px;color:var(--muted);font-weight:700}.pf-sec{margin:16px 0 4px}
.pf-tabs{position:sticky;top:-2px;z-index:2;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:18px -2px 10px;padding:8px 2px;background:var(--surface)}
.pf-tabs button{flex:none;padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:none;color:var(--muted);font-weight:700;font-size:13.5px;cursor:pointer}.pf-tabs button.on{background:var(--grad);color:#1b0c05;border-color:transparent}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pf-grid .pf-tile,.pf-grid .pf-tile img,.pf-grid .pf-tile span{width:100%}.pf-grid .pf-tile img,.pf-grid .pf-tile span{height:auto;aspect-ratio:4/3}
.pf-eat{display:flex;gap:12px;width:100%;text-align:left;background:#ffffff06;border:1px solid var(--line);border-radius:16px;padding:10px;margin-bottom:10px;color:inherit;cursor:pointer}
.pf-eat img,.pf-eat-ph{flex:none;width:84px;height:84px;border-radius:12px;object-fit:cover;display:grid;place-items:center;font-size:32px;background:#2a1a12}
.pf-eat-t{display:flex;flex-direction:column;gap:2px;min-width:0}.pf-eat-t b{font-size:15px}.pf-eat-t small{color:var(--muted);font-size:12px}.pf-eat-t i{font-size:13px;color:#eadcd2}.pf-had{color:#ffb13b!important}
@media(max-width:420px){.pf-stats2 b{font-size:17px}.pf-stats2 small{font-size:10px}}
.req-acts{display:flex;gap:6px;flex:none}.person.done{opacity:.6}
.p-rm{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--muted);cursor:pointer;margin-left:4px}.p-rm:hover{color:#ff9b7a;border-color:#ff9b7a}
.toggle>span{display:flex;flex-direction:column;gap:2px}.toggle>span small{font-weight:500;font-size:12.5px;line-height:1.35}
/* ---- Posts from places ---- */
.bizpost-reel{cursor:pointer}
.bizpost-reel .ap-media{position:absolute;inset:0;z-index:-2;background:#000}
.bizpost-reel .ap-media>img,.bizpost-reel .ap-media>video{width:100%;height:100%;object-fit:cover}
.bizpost-reel .info{right:16px}
.bp-top{position:absolute;z-index:5;left:14px;right:14px;top:calc(var(--top) + 150px);display:flex;align-items:center;gap:10px}
.bp-av{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:22px;background:#1d1512;border:2px solid #ffb13b}.bp-av img{width:100%;height:100%;object-fit:cover}
.bp-who{display:flex;flex-direction:column;min-width:0;text-shadow:0 1px 6px #000c}.bp-who b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-who small{font-size:12.5px;color:#fffd;font-weight:600}
.bp-body{font-size:16px;line-height:1.45;margin:0 0 12px;text-shadow:0 1px 8px #000;max-height:9.5em;overflow:hidden;white-space:pre-line}
.bp-text{position:absolute;inset:0;display:grid;place-items:center;padding:30% 28px 34%}
.bp-text p{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.15;text-align:center;color:#fff;white-space:pre-line;overflow-wrap:anywhere;text-shadow:0 2px 18px #0004}
.bp-text.sz-xl p{font-size:clamp(30px,8vw,46px)}.bp-text.sz-l p{font-size:clamp(24px,6vw,34px)}.bp-text.sz-m p{font-size:clamp(18px,4.6vw,24px);line-height:1.3}
.bg-ember{background:linear-gradient(150deg,#ff4d3a,#ff7a2f 55%,#c62d18)}.bg-mango{background:linear-gradient(150deg,#ffb13b,#ff7a2f)}.bg-basil{background:linear-gradient(150deg,#1f7a4a,#3ddc97)}.bg-ocean{background:linear-gradient(150deg,#1c4e89,#3aa0ff)}.bg-grape{background:linear-gradient(150deg,#5b2a86,#c86bfa)}.bg-night{background:linear-gradient(150deg,#1b1411,#4a2c20)}
.bp-list{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.bp-card{flex:none;width:200px}
.bp-cmedia{position:relative;width:200px;height:250px;border-radius:14px;overflow:hidden;background:#000}.bp-cmedia>img,.bp-cmedia>video{width:100%;height:100%;object-fit:cover}.bp-cmedia .bp-text{padding:18px}.bp-cmedia .bp-text p{font-size:18px!important}
.bp-cbody{font-size:13.5px;margin:6px 0 2px;white-space:pre-line;max-height:4.4em;overflow:hidden}

.post-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;background:#000}.post-feed .reel{position:relative;height:100%;scroll-snap-align:start;overflow:hidden}
.post-feed .bp-top{top:22px;right:60px}.post-feed .info{bottom:28px}
.bp-card{background:none;border:0;padding:0;color:inherit;text-align:left;cursor:pointer}.bp-cmedia{position:relative}.bp-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#000a;display:grid;place-items:center;font-size:16px;color:#fff}
/* ---- Trending everywhere ---- */
.trend-seg{flex:none;display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:#0008;border:1px solid #ffffff26;backdrop-filter:blur(8px)}
.trend-seg button{border:0;background:none;color:#fffc;font:700 12.5px var(--font);padding:6px 10px;border-radius:99px;cursor:pointer;white-space:nowrap}.trend-seg button.on{background:#fff;color:#150e0a}
.pill.place{background:#ffffff26}
.cities-reel{background:radial-gradient(circle at 30% 10%,#3a1d10,#0d0907 70%);overflow-y:auto}
.cz{position:absolute;inset:0;padding:calc(var(--top) + 150px) 18px 110px;overflow-y:auto}
.cz-h .kick{display:inline-block;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffb13b}.cz-h h2{font:800 30px/1.05 var(--display);letter-spacing:-.03em;margin:6px 0 6px}.cz-h p{color:var(--muted);margin:0 0 14px;font-size:14px}
.cz-cities{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cz-city{position:relative;height:96px;border-radius:16px;overflow:hidden;border:1px solid #ffffff1f;background:#2a1a12;color:#fff;text-align:left;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer}
.cz-city img,.cz-city>span{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:grid;place-items:center;font-size:34px}.cz-city::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 20%,#000c)}
.cz-city b,.cz-city small{position:relative;z-index:1}.cz-city b{font-size:15px}.cz-city small{font-size:11.5px;color:#fffc}
.cz h3{font-size:15px;margin:18px 0 8px}
.cz-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px;margin-bottom:6px;border-radius:14px;border:1px solid #ffffff14;background:#ffffff08;color:inherit;text-align:left;cursor:pointer}
.cz-row img,.cz-ph{flex:none;width:44px;height:44px;border-radius:10px;object-fit:cover;display:grid;place-items:center;background:#2a1a12;font-size:22px}.cz-row span{flex:1;min-width:0;display:flex;flex-direction:column}.cz-row b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cz-row small{color:var(--muted);font-size:12px}.cz-row em{font-style:normal;font-size:12px;color:#ffb13b;font-weight:700}
.cz-more{display:flex;flex-direction:column;align-items:center;gap:4px;margin:18px auto 0;padding:12px 22px;border-radius:99px;border:1px solid #ffb13b66;background:#ffb13b1a;color:#fff7f0;font:800 16px Inter,sans-serif;cursor:pointer;animation:czGlow 2.4s ease-in-out infinite}
.cz-more i{font-style:normal;font-size:26px;line-height:1;color:#ffb13b;animation:czBounce 1.4s ease-in-out infinite}
@keyframes czBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes czGlow{0%,100%{box-shadow:0 0 0 0 #ffb13b00}50%{box-shadow:0 0 0 8px #ffb13b22}}
@media (prefers-reduced-motion:reduce){.cz-more,.cz-more i{animation:none}}
@media(min-width:700px){.cz-cities{grid-template-columns:repeat(4,1fr)}}
/* Bigger, friendlier Check in button on the reel */
/* Check in: same style as the other rail buttons (it turns green once you've checked in) */
.rail .ci.done .rb{background:#2d9a55cc;color:#fff;border-color:transparent}
.btn svg{vertical-align:-5px}
/* Saved = red, everywhere */
.rail .saved .rb{background:#ff3d5a!important;border-color:transparent;box-shadow:0 4px 18px #ff3d5a66}.rail .saved .rb svg{fill:#fff;stroke:#fff}
[data-dsave].is-saved,#rSave.is-saved{background:#ff3d5a!important;color:#fff!important;border-color:transparent!important}[data-dsave].is-saved svg,#rSave.is-saved svg{fill:#fff;stroke:#fff}
.bp-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.bp-tag{padding:4px 10px;border-radius:99px;background:#000a;border:1px solid #ffffff33;font-size:12px;font-weight:800;backdrop-filter:blur(6px)}.bp-tag.ev{background:#ffb13bdd;color:#1b0c05;border:0}
.bp-pin{position:absolute;z-index:2;top:6px;right:6px;font-size:16px;filter:drop-shadow(0 1px 3px #000)}
.side-auth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 6px}.side-auth[hidden]{display:none}.side-auth .btn{padding:10px 8px;font-size:13.5px;justify-content:center;white-space:nowrap}
/* ---- Post reels: rail, gestures, video ---- */
.bizpost-reel .info{right:84px}
.bp-rail{bottom:calc(var(--nav-h) + var(--bottom) + 18px)}.post-feed .bp-rail{bottom:40px}
.bp-rail .liked .rb{background:#ff3d5a!important;border-color:transparent}.bp-rail .liked .rb svg{fill:#fff;stroke:#fff}
.bp-rail .rb{font-size:20px}
.bp-spons{position:absolute;z-index:5;right:14px;top:calc(var(--top) + 156px)}.post-feed .bp-spons{top:26px;right:62px}
.bp-prog{position:absolute;z-index:6;left:0;right:0;bottom:calc(var(--nav-h) + var(--bottom));height:14px;cursor:pointer;display:flex;align-items:flex-end}.post-feed .bp-prog{bottom:0}
.bp-prog::before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff33}.bp-prog i{position:relative;display:block;height:3px;width:0;background:#fff;transition:width .25s linear}.bp-prog:hover::before,.bp-prog:hover i{height:5px}
.bp-flash{position:absolute;z-index:7;left:50%;top:45%;transform:translate(-50%,-50%) scale(.6);font-size:64px;font-weight:800;color:#fff;text-shadow:0 4px 20px #000a;opacity:0;pointer-events:none;white-space:nowrap}
.bp-flash.on{animation:bpFlash .7s ease-out}
@keyframes bpFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
/* ---- Comments ---- */
#commentSheet .sheet-b{padding-bottom:10px;max-height:62dvh}
.cm{display:flex;gap:10px;padding:10px 0}.cm-b{flex:1;min-width:0}.cm-h{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.cm-h small{color:var(--muted);font-size:12px}.cm-b p{margin:2px 0 4px;font-size:14.5px;line-height:1.4;overflow-wrap:anywhere}
.cm-av{cursor:pointer;flex:none}.cm-badge{font-size:11px;font-weight:800;color:#1b0c05;background:#ffb13b;border-radius:99px;padding:1px 7px}.cm.own .cm-b p{color:#ffe3c2}
.cm-a{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px}.cm-rx{display:flex;gap:2px}.cm-e{background:none;border:1px solid transparent;border-radius:99px;padding:1px 5px;font-size:14px;cursor:pointer;opacity:.55}.cm-e small{font-size:11px;margin-left:2px;color:var(--text)}.cm-e.on,.cm-e:has(small){opacity:1}.cm-e.on{border-color:#ffb13b88;background:#ffb13b22}.cm-del{color:#ff9b82}
.cm-kids{margin-left:42px;border-left:2px solid var(--line);padding-left:10px}
.cm-empty{text-align:center;padding:24px 0}
.cm-form{padding:10px 16px calc(12px + var(--bottom));border-top:1px solid var(--line);background:var(--surface)}.cm-row{display:flex;gap:8px}.cm-row .input{flex:1;margin:0}.cm-replying{font-size:13px;color:var(--muted);margin-bottom:6px}
.p-logo{width:1.05em;height:1.05em;border-radius:50%;object-fit:cover;vertical-align:-.12em;margin-right:.3em;border:2px solid #fff}
.d-logo{width:44px;height:44px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:10px;border:2px solid #ffb13b}
.mi-pic{position:relative;flex:none;width:84px;height:84px;border-radius:12px;overflow:hidden}.mi-pic img{width:100%;height:100%;object-fit:cover}.mi-pic small{position:absolute;left:0;right:0;bottom:0;background:#000b;color:#fff;font-size:9.5px;font-weight:700;text-align:center;padding:2px 0}

/* Posts and ads: the place's name and picture sit at the bottom, just above the text and button; the video bar has room below the button. */
.bp-info .bp-top,.ap-info .ap-top{position:static;left:auto;right:auto;top:auto;margin:0 0 10px;display:flex;align-items:center;gap:10px;cursor:pointer}
.bp-info .bp-spons{position:static;margin-left:auto;flex:none}
.post-feed .bp-info .bp-top{top:auto;right:auto}
.bizpost-reel .info.has-prog,.adpost-reel .info.has-prog{bottom:calc(var(--nav-h) + var(--bottom) + 30px)}
.post-feed .bizpost-reel .info.has-prog{bottom:40px}
@media (min-width:900px){.bizpost-reel .info.has-prog,.adpost-reel .info.has-prog{bottom:38px}}
@media (min-width:900px){.bizpost-reel .bp-prog{bottom:4px}}
/* Phones: the round Rouleat button pokes up out of the bottom bar, so the video bar sits just above it. */
@media (max-width:899px){.bizpost-reel .bp-prog{bottom:calc(var(--nav-h) + var(--bottom) + 24px)}.bizpost-reel:has(.bp-prog) .bp-rail{bottom:calc(var(--nav-h) + var(--bottom) + 40px)}.post-feed .bizpost-reel:has(.bp-prog) .bp-rail{bottom:40px}.bizpost-reel .info.has-prog,.adpost-reel .info.has-prog{bottom:calc(var(--nav-h) + var(--bottom) + 52px)}.post-feed .bizpost-reel .bp-prog{bottom:0}.post-feed .bizpost-reel .info.has-prog{bottom:40px}}

.cm-more{font-size:16px;line-height:1;padding:0 4px;margin-left:auto}.cm-held{display:block;color:#ffab93;font-size:11.5px;margin-top:4px}
.more-menu .link-row{margin:0 0 6px}.danger-link span:first-child{color:#ff9b82}

.g-native{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border-color:#fff;font-weight:700}

/* Badge unlocked popup + badge detail card */
.badge-pop .bp-tap{font-style:normal;font-size:12px;color:var(--accent2);margin-top:6px;opacity:.85}
.stamp[data-badge]{cursor:pointer;transition:transform .15s}.stamp[data-badge]:active{transform:scale(.96)}.stamp[data-badge]:focus-visible{outline:2px solid var(--accent2)}
.bd-dlg{border:0;padding:0;background:none;max-width:none;max-height:none;width:100%;height:100%;color:var(--text)}.bd-dlg[open]{display:grid;place-items:center}.bd-dlg:not([open]){display:none!important}
.bd-dlg::backdrop{background:#000b;backdrop-filter:blur(6px)}
.bd-card{position:relative;overflow:hidden;width:min(92vw,380px);margin:auto;padding:30px 22px 22px;border-radius:30px;text-align:center;background:var(--surface);box-shadow:0 30px 90px #000,0 0 0 1px #ffffff1f;animation:bdIn .55s cubic-bezier(.2,1.3,.3,1) both}
.bd-card.on{box-shadow:0 30px 90px #000,0 0 0 1px #ffb13b88,0 0 80px #ff7a2f44}
.bd-x{position:absolute;right:12px;top:12px;z-index:3}
.bd-medal{position:relative;width:150px;height:150px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;animation:bdSpin 1s cubic-bezier(.2,1,.3,1) both}
.bd-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#e0a272,#8a4b22,#e0a272);padding:9px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.t-silver .bd-ring{background:conic-gradient(#f1f1f4,#8d93a0,#f1f1f4)}.t-gold .bd-ring{background:conic-gradient(#ffe27a,#d08a0e,#ffe27a)}.t-legend .bd-ring{background:conic-gradient(#ff7ad9,#7c5cff,#3ddc97,#ffb13b,#ff7ad9);animation:bdRot 4s linear infinite}
.bd-medal::before{content:'';position:absolute;inset:9px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#3a2418,#1d1512 70%)}
.bd-shine{position:absolute;inset:9px;border-radius:50%;overflow:hidden;z-index:2;pointer-events:none}.bd-shine::before{content:'';position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;background:linear-gradient(100deg,#fff0,#fff5,#fff0);transform:skewX(-15deg);animation:bdShine 2.6s 1s ease-in-out infinite}
.bd-emoji{position:relative;z-index:1;font-size:74px;line-height:1;animation:bob 2.4s 1s ease-in-out infinite}
.bd-card:not(.on) .bd-medal{filter:grayscale(1);opacity:.65}.bd-card:not(.on) .bd-shine{display:none}
.bd-tier{color:var(--accent2);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}
.bd-card h2{font-family:var(--display);font-size:28px;margin:4px 0 6px}.bd-goal{font-weight:700;margin:0 0 6px;color:var(--text)}.bd-desc{font-size:14.5px}.bd-desc{color:#eadcd2;margin:0 0 12px;line-height:1.5}
.bd-got{color:#7fd89b;font-weight:700;margin:0 0 14px}.bd-left{color:var(--muted);margin:8px 0 0;font-size:14px}
.bd-prog{height:8px;border-radius:99px;background:#ffffff14;overflow:hidden}.bd-prog i{display:block;height:100%;background:var(--grad)}
.bd-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.bd-socials .btn{min-width:44px}.bd-tip{text-align:center;margin:10px 0 0;font-size:12px}
.bd-card .confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
@keyframes bdIn{0%{transform:translateY(30px) scale(.85);opacity:0}100%{transform:none;opacity:1}}
@keyframes bdSpin{0%{transform:scale(.2) rotateY(540deg);opacity:0}70%{transform:scale(1.08) rotateY(-10deg);opacity:1}100%{transform:none}}
@keyframes bdShine{0%{left:-60%}60%,100%{left:130%}}
@keyframes bdRot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bd-card,.bd-medal,.bd-emoji,.bd-shine::before,.t-legend .bd-ring{animation:none!important}}

.cm.cm-focus{animation:cmFocus 2.6s ease-out}
@keyframes cmFocus{0%,30%{background:#ffb13b33;box-shadow:0 0 0 2px #ffb13b88;border-radius:14px}100%{background:transparent;box-shadow:none}}

.theme-row{align-items:center}.seg-mini{display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:var(--bg2);border:1px solid var(--line2)}.seg-mini button{border:0;background:none;padding:6px 10px;border-radius:99px;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap}.seg-mini button.on{background:var(--grad);color:#1b0c05}
.d-about{color:#eadbd0}
.theme-row .seg-mini{flex-direction:row;flex-wrap:nowrap;flex:none}.theme-row .seg-mini button{display:inline-block;width:auto;margin:0}

.pf-badges{margin:4px 0 12px;padding:12px 14px;border-radius:16px;background:var(--bg2);border:1px solid var(--line)}
.pf-bh{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.pf-bh .linkish{margin-left:auto}
.pf-brow{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.pf-ball{margin-top:8px}
.pf-badge{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:14px 6px 12px;min-height:104px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;transition:transform .15s}
.pf-badge:active{transform:scale(.95)}.pf-badge span{font-size:28px;line-height:1;width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 40%,#3a2418,#1d1512 70%);box-shadow:0 0 0 3px #b8743f}
.pf-badge.t-silver span{box-shadow:0 0 0 3px #c9ccd4}.pf-badge.t-gold span{box-shadow:0 0 0 3px #f2b822}.pf-badge.t-legend span{box-shadow:0 0 0 3px #b06cff,0 0 12px #ff7ad966}
.pf-badge small{font-size:11.5px;line-height:1.25;padding:0 2px;text-align:center;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html[data-theme=light] .pf-badge span{background:radial-gradient(circle at 50% 40%,#fff6ee,#f3e2d4 70%)}

/* Text size setting: zoom the reading areas (screens, pop-ups, the text on reels) */
:root{--ts:1}
.sheet-h,.sheet-b,.sheet-f,.cm-form,.reel .info,.bd-card,.toast,.side-menu{zoom:var(--ts)}
.ts-row{flex-wrap:wrap}.ts-ctl{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;min-width:200px}.ts-ctl small{font-size:12px}.ts-ctl b{font-size:20px}.ts-ctl output{min-width:42px;text-align:right;font-size:13px;color:var(--muted)}
.ts-ctl input[type=range]{flex:1;max-width:180px;accent-color:var(--accent)}
.ts-row .ts-ctl{flex-direction:row!important;flex-wrap:nowrap}.theme-row{flex-wrap:wrap}
.bd-card{width:min(calc(92vw / var(--ts)),380px)}
.ts-ctl input[type=range]{height:28px;margin:0;background:none}

/* Check-in photos */
.ci-photos{margin-top:2px}
.ci-add{display:flex;gap:8px;flex-wrap:wrap}
.ci-btn{position:relative;overflow:hidden;cursor:pointer}
.ci-btn input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:0}
.ci-btn.off{opacity:.45;pointer-events:none}
.ci-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.ci-thumbs:not(:empty){margin-bottom:8px}
.ci-th{position:relative;width:72px;height:72px;border-radius:12px;overflow:hidden;flex:none;border:1px solid var(--line)}
.ci-th img{width:100%;height:100%;object-fit:cover;display:block}
.ci-th button{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#000a;color:#fff;font-size:12px;line-height:22px;padding:0;border:0}
.ci-strip{display:flex;gap:6px;margin:8px 0 0 44px;overflow-x:auto;scrollbar-width:none}
.ci-strip img{width:96px;height:96px;border-radius:12px;object-fit:cover;flex:none;cursor:zoom-in;border:1px solid var(--line)}
.ci-strip.sm{margin:6px 0 0}
.ci-strip.sm img{width:52px;height:52px;border-radius:9px}
.pf-eat{position:relative}
.pf-eat-n{position:absolute;left:14px;top:72px;background:#000b;color:#fff;font-size:11px;padding:1px 6px;border-radius:8px}
.d-awards{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.d-award{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:99px;background:linear-gradient(90deg,#ff4d3a,#ff7a2f,#ffb13b);color:#1b0c05;font-weight:800;font-size:13px;text-decoration:none}
.d-award.r2,.d-award.r3{background:#ffb13b22;color:#ffcf8a;border:1px solid #ffb13b55}
html[data-theme=light] .d-award.r2,html[data-theme=light] .d-award.r3{color:#9a4b0f}
.pp-share{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 14px}
.hh-ask{display:flex;align-items:center;gap:10px}
.hh-seg button{white-space:nowrap}
.va{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.va-rx{display:flex;gap:3px;flex-wrap:wrap}
.va-e,.va-c{background:rgba(255,255,255,.06);border:1px solid var(--line);color:inherit;border-radius:99px;padding:4px 7px;font:600 13px Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:3px;line-height:1.2}
.va-e small{font-size:11.5px;color:var(--muted)}
.va-e.on{background:#ffb13b26;border-color:#ffb13b88}
.va-yum{font-weight:700;margin-left:1px}.va-e.on .va-yum{color:#ffd48a}
html[data-theme=light] .va-e.on .va-yum{color:#996000}
@media (max-width:380px){.va{gap:4px}.va-rx{gap:2px}.va-e,.va-c{padding:4px 6px;font-size:12.5px}.va-e small{font-size:11px}}
.va-c{margin-left:auto;gap:4px}.va-c .js-c:empty{display:none}
.pf-eat-w{margin-bottom:10px}.pf-eat-w .pf-eat{margin-bottom:6px}.pf-eat-w .va{padding:0 4px}
html[data-theme=light] .va-e,html[data-theme=light] .va-c{background:#fff;border-color:#e7d9cd}
html[data-theme=light] .va-e.on{background:#fff1e0;border-color:#f2a35b}
.act-tabs{display:flex;gap:10px;padding:6px 18px 14px;overflow-x:auto;scrollbar-width:none}
.act-tabs button{flex:1 1 0;min-width:0;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--muted);font:700 15px Inter,sans-serif;cursor:pointer;white-space:nowrap}
@media (max-width:360px){.act-tabs{gap:8px;padding:6px 14px 12px}.act-tabs button{font-size:14px;padding:10px 10px}}
.act-tabs button.on{background:var(--grad);color:#1b0c05;border-color:transparent}
.act-n{background:#ff4d3a;color:#fff;border-radius:99px;font-size:11px;padding:1px 6px;line-height:1.3}
.act-tabs button.on .act-n{background:#1b0c05;color:#fff7f0}
html[data-theme=light] .act-tabs button:not(.on){background:#fff;border-color:#e7d9cd;color:#5b463a}
.moved-bar,.here-bar{position:fixed;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 24px));z-index:60;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:18px;background:#1d1512f2;border:1px solid #ffb13b55;color:#fff7f0;box-shadow:0 10px 30px #000a;backdrop-filter:blur(10px);animation:mbIn .35s ease;font-size:14px}
.moved-bar{top:calc(env(safe-area-inset-top,0px) + 118px)}
.here-bar{bottom:calc(env(safe-area-inset-bottom,0px) + 92px)}
/* Desktop: center over the feed, not the whole window (the side menu and place panel take space on each side). */
@media (min-width:900px){.moved-bar,.here-bar{left:calc(272px + (100% - 272px) / 2);width:min(560px,calc(100% - 272px - 32px))}}
@media (min-width:1240px){.moved-bar,.here-bar{left:calc(272px + (100% - 732px) / 2);width:min(560px,calc(100% - 732px - 32px))}}
.moved-bar span,.here-bar .hb-t{flex:1;min-width:0}
.here-bar .hb-ic{font-size:22px}.here-bar .hb-t small{display:block;color:#c4b0a2;font-size:12px}
.mb-go,.hb-go{flex:none;border:0;border-radius:99px;padding:8px 14px;background:var(--grad);color:#1b0c05;font:800 13px Inter,sans-serif;cursor:pointer}
.mb-x{flex:none;border:0;background:none;color:#c4b0a2;font-size:16px;padding:4px 6px;cursor:pointer}
@keyframes mbIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
.here-ban{display:inline-flex;align-items:center;gap:10px;margin-bottom:8px;padding:6px 6px 6px 12px;border-radius:99px;background:#000a;border:1px solid #ffb13b88;color:#fff7f0;font:700 13px Inter,sans-serif;backdrop-filter:blur(6px)}
.here-ban button{border:0;border-radius:99px;padding:6px 12px;background:var(--grad);color:#1b0c05;font:800 12.5px Inter,sans-serif;cursor:pointer}
html[data-theme=light] .moved-bar,html[data-theme=light] .here-bar{background:#fffffff2;color:#1b0c05;border-color:#f2a35b}
html[data-theme=light] .here-bar .hb-t small{color:#6b5a4e}
.install-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:4px 0 14px;padding:12px;border-radius:18px;border:1px solid #ffb13b55;background:linear-gradient(135deg,#ff4d3a22,#ffb13b18);color:inherit;cursor:pointer;font:inherit}
.install-card img{border-radius:12px;flex:none}.install-card .ic-t{flex:1;min-width:0}.install-card .ic-t b{display:block;font-size:15px}.install-card .ic-t small{color:var(--muted);font-size:12.5px}
.install-card .ic-go{flex:none;background:var(--grad);color:#1b0c05;font-weight:800;font-size:13px;padding:8px 14px;border-radius:99px}
.ios-share{vertical-align:-4px;color:#4da3ff}
.has-arrow #installBody{padding-bottom:58px}
.ios-arrow{position:fixed;left:50%;bottom:4px;transform:translateX(-50%);z-index:10000;font-size:44px;color:#ffb13b;text-shadow:0 2px 12px #000;animation:iosBob 1s ease-in-out infinite;pointer-events:none}
.ios-arrow.top{top:6px;bottom:auto;left:auto;right:18px;transform:none}
@keyframes iosBob{0%,100%{translate:0 0}50%{translate:0 10px}}
.ios-arrow.top{animation-name:iosBobUp}@keyframes iosBobUp{0%,100%{translate:0 0}50%{translate:0 -8px}}
html[data-theme=light] .install-card{background:linear-gradient(135deg,#fff0e6,#fff8ee);border-color:#f2a35b}
.intro{position:fixed;inset:0;z-index:9000;background:radial-gradient(circle at 50% 30%,#3a1408,#0d0907 70%);color:#fff7f0;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 14px) 0 calc(env(safe-area-inset-bottom,0px) + 18px);transition:opacity .3s}
.intro.out{opacity:0}
.in-skip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:16px;z-index:2;background:none;border:0;color:#c4b0a2;font:700 15px Inter,sans-serif;padding:8px;cursor:pointer}
.in-track{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.in-track::-webkit-scrollbar{display:none}
.in-card{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 28px;box-sizing:border-box}
.in-card h2{font:800 clamp(30px,8vw,44px)/1.08 "Bricolage Grotesque",Inter,sans-serif;margin:26px 0 12px;letter-spacing:-.5px}
.in-card h2 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.in-card p{color:#e6d6ca;font-size:16px;line-height:1.5;max-width:420px;margin:0}
.in-art{position:relative;width:min(240px,60vw);height:min(300px,40vh);display:grid;place-items:center}
.in-scroll{overflow:hidden;border-radius:28px;border:3px solid #ffffff2a;background:#140b07}
.in-reel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18px;gap:2px;font-size:15px;background:linear-gradient(180deg,#ff7a2f33,#140b07 80%)}
.in-reel span{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);font-size:84px}.in-reel b{font-size:18px}.in-reel i{font-style:normal;color:#ffc53d;font-size:13px}
.in-card.on .in-reel{animation:inReel 4.5s ease-in-out infinite}.in-card.on .in-reel.r2{animation-delay:-1.5s}.in-card.on .in-reel.r3{animation-delay:-3s}
.in-reel.r2{background:linear-gradient(180deg,#3ddc9733,#140b07 80%)}.in-reel.r3{background:linear-gradient(180deg,#ffb13b33,#140b07 80%)}
@keyframes inReel{0%{transform:translateY(100%)}8%,30%{transform:translateY(0)}38%,100%{transform:translateY(-100%)}}
.in-finger{position:absolute;bottom:18%;right:16%;font-size:40px;animation:inFinger 1.5s ease-in-out infinite;z-index:2}
@keyframes inFinger{0%{transform:translateY(30px);opacity:0}30%{opacity:1}80%{transform:translateY(-50px);opacity:1}100%{transform:translateY(-60px);opacity:0}}
.in-wheel{width:80%;filter:drop-shadow(0 10px 30px #ff5a3666)}.in-card.on .in-wheel{animation:inSpin 3.2s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes inSpin{0%{transform:rotate(0)}70%,100%{transform:rotate(1080deg)}}
.in-pointer{position:absolute;top:2%;left:50%;transform:translateX(-50%);border:14px solid transparent;border-top:22px solid #fff7f0;filter:drop-shadow(0 2px 4px #0008)}
.in-badges{grid-template-columns:1fr 1fr;gap:16px}.in-badges span{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:46px;background:#ffffff10;border:2px solid #ffb13b55}
.in-card.on .in-badges span{animation:inPop .5s both}.in-badges span:nth-child(2){animation-delay:.1s!important}.in-badges span:nth-child(3){animation-delay:.2s!important}.in-badges span:nth-child(4){animation-delay:.3s!important}
@keyframes inPop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
.in-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px}
.in-dots{display:flex;gap:7px}.in-dots i{width:8px;height:8px;border-radius:99px;background:#ffffff40;transition:.25s}.in-dots i.on{width:24px;background:#ff7a2f}
.in-next{min-width:150px}
@media (prefers-reduced-motion:reduce){.in-card.on .in-reel,.in-card.on .in-wheel,.in-finger{animation:none}.in-reel.r2,.in-reel.r3{display:none}.in-reel.r1{transform:none}}
/* Activity (Friends · Alerts · Saved): keep the sheet full height so switching tabs never shrinks and regrows it */
#gridSheet:has(#actTabs:not([hidden])){height:92dvh}
#gridSheet:has(#actTabs:not([hidden])) #gridBody{flex:1;min-height:0}
#gridSheet:has(#actTabs:not([hidden])) #gridBody > .loader:only-child{margin:26vh auto !important}
@media (min-width:900px){#gridSheet:has(#actTabs:not([hidden])){height:88dvh}}
.ns-sec{margin-bottom:18px}.ns-sec h4{margin:0 0 8px;font-size:15px}
.ns-freq{display:flex;gap:6px;flex-wrap:wrap}.ns-freq label{flex:1 1 0;min-width:0;text-align:center;padding:10px 6px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);font:600 13px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.ns-freq label.on{background:var(--grad);color:#1b0c05;border-color:transparent}.ns-freq input{position:absolute;opacity:0;pointer-events:none}
.ns-freq label:has(input:focus-visible){outline:2px solid #ff7a2f;outline-offset:2px}
.ns-hint{margin:8px 0}.al-set.mail-off td:last-child,.al-set.mail-off th:last-child{opacity:.35}
html[data-theme=light] .ns-freq label:not(.on){background:#fff;border-color:#e7d9cd}
.vh{padding:4px 0 14px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.vh-who{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer}.vh-who .av{width:34px;height:34px}
.vh-place{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:inherit;cursor:pointer}
.vh-pic{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none;display:grid;place-items:center;font-size:26px;background:rgba(255,255,255,.07)}
.vh-pt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vh-pt b{font-size:16px}.vh-pt small{color:var(--muted)}
.vh-note{margin:10px 2px 8px;font-style:italic}.vh .ci-strip{margin:8px 0 0}.vh .ci-strip img{width:104px;height:104px}.vh-dishes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.vh-dish{background:#ffb13b14;border:1px solid #ffb13b33;border-radius:99px;padding:5px 11px;font:600 13px Inter,sans-serif}.vh-dish i{font-style:normal;color:#ffb13b;margin-left:4px}
html[data-theme=light] .vh-dish i{color:#a35f00}
.vh-acts{display:flex;gap:8px;margin-top:12px}.vh-acts .btn{flex:1}
html[data-theme=light] .vh-place{background:#fff;border-color:#e7d9cd}
.f-note{margin:22px 0 4px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:13px;line-height:1.5;color:var(--muted)}
.f-note b{display:block;color:var(--text);font-size:14px;margin-bottom:6px}.f-note p{margin:0 0 8px}.f-note .btn{margin-top:4px}
html[data-theme=light] .f-note{background:#fff;border-color:#e7d9cd}
@media (max-width:899px){#quickTerms{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-right:-18px;padding-right:18px}#quickTerms::-webkit-scrollbar{display:none}}
.link-row + .install-card{margin-top:14px}
.side-logout{margin-top:6px;color:var(--muted)}.side-logout:hover{color:#ff8a8a}
.about-ic{width:22px;height:22px;flex:none;vertical-align:-5px;transition:transform .6s}.link-row .about-ic{width:20px;height:20px;margin-right:2px}a:hover>.about-ic,a:hover .about-ic{transform:rotate(180deg)}
.ci-card{display:flex;flex-direction:column;gap:12px}.ci-big{padding:15px 18px;font-size:16px;gap:8px}.ci-big svg,.ci-again svg{width:22px;height:22px}.ci-again{padding:11px 16px;font-size:15px;gap:6px;flex:none}
.link-row:has(+ hr.sep),.link-row:has(+ .install-card + hr.sep){border-bottom:0} /* no double lines */
.about-row{border-top:1px solid var(--line);margin-top:6px}.about-row:has(+ hr.sep){border-bottom:0}.about-l{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.about-l .about-ic{margin:0}
@media (min-width:900px){.mobile-only{display:none!important}}
.av-now{display:flex;align-items:center;gap:14px;margin:4px 0 12px}.av-now .avatar{width:64px;height:64px;font-size:26px;flex:none;object-fit:cover}
.sv-tools{margin-bottom:12px}.sv-chips{margin-top:10px}.sv-sort{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.sv-sort select{width:auto;padding:8px 12px;font-size:14px}
.map-rows{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;position:relative}.map-opts .chip.sm{padding:6px 11px;font-size:12.5px}
.map-fabs{position:absolute;right:12px;bottom:calc(150px + var(--bottom,0px));z-index:500;display:flex;flex-direction:column;gap:10px}
.map-fab{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#1d1512ee;color:#fff7f0;display:grid;place-items:center;box-shadow:0 6px 18px #000a;cursor:pointer}
.map-fab svg{width:22px;height:22px}.map-fab.busy svg{animation:spin 1s linear infinite}.map-fab.spin{background:var(--grad);border:0}.map-fab.spin img{width:30px;height:30px}.map-fab.spinning img{animation:spin .5s linear infinite}
.map-cards{position:absolute;left:0;right:0;bottom:calc(22px + var(--bottom,0px));z-index:500;pointer-events:none}.map-cards>*{pointer-events:auto}
.mc-count{display:inline-block;margin:0 0 6px 14px;padding:4px 10px;border-radius:99px;background:#1d1512ee;border:1px solid var(--line);font-size:12px;font-weight:700}
.mc-row{display:flex;gap:10px;overflow-x:auto;padding:0 14px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}.mc-row::-webkit-scrollbar{display:none}
.mc{flex:none;width:min(78vw,300px);scroll-snap-align:start;display:flex;align-items:center;gap:10px;padding:8px;border-radius:16px;background:#1d1512f2;border:1px solid var(--line);box-shadow:0 8px 22px #000a;cursor:pointer}
.mc img,.mc-ph{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none;display:grid;place-items:center;background:#ffffff10;font-size:28px}
.mc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mc-t b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-t small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-open{color:#3ddc97!important}.mc-closed{color:#ff8a8a!important}
.mc-go{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:var(--grad);color:#1b0c05;font:800 20px Inter,sans-serif;cursor:pointer}
.pin-saved{position:absolute;left:-8px;top:-8px;transform:rotate(45deg);font-style:normal;font-size:13px;filter:drop-shadow(0 1px 2px #000)}
.pin.flash{border-color:#fff;box-shadow:0 0 0 6px #ffb13b88,0 6px 16px #000a;scale:1.15}.pin.won{border-color:#fff;background:var(--grad);animation:pinWin 1s ease 2}
@keyframes pinWin{50%{scale:1.3}}
@media (min-width:900px){.mc{width:280px}.map-fabs{bottom:140px}}
html[data-theme=light] .mc,html[data-theme=light] .mc-count,html[data-theme=light] .map-fab:not(.spin){background:#fffffff2;color:#1b0c05;border-color:#e7d9cd}
#mapSheet .leaflet-bottom.leaflet-left{bottom:130px}#mapSheet .leaflet-control-attribution{font-size:9.5px}
.st-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 12px}.st-f{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:99px;border:1px solid #ffb13b66;background:#ffb13b1a;color:inherit;font:700 13.5px Inter,sans-serif;cursor:pointer}.st-f b{font-size:12px;opacity:.75}.st-note{margin:0 0 14px}
.map-search{display:flex;align-items:center;gap:8px;padding:0 6px 0 12px;height:44px;border-radius:14px;background:#1d1512f2;border:1px solid var(--line);box-shadow:0 6px 18px #0008}
.map-search svg{width:18px;height:18px;flex:none;opacity:.7}.map-search input{flex:1;min-width:0;background:none;border:0;color:inherit;font:500 15px Inter,sans-serif;outline:none}
.map-loc{flex:none;width:34px;height:34px;border-radius:10px;border:0;background:#ffffff14;font-size:16px;cursor:pointer;display:grid;place-items:center;color:inherit}.map-loc svg{width:17px;height:17px}
.map-res{position:absolute;top:50px;left:0;right:0;z-index:30;background:#1d1512;border:1px solid var(--line);border-radius:14px;padding:4px;box-shadow:0 10px 30px #000b;max-height:44vh;overflow:auto}
.mr-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:10px;background:none;color:inherit;font-size:18px;cursor:pointer}.mr-row:hover{background:#ffffff0f}
.mr-row span{display:flex;flex-direction:column;min-width:0}.mr-row b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-row small{font-size:12px;color:var(--muted)}.mr-area{border-top:1px solid var(--line);border-radius:0 0 10px 10px}
.pin.shut{opacity:.6}.pin.been{border-color:#3ddc97}
.pin-been{position:absolute;right:-9px;bottom:-9px;transform:rotate(45deg);font-style:normal;font-size:12px}
.pin-fr{position:absolute;left:-12px;bottom:-8px;transform:rotate(45deg);font-style:normal;font:800 10px Inter,sans-serif;background:#7c5cff;color:#fff;padding:1px 4px;border-radius:8px;white-space:nowrap}
.mc-been{color:#3ddc97}
html[data-theme=light] .map-search,html[data-theme=light] .map-res{background:#fffffff5;border-color:#e7d9cd;color:#1b0c05}
.mc-find{display:block;margin:0 auto 8px;padding:9px 16px;border-radius:99px;border:1px solid #ffb13b88;background:#1d1512f2;color:#fff7f0;font:700 13.5px Inter,sans-serif;box-shadow:0 6px 18px #000a;cursor:pointer}
.add-pop .leaflet-popup-content{margin:12px 14px}.add-here{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.add-here small{color:#c4b0a2}.add-here .btn{margin-top:6px}
html[data-theme=light] .mc-find{background:#fffffff2;color:#1b0c05}
.map-rows .map-here{position:static;transform:none;align-self:center;margin-top:2px;padding:10px 18px;box-shadow:0 8px 22px #000b;animation:upIn .25s ease}
@keyframes upIn{from{opacity:0;transform:translateY(-6px)}}
.d-lists{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 14px}.d-list{font-size:12.5px;padding:5px 10px;border-radius:99px;background:var(--bg2);border:1px solid var(--line);font-weight:600}
.ls-pick{margin-bottom:6px}.ls-row small{margin-left:4px}.ls-new{margin-top:6px}.ls-newrow{display:flex;gap:8px}.ls-newrow .input{flex:1}
.ls-emoji{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.ls-emoji button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);font-size:20px;cursor:pointer}.ls-emoji button.on{border-color:#ffb13b;background:#ffb13b26}
.sv-lists{margin-bottom:10px}.sv-lists small{opacity:.7;margin-left:2px}.ls-add{border-style:dashed!important}
.ls-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:14px;background:var(--bg2);border:1px solid var(--line)}.ls-bar span{display:flex;gap:6px}
.ls-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ls-acts{display:flex;gap:6px}
.been-map{margin:14px 0}.bm-h{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.bm-h .btn{margin-left:auto}.bm-map{height:240px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#15100d}.bm-tip{margin:6px 0 0}
.bm-map .pin{width:40px;height:40px;font-size:18px}
.fq-q{font-size:22px;margin:4px 0 16px;line-height:1.25}.fq-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fq-btns .ghost{grid-column:1/-1}.fq-why{margin:12px 0 0;text-align:center}
.rv-acts{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.rv-rx{display:flex;gap:4px;flex-wrap:wrap}.rv-acts .va-c{margin-left:auto}
.been.today{border-color:#3ddc9766}.ci-done{flex:none;padding:8px 12px;border-radius:99px;background:#3ddc9722;color:#3ddc97;font:700 13px Inter,sans-serif}
.ph-link{cursor:pointer;border-radius:16px;padding:6px;margin:-6px -6px 6px;transition:background .15s}.ph-link:hover,.ph-link:focus-visible{background:#ffffff0d;outline:none}.ph-link:active{transform:scale(.99)}
.ph-link h3::after{content:' ›';color:var(--muted);font-weight:600}
#mapCards .hs-wrap{position:relative}#mapCards .hs-arrow{top:50%;transform:translateY(-50%);z-index:2}
@media (min-width:900px){.mc-row{cursor:grab;scroll-snap-type:none}#mapCards .hs-arrow:not([hidden]){display:grid}}
.pill-link{cursor:pointer;color:inherit;font:inherit;border:1px solid var(--line);text-align:left}.pill-link:hover{border-color:#ffb13b88}
.hr-week{display:flex;flex-direction:column;gap:6px}.hr-row{display:grid;grid-template-columns:38px 1fr 10px 1fr auto;align-items:center;gap:6px}.hr-row .input{padding:8px 6px;font-size:14px;min-width:0}.hr-row.off .input{opacity:.35;pointer-events:none}
.hr-closed{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted);white-space:nowrap}.hr-closed input{accent-color:#ff7a2f}
/* LIGHT-MODE-START */
/* ================================================================ Light mode (Profile → App settings → Appearance). Dark is the default.
   Everything turns light except media: the reels in the feed, the post viewer, dish photos and the photo lightbox keep their dark look. */
html[data-theme=light]{--bg:#fffaf6;--bg2:#f6eee8;--surface:#ffffff;--surface2:#f4ece6;--line:#2a18101a;--line2:#2a181033;--text:#1b120e;--muted:#6b5a4e;--dim:#9a8678;--shadow:0 20px 60px #2a181033;--accent:#e0401c;--accent2:#b45d00;--star:#e39a00;--good:#13895a;--bad:#d63838;color-scheme:light}
html[data-theme=light] :is(.reel,#postSheet,#dishSheet,#lightbox,.keep-dark){--bg:#0d0907;--bg2:#15100d;--surface:#1d1512;--surface2:#271d18;--line:#ffffff1a;--line2:#ffffff2e;--text:#fff7f0;--muted:#c4b0a2;--dim:#8d7a6d;--accent:#ff5a36;--accent2:#ffb13b;--star:#ffc53d;--good:#3ddc97;--bad:#ff6b6b;color-scheme:dark}
html[data-theme=light] dialog::backdrop{background:#1b120e66}
/* generated from the dark styles: light-on-dark details become dark-on-light */
html[data-theme=light] .reel:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#efe5dd}
html[data-theme=light] .photo-card:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){box-shadow:0 30px 60px #000c,0 0 0 1px rgba(40,24,14,0.14)}
html[data-theme=light] .bars i:not(.on):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.246)}
html[data-theme=light] .credit:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.627)}
html[data-theme=light] .pill:not(.closed):not(.deal):not(.friends):not(.hot):not(.open):not(.place):not(.sponsored):not(.trend):not(.truck):not(.truck-live):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.129)}
html[data-theme=light] .pill.open:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#009949}
html[data-theme=light] .pill.closed:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#990000}
html[data-theme=light] .meta .dot:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.56)}
html[data-theme=light] .stars small:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.753)}
html[data-theme=light] .tagline:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.8)}
html[data-theme=light] .more-btn:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.154)}
html[data-theme=light] .art:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *))::after{background-image:radial-gradient(rgba(40,24,14,0.091) 1px,transparent 1px)}
html[data-theme=light] .loader:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){border:4px solid rgba(40,24,14,0.14)}
html[data-theme=light] .nav button:not(.on):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.722)}
html[data-theme=light] .nav .big .orb:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){border:3px solid #e8dbd1}
html[data-theme=light] .toggle input:not([type=range]):not(:checked):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.154)}
html[data-theme=light] .err:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#991500}
html[data-theme=light] .ok:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#07914b}
html[data-theme=light] .sheet-h:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *))::before{background:rgba(40,24,14,0.189)}
html[data-theme=light] .review .src.yelp:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#990000}
html[data-theme=light] .review .src.google:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#003699}
html[data-theme=light] .review .src.rouleat:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#993d00}
html[data-theme=light] .review p:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#7a461e}
html[data-theme=light] .star-pick button:not(.on):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.55)}
html[data-theme=light] .tile .tcap small:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.753)}
html[data-theme=light] .rou:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:radial-gradient(ellipse at 50% 35%,#3a1a0e 0%,#fffaf6 65%)}
html[data-theme=light] .crave button:not(.on):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.066)}
html[data-theme=light] .spin-cta:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:linear-gradient(#0d090700,#fffaf6 30%)}
html[data-theme=light] .result-card:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){box-shadow:0 40px 90px #000,0 0 0 1px rgba(40,24,14,0.112),0 0 80px #ff7a2f40}
html[data-theme=light] .reasons li:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#3a2a20}
@media (min-width:900px){html[data-theme=light] .stage:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){box-shadow:0 30px 80px #000c,0 0 0 1px rgba(40,24,14,0.091)}}
html[data-theme=light] .pill.deal:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00}
html[data-theme=light] #mapSheet:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#fffaf6}
html[data-theme=light] .pin:not(.deal):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#ffffff}
html[data-theme=light] .leaflet-popup-content-wrapper:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#ffffff;color:var(--text)}
html[data-theme=light] .leaflet-popup-tip:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#ffffff}
html[data-theme=light] .map-pop span:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:var(--muted)}
html[data-theme=light] .map-pop .pop-deal:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00}
html[data-theme=light] .leaflet-container:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#fffaf6}
html[data-theme=light] .leaflet-control-attribution a:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#544444!important}
html[data-theme=light] .pill.trend:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#220099}
html[data-theme=light] .stamp:not(.on):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){border:1px dashed rgba(40,24,14,0.189)}
html[data-theme=light] .ad-reel:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:radial-gradient(ellipse at 50% 30%,#241712,#efe5dd 70%)}
html[data-theme=light] .ad-box:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){box-shadow:0 30px 60px #000c,0 0 0 1px rgba(40,24,14,0.14)}
html[data-theme=light] .ad-box:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#f6eee8}
html[data-theme=light] .end-reel:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:radial-gradient(ellipse at 50% 35%,#2a130a,#efe5dd 70%)}
html[data-theme=light] .install-perks li:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:var(--card,rgba(40,24,14,.05))}
html[data-theme=light] .btn.danger-link:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#991900}
html[data-theme=light] .pr-row:hover:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)),html[data-theme=light] .pr-row:focus-visible:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.06)}
html[data-theme=light] .pr-row img:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)),html[data-theme=light] .pr-ph:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.06)}
html[data-theme=light] .linkish:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:var(--accent2,#995c00)}
html[data-theme=light] .rou-empty:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:linear-gradient(160deg,#2a1710,#f6eee8)}
html[data-theme=light] .re-fixes .opt:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.076)}
html[data-theme=light] .rh-dots i:not(.on):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.38)}
html[data-theme=light] .yr-stars:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00}
html[data-theme=light] .yr-stars i:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.55)}
html[data-theme=light] .your-rev .pill.ok:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#158332}
html[data-theme=light] .fi:not(.rec):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.04)}
html[data-theme=light] .fi-pic:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.06)}
html[data-theme=light] .fi-note:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#3a2a20}
html[data-theme=light] .pill.friends:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#004199}
html[data-theme=light] .dish-sugg .opt small:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00}
html[data-theme=light] .dl-row:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.03)}
html[data-theme=light] .al-row:hover:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.05)}
html[data-theme=light] .al-ic:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.07)}
html[data-theme=light] .al-count:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#993700}
html[data-theme=light] .fi-yum:not(.on):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.06)}
html[data-theme=light] .fi-yum.on:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#996000}
html[data-theme=light] .pf-fy:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#158332}
html[data-theme=light] .pf-stats div:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.05)}
html[data-theme=light] .pf-match:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:linear-gradient(135deg,#2a1710,#f6eee8)}
html[data-theme=light] .pf-bar:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.091)}
html[data-theme=light] .pf-tile img:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)),html[data-theme=light] .pf-tile span:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.06)}
html[data-theme=light] .pf-tile small:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00}
html[data-theme=light] .d-friend:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.05)}
html[data-theme=light] .ls-row:hover:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)),html[data-theme=light] .ls-row.on:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.07)}
html[data-theme=light] .ls-ic:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,.06)}
html[data-theme=light] .pp-bar:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.091)}
html[data-theme=light] .pp-all summary:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:var(--accent2,#995c00)}
html[data-theme=light] .stamp .st-bar:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.091)}
html[data-theme=light] .stamp.on.t-legend:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:linear-gradient(160deg,#2a1840,#f6eee8)}
html[data-theme=light] .zoom-ctl:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){border:1px solid rgba(40,24,14,0.14)}
html[data-theme=light] .zoom-ctl button:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.091)}
html[data-theme=light] .zoom-ctl button:hover:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.168)}
html[data-theme=light] .fb-chip:hover b:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#991900}
html[data-theme=light] .fb-clear:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00}
html[data-theme=light] .reel .bg>.bars i:not(.on):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.32)}
html[data-theme=light] .rou-ff-chips span:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#f6eee8}
html[data-theme=light] .mode-seg:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){border:1px solid rgba(40,24,14,0.154)}
html[data-theme=light] .mode-seg button:not(.on):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.8)}
html[data-theme=light] .fa-t:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#003599}
html[data-theme=light] .fa-t small:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#073a91}
html[data-theme=light] .fa-st:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#997200}
html[data-theme=light] .pill.truck:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#029636}
html[data-theme=light] .tk-live:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#0a8e3a}
html[data-theme=light] .un-hint.bad:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#992500}
html[data-theme=light] .sheet-back:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.084);border:1px solid rgba(40,24,14,0.129)}
html[data-theme=light] .sheet-back:hover:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.129)}
html[data-theme=light] .pf-cover.plain:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *))::before{background:radial-gradient(circle at 20% 30%,rgba(40,24,14,0.2) 0 14%,transparent 15%),radial-gradient(circle at 78% 60%,rgba(40,24,14,0.154) 0 18%,transparent 19%),radial-gradient(circle at 55% 20%,rgba(40,24,14,0.129) 0 8%,transparent 9%)}
html[data-theme=light] .pf-lv:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#ffffff}
html[data-theme=light] .btn.req:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.091);border:1px dashed rgba(40,24,14,0.246)}
html[data-theme=light] .pf-lvt:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00}
html[data-theme=light] .pf-tags span:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.076)}
html[data-theme=light] .pf-tags .pf-fy:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00}
html[data-theme=light] .pf-stats2:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.048)}
html[data-theme=light] .pf-locked:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){border:1px dashed rgba(40,24,14,0.154);background:rgba(40,24,14,0.038)}
html[data-theme=light] .pf-eat:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.041)}
html[data-theme=light] .pf-eat img:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)),html[data-theme=light] .pf-eat-ph:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#f1e7df}
html[data-theme=light] .pf-eat-t i:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#3a2a20}
html[data-theme=light] .pf-had:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00!important}
html[data-theme=light] .p-rm:hover:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#992500}
html[data-theme=light] .bp-av:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#ffffff}
html[data-theme=light] .bp-who small:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.867)}
html[data-theme=light] .bg-night:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:linear-gradient(150deg,#f4ece6,#4a2c20)}
html[data-theme=light] .trend-seg:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){border:1px solid rgba(40,24,14,0.154)}
html[data-theme=light] .trend-seg button:not(.on):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.8)}
html[data-theme=light] .pill.place:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.154)}
html[data-theme=light] .cities-reel:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:radial-gradient(circle at 30% 10%,#3a1d10,#fffaf6 70%)}
html[data-theme=light] .cz-h .kick:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00}
html[data-theme=light] .cz-city:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){border:1px solid rgba(40,24,14,0.129);background:#f1e7df}
html[data-theme=light] .cz-city small:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:rgba(27,18,14,0.8)}
html[data-theme=light] .cz-row:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){border:1px solid rgba(40,24,14,0.091);background:rgba(40,24,14,0.048)}
html[data-theme=light] .cz-row img:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)),html[data-theme=light] .cz-ph:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:#f1e7df}
html[data-theme=light] .cz-row em:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995c00}
html[data-theme=light] .bp-tag:not(.ev):not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){border:1px solid rgba(40,24,14,0.2)}
html[data-theme=light] .bp-prog:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *))::before{background:rgba(40,24,14,0.2)}
html[data-theme=light] .cm.own .cm-b p:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#995200}
html[data-theme=light] .cm-del:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#991e00}
html[data-theme=light] .cm-held:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#992100}
html[data-theme=light] .danger-link span:first-child:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#991e00}
html[data-theme=light] .bd-card:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){box-shadow:0 30px 90px #000,0 0 0 1px rgba(40,24,14,0.129)}
html[data-theme=light] .bd-medal:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *))::before{background:radial-gradient(circle at 50% 40%,#3a2418,#ffffff 70%)}
html[data-theme=light] .bd-shine:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *))::before{background:linear-gradient(100deg,rgba(40,24,14,0.02),rgba(40,24,14,0.32),rgba(40,24,14,0.02))}
html[data-theme=light] .bd-desc:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#3a2a20}
html[data-theme=light] .bd-got:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#188039}
html[data-theme=light] .bd-prog:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:rgba(40,24,14,0.091)}
html[data-theme=light] .d-about:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){color:#744624}
html[data-theme=light] .pf-badge span:not(:is(.reel,.reel *,#postSheet,#postSheet *,#dishSheet,#dishSheet *,#lightbox,#lightbox *,.keep-dark,.keep-dark *)){background:radial-gradient(circle at 50% 40%,#3a2418,#ffffff 70%)}
/* hand-tuned */
html[data-theme=light] :is(.chip.on,.opt.on,.tabs button.on){color:#fff}
html[data-theme=light] .d-about{color:#3a2a20}
html[data-theme=light] .pf-match{background:linear-gradient(135deg,#fff1e6,#fbe7da);border-color:#ff7a2f55}
html[data-theme=light] :is(.reel,#postSheet,#dishSheet,#lightbox,.keep-dark){color:var(--text)}
/* The bars over the feed: frosted light pills on top of the photos, a white tab bar at the bottom */
html[data-theme=light] .topbar{background:linear-gradient(#fffaf6f2,#fffaf6b0 55%,#fffaf600)}
html[data-theme=light] :is(.topbar .icon-btn,.loc-chip,.cats .chip:not(.on),.mode-seg,.cat-arrow,.trend-seg){background:#ffffffe8;color:var(--text);border:1px solid #2a18101f;box-shadow:0 2px 10px #2a18101a}
html[data-theme=light] .cats .chip.on{background:var(--text);color:#fff;border-color:transparent}
html[data-theme=light] .mode-seg button:not(.on){color:var(--muted)}
html[data-theme=light] .nav{background:#fffffff5;border-top:1px solid var(--line);box-shadow:0 -6px 24px #2a181014;backdrop-filter:blur(14px)}
html[data-theme=light] .nav button{color:var(--muted)}html[data-theme=light] .nav button.on{color:var(--accent)}
html[data-theme=light] .nav .big .orb{border-color:#fff}
html[data-theme=light] body{background:radial-gradient(ellipse at 50% -20%,#ffe6d4 0%,var(--bg) 55%)}
html[data-theme=light] .rou{background:radial-gradient(ellipse at 50% 35%,#ffe9da 0%,var(--bg) 65%)}
html[data-theme=light] .spin-cta{background:linear-gradient(#fffaf600,var(--bg) 30%)}
html[data-theme=light] .skeleton:not(.reel *){background:linear-gradient(110deg,#f1e7df 30%,#faf3ee 50%,#f1e7df 70%)}
html[data-theme=light] .rou-empty{background:linear-gradient(160deg,#fff1e6,#fbe7da);box-shadow:0 10px 30px #2a18101a}
html[data-theme=light] .stamp.on.t-legend{background:linear-gradient(160deg,#efe4ff,#fff4ec)}
html[data-theme=light] .truck-card{background:linear-gradient(135deg,#e3f6ec,#f1fbf5)}
html[data-theme=light] .panel{background:#ffffffd9}
html[data-theme=light] .cats .chip.chip-truck:not(.on){background:#e3f6ecee;color:#0d5a37}
html[data-theme=light] .badge,html[data-theme=light] .nav .badge{color:#fff}
html[data-theme=light] .nav button:not(.on):not(.big){color:#6b5a4e}