html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#111827;--cap-native-navigation-top:0px;--cap-native-navigation-bottom:0px;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:linear-gradient(#fff 0%,#f3f7fb 48%,#e9eef6 100%);min-width:320px;min-height:100dvh;margin:0;overflow:hidden}.app-shell{height:100dvh;padding:calc(var(--cap-native-navigation-top) + 30px) max(18px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));scroll-padding:calc(var(--cap-native-navigation-top) + 30px) max(18px, env(safe-area-inset-right)) calc(var(--cap-native-navigation-bottom) + 24px) max(18px, env(safe-area-inset-left));overflow:auto}.page{max-width:680px;min-height:calc(100dvh - var(--cap-native-navigation-top));padding-bottom:calc(var(--cap-native-navigation-bottom) + 28px);margin:0 auto}.page[data-route=home]{max-width:none;padding-bottom:0}.venue-strip{width:100%;min-height:calc(100dvh - var(--cap-native-navigation-top) - 20px);padding:0 0 calc(var(--cap-native-navigation-bottom) + 24px);scroll-snap-type:x mandatory;align-items:start;gap:28px;display:flex;overflow-x:auto}.venue-card{height:calc(100dvh - var(--cap-native-navigation-top) - 86px);scroll-snap-align:start;color:#fff;background-position:50%;background-size:cover;border-radius:8px;flex:0 0 min(86vw,620px);position:relative;overflow:hidden;box-shadow:0 18px 42px #0f172a29}.venue-card:before{content:"";background:#1118275c;position:absolute;inset:0}.venue-card-bar{background-image:linear-gradient(135deg,#2d353e33,#1118272e),url(https://images.unsplash.com/photo-1513558161293-cdaf765ed2fd?auto=format&fit=crop&w=1200&q=80)}.venue-card-food{background-image:linear-gradient(135deg,#2d353e33,#1118272e),url(https://images.unsplash.com/photo-1513104890138-7c749659a591?auto=format&fit=crop&w=1200&q=80)}.venue-card span{z-index:1;letter-spacing:0;background:#78c900;border-radius:8px;padding:10px 16px;font-size:1.6rem;line-height:1;position:absolute;top:28px;left:28px}.venue-card-food span{background:#ff5b45}html.screenshot-floating-tabbar .layout-presets,html.screenshot-floating-tabbar .demo-actions{display:none}html.screenshot-floating-tabbar .venue-strip{min-height:calc(100dvh - var(--cap-native-navigation-top));padding-top:12px}html.screenshot-floating-tabbar .venue-card-food{background-image:linear-gradient(165deg,#ffb347 0%,#ff7a45 42%,#ff5b45 100%)}html.screenshot-floating-tabbar .venue-card-bar{display:none}.screenshot-ready-flag{opacity:.01;width:1px;height:1px;position:fixed;top:0;left:0;overflow:hidden}.venue-card strong{z-index:1;font-size:clamp(2rem,8vw,4rem);line-height:.95;position:absolute;bottom:34px;left:28px}.demo-actions{padding-bottom:calc(var(--cap-native-navigation-bottom) + 20px);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile,.settings button,.detail button{color:#111827;text-align:left;cursor:pointer;background:#ffffffc7;border:0;border-radius:8px;width:100%;padding:18px;box-shadow:inset 0 0 0 1px #11182714}.layout-presets{gap:12px;margin-bottom:16px;display:grid}.tile.is-selected{color:#fff;box-shadow:none;background:#0a84ff}.tile.is-selected small{color:#ffffffd1}.tile span{font-size:1.02rem;font-weight:700;display:block}.tile small{color:#6b7280;margin-top:7px;font-size:.9rem;line-height:1.35;display:block}.list{gap:10px;padding-bottom:18px;display:grid}.list article,.settings,.capture-panel,.detail{background:#fffc;border-radius:8px;padding:18px;box-shadow:inset 0 0 0 1px #11182714}.list strong,.list span{display:block}.list span{color:#667085;margin-top:4px}.settings{gap:14px;display:grid}.settings label{align-items:center;gap:10px;font-weight:700;display:flex}.settings button:not(.tile),.detail button:not(.tile){text-align:center;color:#fff;background:#0a84ff}.capture-panel{text-align:center;align-content:center;justify-items:center;gap:18px;min-height:54vh;display:grid}.capture-lens{aspect-ratio:1;color:#fff;background:radial-gradient(circle at 35% 30%,#ff9a8b,#ff5b45 55%,#b92d22 100%);border-radius:50%;place-items:center;width:min(62vw,260px);font-size:1.4rem;font-weight:800;display:grid;box-shadow:0 26px 70px #ff5b4557}.capture-panel p{color:#526070;max-width:28rem;line-height:1.5}.web-tabbar-preview{z-index:20;color:#9aa0a8;pointer-events:auto;display:grid;position:fixed}.web-tabbar-preview.floating{left:50%;bottom:max(14px, env(safe-area-inset-bottom));width:min(100vw - 36px,430px);height:66px;box-shadow:none;background:0 0;align-items:stretch;gap:10px;padding:0;display:flex;transform:translate(-50%)}.web-tabbar-preview.floating .web-tabbar-capsule{grid-template-columns:repeat(var(--web-tab-count,5), minmax(0, 1fr));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-radius:33px;flex:1;min-width:0;padding:7px;display:grid;box-shadow:0 20px 48px #0f172a29,inset 0 0 0 1px #1118270f}.web-tabbar-preview.floating .web-tabbar-item.is-detached{color:#0a84ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-radius:50%;flex:0 0 66px;width:66px;height:66px;min-height:66px;box-shadow:0 20px 48px #0f172a29,inset 0 0 0 1px #1118270f}.web-tabbar-preview.curve .web-tabbar-capsule{display:contents}.web-tabbar-preview.curve{grid-template-columns:repeat(var(--web-tab-count,5), minmax(0, 1fr));height:124px;padding:44px 12px max(10px, env(safe-area-inset-bottom));filter:drop-shadow(0 -14px 28px #0f172a1f);align-items:end;display:grid;bottom:0;left:0;right:0}.web-tabbar-preview.curve:before{content:"";background:#fffffff5;border-radius:0;position:absolute;inset:40px 0 0;box-shadow:inset 0 1px #ffffffe6}.web-tabbar-preview.curve:after{content:"";clip-path:inset(0 0 28px);z-index:0;background:#fffffff5;border-radius:50% 50% 0 0;width:56px;height:56px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.web-tabbar-item{z-index:1;min-width:0;height:100%;min-height:56px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:28px;align-content:center;justify-items:center;gap:4px;display:grid;position:relative}.web-tabbar-preview.curve .web-tabbar-item{min-height:64px}.web-tabbar-item.is-selected:not(.is-center){color:#ff5b45;background:#ff5b451f}.web-tabbar-preview.floating .web-tabbar-item.is-selected:not(.is-center){color:#0a84ff;background:#0a84ff21}.web-tabbar-item.is-center{color:#fff;border-radius:50%;place-self:start center;width:56px;height:56px;min-height:56px;position:relative;transform:translateY(-30px)}.web-tabbar-item.is-center:before{content:"";background:linear-gradient(160deg,#ff745f 0%,#ff533f 62%,#e33a2f 100%);border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 1px #ffffff52}.web-tabbar-icon{width:24px;height:24px;display:grid}.web-tabbar-item.is-center .web-tabbar-icon{z-index:1;width:34px;height:34px;position:relative}.web-tabbar-icon svg{width:100%;height:100%}.web-tabbar-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.68rem;font-weight:700;line-height:1;overflow:hidden}.web-tabbar-item.is-center .web-tabbar-label{display:none}pre{color:#e5e7eb;background:#111827;border-radius:8px;min-height:92px;margin:0;padding:12px;overflow:auto}.detail{min-height:calc(100dvh - var(--cap-native-navigation-top));align-content:center;gap:18px;display:grid}@media (width<=520px){.grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){:root{color:#f8fafc;background:#05070b}body{background:linear-gradient(#10131a 0%,#05070b 100%)}.tile,.settings .tile:not(.is-selected),.list article,.settings,.capture-panel,.detail{color:#f8fafc;background:#141821c7;box-shadow:inset 0 0 0 1px #ffffff14}.hero p:last-child,.capture-panel p,.detail p,.tile small,.list span{color:#a8b3c4}.web-tabbar-preview.floating .web-tabbar-capsule,.web-tabbar-preview.floating .web-tabbar-item.is-detached{background:#141821e6}.web-tabbar-preview.curve:before{background:#141821}}.scroll-header-demo{gap:16px;display:grid}.scroll-header-demo .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0;font-size:.75rem}.scroll-header-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.settings+.scroll-header-list,.settings .demo-actions{margin-top:16px}.scroll-header-list li{background:#fffc;border-radius:8px;gap:4px;padding:16px 18px;display:grid;box-shadow:inset 0 0 0 1px #11182714}.scroll-header-list span{color:#667085;font-size:.92rem}.settings .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:4px 0 0;font-size:.75rem}.settings select{max-width:55%;font:inherit;color:#111827;background:#1118270f;border:0;border-radius:8px;margin-left:auto;padding:8px 10px;font-weight:500}@media (prefers-color-scheme:dark){.scroll-header-list li{color:#f8fafc;background:#141821c7;box-shadow:inset 0 0 0 1px #ffffff14}.scroll-header-list span,.scroll-header-demo p,.scroll-header-demo .eyebrow,.settings .eyebrow{color:#a8b3c4}.settings select{color:#f8fafc;background:#ffffff1a}.settings select option{color:#f8fafc;background:#141821}pre{background:#0b0e14;box-shadow:inset 0 0 0 1px #ffffff14}}