/* Cloud Palat: food first, no external fonts or autoplay. */
:root{--orange:#f16a2a;--pink:#e93795;--ink:#3b2431;--muted:#765b68;--line:#f0e3e8}body{color:var(--ink);line-height:1.55}header{padding:13px 5%;box-shadow:0 3px 18px #49213606}.brand{font-size:16px;letter-spacing:-.3px}.brand img{width:38px;height:38px}.hero,.explore-head{border-radius:24px;padding:24px 30px;margin:24px auto;box-shadow:none}.hero h1{font-size:42px;line-height:1.08;letter-spacing:-1.1px}.hero p{max-width:580px}.hero .tag,.explore-head .tag{letter-spacing:1.7px}.hero .filters{margin-top:20px}.explore-head h1{font-size:35px;line-height:1.1;letter-spacing:-.8px}.explore-head input{border:0;border-radius:16px;box-shadow:0 3px 12px #78283712;padding:14px 17px}.explore-caption{font-size:12px;line-height:1.5}.explore-head p{margin:10px 0}.layout{gap:28px}.post{border-color:var(--line);border-radius:22px;box-shadow:0 5px 22px #42213505}.post-top{padding:16px 20px;background:#fff}.avatar{background:linear-gradient(135deg,#fff1e7,#ffeaf4);color:#be306b}.body{padding:22px}.body h2{font:500 29px/1.15 Georgia,serif;letter-spacing:-.4px}.body p{font-size:14px;line-height:1.7}.actions{gap:7px;flex-wrap:wrap}.actions button{font-size:12px;font-weight:600;border:1px solid #efdee6;background:#fff8fa;color:#943456;padding:10px 14px}.actions .saved{background:#ffe2ed;color:#ad255b}.actions span{width:100%;margin:4px 0 0;color:#79636e;font-size:11px}.rights{color:#79636e;border-color:var(--line)}.rights summary{padding:6px 0}.discovery-grid{gap:12px}.discovery-tile{border-radius:18px;box-shadow:0 4px 18px #4525380a;isolation:isolate}.discovery-tile img,.discovery-tile video{transition:transform .28s ease}.tile-label{background:linear-gradient(transparent,#29131ce8);font-weight:650;line-height:1.25;padding:48px 12px 13px;letter-spacing:-.15px}.tile-type{font-weight:600;backdrop-filter:blur(8px);background:linear-gradient(125deg,#d94e12ee,#bc206dee);top:10px;right:10px}.empty{padding:36px 26px;text-align:center;border:1px dashed #efcfdc;border-radius:20px;background:#fff9fb;color:#775e69}.bottom{padding:9px 20px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -4px 22px #5c214916;backdrop-filter:blur(16px)}.bottom button{min-width:84px;min-height:40px;border-radius:24px;font-weight:600}.bottom button.active{background:#ffffff;color:#ad2859}.explore-layout{padding-bottom:110px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #84358e;outline-offset:3px}dialog{padding:26px;border-radius:24px;background:#fff;max-height:90vh;overflow:auto}dialog::backdrop{background:#291323a6;backdrop-filter:blur(4px)}dialog h2{font:32px/1.1 Georgia,serif;letter-spacing:-.5px}dialog p{font-size:14px}dialog .notice{background:#fff3ef;border:1px solid #ffe2d9;font-size:12px}#detail-dialog{padding:0;background:#fff;max-height:94vh}#detail-dialog .detail-close{margin:10px 12px 10px auto;background:#fff;border-color:#ead9e1;color:#962e56;font-size:12px;font-weight:600}#detail-dialog .media img{aspect-ratio:auto;object-fit:contain;max-height:60vh;background:#1d1117}#detail-dialog .media video{aspect-ratio:auto;max-height:58vh;min-height:0}#detail-dialog .media{min-height:0}#detail-dialog .body{padding:20px 22px 28px}.creator-panel h2{margin:10px 0 18px}.creator-panel .row{gap:9px}input[type=file]{font-size:12px;background:#fff8fa}.upload-guide{border:1px solid #efdee6;border-radius:14px;padding:14px;background:#fff9fb;font-size:12px;color:#75576a}.upload-guide strong{color:#6f2b4c}#upload-preview{max-width:100%;max-height:220px;border-radius:14px;margin:10px 0;background:#24171d}.upload-file-note{font-size:12px;color:#715565}#food-search-clear{border:1px solid #f8d8e5;border-radius:20px;padding:8px 14px;background:#ffffff;color:#a52b59;font-size:12px;margin-top:6px}.catalog-help{font-size:12px;color:#775e69;padding:16px 4px}
@media(hover:hover){.discovery-tile:hover img{transform:scale(1.035)}.actions button:hover{background:#ffe9f0}.discovery-tile:hover{box-shadow:0 7px 25px #45253820}}
@media(max-width:760px){header{padding:12px 16px;flex-wrap:nowrap}.brand{font-size:13px!important}.brand img{width:33px!important;height:33px}.header-actions{margin-left:0}.hero,.explore-head{margin:16px 14px 22px;padding:22px;border-radius:22px}.hero h1{font-size:35px}.hero h1 br,.explore-head h1 br{display:none}.hero p{max-width:none;font-size:13px}.hero .filters{margin-top:16px;gap:6px}.hero .filters button{padding:9px 12px;font-size:12px}.hero:after{opacity:.12}.explore-head h1{font-size:31px;margin:10px 0 14px}.explore-head .explore-caption{font-size:11px}.explore-head input{padding:13px 15px;font-size:14px}.explore-head label{display:block;margin-top:12px}.explore-head #explore-count{margin:10px 0 0}.discovery-grid{gap:9px}.discovery-tile{border-radius:15px}.tile-label{font-size:12px;padding:40px 10px 12px}.tile-type{font-size:10px;padding:4px 7px}.post{border-radius:20px}.post-top{padding:14px 16px}.body{padding:18px}.body h2{font-size:27px}.layout{padding-left:14px;padding-right:14px}.actions button{padding:9px 12px;font-size:11px}.bottom{gap:8px}.bottom button{font-size:11px}.media video{min-height:0}.hero h1{max-width:270px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.food-banner{max-width:1100px;margin:0 auto 24px;padding:0 28px}.banner-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.banner-heading .tag{color:#a3335d}.banner-heading h2{font:26px/1.1 Georgia,serif;margin:6px 0;color:#442733}.banner-heading button{border:1px solid #e9d4df;background:white;color:#963354;padding:10px 13px;border-radius:22px;font-size:11px;min-width:100px}.banner-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.banner-food{border:0;border-radius:16px;padding:0;aspect-ratio:4/5;position:relative;overflow:hidden;background:#fbf0f4}.banner-food img{display:block;width:100%;height:100%;object-fit:cover}.banner-food span{position:absolute;bottom:0;left:0;right:0;padding:34px 8px 9px;background:linear-gradient(transparent,#301723e8);color:white;font-size:10px;font-weight:650;line-height:1.2;text-align:left}.banner-note{color:#775c69;font-size:10px;margin:10px 0;line-height:1.5}.food-banner[hidden]{display:none}@media(max-width:760px){.food-banner{padding:0 15px;margin-bottom:20px}.banner-heading h2{font-size:23px}.banner-heading .tag{font-size:9px}.banner-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px;gap:9px}.banner-food{flex:0 0 105px;scroll-snap-align:start;aspect-ratio:4/5}.banner-food span{font-size:9px}.banner-heading button{font-size:10px;padding:9px 11px;min-width:92px}.banner-note{font-size:10px}}
.story-strip{max-width:1100px;margin:18px auto 0;padding:0 28px}.story-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#624051;margin-bottom:10px}.story-heading button{font-size:11px;background:#fff;border:1px solid #efd8e3;color:#a52c59;border-radius:18px;padding:8px 12px}#story-items{display:flex;gap:14px;overflow-x:auto;padding-bottom:5px}.story-empty{font-size:11px;color:#876c79;line-height:1.6;padding:8px 0}.story-person{background:transparent;border:0;padding:0;min-width:70px;max-width:85px}.story-person span{display:grid;place-items:center;width:52px;height:52px;border:3px solid #e93795;border-radius:50%;background:#fff2eb;margin:auto;color:#b32b5b;font:22px Georgia}.story-person small{display:block;overflow:hidden;text-overflow:ellipsis;font-size:10px;margin-top:5px;color:#775b6b}.story-strip[hidden]{display:none}@media(max-width:760px){.story-strip{margin-top:14px;padding:0 16px}}
.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;width:100%;max-width:100%;scrollbar-width:thin}.gallery-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.gallery-slide img,.gallery-slide video{width:100%;display:block}.gallery-hint{font-size:11px;background:#fff6fa;color:#974461;padding:10px 14px;margin:0;width:100%}.media{display:block}.tile-gallery{position:absolute;top:10px;left:10px;z-index:1;background:#ffffffdf;color:#813655;border-radius:16px;padding:4px 8px;font-size:11px;font-weight:650}.upload-preview{max-width:46%;max-height:170px;border-radius:10px;margin:8px 4px;background:#27141e}.item .gallery-slide img,.item .gallery-slide video{max-height:300px;object-fit:contain;background:#21131c}.item .gallery-hint{font-size:11px}
.market-preview h2{font:32px Georgia;line-height:1.12;margin:14px 0 20px}.market-preview .notice{font-size:13px;line-height:1.55}.market-tabs{display:flex;gap:7px;overflow:auto;padding:5px 0 16px;scrollbar-width:thin}.market-tabs button{flex-shrink:0;padding:10px 15px;min-height:42px}.market-tabs .market-active{background:linear-gradient(125deg,#d94e12,#bc206d);color:#fff}.market-empty{border:1px solid #f1dce3;border-radius:20px;padding:22px;background:linear-gradient(145deg,#fff8f3,#fff4f9);margin:6px 0 18px}.market-empty h3{font:25px Georgia;color:#862246;margin:12px 0}.market-empty p,.market-footnote{line-height:1.6;color:#70515c}.market-symbol{display:inline-grid;place-items:center;border-radius:14px;width:46px;height:46px;background:#fff;color:#bd2862;font-size:27px}.market-filter-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.market-filter-preview input{min-width:0;width:100%}.market-steps{display:flex;gap:8px;flex-wrap:wrap}.market-steps span{padding:10px;border:1px solid #f1dce3;border-radius:14px}.market-footnote{font-size:12px}.market-preview button:disabled{opacity:.65;cursor:not-allowed}.market-draft{margin-top:18px}.bottom{gap:4px}.bottom button{padding:9px 13px}@media(max-width:420px){.bottom button{padding:10px 8px;font-size:12px}.market-filter-preview{grid-template-columns:1fr}.market-preview h2{font-size:29px}}
@media(min-width:761px){.market-tabs{flex-wrap:wrap;overflow:visible}.market-tabs button{padding:9px 11px}}
#preview-toggle{margin-top:12px;background:white;color:#982453;border:1px solid #f1c1d4;border-radius:20px;padding:9px 14px;font-size:12px}.full-video-play{position:absolute;bottom:16px;left:16px;background:#ffffffed;border:1px solid #ecbdd0;color:#8c244b;padding:10px 16px;border-radius:24px;z-index:3}.media{position:relative}.tile-type,.media>.label{display:none}
.header-actions{display:flex;align-items:center;gap:6px}.activity-panel h2{font:32px Georgia;color:#862246}.activity-panel .item small{color:#795763}.activity-panel .row{margin-top:12px}@media(max-width:420px){header .brand span{font-size:13px}header .brand img{width:29px;height:29px}.header-actions button{font-size:11px;padding:9px 10px}.header-actions{gap:4px}}
/* Dense original food grid, inspired by general social-feed layout patterns. */
.explore-layout{padding:0 0 90px}.discovery-grid{gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-tile{border:0;border-radius:0;box-shadow:none;aspect-ratio:4/5}.discovery-tile:hover{transform:none;box-shadow:none}.tile-label{font-size:12px;padding:30px 10px 9px;background:linear-gradient(transparent,#251922b8)}.explore-head{background:white;color:#31232a;box-shadow:none;border-radius:0;padding:18px 12px 16px;margin:0 auto}.explore-head::after{display:none}.explore-head .tag{color:#b52b61}.explore-head h1{font:28px system-ui;margin:8px 0 12px;letter-spacing:-.7px}.explore-head .explore-caption{color:#79616a}.explore-head input{max-width:none;background:#f6f3f4;border:1px solid #eee2e7;border-radius:12px;box-shadow:none;padding:12px 15px}.explore-head>p{margin:8px 0}.post{box-shadow:none}.bottom{background:white;border-top:1px solid #eadde3;box-shadow:none}.bottom button{color:#7c455a}.bottom button.active{background:#fff0f5;color:#a12259;box-shadow:none}.hero{box-shadow:none}.post-top{background:white}@media(max-width:760px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.tile-label{font-size:11px;padding:27px 8px 8px}.explore-head h1{font-size:26px}.explore-layout{max-width:none}.explore-head{padding:16px 14px 12px}}
.post-hashtags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.hashtag-chip{font:12px system-ui;color:#9b2456;border:1px solid #efd9e3;background:#fff8fb;padding:7px 11px;border-radius:18px}#hashtag-topics{display:flex;flex-wrap:wrap;gap:6px}#hashtag-topics>p{flex-basis:100%;margin:2px 0}
.profile-image-header{position:relative;padding-bottom:42px;margin:0 0 14px}.profile-banner,.profile-banner-empty{display:block;width:100%;height:150px;border-radius:14px;object-fit:cover;background:linear-gradient(115deg,#fff1e8,#ffecf4)}.profile-avatar{position:absolute;bottom:0;left:18px;width:86px;height:86px;border-radius:50%;object-fit:cover;border:5px solid white;background:linear-gradient(120deg,#f16a2a,#e93795)}.profile-avatar-empty{display:grid;place-items:center;font-size:26px;color:white}.profile-photo-choices .item img{width:100%;max-height:170px;object-fit:cover;border-radius:10px;margin-bottom:12px}
.settings-section{border-top:1px solid #eee1e6;padding:16px 0}.settings-section h3{font:700 17px system-ui,sans-serif;margin:0 0 10px;color:#39232c}.settings-section p{font-size:14px;line-height:1.55}.settings-section .settings-note{font-size:12px;color:#735c66;line-height:1.65}.settings-section .settings-check{font-size:14px;display:flex;align-items:flex-start;gap:9px}.settings-check input{margin-top:4px;flex:none}.settings-section select:disabled{opacity:1;color:#735c66;background:#f6f3f4}.bottom{gap:2px}.bottom button{padding:10px 12px}@media(max-width:420px){.bottom button{padding:10px 9px;font-size:12px}}
nav.bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;padding:8px 4px;box-sizing:border-box;gap:0}nav.bottom button{min-width:0;max-width:100%;padding:10px 2px;font-size:11px;white-space:nowrap;text-align:center}@media(min-width:761px){nav.bottom button{font-size:14px;padding:12px 8px}}
@media(max-width:360px){nav.bottom button{font-size:10px;padding:10px 0}}

.skip-link{position:absolute;top:-100px;left:12px;background:#fff;padding:10px;z-index:1000}.skip-link:focus{top:10px}.public-info-links{font-size:13px;margin:18px 0}.public-info-links a{color:#a12259}
/* d1 2026-10-08: mobile fit + black accent */
html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{min-height:100dvh;-webkit-text-size-adjust:100%}
img,video{max-width:100%}
.gallery-track,.market-tabs,.banner-grid,.story-strip{overscroll-behavior-x:contain}
.bottom{box-sizing:border-box!important;width:100%!important;max-width:100vw;gap:2px!important;justify-content:space-between!important;padding:8px max(6px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right))!important;background:#0d0d0f!important;border-top:2px solid #d94e12!important;box-shadow:0 -6px 25px #0006!important}
.bottom button{flex:1 1 0!important;min-width:0!important;padding:8px 2px!important;font-size:11px!important;color:#f2f2f2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:18px}
.bottom button.active,.bottom .active{background:linear-gradient(105deg,#d94e12,#bc206d)!important;color:#fff!important}
header{border-bottom:2px solid #111!important}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
/* stories row + full-width feed kept (Oct 8) */
#ig-stories{display:flex;gap:14px;overflow-x:auto;padding:10px 14px 12px;scrollbar-width:none}
#ig-stories::-webkit-scrollbar{display:none}
.ig-story{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:#262626;flex:0 0 auto;width:66px}
.ig-story small{font-size:11px;max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ig-ring-lg{width:62px;height:62px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#f9a03f,#f16a2a,#e93795,#b82c61);display:grid;place-items:center}
.ig-ring-lg span{width:100%;height:100%;border-radius:50%;background:#fff;border:2px solid #fff;display:grid;place-items:center;font:700 22px system-ui;color:#e93795;box-sizing:border-box}
body[data-v="explore"] #ig-stories{display:none}
body .layout:not(.explore-layout){display:block;max-width:470px;margin:0 auto;padding:0 0 90px}
body .layout:not(.explore-layout) aside{display:none}
body .layout:not(.explore-layout) .post{border-radius:0;margin:0 0 6px}
body .post .media img,body .post .media video{width:100%;aspect-ratio:4/5;object-fit:cover}
body .post .actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body .post .actions button{display:flex;align-items:center;gap:5px}
body .post .actions svg{flex:none;width:26px;height:26px}
body .post .actions [data-like].saved{color:#e93795}
body .post .actions .ig-save{margin-left:auto}
/* explore 3-col grid with view counts + ring avatars kept */
body .explore-layout{padding:0 0 90px;max-width:1100px;margin:auto}
body .discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:2px}
body .discovery-tile{aspect-ratio:1;border:0;border-radius:0;box-shadow:none;background:#efefef}
body .discovery-tile:nth-child(10n+3),body .discovery-tile:nth-child(10n+8){grid-row:span 2;aspect-ratio:auto}
body .discovery-tile:nth-child(10n+8){grid-column:1}
body .discovery-tile:nth-child(10n+3){grid-column:3}
body .tile-label,body .tile-type{display:none}
body .tile-views{position:absolute;left:7px;bottom:6px;display:flex;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 3px #0009}
body .tile-gallery{position:absolute;right:7px;top:6px;color:#fff;font-size:13px;text-shadow:0 1px 3px #0009}
@media(min-width:761px){body .discovery-grid{gap:4px}}
body .post-top .avatar{border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 4px #e93795}
.ai-badge{margin-left:auto;background:#1d1d1f;color:#fff;font:700 11px system-ui;letter-spacing:.4px;padding:4px 9px;border-radius:12px;white-space:nowrap}
.tile-ai{position:absolute;left:7px;top:6px;background:#1d1d1fcc;color:#fff;font:700 11px system-ui;padding:3px 8px;border-radius:10px;z-index:2}
/* tidy action row */
body .post .actions{display:flex;flex-wrap:nowrap;align-items:center;gap:20px;padding:10px 0 6px}
body .post .actions button{background:none!important;border:0!important;padding:4px!important;min-width:0;box-shadow:none!important;color:#262626;font-size:14px;font-weight:600}
body .post .actions svg{width:26px;height:26px}
body .post .actions .ig-save{margin-left:auto}
body .post .actions [data-like].saved{color:#e5252a}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12px;color:#737373;padding:0 0 6px}
.post-meta button{background:none;border:0;padding:0;color:#737373;text-decoration:underline;font-size:12px;cursor:pointer}
.post-meta span{width:auto!important;margin:0!important}
/* dark mode */
html[data-theme=dark]{color-scheme:dark;--ink:#ececec;--muted:#a9a0a6;--line:#2c2c30}
html[data-theme=dark] body{background:#121212!important;color:#ececec!important}
html[data-theme=dark] header,html[data-theme=dark] .post,html[data-theme=dark] .post-top,html[data-theme=dark] .post .body,html[data-theme=dark] .layout aside,html[data-theme=dark] dialog,html[data-theme=dark] #ig-stories,html[data-theme=dark] .story-strip,html[data-theme=dark] .explore-head,html[data-theme=dark] .settings-section{background:#1b1b1d!important;color:#ececec!important;border-color:#2c2c30!important}
html[data-theme=dark] .brand,html[data-theme=dark] .brand span{color:#ff8fb8!important;-webkit-text-fill-color:#ff8fb8}
html[data-theme=dark] .post h2,html[data-theme=dark] .body h2{color:#ff9cc2!important}
html[data-theme=dark] .post p,html[data-theme=dark] .post small,html[data-theme=dark] p,html[data-theme=dark] .settings-note,html[data-theme=dark] .explore-caption,html[data-theme=dark] .post-meta,html[data-theme=dark] .post-meta button,html[data-theme=dark] .rights{color:#b9b0b6!important}
html[data-theme=dark] .post .actions button{color:#ececec!important}
html[data-theme=dark] .post .actions [data-like].saved{color:#ff4b52!important}
html[data-theme=dark] header button,html[data-theme=dark] #account,html[data-theme=dark] #share{background:#26262a!important;color:#f3d3e0!important;border-color:#3a3a40!important}
html[data-theme=dark] #share{background:linear-gradient(135deg,#f16a2a,#e93795)!important;color:#fff!important}
html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:#26262a!important;color:#ececec!important;border-color:#3a3a40!important}
html[data-theme=dark] .ig-story,html[data-theme=dark] .ig-story small{color:#d8d0d5}
html[data-theme=dark] .ig-ring-lg span{background:#1b1b1d;border-color:#1b1b1d}
html[data-theme=dark] .avatar{background:#2a2a2e!important;color:#ff8fb8!important}
html[data-theme=dark] .discovery-tile,html[data-theme=dark] .empty{background:#26262a!important;color:#ececec}
html[data-theme=dark] nav.bottom{background:#0b0b0c!important}
html[data-theme=dark] .hashtag-chip{background:#2a2a2e!important;color:#ececec!important}
html[data-theme=dark] #geo-consent{background:#1b1b1d!important;color:#ececec!important;border-color:#3a3a40!important}
html[data-theme=dark] #food-hero p,html[data-theme=dark] #food-hero .tag,html[data-theme=dark] #food-hero h1{color:#fff!important}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] .story-heading b,html[data-theme=dark] .banner-heading h2,html[data-theme=dark] b{color:#ffb3d0}
html[data-theme=dark] #food-hero h1,html[data-theme=dark] #food-hero .filters button{color:inherit}
html[data-theme=dark] #food-hero .filters button{color:#8a2347!important}
html[data-theme=dark] .post-top b,html[data-theme=dark] .creator-link{color:#fff!important}
body header{gap:6px}body header .header-actions button{padding:8px 11px!important;white-space:nowrap}body header .brand{min-width:0}
html[data-theme=dark] #quick-pop{background:#1b1b1d!important;color:#ececec!important;border-color:#3a3a40!important}
html[data-theme=dark] #quick-pop select{background:#26262a;color:#ececec}
body header #quick-prefs{display:inline-flex!important}
/* vertical (9:16) video */
body .post .media.media-vertical video{aspect-ratio:9/16!important;max-height:80vh;width:100%;object-fit:cover;background:#000}
body .post .media.media-vertical{background:#000}
body .discovery-tile.tile-tall{grid-row:span 2;aspect-ratio:auto!important;min-height:0}
body .discovery-tile.tile-tall video,body .discovery-tile.tile-tall img{height:100%}
#quick-pop[hidden]{display:none!important}#quick-pop:not([hidden]){display:grid}
/* custom action dock */
body .post .actions{gap:10px;padding:12px 14px 8px;align-items:center}
body .post .actions button{width:auto;min-width:50px;height:50px;padding:0 14px!important;border-radius:18px 18px 18px 6px!important;background:linear-gradient(145deg,#fff1e8,#ffe6f1)!important;color:#b0295f!important;border:1px solid #f6d3e1!important;box-shadow:0 3px 10px #c2306a14!important;gap:7px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}
body .post .actions button:active{transform:scale(.93)}
body .post .actions svg{width:30px;height:30px}
body .post .actions [data-like].saved{background:linear-gradient(135deg,#f16a2a,#e93795)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 14px #e9379540!important}
body .post .actions [data-like].saved svg{fill:#fff!important}
body .post .actions .ig-save{margin-left:auto;border-radius:18px 6px 18px 18px!important}
body .post .actions .ig-save.saved{background:linear-gradient(135deg,#7a2bd0,#e93795)!important;color:#fff!important;border-color:transparent!important}
html[data-theme=dark] body .post .actions button,html[data-theme=dark] .post .actions button{background:linear-gradient(145deg,#3a2230,#2f1d2c)!important;color:#ffb3d1!important;border-color:#55324a!important;box-shadow:none!important}
html[data-theme=dark] .post .actions [data-like].saved{background:linear-gradient(135deg,#f16a2a,#e93795)!important;color:#fff!important}
body .post .actions [data-like].saved *{color:#fff!important}
body .post .actions .ig-save{order:9}
body .post .actions{gap:8px;padding:10px 14px 6px}
body .post .actions button{min-width:42px;height:42px;padding:0 11px!important;border-radius:15px 15px 15px 5px!important;font-size:12px}
body .post .actions .ig-save{border-radius:15px 5px 15px 15px!important}
body .post .actions svg{width:23px;height:23px}
body .post .actions{gap:7px;padding:8px 14px 4px}
body .post .actions button{min-width:36px;height:36px;padding:0 9px!important;border-radius:13px 13px 13px 4px!important;font-size:11px;gap:5px}
body .post .actions .ig-save{border-radius:13px 4px 13px 13px!important}
body .post .actions svg{width:19px;height:19px}
/* story rings + viewer */
.ig-story{width:58px}.ig-ring-lg{width:54px;height:54px}.ig-ring-lg span{font-size:19px}.ig-story small{max-width:58px}
.ig-ring-lg.seen{background:#d9d2d6}html[data-theme=dark] .ig-ring-lg.seen{background:#4a3f46}
.ig-ring-lg.add{background:none;border:2px dashed #e93795;padding:2px}.ig-ring-lg.add span{font-size:26px;font-weight:500;color:#e93795}
#story-viewer{position:fixed;inset:0;z-index:200;background:#000;color:#fff;opacity:0;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1);transform:scale(.96);will-change:opacity,transform;touch-action:pan-y}
#story-viewer.on{opacity:1;transform:none}
.sv-bars{position:absolute;top:calc(8px + env(safe-area-inset-top));left:10px;right:10px;display:flex;gap:4px;z-index:3}
.sv-bars i{flex:1;height:3px;border-radius:3px;background:#ffffff4d;overflow:hidden}
.sv-bars u{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(0);will-change:transform}
.sv-head{position:absolute;top:calc(20px + env(safe-area-inset-top));left:12px;right:8px;display:flex;align-items:center;gap:10px;z-index:3}
.sv-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 15px system-ui;background:linear-gradient(135deg,#f16a2a,#e93795)}
.sv-name{font:600 15px system-ui;text-shadow:0 1px 6px #0008;flex:1}
.sv-x{background:none;border:0;color:#fff;font-size:22px;width:44px;height:44px}
.sv-stage{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(1.03);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.sv-stage.in{opacity:1;transform:none}
.sv-media{max-width:100%;max-height:100%;object-fit:contain;width:100%;height:100%}
.sv-cap{position:absolute;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:3;font:500 15px/1.35 system-ui;text-shadow:0 1px 8px #000a}
.sv-prev,.sv-next{position:absolute;top:70px;bottom:70px;width:38%;background:none;border:0;z-index:2;-webkit-tap-highlight-color:transparent}
.sv-prev{left:0}.sv-next{right:0}
@media(prefers-reduced-motion:reduce){#story-viewer,.sv-stage{transition:none}}
.post .ai-badge{display:inline-block;margin:2px 0 10px;width:fit-content}
.post .ai-badge{background:#f6eff3;color:#7a5f6e;border:1px solid #ead9e1;font:600 10.5px/1 system-ui;letter-spacing:.3px;padding:4px 9px;border-radius:10px;margin:0 0 8px}
.post .ai-badge:before{content:"✦ ";color:#e93795}
html[data-theme=dark] .post .ai-badge{background:#2d1f29;color:#cdb3c2;border-color:#4a3342}
nav.bottom [data-kind=saved]{display:none!important}
video::-webkit-media-controls,video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel{display:none!important}
.vs-host{position:relative}.media .full-video-play{display:none!important}
.vs-ui{position:absolute;inset:0;pointer-events:none;z-index:3;color:#fff}
.vs-center{pointer-events:auto;position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;border:3px solid #fff;background:rgba(0,0,0,.28);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;transform:translateZ(0);transition:opacity .22s ease,transform .22s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.vs-center:active{transform:scale(.92)}
.vs-playing .vs-center{opacity:0;transform:scale(.9)}
.vs-mute,.vs-full{pointer-events:auto;position:absolute;bottom:14px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.42);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s}
.vs-mute{right:14px}.vs-full{right:56px}
.vs-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.28)}
.vs-bar i{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(0);will-change:transform}
.vs-host video{cursor:pointer;-webkit-tap-highlight-color:transparent}
@media(prefers-reduced-motion:reduce){.vs-center{transition:none}}
/* Facebook-style pills + reactions */
body .post .actions.fb-actions{display:flex;flex-wrap:nowrap;gap:8px;padding:6px 0 4px;align-items:center}
body .post .actions.fb-actions .fb-pill{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:22px!important;border:0!important;background:#f1f2f4!important;color:#4b4f56!important;font-size:15px;font-weight:600;padding:0 10px!important;transition:transform .15s ease,background .2s ease;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
body .post .actions.fb-actions .fb-pill:active{transform:scale(.96)}
body .post .actions.fb-actions .fb-like.fb-on{background:#fde8f1!important;color:#c92a79!important}
.fb-emoji{font-size:22px;line-height:1}.fb-ic{flex:none}
body .post .actions.fb-actions .ig-save{flex:0 0 44px;width:44px;height:44px;margin-left:0;border-radius:50%!important;background:#f1f2f4!important;display:flex;align-items:center;justify-content:center;padding:0!important}
.fb-summary{display:flex;justify-content:space-between;align-items:center;min-height:22px;padding:6px 2px 0;font-size:14px;color:#65676b}
.fb-cluster{display:flex;align-items:center;gap:2px}.fb-cluster i{font-style:normal;font-size:16px;margin-right:-4px}.fb-cluster b{font-weight:500;margin-left:8px}
.fb-pop{position:absolute;left:0;bottom:56px;z-index:30;display:flex;gap:2px;padding:6px 8px;background:#fff;border-radius:30px;box-shadow:0 8px 28px #2c10204a;animation:fbpop .18s cubic-bezier(.2,.9,.3,1.2)}
.fb-pop button{background:none!important;border:0!important;padding:2px 3px!important;width:auto;height:auto;transition:transform .15s cubic-bezier(.2,.9,.3,1.4);font-size:30px;line-height:1}
.fb-pop button:hover,.fb-pop button:active{transform:translateY(-8px) scale(1.35)}
@keyframes fbpop{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}
/* kebab + sheet */
.post-top{position:relative}.kb-btn{margin-left:auto;background:none!important;border:0!important;color:#65676b;width:40px;height:40px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;padding:0!important}
.kb-btn:active{background:#f1f2f4!important}
.kb-scrim{position:fixed;inset:0;background:#2a121e66;opacity:0;transition:opacity .22s;z-index:900}.kb-scrim.kb-open{opacity:1}
.kb-sheet{position:fixed;left:0;right:0;bottom:0;z-index:901;background:#fff9fb;border-radius:26px 26px 0 0;padding:8px 14px calc(18px + env(safe-area-inset-bottom));max-height:80vh;overflow:auto;transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px #2c102040}
.kb-sheet.kb-open{transform:none}@media(min-width:700px){.kb-sheet{left:50%;right:auto;width:440px;margin-left:-220px}}
.kb-handle{width:44px;height:5px;border-radius:3px;background:#e5cfd8;margin:6px auto 12px;touch-action:none}
.kb-card{background:#fff;border:1px solid #f4e3ea;border-radius:18px;margin:0 0 10px;overflow:hidden}
.kb-row{display:flex;align-items:center;gap:14px;width:100%;background:none!important;border:0!important;border-bottom:1px solid #f8ecf1!important;border-radius:0!important;padding:14px 16px!important;text-align:left;color:#3b2431;font-size:16px}
.kb-card .kb-row:last-child{border-bottom:0!important}.kb-row:active{background:#fff1f6!important}
.kb-ico{flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ffe3d0,#ffdcec);color:#d6336c;display:flex;align-items:center;justify-content:center}
.kb-warn .kb-ico{background:#fdeaea;color:#c92a2a}
.kb-txt{display:flex;flex-direction:column;flex:1}.kb-txt b{font-weight:600}.kb-txt small{color:#8b7380;font-size:13px;margin-top:2px}.kb-chev{color:#b8a0ac;display:flex}
.kb-hide{opacity:0;transform:scale(.97);transition:opacity .25s,transform .25s}
.kb-toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,16px);background:#3b2431;color:#fff;padding:11px 18px;border-radius:22px;font-size:14px;z-index:950;opacity:0;transition:all .25s;max-width:86vw;text-align:center}.kb-toast.kb-in{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.kb-sheet,.kb-scrim,.fb-pop{transition:none;animation:none}}
body .post .actions .fb-pop button{background:none!important;border:0!important;box-shadow:none!important;padding:2px 4px!important;min-width:0;width:42px;height:42px;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:50%!important}
body .post .actions .fb-pop button span{display:block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.post .ai-badge{display:none!important}
.kb-info{cursor:default}.kb-ai{background:linear-gradient(135deg,#fff6ef,#fff0f6)}
body .post .actions [data-save],body .post .actions .ig-save{display:none!important}
.post .body p{white-space:pre-line}
/* v61 nav + FB pill labels */
nav.bottom{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important;align-items:stretch}
nav.bottom button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-height:54px!important;padding:6px 2px!important;font-size:11px!important;font-weight:600;border-radius:14px!important;overflow:visible!important;text-overflow:clip!important;line-height:1.1;background:transparent;transition:transform .15s,background .2s}
nav.bottom button svg{width:24px;height:24px;flex:none}
nav.bottom button:active{transform:scale(.94)}
nav.bottom button.active{background:transparent!important;color:#ff7a3d!important}
nav.bottom button.active svg{filter:drop-shadow(0 0 6px #ff7a3d66)}
body .post .actions.fb-actions .fb-pill{gap:8px;font-size:16px}
/* live background */
#live-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#fff}
#live-bg .lb-layer{position:absolute;inset:-6%;background-size:cover;background-position:center;opacity:0;transition:opacity 4s ease;will-change:transform,opacity;transform:translateZ(0)}
#live-bg .lb-veil{position:absolute;inset:0;background:linear-gradient(180deg,#ffffffc2,#ffffffd0);}
@keyframes lbdrift{from{transform:scale(1.05) translate3d(-1.5%,-1%,0)}to{transform:scale(1.16) translate3d(1.5%,1%,0)}}
html[data-theme=dark] #live-bg{background:#0b0b0c}html[data-theme=dark] #live-bg .lb-veil{background:linear-gradient(180deg,#0b0b0cdd,#0b0b0ce6)}
body{background:transparent!important}
.vs-ui button svg,.kb-btn svg,.fb-actions svg,.ig-save svg{display:block;flex:none;margin:0}
.vs-ui button,.kb-btn,.fb-actions .ig-save{line-height:0;text-align:center}
@keyframes swirl-drift{0%,100%{transform:translate3d(-.6%,.4%,0) scale(1.025) rotate(-.5deg)}50%{transform:translate3d(.6%,-.4%,0) scale(1.045) rotate(.5deg)}}
.fb-pill .fb-n:empty{display:none}
.fb-pill svg{margin:0}
/* v67 pills: icon dead-centre, count floats beside it */
body .post .actions.fb-actions .fb-pill{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;gap:0!important;line-height:0}
body .post .actions.fb-actions .fb-pill>svg,body .post .actions.fb-actions .fb-pill>.fb-emoji{display:block;flex:none;margin:0!important;position:static}
body .post .actions.fb-actions .fb-pill .fb-n{position:absolute;left:calc(50% + 16px);top:50%;transform:translateY(-50%);line-height:1;font-size:15px;white-space:nowrap}
body .post .actions.fb-actions .fb-pill .fb-n:empty{display:none}
/* v67 floating glass nav */
nav.bottom{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:460px;margin:0 auto!important;padding:6px!important;border:1px solid rgba(255,255,255,.65)!important;border-top:1px solid rgba(255,255,255,.65)!important;border-radius:28px!important;background:rgba(255,255,255,.8)!important;-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);box-shadow:0 10px 30px rgba(60,20,40,.16),0 1px 0 rgba(255,255,255,.8) inset!important;gap:4px!important}
nav.bottom button{color:#7a6571!important;min-height:52px!important;border-radius:22px!important;font-weight:600;letter-spacing:.1px;gap:2px!important}
nav.bottom button svg{width:23px;height:23px}
nav.bottom button.active{color:#e8541c!important;background:rgba(241,106,42,.12)!important}
nav.bottom button.active svg{filter:none}
html[data-theme=dark] nav.bottom{background:rgba(24,24,28,.62)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important}
html[data-theme=dark] nav.bottom button{color:#b9aeb4!important}
html[data-theme=dark] nav.bottom button.active{color:#ff8a52!important;background:rgba(255,138,82,.14)!important}
body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
/* v67 experiment: swirl only, 100% visible (no veil) */

html[data-theme=dark] #live-bg .lb-veil{display:none}
/* v68: no background image, plain page; website-style frosted nav strip */
html,body{background:#fff!important}
html[data-theme=dark],html[data-theme=dark] body{background:#0b0b0c!important}
nav.bottom{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 max(10px,env(safe-area-inset-left)) env(safe-area-inset-bottom)!important;border:0!important;border-top:1px solid #0000001a!important;border-radius:0!important;background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px);box-shadow:0 -1px 0 #ffffffcc inset,0 -6px 24px rgba(40,20,30,.05)!important;gap:0!important;justify-content:center}
nav.bottom button{flex-direction:row!important;gap:8px!important;min-height:56px!important;border-radius:0!important;font-size:14px!important;font-weight:600!important;letter-spacing:.1px;color:#6c5a63!important;position:relative;background:transparent!important}
nav.bottom button svg{width:20px;height:20px}
nav.bottom button.active{background:transparent!important;color:#e8541c!important}
nav.bottom button.active::before{content:"";position:absolute;top:-1px;left:22%;right:22%;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,#f16a2a,#e93795)}
nav.bottom button:active{transform:none;background:#00000008!important}
@media(max-width:380px){nav.bottom button{font-size:13px!important;gap:6px!important}}
@media(min-width:900px){nav.bottom{padding-left:calc(50% - 360px)!important;padding-right:calc(50% - 360px)!important}}
html[data-theme=dark] nav.bottom{background:rgba(14,14,16,.82)!important;border-top-color:#ffffff1a!important}
html[data-theme=dark] nav.bottom button{color:#b9aeb4!important}
html[data-theme=dark] nav.bottom button.active{color:#ff8a52!important}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
@media(max-width:520px){nav.bottom{padding-left:4px!important;padding-right:4px!important}nav.bottom button{font-size:12.5px!important;gap:5px!important;padding:0 2px!important;justify-content:center}nav.bottom button svg{width:18px;height:18px}}
.vs-raised .vs-mute,.vs-raised .vs-full{bottom:84px}