:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--card:#16151a;--border:#2a2730;--text:#f5f3f7;--muted:#a29aab;--accent:#ec4899;--accent-soft:#ec489924;--nav-h:60px;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100vh}.navbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b0b0dd9;width:100%;position:sticky;top:0}.navbar-inner{width:100%;max-width:1080px;min-height:var(--nav-h);align-items:center;gap:16px;margin:0 auto;padding:0 24px;display:flex}.navbar-brand{letter-spacing:-.02em;color:var(--text);flex-shrink:0;font-size:1.25rem;font-weight:800;text-decoration:none}.navbar-brand .dot{color:var(--accent)}.navbar-links{scrollbar-width:none;flex:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.navbar-links::-webkit-scrollbar{display:none}.navbar-link{color:var(--muted);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.navbar-link:hover{color:var(--text)}.navbar-link.active{color:var(--accent);background:var(--accent-soft)}.navbar-profile{flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.navbar-avatar{background:var(--accent-soft);border:1px solid var(--border);width:34px;height:34px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:inline-flex}.navbar-profile:hover .navbar-avatar{border-color:var(--accent)}.navbar-profile.active .navbar-avatar{border-color:var(--accent);background:var(--accent);color:#fff}.navbar-auth{flex-shrink:0;align-items:center;gap:8px;display:flex}.navbar-login{color:var(--text);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:700;text-decoration:none}.navbar-login:hover{color:var(--accent)}.navbar-signup{color:#fff;background:var(--accent);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:700;text-decoration:none}.navbar-signup:hover{filter:brightness(1.08)}.navbar-promo{border-top:1px solid var(--border);background:var(--accent-soft);color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:8px 16px;font-size:.86rem;display:flex}.navbar-promo strong{color:var(--accent)}.navbar-promo-btn{color:#fff;background:var(--accent);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:.82rem;font-weight:700;text-decoration:none}.navbar-promo-close{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-size:.9rem;line-height:1}.navbar-promo-close:hover{color:var(--text)}.bottom-nav{display:none}@media (width<=640px){.navbar-inner{justify-content:space-between;gap:8px;padding:0 14px}.navbar-brand{font-size:1.1rem}.navbar-links{display:none}.navbar-login{padding:6px 8px;font-size:.82rem}.navbar-signup{padding:6px 12px;font-size:.82rem}.navbar-promo{gap:10px;padding:7px 12px;font-size:.8rem}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:6px 2px calc(6px + env(safe-area-inset-bottom,0px));background:#0b0b0df2;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-width:0;color:var(--muted);border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:5px 2px;font-size:.6rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--accent)}.bn-ico{font-size:1.3rem;line-height:1}.bn-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}.sync-pill{z-index:1200;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:.82rem;font-weight:600;animation:.18s ease-out sync-in;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 20px #00000059}.sync-icon{font-size:.95rem;line-height:1}.sync-synced{border-color:var(--accent);color:var(--accent)}.sync-error{color:#f59e0b;border-color:#f59e0b}@keyframes sync-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.sync-pill{bottom:calc(var(--nav-h) + 12px)}}.signup-prompt-overlay{z-index:1500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.signup-prompt{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:18px;width:100%;max-width:380px;padding:30px 24px 24px;position:relative}.signup-prompt-emoji{font-size:2.4rem;line-height:1}.signup-prompt h2{margin:12px 0 8px;font-size:1.35rem;font-weight:800}.signup-prompt p{color:var(--muted);margin:0 0 20px;font-size:.95rem;line-height:1.5}.signup-prompt-actions{flex-direction:column;gap:10px;display:flex}.signup-prompt-primary{background:var(--accent);color:#fff;border-radius:10px;padding:13px;font-size:1rem;font-weight:700;text-decoration:none}.signup-prompt-primary:hover{filter:brightness(1.08)}.signup-prompt-secondary{color:var(--accent);padding:4px;font-size:.95rem;font-weight:700;text-decoration:none}.signup-prompt-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;position:absolute;top:12px;right:12px}.signup-prompt-close:hover{color:var(--text)}.skel{background:var(--card);border-radius:8px;position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.3s infinite skel-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skel-shimmer{to{transform:translate(100%)}}.skel-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.skel-photo{border-radius:0;height:150px}.skel-body{flex-direction:column;gap:9px;padding:12px;display:flex}.skel-line{border-radius:6px;height:12px}.skel-w90{width:90%}.skel-w70{width:70%}.skel-w40{width:40%}.page-loader{justify-content:center;align-items:center;min-height:55vh;display:flex}.page-loader .skel{border-radius:7px;width:140px;height:14px}.app{max-width:1080px;margin:0 auto;padding:32px 24px 64px}.primary-btn,.ghost-btn,.fav-btn,.save-btn,.area-go,.load-more,.hero-cta,.offer-cta,.gig-cta{text-align:center}.app-header{padding:12px 4px 20px}.header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.logout-btn{border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;margin-top:6px;padding:8px 12px;font-size:.8rem;font-weight:600}.logout-btn:hover{color:var(--text);border-color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 6px;font-size:.72rem;font-weight:600}.app-header h1{letter-spacing:-.02em;margin:0;font-size:2.6rem;font-weight:800;line-height:1.05}.app-header h1 .dot{color:var(--accent)}.subtitle{color:var(--muted);margin:10px 0 0;font-size:.98rem}.hero{text-align:center;padding:clamp(40px,6vw,80px) 4px clamp(36px,5vw,64px)}.hero-title{letter-spacing:-.03em;margin:8px 0 0;font-size:clamp(2.5rem,5.5vw,4.2rem);font-weight:800;line-height:1.06}.accent-text{color:var(--accent)}.hero-sub{color:var(--muted);max-width:52ch;margin:18px auto 0;font-size:clamp(1.02rem,1.4vw,1.25rem)}.hero-cta{background:var(--accent);color:#fff;border-radius:999px;margin-top:26px;padding:13px 24px;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-block}.hero-cta:hover{filter:brightness(1.08)}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 14px 4px;font-size:.78rem;font-weight:700}.benefits{margin-bottom:36px}.benefit-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.benefit{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.benefit-emoji{font-size:1.8rem;line-height:1}.benefit h3{margin:12px 0 6px;font-size:1.1rem;font-weight:700}.benefit p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.explore{margin-bottom:8px}.menu{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.menu-item{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:16px;align-items:center;gap:14px;padding:18px;text-decoration:none;transition:border-color .15s,transform 80ms;display:flex}.menu-item:hover{border-color:var(--accent)}.menu-item:active{transform:scale(.99)}.menu-emoji{flex-shrink:0;font-size:1.8rem;line-height:1}.menu-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.menu-title{font-size:1.15rem;font-weight:700}.menu-blurb{color:var(--muted);font-size:.85rem}.menu-chevron{color:var(--muted);flex-shrink:0;font-size:1.6rem}.back-link{color:var(--accent);margin-bottom:14px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.page-title{align-items:center;gap:14px;display:flex}.page-emoji{font-size:2.2rem;line-height:1}.page-h1{letter-spacing:-.02em;margin:0;font-size:1.9rem;font-weight:800}.feed{flex-direction:column;gap:16px;display:flex}.item-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.item-card{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;padding:20px;display:flex}.item-card .item-name{font-size:1.1rem;font-weight:700}.item-card .item-note{color:var(--muted);text-align:left;font-size:.9rem}.card{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:16px;padding:18px}.card-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-emoji{font-size:1.7rem;line-height:1}.card-head h2{margin:0;font-size:1.15rem;font-weight:700}.card-blurb{color:var(--muted);margin:2px 0 0;font-size:.85rem}.card-list{margin:0;padding:0;list-style:none}.card-list li{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;display:flex}.item-name{font-size:.98rem;font-weight:600}.item-note{color:var(--muted);text-align:right;flex-shrink:0;font-size:.85rem}.app-footer{text-align:center;color:var(--muted);margin-top:32px;font-size:.8rem}@media (width<=640px){.app{padding:18px 14px calc(84px + env(safe-area-inset-bottom,0px))}.hero{padding:28px 2px 24px}.hero-title{font-size:clamp(2rem,8vw,2.6rem)}.hero-sub{font-size:1rem}.menu,.benefit-grid{grid-template-columns:1fr}.app-header h1{font-size:2.1rem}.page-h1{font-size:1.6rem}.menu-item{padding:15px}}