/* MomentLoop V2 - approved premium design. Staging only until regression QA. */
:root{--v2-bg:#fcfbf9;--v2-ink:#182026;--v2-muted:#7d8184;--v2-coral:#fd614f;--v2-warm:#fff0e9;--v2-line:#eceae7;--v2-green:#149676}
html{scroll-behavior:smooth}body{background:#eeece8!important;color:var(--v2-ink)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
.app-shell,.shell{background:var(--v2-bg)!important;max-width:560px!important;margin:0 auto!important;min-height:100dvh!important;box-shadow:0 8px 44px #2323250a!important}
.app-shell{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
.premium-header{background:var(--v2-bg)!important;border-bottom:0!important;min-height:78px!important;padding:18px 19px 9px!important}
.premium-header .brand,.brand,.app-top .logo{color:var(--v2-ink)!important;font-weight:850!important;letter-spacing:-1.6px!important}
.premium-header .brand span,.brand span,.app-top .logo span{color:var(--v2-coral)!important}
.header-scan{border:1px solid #eee9e4!important;border-radius:999px!important;background:#fff!important;font-weight:650!important;color:var(--v2-ink)!important;box-shadow:none!important}
.bottom-nav{max-width:560px!important;min-height:76px!important;border-top:1px solid #eeeae7!important;background:#fffefef9!important;box-shadow:0 -7px 20px #12121205!important}
.bottom-nav a{font-weight:600!important;color:#7f8284!important;font-size:11px!important}
.bottom-nav a svg{width:24px!important;height:24px!important}
.bottom-nav a.active{color:var(--v2-coral)!important}
.bottom-nav a.nav-create .nav-create-icon{width:46px!important;height:46px!important;margin:-16px 0 -2px!important;background:var(--v2-coral)!important;border-radius:50%!important;box-shadow:0 5px 12px #fd614f24!important}
.bottom-nav a.nav-create .nav-create-icon svg{stroke:#fff!important}
a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fd614f80!important;outline-offset:2px!important}
h1,h2,h3{color:var(--v2-ink);letter-spacing:-.6px}h1{font-weight:800}
button,.publish-btn,.coral-button,.feed-action{touch-action:manipulation}
.feed-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);background:#f0efed!important;border-radius:999px!important;padding:4px!important;border:0!important}
.feed-filter{border-radius:999px!important;color:#62686c!important}
.feed-filter.active{background:#ffebe5!important;border:none!important;color:var(--v2-coral)!important;box-shadow:none!important}
.home-feed-heading{align-items:center!important}.home-feed-heading h2{font-size:23px!important;font-weight:800!important}
.home-feed-heading .eyebrow{font-size:10px!important;letter-spacing:1.4px!important}
.community-feed{padding-top:4px!important}
.public-moment{border-radius:0!important;background:#fff!important;border:0!important;border-top:1px solid var(--v2-line)!important;box-shadow:none!important;overflow:hidden!important}
.moment-by{padding:14px 18px!important;gap:12px!important}.moment-avatar{width:42px!important;height:42px!important;border-radius:50%!important;color:var(--v2-coral)!important;background:#ffe6dc!important}
.moment-author strong{font-size:14px!important;font-weight:760!important}.moment-author small{font-size:12px!important;color:var(--v2-muted)!important}
.moment-media{border-radius:0!important;background:#e8dfd4!important}.moment-media>img{aspect-ratio:4/4.2!important;object-fit:cover!important}
.moment-footer{padding:14px 18px 20px!important}.moment-footer p{font-size:14px!important;font-weight:600!important}
.public-empty{margin:13px 0!important;text-align:left!important;background:#fff!important;border-radius:20px!important;padding:24px!important;box-shadow:none!important}
.public-empty h3{font-size:21px!important}.public-empty p{font-size:13px!important}
.public-empty .feed-action{background:var(--v2-coral)!important;color:#fff!important;border-radius:12px!important;padding:12px 15px!important}
.public-empty .feed-action.soft{color:var(--v2-ink)!important;background:#f7f5f2!important}
.home-post-shortcut{border-radius:17px!important;background:#fff4ee!important;border:1px solid #f8e2d6!important;box-shadow:none!important}
.premium-page-heading h1,.post-heading h1{font-size:clamp(29px,8vw,37px)!important;font-weight:850!important;color:var(--v2-ink)!important;letter-spacing:-1.5px!important}
.experience-page{padding:14px 19px 110px!important}
.experience-page .search-surface{border-radius:14px!important;background:#fff!important}
.experience-page .place-card{border-radius:16px!important;box-shadow:none!important;border:1px solid var(--v2-line)!important}
.wallet-banner{border-radius:16px!important}
.wallet-banner,.rules-box{box-shadow:none!important}
.login-needed,.rules-box,.test-warning{border-radius:14px!important}
.post-screen{padding:15px 19px 110px!important}
.post-heading{margin:9px 0 17px!important}
.drop-zone{padding:0!important;background:transparent!important;border:0!important}
.drop-zone>strong{display:none!important}
.media-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.media-action{display:flex!important;flex-direction:column!important;gap:9px!important;align-items:center!important;justify-content:center!important;min-height:112px!important;border:1px solid #eee8e2!important;border-radius:15px!important;background:white!important;color:var(--v2-ink)!important;font-size:13px!important;font-weight:700!important;text-align:center!important;padding:10px 5px!important}
.media-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:var(--v2-warm)!important;color:var(--v2-coral)!important}
.drop-zone>small{color:var(--v2-muted)!important;font-size:11px!important}
.post-screen .field{margin:17px 0!important}
.post-screen input:not([type=checkbox]),.post-screen select,.post-screen textarea{border:1px solid #e8e5e1!important;background:#fff!important;border-radius:12px!important;min-height:49px!important;padding:12px!important;color:var(--v2-ink)!important}
.post-screen textarea{min-height:80px!important}
.privacy-options{gap:10px!important}
.privacy-choice{border:1px solid #e9e6e2!important;background:#fff!important;border-radius:15px!important;box-shadow:none!important}
.privacy-choice.selected{border:1.8px solid var(--v2-coral)!important;background:#fff2ee!important}
.publish-btn{background:var(--v2-coral)!important;border-radius:13px!important;min-height:54px!important;font-size:15px!important;font-weight:780!important}
.post-preview{border-radius:16px!important;overflow:hidden!important}
.post-preview img,.post-preview video{width:100%!important;max-height:520px!important;object-fit:contain!important}
.v2-editor{display:none;margin-top:13px}
.v2-editor.visible{display:block}
.v2-step{font-size:11px;color:#bd6b58;font-weight:800;letter-spacing:1.1px;padding:5px 0 10px}
.v2-filter-title{font-size:15px;font-weight:800;margin:14px 0 10px}
.v2-filters,.v2-frames{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 0 12px}
.v2-look,.v2-frame{flex:0 0 77px;border:1px solid #ede8e3;border-radius:12px;background:#fff;min-height:43px;color:#303539;font-size:12px;font-weight:650;scroll-snap-align:start}
.v2-look.selected,.v2-frame.selected{border:2px solid var(--v2-coral);background:#fff3ee;color:#cf5145}
.v2-progress{height:5px;background:#f2ece8;border-radius:10px;overflow:hidden;margin:16px 0}.v2-progress>span{display:block;background:var(--v2-coral);height:100%;width:45%;transition:width .2s}
.v2-file-info{font-size:12px;color:#73787c;padding:8px 0}
.v2-preview-wrap{position:relative;overflow:hidden;border-radius:15px;background:#0d1014}.v2-preview-wrap>img,.v2-preview-wrap>video{display:block;width:100%;max-height:530px;object-fit:contain}
.v2-photo-frame-classic img{outline:9px solid #fff;outline-offset:-11px}.v2-photo-frame-film img{border-top:16px solid #fdf9ee;border-bottom:31px solid #fdf9ee}.v2-photo-frame-coral img{border:10px solid #fd614f}.v2-photo-frame-soft img{border:9px solid #fce6c4}
.v2-error{color:#a92c27!important}.v2-success{color:var(--v2-green)!important}
.v2-home-top{padding:0 20px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.v2-home-top .v2-tabs{display:flex;gap:8px;overflow-x:auto}.v2-home-top a{background:#fff;color:#575a5f;text-decoration:none;border:1px solid #eee8e4;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700}.v2-home-top a.selected{background:#ffebe5;color:#ed564b}
.v2-reels-page{background:#10141a;min-height:100dvh;color:#fff;padding:0;max-width:560px;margin:auto}
.v2-reel{position:relative;min-height:calc(100dvh - 86px);background:#13171b;display:flex;justify-content:center;align-items:center;overflow:hidden}
.v2-reel>video{width:100%;max-height:calc(100dvh - 90px);object-fit:contain;background:#080a0b}
.v2-reel .v2-overlay{pointer-events:none;position:absolute;bottom:9px;left:14px;right:14px;background:linear-gradient(transparent,#0009);padding:34px 9px 12px;color:#fff}
.v2-reel .v2-overlay a{pointer-events:auto;color:#fff}
.v2-reel-empty{padding:80px 24px;color:#fff;text-align:center}
.v2-reels-header{padding:18px 19px;color:#fff;display:flex;justify-content:space-between;align-items:center}.v2-reels-header a{color:#fff;text-decoration:none;font-weight:700}
.v2-bottom-nav{position:sticky;bottom:0;display:flex;justify-content:space-around;padding:12px 4px;background:#10141a}.v2-bottom-nav a{font-size:12px;text-decoration:none;color:#ddd}
.v2-banner{padding:18px;border-radius:19px;background:linear-gradient(135deg,#1e292a,#141c24);color:white;margin:15px 0}.v2-banner h2,.v2-banner h3{color:white}
.v2-merchant-note{padding:12px 14px;border:1px solid #e8e6e2;border-radius:12px;background:#fff;color:#6b7074;font-size:12px}
.v2-mini-nav{display:flex;gap:8px;overflow-x:auto;padding:10px 17px}.v2-mini-nav a{flex:0 0 auto;text-decoration:none;color:#343b40;background:#fff;padding:9px 12px;border-radius:999px;border:1px solid #eee6e0;font-size:12px;font-weight:700}
.v2-place-lead{margin:0 0 14px;position:relative;border-radius:17px;overflow:hidden;height:176px;background:#ddd}.v2-place-lead img{width:100%;height:100%;object-fit:cover}.v2-place-lead .v2-caption{position:absolute;inset:auto 0 0;padding:28px 17px 15px;color:white;background:linear-gradient(transparent,#0009);font-weight:800;font-size:21px}
@media(max-width:360px){.premium-header{padding-left:13px!important;padding-right:13px!important}.post-screen{padding-left:14px!important;padding-right:14px!important}.media-action{font-size:11px!important;min-height:102px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v2-progress>span{transition:none}}
/* V2 polish after mobile QA */
.community-feed .feed-tabs{display:none!important}
.v2-reel-empty h2{color:#fff!important}
.v2-bottom-nav{position:fixed!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important;max-width:560px!important;z-index:30!important;min-height:65px!important;align-items:center!important;border-top:1px solid #32373b!important}
.v2-reels-page{padding-bottom:74px!important}
.experience-page .place-card{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.experience-page .place-list{min-width:0!important;width:100%!important}
body:has(.bar) .bar-inner{min-width:0!important;gap:5px!important}
body:has(.bar) .bar-link{font-size:10px!important;white-space:normal!important;max-width:76px!important;text-align:right!important}
.post-heading h1:focus{outline:none!important}