@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--black:#000;--white:#fff;--gray-warm:#aeaa9f;--gray-light:#efefef;--cream:#f5f0e8;--beige:#d6cfc4;--camel:#b89b7a;--brown:#7a6a58;--sage:#8f9b8a;--silver:#c7c7c5;--gray-mid:#9a9a96;--charcoal:#4a4a48;--gray-green:#bfc0be;--steel:#7f8a92;--olive:#9aa79a;--sand:#cfcac2;--dark:#2f2f2e;--cat-parques:#7ed957;--cat-restaurante:#9b59b6;--cat-vida-nocturna:#85c1e9;--cat-cafeteria:#f5a623;--cat-cultura:#e84393;--cat-favoritos:#f1c40f;--map-road:#b59e7d;--map-bg:#f9f9f9;--map-water:#9ee4fe;--map-park:#def7e2;--profile-beige:#d6cfc4;--profile-camel:#b89b7a;--profile-sage:#8f9b8a;--profile-gray:#9a9a96;--profile-steel:#7f8a92;--profile-olive:#343316;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-heading:"Libre Baskerville",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-body);background:var(--cream);color:var(--black);min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.2}h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}h3{font-size:1.25rem;font-weight:400}@media(min-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}p{font-size:.9375rem;line-height:1.6}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit;transition:all .15s}button:active{transform:scale(.98)}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-warm);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-mid)}@supports (padding:max(0px)){body{padding-bottom:env(safe-area-inset-bottom)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 2rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.landing-page{min-height:100vh;background:var(--cream)}.landing-header{display:flex;align-items:center;justify-content:center;padding:3.5rem 2rem 1rem;background:transparent;position:absolute;top:0;left:0;right:0;z-index:100}.landing-header-logo{cursor:pointer}.header-logo-text{font-family:var(--font-heading);font-size:.875rem;font-weight:500;letter-spacing:.15em;color:#fff;text-transform:uppercase}.landing-nav{display:flex;align-items:center;justify-content:space-evenly;width:100%}.nav-link{padding:.5rem 1rem;color:#ffffffd9;text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.12em;transition:color .2s;background:transparent;border:none;cursor:pointer;font-family:var(--font-body);text-transform:uppercase}.nav-link:hover{color:#fff}.hero-section{position:relative;height:60vh;display:flex;align-items:center;overflow:hidden}.hero-video-bg{position:absolute;inset:0;z-index:0}.hero-bg-video{position:absolute;top:50%;left:50%;width:300%;height:300%;transform:translate(-50%,-50%);pointer-events:none;border:none}.hero-video-overlay-bg{position:absolute;inset:0;background:linear-gradient(to bottom,#000c,#0000004d 25% 60%,#000000e6)}.hero-content{max-width:1200px;width:100%;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:flex-end;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:1}.hero-left{color:#fff}.hero-brand{font-size:.875rem;font-weight:500;letter-spacing:.15em;color:#ffffffb3;display:block;margin-bottom:.5rem}.hero-title{font-family:var(--font-heading);font-size:4.5rem;font-weight:400;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.02em}.hero-description{font-size:1.0625rem;line-height:1.7;color:#ffffffd9;max-width:450px}.hero-right{display:flex;justify-content:flex-end;align-items:flex-end}.hero-explore-btn{padding:.875rem 1.75rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:25px;font-size:.875rem;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:all .3s;font-family:var(--font-body)}.hero-explore-btn:hover{background:#ffffff1a;border-color:#fff}.info-section{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.info-image{position:relative;padding:2rem;background:var(--cream)}.info-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:30px}.info-content{padding:4rem 3rem;background:var(--cream);display:flex;flex-direction:column;justify-content:center}.info-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:400;line-height:1.2;color:var(--charcoal);margin:0 0 2rem}.info-title span{color:var(--camel)}.info-stats{display:flex;gap:3rem;margin-bottom:2rem}.info-stat{display:flex;flex-direction:column}.stat-label{font-size:.875rem;color:var(--gray-mid);margin-bottom:.25rem}.stat-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;color:var(--charcoal)}.info-text{font-size:1rem;line-height:1.7;color:var(--charcoal);margin:0 0 1rem}.products-section{padding:5rem 3rem;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.products-bg-overlay{position:absolute;inset:0;background:#000c}.products-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;z-index:1}.products-text{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.products-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:400;line-height:1.2;color:#fff;margin:0 0 1.5rem;text-align:center}.products-title span{font-style:italic}.products-btn{display:inline-block;padding:.875rem 1.75rem;background:transparent;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.6);border-radius:25px;font-size:.875rem;font-weight:500;letter-spacing:.02em;transition:all .3s;font-family:var(--font-body)}.products-btn:hover{background:#ffffff1a;border-color:#fff}.products-images{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.product-img-single{width:100%;height:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:30px}.landing-footer{background:var(--charcoal);padding:3rem 2rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-logo img{height:40px;filter:brightness(0) invert(1)}.footer-links{display:flex;gap:2rem}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:.875rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-socials{display:flex;gap:1.25rem;justify-content:center;margin-top:1.25rem}.footer-socials a{color:#ffffff80;transition:color .2s}.footer-socials a:hover{color:#fff}.footer-socials svg{width:20px;height:20px;fill:currentColor}.footer-copy{font-size:.75rem;color:#ffffff80;margin:0}.login-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}@media(max-width:1024px){.hero-title{font-size:3rem}.info-title,.products-title{font-size:2rem}}.landing-header-mobile{display:none}@media(max-width:1023px){.landing-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;position:absolute;top:0;left:0;right:0;z-index:2000}.landing-mobile-brand{display:flex;align-items:center}.landing-mobile-logo{height:24px;filter:brightness(0) invert(1)}.landing-header{display:none!important}}@media(max-width:768px){.hero-brand{display:none}.header-logo-text{font-size:1rem}.hero-section{height:400px}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center;padding:3rem 1.5rem}.hero-title{font-size:2.75rem}.hero-description{margin:0 auto}.hero-right{justify-content:center}.info-section{grid-template-columns:1fr}.info-image{height:300px}.info-content{padding:2rem 1.5rem}.info-title{font-size:1.75rem}.info-stats{gap:2rem}.stat-value{font-size:1.5rem}.products-section{padding:3rem 1.5rem}.products-content{grid-template-columns:1fr;gap:2rem}.products-title{font-size:1.75rem}.products-images{justify-content:center}.product-img-single{max-width:300px}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem 2rem}}@media(max-width:480px){.landing-nav{gap:0;flex-wrap:wrap;justify-content:center;row-gap:.25rem}.nav-link{padding:.375rem .5rem;font-size:.625rem}.hero-section{height:auto;min-height:320px}.hero-bg-video{width:400%;height:400%}.hero-title{font-size:2rem}.hero-content{padding:2rem 1rem}.info-stats{flex-direction:column;gap:1rem}.product-img-single{max-width:250px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--charcoal) 0%,var(--brown) 100%);position:relative;padding:2rem}.auth-bg-pattern{position:absolute;inset:0;opacity:.03;background-image:radial-gradient(circle,white 1px,transparent 1px);background-size:40px 40px}.auth-container{background:#fff;border-radius:20px;padding:3rem 2rem;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:2.5rem;font-weight:900;letter-spacing:-2px;color:var(--black);margin:0}.auth-logo-img{max-width:200px;height:auto;margin:0 auto;display:block}.auth-subtitle{font-size:1.5rem;font-weight:700;color:var(--camel);margin:.5rem 0 0;letter-spacing:1px}.auth-welcome{font-size:1rem;color:var(--gray-mid);margin:1rem 0 0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--black);font-size:.9rem}.form-group input{padding:.875rem 1rem;border:2px solid var(--beige);border-radius:12px;font-size:1rem;font-family:var(--font-body);transition:all .3s}.form-group input:focus{outline:none;border-color:var(--camel);box-shadow:0 0 0 3px #b89b7a26}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:.875rem;border-radius:12px;font-size:.9rem}.btn-auth-primary{padding:1rem;background:var(--camel);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:var(--font-body)}.btn-auth-primary:hover{background:var(--brown);transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-auth-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-link{text-align:center;font-size:.95rem;color:var(--black)}.auth-link a{color:var(--camel);text-decoration:none;font-weight:600;transition:color .3s}.auth-link a:hover{color:var(--brown)}.btn-back{text-align:center;color:var(--gray-mid);text-decoration:none;font-size:.9rem;transition:color .3s;margin-top:1rem}.btn-back:hover{color:var(--black)}.btn-back-link{display:block;text-align:center;color:var(--gray-mid);text-decoration:none;font-size:.95rem;font-weight:500;margin-top:1.5rem;padding:.75rem;border-radius:12px;transition:all .3s;background:none;border:none;cursor:pointer;font-family:var(--font-body)}.btn-back-link:hover{color:var(--camel);background:var(--cream)}.otp-container{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.otp-input{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid var(--beige);border-radius:12px;transition:all .2s;font-family:var(--font-body)}.otp-input:focus{outline:none;border-color:var(--camel);box-shadow:0 0 0 3px #b89b7a26}.otp-instruction{text-align:center;color:var(--black);font-size:.95rem;margin:.5rem 0 1rem}.otp-sent-to{text-align:center;color:var(--gray-mid);font-size:.9rem;margin:0}.btn-resend{background:none;border:none;color:var(--camel);font-weight:600;cursor:pointer;font-size:.95rem;text-align:center;padding:.5rem;font-family:var(--font-body)}.btn-resend:hover{color:var(--brown)}.btn-back-inline{background:none;border:none;color:var(--gray-mid);font-size:.9rem;cursor:pointer;text-align:left;padding:0;margin-bottom:.5rem;font-family:var(--font-body)}.btn-back-inline:hover{color:var(--black)}.not-found-icon{width:5rem;height:5rem;background:linear-gradient(135deg,var(--beige) 0%,var(--cream) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--camel);margin:0 auto 1.5rem}.not-found-text{text-align:center;color:var(--black);font-size:1rem;margin-bottom:.5rem;line-height:1.5}.not-found-email{text-align:center;color:var(--camel);font-size:1.1rem;font-weight:700;margin-bottom:1rem;word-break:break-all}.not-found-help{text-align:center;color:var(--gray-mid);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.otp-hint{text-align:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;margin-bottom:1rem}.btn-auth-secondary{display:block;padding:1rem;background:#fff;color:var(--black);border:2px solid var(--beige);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:all .3s;font-family:var(--font-body)}.btn-auth-secondary:hover{border-color:var(--camel);background:var(--cream)}.register-info{text-align:center;color:var(--gray-mid);font-size:.95rem;margin-bottom:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-disabled{background:var(--cream)!important;color:var(--sage)!important}.success-message{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32;padding:.875rem;border-radius:12px;font-size:.9rem;text-align:center}@media(max-width:768px){.auth-container{padding:2rem 1.5rem}.auth-logo{font-size:2rem}.auth-subtitle{font-size:1.25rem}.otp-input{width:2.5rem;height:3rem;font-size:1.25rem}.form-row{grid-template-columns:1fr}}@media(min-width:1024px){.auth-page{padding:3rem}.auth-container{max-width:500px;padding:3rem;border-radius:24px;box-shadow:0 10px 40px #0000001f}.auth-logo{font-size:3rem}.auth-subtitle{font-size:1.5rem}.otp-input{width:3.5rem;height:4rem;font-size:1.75rem}.auth-btn{padding:1.125rem;font-size:1.0625rem}}.mobile-header-bar{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:var(--charcoal);position:sticky;top:0;z-index:2000}.mobile-brand{display:flex;align-items:center}.mobile-brand-logo{height:24px;filter:brightness(0) invert(1)}.hamburger{background:none;border:none;cursor:pointer;padding:6px;display:flex;flex-direction:column;gap:5px;z-index:2001}.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .35s cubic-bezier(.77,0,.18,1);transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;inset:0;background:var(--charcoal);z-index:1999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.77,0,.18,1)}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-nav{display:flex;flex-direction:column;align-items:center;gap:.25rem}.mobile-menu-link{background:none;border:none;color:#fff9;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;padding:.5rem 1rem;cursor:pointer;font-family:var(--font-heading, var(--font-body));transition:all .25s;transform:translateY(20px);opacity:0}.mobile-menu-overlay.open .mobile-menu-link{transform:translateY(0);opacity:1}.mobile-menu-overlay.open .mobile-menu-link:nth-child(1){transition-delay:.05s}.mobile-menu-overlay.open .mobile-menu-link:nth-child(2){transition-delay:.1s}.mobile-menu-overlay.open .mobile-menu-link:nth-child(3){transition-delay:.15s}.mobile-menu-overlay.open .mobile-menu-link:nth-child(4){transition-delay:.2s}.mobile-menu-overlay.open .mobile-menu-link:nth-child(5){transition-delay:.25s}.mobile-menu-overlay.open .mobile-menu-link:nth-child(6){transition-delay:.3s}.mobile-menu-overlay.open .mobile-menu-link:nth-child(7){transition-delay:.35s}.mobile-menu-link:hover,.mobile-menu-link:active{color:#fff}.mobile-menu-brand{position:absolute;bottom:2rem;color:#ffffff14;font-size:2.5rem;font-weight:900;letter-spacing:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:1024px){.mobile-header-bar,.mobile-menu-overlay{display:none!important}}.desktop-header{display:none!important}@media(min-width:1024px){.desktop-header{display:flex!important;align-items:center;justify-content:center;align-self:stretch;padding:0 3rem;height:64px;background:var(--charcoal);position:sticky;top:0;left:0;right:0;z-index:1000;width:100%!important;min-width:100%;box-sizing:border-box;box-shadow:0 2px 12px #00000026}.desktop-nav{display:flex;align-items:center;width:100%;max-width:1400px;margin:0 auto;gap:1rem}.desktop-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0;transition:opacity .2s}.desktop-brand:hover{opacity:.85}.desktop-brand-logo{height:32px;width:auto;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.desktop-nav-links{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex:1}.desktop-nav-link{padding:.5rem 1rem;color:#ffffffd9;text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.12em;transition:color .2s;background:transparent;border:none;border-radius:8px;cursor:pointer;font-family:var(--font-body);text-transform:uppercase}.desktop-nav-link:hover{color:#fff}}.login-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.login-modal{background:#fff;border-radius:24px;padding:2.5rem;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.75rem;color:var(--gray-mid);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close-btn:hover{background:var(--cream);color:var(--charcoal)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffe0;display:flex;justify-content:space-around;align-items:flex-end;padding:.5rem 0;padding-bottom:max(.5rem,env(safe-area-inset-bottom));border-top:1px solid rgba(0,0,0,.06);z-index:1000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -2px 10px #0000000a}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .25rem;color:var(--gray-mid);transition:all .2s ease;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent}.nav-item svg{transition:all .2s ease}.nav-item.active{color:var(--nav-accent, var(--camel))}.nav-item.active svg{transform:translateY(-2px)}.nav-label{font-size:.6875rem;font-weight:500;letter-spacing:.01em}.nav-item-create{flex:0 0 auto;margin:0 .5rem;padding:0}.create-btn{width:50px;height:50px;background:var(--nav-accent, var(--camel));color:var(--white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .2s ease;margin-bottom:0}.nav-item-create:active .create-btn{transform:scale(.95);box-shadow:0 2px 8px #b89b7a40}@media(min-width:768px){.bottom-nav{max-width:600px;left:50%;transform:translate(-50%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-left:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);padding:.75rem 1rem}.nav-item{gap:.375rem}.nav-label{font-size:.8125rem}.create-btn{width:60px;height:60px}.create-btn svg{width:26px;height:26px}}@media(min-width:1024px){.bottom-nav{display:none}}.map-page{height:100vh;height:100dvh;background:var(--cream);display:flex;flex-direction:column;overflow:hidden}.split-layout{display:flex;flex:1;overflow:hidden}@media(min-width:1024px){.map-page .bottom-nav{display:none!important}}.sidebar{width:420px;min-width:380px;max-width:480px;display:flex;flex-direction:column;background:#fff;border-right:1px solid rgba(0,0,0,.06);overflow:hidden}.sidebar-header{padding:1.5rem 1.75rem 1.25rem;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.05);background:linear-gradient(180deg,#fff,#faf8f5)}.sidebar-label{display:block;font-size:.625rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent, var(--camel));margin-bottom:.125rem}.sidebar-title-script{font-family:Caveat,cursive;font-size:2.75rem;font-weight:700;color:var(--black);margin:0;line-height:1;letter-spacing:-.01em}.sidebar-subtitle{font-size:.8125rem;color:var(--gray-mid);margin:.25rem 0 0;font-weight:400;font-style:italic;font-family:var(--font-heading)}.sidebar-count{display:inline-block;font-size:.6875rem;color:var(--accent, var(--camel));font-weight:600;margin-top:.5rem;letter-spacing:.06em;text-transform:uppercase;background:#b89b7a1a;padding:.2rem .6rem;border-radius:20px}.sidebar-list{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-thumb{background:var(--beige);border-radius:4px}.sidebar-card{display:flex;gap:.875rem;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1.5px solid transparent;background:#fff}.sidebar-card:hover{background:var(--cream);border-color:var(--beige)}.sidebar-card.active{background:#b89b7a14;border-color:var(--accent, var(--camel));box-shadow:0 2px 8px #b89b7a26}.sidebar-card-img{width:110px;height:85px;border-radius:10px;overflow:hidden;flex-shrink:0;position:relative;background:var(--cream)}.sidebar-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sidebar-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--beige)}.sidebar-card-distance{position:absolute;bottom:5px;left:5px;background:#0009;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-card-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.125rem}.sidebar-card-title{font-size:.9375rem;font-weight:600;color:var(--black);margin:0;font-family:var(--font-heading);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-card-city{font-size:.75rem;color:var(--gray-mid);font-weight:500}.sidebar-card-desc{font-size:.75rem;color:#888;line-height:1.4;margin:.125rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-card-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.sidebar-card-stat{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--gray-mid);font-weight:500}.sidebar-card-cat{font-size:.625rem;padding:.1rem .4rem;border-radius:10px;border:1px solid;font-weight:500;margin-left:auto}.sidebar-loading,.sidebar-error,.sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--gray-mid);gap:.75rem}.sidebar-empty p,.sidebar-error p{font-size:.875rem;margin:0}.floating-detail{position:absolute;bottom:1.5rem;left:1.5rem;z-index:1001;width:360px;max-height:calc(100% - 5rem);animation:floatingPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes floatingPop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-detail-inner{background:#fff;border-radius:0 0 16px 16px;overflow:hidden;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;max-height:calc(100vh - 10rem);overflow-y:auto}.floating-detail-inner::-webkit-scrollbar{width:3px}.floating-detail-inner::-webkit-scrollbar-thumb{background:var(--beige);border-radius:3px}.floating-detail-close{position:absolute;top:10px;right:10px;z-index:2;width:26px;height:26px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.floating-detail-close:hover{background:#000000a6;transform:scale(1.1)}.floating-detail-img{position:relative;width:100%;height:180px;flex-shrink:0;overflow:hidden}.floating-detail-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.floating-detail-img-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0ede8,#e5e0d8);color:var(--beige);height:100px}.floating-detail-body{padding:1rem 1.125rem .875rem}.floating-detail-title{font-size:1.0625rem;font-weight:700;color:var(--black);margin:0 0 .25rem;font-family:var(--font-heading);line-height:1.2}.floating-detail-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.floating-detail-author{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem}.floating-detail-author span{font-size:.75rem;color:var(--gray-mid)}.floating-detail-desc{font-size:.8125rem;color:#666;line-height:1.5;margin:0 0 .75rem;max-height:150px;overflow-y:auto}.floating-detail-body .overlay-actions{margin-bottom:.75rem}.floating-detail-body .overlay-btn{padding:.375rem .75rem;font-size:.75rem}.floating-detail-comments{border-top:1px solid rgba(0,0,0,.06);padding-top:.75rem}.floating-detail-comments .overlay-comments-list{max-height:160px}.floating-detail-comments .overlay-comment-form input{font-size:.75rem;padding:.4rem .75rem}.map-panel{flex:1;position:relative;overflow:hidden;background:var(--map-bg, #F9F9F9)}.gmap-fill{position:absolute;inset:0}.map-floating-filters{position:absolute;top:1rem;left:1rem;right:5rem;z-index:1000;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.5rem .625rem;background:#ffffffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:14px;box-shadow:0 2px 12px #0000001a}.map-floating-filters::-webkit-scrollbar{display:none}.map-controls{position:absolute;bottom:5rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.map-ctrl-btn{width:40px;height:40px;border-radius:10px;background:#fff;border:none;color:var(--charcoal);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:all .15s ease}.map-ctrl-btn:hover{background:var(--cream);transform:scale(1.05)}.map-ctrl-btn:active{transform:scale(.95)}.map-ctrl-locate{margin-top:.25rem;color:var(--accent, var(--camel))}.map-ctrl-locate:hover{color:var(--brown);background:#b89b7a1f}.mobile-layout{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.mobile-header{background:#fff;padding:1.25rem 1.25rem .875rem;border-bottom:1px solid #ede9e3;flex-shrink:0;display:flex;flex-direction:column;gap:.75rem}.mobile-header-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;color:#b89b7a;margin:0 0 .15rem;text-transform:uppercase}.mobile-header h1{font-size:2.75rem;font-weight:700;color:#1a1a18;margin:0;line-height:.95;letter-spacing:-.02em}.map-subtitle{font-size:.8rem;color:#aaa;margin:.35rem 0 0;font-style:italic}.view-toggle{display:flex;gap:0;background:#f2efe9;padding:.2rem;border-radius:10px;flex-shrink:0}.view-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.6rem .875rem;border:none;background:transparent;color:var(--gray-mid);font-size:.8125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.view-toggle button.active{background:#fff;color:#1a1a18;box-shadow:0 1px 4px #0000001a}.categories-filter{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fff;border-bottom:1px solid #eee;flex-shrink:0}.categories-filter.floating{position:absolute;top:0;left:0;right:0;z-index:500;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:none;box-shadow:0 2px 12px #00000014;padding:.625rem 1rem}.categories-filter::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#fff;border:1.5px solid #ddd;border-radius:24px;font-size:.8125rem;font-weight:500;color:var(--charcoal);white-space:nowrap;cursor:pointer;transition:all .2s}.filter-chip:hover{border-color:var(--accent, var(--camel));background:#b89b7a0d}.filter-chip.active{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}.chip-icon{display:flex;align-items:center}.chip-pin-icon{width:22px;height:28px;-o-object-fit:contain;object-fit:contain}.map-container-mobile{flex:1;min-height:0;position:relative;width:100%;background:var(--map-bg, #F9F9F9);overflow:hidden}.map-container-mobile .gmap-fill{position:absolute;inset:0}.map-loading-overlay{position:absolute;inset:0;background:#fff9;z-index:500;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.empty-state-map{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--beige);text-align:center;padding:2rem}.empty-state-map h3{margin-top:1rem;color:var(--charcoal)}.empty-state-map p{margin-top:.5rem;color:var(--gray-mid)}.gm-style .gm-style-iw-c{padding:0!important;border-radius:10px!important;box-shadow:0 4px 16px #00000026!important}.gm-style .gm-style-iw-d{overflow:hidden!important;padding:0!important;max-height:none!important}.gm-style .gm-style-iw{padding:0!important;overflow:hidden!important}.gm-style .gm-style-iw-tc{display:block!important}.gm-style .gm-style-iw-t:after{background:#fff!important;display:block!important}.gm-style .gm-style-iw button[aria-label=Close],.gm-style .gm-style-iw-chr{display:none!important}.pin-tooltip-content{background:#fff;overflow:hidden;width:180px}.pin-tooltip-content img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;display:block}.pin-tooltip-info{padding:.5rem .625rem}.pin-tooltip-info strong{display:block;font-size:.8125rem;font-weight:600;color:var(--black);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-tooltip-info span{display:block;font-size:.6875rem;color:var(--gray-mid);margin-top:.125rem}.pins-grid-view{flex:1;padding:1rem 1rem 90px;overflow-y:auto;background:#f7f5f2}.pins-grid{display:grid;grid-template-columns:1fr;gap:1rem}.pin-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #ede9e3;box-shadow:0 1px 4px #0000000d;cursor:pointer;transition:transform .18s,box-shadow .18s}.pin-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000017}.pin-image{width:100%;height:190px;background:#e8e4de;overflow:hidden;position:relative}.pin-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pin-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8e4de,#d6cfc4);color:var(--beige);font-size:2rem}.pin-content{padding:.875rem 1rem 1rem}.pin-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.pin-title{font-size:.975rem;font-weight:700;color:#1a1a18;margin:0;line-height:1.25;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin-cat-badge{flex-shrink:0;font-size:.68rem;font-weight:600;padding:.15rem .5rem;border-radius:20px;border:1px solid}.pin-city-label{font-size:.7rem;color:#aaa;margin-bottom:.2rem}.pin-description{font-size:.8rem;color:#777;line-height:1.4;margin:0 0 .625rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pin-footer{display:flex;align-items:center;border-top:1px solid #f0ece6;padding-top:.625rem;margin-top:.25rem}.pin-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;color:#999;font-size:.8rem;font-weight:500;border:none;background:none;cursor:pointer;transition:all .2s;padding:.5rem 0;-webkit-tap-highlight-color:transparent}.pin-action-btn:active{transform:scale(.9)}.pin-action-btn:hover{color:var(--accent, var(--camel))}.pin-action-btn.liked{color:#e74c3c}.pin-action-btn.liked svg{animation:likeHeart .4s cubic-bezier(.17,.89,.32,1.49)}@keyframes likeHeart{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}to{transform:scale(1)}}.pin-focus-btn{color:var(--accent, var(--camel))!important}.pin-focus-btn:hover{color:var(--brown)!important}.list-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.list-card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:none}.pin-video-badge{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;font-size:.7rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pin-distance-badge{position:absolute;bottom:8px;left:8px;background:#0009;color:#fff;font-size:.6875rem;font-weight:600;padding:.2rem .5rem;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;z-index:2000;padding:0;animation:overlayFadeIn .2s ease}.overlay-card{width:100%;max-width:480px;max-height:92vh;display:flex;flex-direction:column;border-radius:0;overflow:hidden;background:#fff;animation:overlaySlideUp .35s cubic-bezier(.32,.72,0,1)}.overlay-image-section{position:relative;width:100%;height:240px;flex-shrink:0}.overlay-hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.overlay-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.overlay-img-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px}.img-dot{width:7px;height:7px;border-radius:50%;border:none;background:#fff6;cursor:pointer;padding:0;transition:all .2s}.img-dot.active{background:#fff;transform:scale(1.3)}.overlay-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.overlay-close:hover{background:#000c}.overlay-glass{flex:1;overflow-y:auto;background:#f5f1ebeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:1.25rem 1.25rem 1rem}.overlay-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.overlay-header-info{flex:1;min-width:0}.overlay-title{font-size:1.25rem;font-weight:700;color:var(--black);margin:0 0 .375rem;font-family:var(--font-heading);line-height:1.2}.overlay-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.overlay-location{font-size:.8125rem;color:var(--gray-mid);font-weight:500}.overlay-category{font-size:.6875rem;padding:.15rem .5rem;border-radius:20px;border:1px solid;font-weight:500}.overlay-author{flex-shrink:0;display:flex;align-items:center;gap:.375rem}.overlay-author-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent, var(--camel)),var(--brown));display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff}.overlay-author span{font-size:.75rem;color:var(--gray-mid)}.overlay-description{font-size:.875rem;color:#666;line-height:1.55;margin:0 0 1rem;max-height:150px;overflow-y:auto}.overlay-actions{display:flex;gap:.5rem;margin-bottom:1.25rem}.overlay-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:20px;background:#0000000f;border:none;color:var(--black);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.overlay-btn:hover{background:#0000001a}.overlay-btn.liked{color:#e74c3c;background:#e74c3c26}.overlay-btn-nav{margin-left:auto;background:#b89b7a40;color:var(--accent, var(--camel))}.overlay-btn-nav:hover{background:#b89b7a66}.overlay-comments{border-top:1px solid rgba(0,0,0,.06);padding-top:1rem}.overlay-comments-title{font-size:.8125rem;font-weight:600;color:var(--gray-mid);margin:0 0 .75rem;letter-spacing:.03em;text-transform:uppercase}.overlay-comments-title span{font-weight:400;margin-left:.25rem}.overlay-comments-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto;margin-bottom:.75rem;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.overlay-comment{display:flex;gap:.625rem;align-items:flex-start}.overlay-comment-avatar{width:26px;height:26px;border-radius:50%;background:#00000012;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:var(--gray-mid);flex-shrink:0}.overlay-comment-body{flex:1;min-width:0}.overlay-comment-user{font-size:.75rem;font-weight:600;color:var(--black)}.overlay-comment-text{font-size:.8125rem;color:#555;margin:.125rem 0 0;line-height:1.45}.overlay-no-comments{font-size:.8125rem;color:var(--gray-mid);font-style:italic;text-align:center;padding:1rem 0;margin:0}.overlay-comment-error{font-size:.75rem;color:#e74c3c;background:#e74c3c14;padding:.375rem .75rem;border-radius:8px;margin:0 0 .5rem;text-align:center;animation:overlayFadeIn .2s ease}.overlay-comment-form{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.06)}.overlay-comment-input-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent, var(--camel)),var(--brown));display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff;flex-shrink:0}.overlay-comment-form input{flex:1;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:.5rem .875rem;color:var(--black);font-size:.8125rem;font-family:inherit;outline:none;transition:all .2s}.overlay-comment-form input::-moz-placeholder{color:var(--gray-mid)}.overlay-comment-form input::placeholder{color:var(--gray-mid)}.overlay-comment-form input:focus{border-color:var(--accent, var(--camel));background:#fff}.overlay-send-btn{width:32px;height:32px;border-radius:50%;background:var(--accent, var(--camel));border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.overlay-send-btn:hover{background:var(--brown);transform:scale(1.05)}.overlay-send-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlaySlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes overlaySlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.loading-state,.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--gray-mid);text-align:center}.spinner-map{width:40px;height:40px;border:3px solid #eee;border-top-color:var(--accent, var(--camel));border-radius:50%;animation:spin .8s linear infinite}.empty-state svg{color:var(--beige)}.empty-state h3{color:var(--charcoal);margin:0}.btn-retry{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent, var(--camel));color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-retry:hover{background:var(--brown);transform:translateY(-2px)}.gm-style iframe+div{border:none!important}.welcome-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem;animation:fadeIn .3s ease}.welcome-modal{background:#fff;border-radius:20px;padding:2.5rem 2rem;max-width:450px;width:100%;text-align:center;box-shadow:0 20px 60px #0006;animation:slideUp .4s ease}.welcome-modal h2{font-size:1.75rem;font-weight:700;color:var(--black);margin:0 0 1rem;letter-spacing:-.02em;font-family:var(--font-heading)}.welcome-modal p{font-size:1rem;color:var(--gray-mid);line-height:1.6;margin:0 0 .75rem}.welcome-cta{font-weight:700;color:var(--accent, var(--camel))!important;font-size:1.125rem!important;margin-bottom:1.5rem!important}.btn-welcome{width:100%;padding:1rem;background:var(--accent, var(--camel));color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:var(--font-body)}.btn-welcome:hover{background:var(--brown);transform:translateY(-2px);box-shadow:0 10px 25px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.overlay-backdrop{align-items:center;padding:1rem}.overlay-card{border-radius:0 0 16px 16px;max-height:85vh}.overlay-image-section{height:280px}}@media(min-width:640px)and (max-width:1023px){.pins-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1440px){.sidebar{width:480px;max-width:520px}.sidebar-card-img{width:130px;height:95px}.sidebar-card-title{font-size:1rem}}@media(min-width:1920px){.sidebar{width:520px;max-width:580px}}.img-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:linear-gradient(135deg,#00000059,#0003);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s}.img-arrow:hover{background:#0000008c;transform:translateY(-50%) scale(1.1)}.img-arrow-left{left:8px}.img-arrow-right{right:8px}.img-counter{position:absolute;bottom:10px;right:10px;z-index:3;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.625rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;letter-spacing:.04em}.lightbox-backdrop{position:fixed;inset:0;z-index:9999;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:overlayFadeIn .2s ease;cursor:pointer}.lightbox-img{max-width:90vw;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:16px;box-shadow:0 16px 64px #00000080;animation:lightboxZoom .25s cubic-bezier(.34,1.56,.64,1)}@keyframes lightboxZoom{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:36px;height:36px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.lightbox-close:hover{background:#ffffff4d;transform:scale(1.1)}.pin-author-tag{display:flex;align-items:center;gap:.4rem;margin:.35rem 0 .5rem}.pin-author-avatar{width:24px;height:24px;border-radius:50%;background:#e8e4de;color:#666;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.pin-author-name{font-size:.8rem;font-weight:600;color:#555}.pin-author-date{font-size:.7rem;color:#aaa;margin-left:auto}.pin-hours{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem}.pin-hours-status{font-weight:700;font-size:.75rem;padding:.15rem .5rem;border-radius:20px}.pin-hours-status.open{color:#2e7d32;background:#e8f5e9}.pin-hours-status.closed{color:#c62828;background:#ffebee}.pin-hours-time{color:#888;font-size:.75rem}.lightbox-container{display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;animation:lightboxZoom .25s cubic-bezier(.34,1.56,.64,1)}.lightbox-container .lightbox-img{animation:none;max-height:70vh;flex-shrink:1}.lightbox-info{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;padding:.75rem .25rem;gap:.75rem;flex-shrink:0}.lightbox-user{display:flex;align-items:center;gap:.5rem}.lightbox-avatar{width:32px;height:32px;border-radius:50%;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.lightbox-user-text{display:flex;flex-direction:column}.lightbox-username{color:#fff;font-size:.8125rem;font-weight:600}.lightbox-date{color:#ffffff80;font-size:.7rem}.lightbox-meta{display:flex;align-items:center;gap:.5rem}.lightbox-tag{font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:20px;border:1px solid}.lightbox-location{color:#ffffff80;font-size:.7rem}.login-prompt-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.login-prompt-modal{background:#fff;border-radius:20px;padding:2rem;max-width:340px;width:100%;text-align:center;position:relative;animation:overlayFadeIn .2s ease}.login-prompt-close{position:absolute;top:12px;right:12px;background:#f0f0f0;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.login-prompt-modal h2{font-size:1.25rem;font-weight:700;color:#1a1a18;margin:0 0 .5rem}.login-prompt-modal p{font-size:.875rem;color:#888;margin:0 0 1.5rem;line-height:1.4}.login-prompt-btn{width:100%;padding:.875rem;background:var(--charcoal, #4a4a48);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-body);margin-bottom:.75rem}.login-prompt-link{background:none;border:none;color:#aaa;font-size:.8rem;cursor:pointer;font-family:var(--font-body)}.pin-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pin-title-row .floating-detail-title,.pin-title-row .overlay-title{flex:1;min-width:0}.pin-options-wrapper{position:relative;flex-shrink:0}.pin-options-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s}.pin-options-btn:hover{background:#f0ece6;color:#1a1a18}.pin-options-menu{position:absolute;top:100%;right:0;z-index:1010;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001f;overflow:hidden;min-width:140px;animation:floatingPop .15s ease-out}.pin-options-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;cursor:pointer;font-size:.85rem;font-family:var(--font-body);color:#1a1a18;transition:background .15s}.pin-options-menu button:hover{background:#f5f0ea}.pin-options-menu .pin-options-delete{color:#e74c3c}.pin-options-menu .pin-options-delete:hover{background:#fdf0ef}.edit-pin-overlay{position:fixed;inset:0;z-index:2000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.edit-pin-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;animation:floatingPop .2s ease-out}.edit-pin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0ece6}.edit-pin-header h3{margin:0;font-size:1rem;font-weight:600;color:#1a1a18}.edit-pin-close{background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:6px}.edit-pin-close:hover{background:#f0ece6;color:#1a1a18}.edit-pin-body{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.edit-pin-field label{display:block;font-size:.8rem;font-weight:600;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.edit-pin-field input,.edit-pin-field textarea{width:100%;padding:10px 12px;border:2px solid #e8e0d4;border-radius:10px;font-size:.9rem;font-family:var(--font-body);color:#1a1a18;background:#fafaf8;transition:border-color .2s;box-sizing:border-box}.edit-pin-field input:focus,.edit-pin-field textarea:focus{outline:none;border-color:#b89b7a}.edit-pin-field textarea{resize:vertical;min-height:70px}.edit-pin-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.edit-pin-category-grid .category-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:2px solid #e8e0d4;border-radius:12px;background:#fafaf8;cursor:pointer;transition:all .2s}.edit-pin-category-grid .category-chip:hover{border-color:#b89b7a;background:#f5f0ea}.edit-pin-category-grid .category-chip.selected{border-width:2px}.edit-pin-category-grid .category-chip-icon{width:28px;height:36px;-o-object-fit:contain;object-fit:contain}.edit-pin-category-grid .category-chip-emoji{font-size:22px;line-height:1}.edit-pin-category-grid .category-chip-name{font-size:.65rem;font-weight:500;color:#1a1a18;text-align:center;line-height:1.2}.edit-pin-actions{display:flex;gap:10px;padding:14px 20px;border-top:1px solid #f0ece6}.edit-pin-cancel{flex:1;padding:10px;border:2px solid #e8e0d4;border-radius:10px;background:#fff;color:#666;font-size:.85rem;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .15s}.edit-pin-cancel:hover{border-color:#999;color:#1a1a18}.edit-pin-save{flex:1;padding:10px;border:none;border-radius:10px;background:#1a1a18;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .15s}.edit-pin-save:hover{background:#333}.edit-pin-save:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-overlay{position:fixed;inset:0;z-index:2000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.delete-confirm-modal{background:#fff;border-radius:16px;padding:28px 24px 20px;width:100%;max-width:340px;text-align:center;animation:floatingPop .2s ease-out}.delete-confirm-icon{color:#e74c3c;margin-bottom:12px}.delete-confirm-modal h3{margin:0 0 8px;font-size:1.05rem;font-weight:600;color:#1a1a18}.delete-confirm-modal p{margin:0 0 20px;font-size:.85rem;color:#666;line-height:1.5}.delete-confirm-actions{display:flex;gap:10px}.delete-confirm-cancel{flex:1;padding:10px;border:2px solid #e8e0d4;border-radius:10px;background:#fff;color:#666;font-size:.85rem;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .15s}.delete-confirm-cancel:hover{border-color:#999;color:#1a1a18}.delete-confirm-btn{flex:1;padding:10px;border:none;border-radius:10px;background:#e74c3c;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .15s}.delete-confirm-btn:hover{background:#c0392b}.passport-page{min-height:100vh;background:linear-gradient(135deg,var(--charcoal) 0%,var(--camel) 100%);padding-bottom:80px;display:flex;flex-direction:column}.passport-header{padding:2rem 1rem;text-align:center;color:var(--white)}.passport-title{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}.passport-subtitle{font-size:.9375rem;opacity:.9;margin-bottom:2rem}.progress-container{position:relative;width:120px;height:120px;margin:0 auto 1.5rem}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.visited{display:block;font-size:2rem;font-weight:800;color:var(--white);line-height:1}.total{font-size:1rem;color:#ffffffb3;font-weight:600}.progress-message{font-size:1rem;font-weight:600;color:var(--beige)}.passport-content{background:var(--cream);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.5rem 1rem;min-height:60vh}.states-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.state-card{background:var(--white);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;position:relative;transition:all .2s ease;border:2px solid transparent;box-shadow:var(--shadow-sm)}.state-card:active{transform:scale(.98)}.state-card.visited{background:linear-gradient(135deg,#c67b5c1a,#8b9b7e1a);border-color:var(--camel)}.state-card.has-cities:not(.visited){border-color:#b89b7a4d}.state-card.expanded{border-color:var(--camel);border-bottom-left-radius:0;border-bottom-right-radius:0}.state-code{font-size:.75rem;font-weight:700;color:var(--camel);text-transform:uppercase;letter-spacing:.05em}.state-name{font-size:.9375rem;font-weight:600;color:var(--charcoal);line-height:1.3}.state-check{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;background:var(--camel);color:var(--white);border-radius:var(--radius-full, 50%);display:flex;align-items:center;justify-content:center}.state-available{position:absolute;top:.75rem;right:.75rem;width:20px;height:20px;color:var(--camel);opacity:.5;display:flex;align-items:center;justify-content:center}.state-cities{background:var(--white);border:2px solid var(--camel);border-top:none;border-radius:0 0 var(--radius-md, 12px) var(--radius-md, 12px);overflow:hidden;margin-top:-2px}.city-row{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;border-top:1px solid var(--gray-light, #efefef)}.city-row.visited{background:#b89b7a0f}.city-emoji{font-size:.875rem;flex-shrink:0}.city-name{flex:1;font-weight:500;color:var(--charcoal)}.city-pins{font-size:.6875rem;font-weight:600;color:var(--camel);background:#b89b7a1f;padding:.2rem .5rem;border-radius:8px}.city-explore{font-size:.6875rem;font-weight:500;color:var(--gray-mid, #999);font-style:italic}.state-skeleton{pointer-events:none}.skeleton-code{width:30px;height:12px;border-radius:4px;background:linear-gradient(110deg,var(--gray-light, #eee) 8%,#f5f5f5 18%,var(--gray-light, #eee) 33%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-name{width:70px;height:16px;border-radius:4px;background:linear-gradient(110deg,var(--gray-light, #eee) 8%,#f5f5f5 18%,var(--gray-light, #eee) 33%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(min-width:640px){.states-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.passport-page{max-width:100%;margin:0;padding:0;background:var(--cream)}.passport-page>.desktop-header{width:100%}.passport-header{width:100%;max-width:1100px;border-radius:20px;padding:2.5rem 3rem;margin:2rem auto 0;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;background:linear-gradient(135deg,var(--charcoal) 0%,var(--camel) 100%);box-shadow:0 8px 32px #0000001f}.passport-header-text{flex:1}.passport-title{font-size:2.5rem}.passport-subtitle{margin-bottom:1rem;font-size:1.0625rem}.progress-message{text-align:left;font-size:1.125rem}.progress-container{width:160px;height:160px;margin:0;flex-shrink:0}.progress-ring{width:100%;height:100%}.visited{font-size:2.75rem}.total{font-size:1.125rem}.passport-content{max-width:1100px;width:100%;margin:0 auto;padding:2rem;background:var(--cream);border-radius:20px}.states-grid{grid-template-columns:repeat(5,1fr);gap:1rem}.state-card{padding:1.25rem;border-radius:14px;transition:all .2s}.state-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.state-name{font-size:1rem}.state-code{font-size:.8125rem}}@media(min-width:1440px){.passport-header{max-width:1200px;padding:3rem 3.5rem}.passport-content{max-width:1200px}.states-grid{grid-template-columns:repeat(6,1fr);gap:1.25rem}}.share-overlay{position:fixed;inset:0;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-modal{background:#fff;border-radius:20px;padding:1.5rem;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:shareSlideUp .3s ease}@keyframes shareSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.share-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:#f0f0f0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.share-title{font-size:1.125rem;font-weight:700;color:#1a1a18;margin:0 0 1rem}.share-preview-wrapper{width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;margin-bottom:1rem;box-shadow:0 4px 20px #0000001a}.share-preview{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.share-blur-bg{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(20px) brightness(.6)}.share-preview-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem;text-align:center}.share-pin-image{width:65%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:14px;margin-bottom:.75rem;box-shadow:0 8px 24px #0003}.share-pin-title{font-size:1.25rem;font-weight:800;margin:0 0 .25rem;line-height:1.2}.share-pin-city{font-size:.8rem;opacity:.7;margin:0 0 .5rem}.share-pin-cat{font-size:.65rem;padding:.15rem .5rem;border-radius:20px;background:#fff3}.share-branding{position:absolute;bottom:.75rem;left:0;right:0;text-align:center;z-index:2}.share-brand-text{display:block;font-size:.75rem;font-weight:900;letter-spacing:2px}.share-brand-sub{display:block;font-size:.55rem;opacity:.5}.share-bg-picker{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.share-bg-option{padding:.4rem .75rem;border:1.5px solid #e0ddd8;background:#fff;border-radius:20px;font-size:.75rem;font-weight:600;color:#888;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:var(--font-body)}.share-bg-option.active{background:#1a1a18;color:#fff;border-color:#1a1a18}.share-actions{display:flex;gap:.75rem}.share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all .2s}.share-btn:disabled{opacity:.5;cursor:not-allowed}.share-btn-download{background:#f0ece6;color:#1a1a18}.share-btn-share{background:#1a1a18;color:#fff}.share-btn-share:hover:not(:disabled){background:#333}.profile-page{min-height:100vh;background:var(--cream);padding-bottom:100px}.profile-hero{padding:3rem 1.5rem 2rem;text-align:center}.profile-hero-content{max-width:600px;margin:0 auto}.profile-hero-brand{font-size:.75rem;letter-spacing:3px;text-transform:uppercase;font-weight:600}.profile-hero-title{font-size:2rem;font-weight:800;margin:.25rem 0;letter-spacing:-1px}.profile-hero-description{font-size:.95rem;margin:0}@media(max-width:1023px){.profile-hero-brand{display:none}.profile-hero{padding:1.5rem}}@media(min-width:1024px){.profile-hero{padding:4rem 2rem 2.5rem}.profile-hero-title{font-size:2.5rem}}.profile-header-section{position:relative;padding:2.5rem 1rem 4rem;text-align:center;overflow:hidden}.passport-waves{position:absolute;bottom:0;left:0;width:100%;height:60px}.passport-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:400;color:var(--white);letter-spacing:.15em;text-shadow:0 2px 8px rgba(0,0,0,.4);position:relative;z-index:1;-webkit-text-stroke:.5px rgba(0,0,0,.1)}.profile-card{background:var(--white);margin:-2rem 1rem 0;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;position:relative;z-index:10}.profile-info-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.profile-avatar-wrapper{flex-shrink:0}.profile-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--beige),var(--camel));display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--white);box-shadow:0 2px 10px #0000001a}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar span{font-size:1.75rem;font-weight:700;color:var(--white)}.profile-details{flex:1}.profile-name{font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--black);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.02em}.profile-username{font-size:.875rem;color:var(--gray-mid);margin:0;font-style:italic}.profile-level{display:inline-block;font-size:.6875rem;font-weight:600;color:var(--camel);background:#b89b7a1f;padding:.15rem .5rem;border-radius:6px;margin:.375rem 0 0;letter-spacing:.03em}.profile-subtitle{font-size:.6875rem;color:var(--gray-mid);margin:.25rem 0 0;opacity:.7}.points-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-light)}.points-bar-container{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.points-bar{flex:1;height:8px;background:var(--gray-light);border-radius:4px;position:relative;overflow:visible}.points-fill{height:100%;background:linear-gradient(90deg,var(--camel),var(--brown));border-radius:4px;position:relative}.points-markers{position:absolute;top:0;left:0;width:100%;height:100%}.marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--gray-light);border:2px solid var(--white);transition:all .3s ease}.marker.active{background:var(--camel)}.points-total{text-align:right;min-width:70px}.points-number{display:block;font-size:1.125rem;font-weight:700;color:var(--black)}.points-label{font-size:.625rem;color:var(--gray-mid);letter-spacing:.1em}.points-message{font-size:.8125rem;color:var(--gray-mid);margin:0;text-align:center}.points-message strong{color:var(--camel);font-weight:600}.points-message em{font-style:italic;color:var(--black)}.badges-section{margin-bottom:1.5rem}.badges-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;margin-bottom:1rem;background:none;border:none;cursor:pointer;font-family:inherit}.badges-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--black);letter-spacing:.05em}.badges-count{font-weight:400;color:var(--gray-mid)}.badges-header svg{color:var(--gray-mid)}.badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.badge-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.badge-item.locked{opacity:.4}.badge-circle{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--beige),var(--sand));display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;overflow:hidden}.badge-item:not(.locked) .badge-circle{background:transparent;box-shadow:none}.badge-emoji{font-size:1.5rem}.badge-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.badge-locked{font-size:1.25rem;color:var(--gray-mid);font-weight:700}.badge-name{font-size:.6875rem;color:var(--black);text-align:center;font-weight:500;line-height:1.2}.collection-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-light)}.collection-header{margin-bottom:1rem}.collection-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--black);letter-spacing:.05em}.collection-count{font-weight:400;color:var(--gray-mid)}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.collection-item{background:var(--cream);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s}.collection-item:hover{transform:scale(1.02)}.collection-img-wrapper{width:100%;aspect-ratio:1;overflow:hidden;background:var(--gray-light)}.collection-img-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.collection-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--beige),var(--sand, #e8e0d4));color:var(--gray-mid)}.collection-item-info{padding:.5rem .625rem}.collection-item-name{display:block;font-size:.75rem;font-weight:600;color:var(--black);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-item-variant{display:block;font-size:.6875rem;color:var(--gray-mid);margin-top:.125rem}.collection-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;color:var(--gray-mid);text-align:center}.collection-empty p{font-size:.8125rem;margin:0;font-style:italic}.collection-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.collection-skeleton{aspect-ratio:1;border-radius:12px;background:linear-gradient(110deg,var(--gray-light) 8%,#f5f5f5 18%,var(--gray-light) 33%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-menu{margin-bottom:1.5rem}.menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;background:none;border:none;border-bottom:1px solid var(--gray-light);cursor:pointer;font-family:inherit;transition:all .2s}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--gray-light);margin:0 -1rem;padding:1rem;border-radius:8px}.menu-label{font-size:.9375rem;color:var(--black);font-style:italic}.menu-arrow{color:var(--gray-mid)}.color-selector{margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid var(--gray-light)}.color-label{display:block;font-size:.75rem;color:var(--gray-mid);margin-bottom:.75rem}.color-options{display:flex;gap:.75rem;flex-wrap:wrap}.color-option{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:all .2s}.color-option.selected{border-color:var(--black);transform:scale(1.1)}.color-option:hover{transform:scale(1.05)}.color-wave-preview{position:absolute;bottom:0;left:0;width:100%;height:100%}.btn-logout{width:100%;padding:.875rem;background:var(--white);color:var(--gray-mid);border:1px solid var(--gray-light);border-radius:8px;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.btn-logout:hover{background:var(--gray-light);color:var(--black)}.coins-mini{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:10px;margin-top:.75rem;font-size:.8rem}.coins-mini-icon{width:22px;height:22px;border-radius:50%}.coins-mini-amount{font-weight:700;color:#1a1a18}.coins-mini-label{color:#888}.coins-mini-btn{margin-left:auto;background:none;border:none;font-weight:700;font-size:.75rem;cursor:pointer;font-family:var(--font-body)}.experiences-section{margin:0 1rem;padding-bottom:1rem}.experiences-header{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;letter-spacing:.1em;color:var(--charcoal);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.experiences-count{color:var(--gray-mid);font-weight:500}.experiences-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.experience-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #ede9e3;box-shadow:0 1px 4px #0000000d;cursor:pointer;transition:transform .18s;position:relative}.experience-card:active{transform:scale(.98)}.experience-img{width:100%;aspect-ratio:1/1;overflow:hidden;position:relative}.experience-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.experience-img-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8e4de,#d6cfc4);color:#bbb}.experience-video-badge{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;font-size:.7rem;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.experience-badge{position:absolute;top:8px;left:8px;font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.experience-badge.pending{background:#fff3e0;color:#e65100}.experience-badge.approved{background:#e8f5e9;color:#2e7d32}.experience-info{padding:.5rem .625rem}.experience-title{font-size:.8rem;font-weight:700;color:#1a1a18;margin:0 0 .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experience-city{font-size:.65rem;color:#aaa}.experience-stats{display:flex;gap:.5rem;margin-top:.25rem;font-size:.7rem;color:#999}.experience-stats span{display:flex;align-items:center;gap:.2rem}.experience-share{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#0006;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pin-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:5000;display:flex;align-items:flex-end;justify-content:center}.pin-modal{background:#fff;width:100%;max-width:500px;max-height:90vh;border-radius:20px 20px 0 0;overflow-y:auto;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pin-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#0006;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.pin-modal-img{width:100%;height:250px;overflow:hidden}.pin-modal-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pin-modal-body{padding:1.25rem}.pin-modal-body h2{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#1a1a18}.pin-modal-meta{display:flex;gap:.5rem;margin-bottom:.5rem}.pin-modal-cat{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:20px;background:#b89b7a1a;color:var(--camel)}.pin-modal-city{font-size:.75rem;color:#aaa}.pin-modal-date{font-size:.75rem;color:#bbb;margin:0 0 .75rem}.pin-modal-desc{font-size:.875rem;color:#666;line-height:1.5;margin:0 0 1rem}.pin-modal-actions{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-top:1px solid #f0ece6;border-bottom:1px solid #f0ece6;font-size:.8rem;color:#888}.pin-modal-actions span{display:flex;align-items:center;gap:.3rem}.pin-modal-actions button{display:flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--camel);font-size:.8rem;font-weight:600;cursor:pointer;margin-left:auto}.pin-modal-comments{margin-top:1rem}.pin-modal-comments h4{font-size:.85rem;margin:0 0 .5rem;color:#1a1a18}.pin-modal-comment{margin-bottom:.5rem;font-size:.8rem}.pin-modal-comment strong{color:#1a1a18;margin-right:.3rem}.pin-modal-comment p{margin:.15rem 0 0;color:#666}.pin-modal-map-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:var(--charcoal);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:1rem}@media(min-width:1024px){.experiences-section{max-width:960px;margin:0 auto;padding:0 2rem 1rem}.experiences-grid{grid-template-columns:repeat(3,1fr)}.pin-modal-overlay{align-items:center}.pin-modal{border-radius:20px;max-height:85vh}}.admin-tab-toggle{display:flex;gap:0;margin:1rem 1rem .5rem;background:var(--gray-light);border-radius:10px;padding:3px;position:relative;z-index:11}.tab-btn{flex:1;padding:.625rem 1rem;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;font-family:var(--font-body);color:var(--gray-mid);background:transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.375rem;letter-spacing:.02em}.tab-btn.active{background:var(--white);color:var(--black);box-shadow:0 1px 3px #00000014}.admin-loading{display:flex;align-items:center;justify-content:center;padding:4rem 1rem;color:var(--gray-mid);font-size:.875rem;font-style:italic}@media(min-width:640px){.badges-grid{grid-template-columns:repeat(6,1fr)}.collection-grid{grid-template-columns:repeat(3,1fr)}.profile-card{max-width:600px;margin-left:auto;margin-right:auto}}@media(min-width:1024px){.profile-page{padding-bottom:0}.profile-page .bottom-nav{display:none!important}.profile-header-section{max-width:960px;margin:2rem auto 0;padding:3rem 2rem 4.5rem;border-radius:20px 20px 0 0;text-align:center}.passport-waves{height:70px}.passport-title{font-size:2.25rem;letter-spacing:.2em}.admin-tab-toggle{max-width:960px;margin-left:auto;margin-right:auto;margin-top:.75rem}.profile-card{max-width:960px;margin:-2.5rem auto 3rem;padding:2.5rem 3rem;border-radius:20px;box-shadow:0 8px 32px #00000014}.profile-info-section{gap:2rem;margin-bottom:2rem}.profile-avatar{width:100px;height:100px;border:4px solid var(--white);box-shadow:0 4px 16px #0000001f}.profile-avatar span{font-size:2.25rem}.profile-name{font-size:1.375rem}.profile-username{font-size:1rem}.profile-level{font-size:.75rem;padding:.25rem .625rem}.points-section{margin-bottom:2rem;padding-bottom:2rem}.points-bar{height:10px}.points-number{font-size:1.375rem}.points-message{font-size:.9375rem}.profile-desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2rem}.badges-section{margin-bottom:0}.badges-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.badge-circle{width:80px;height:80px}.badge-emoji{font-size:2rem}.collection-section{margin-bottom:0;padding-bottom:0;border-bottom:none}.collection-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.profile-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-light)}.menu-item{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1.125rem .75rem;border:1px solid var(--gray-light);border-radius:12px;border-bottom:1px solid var(--gray-light);text-align:center}.menu-item:last-child{border-bottom:1px solid var(--gray-light)}.menu-item:hover{margin:0;padding:1.125rem .75rem;background:var(--cream);border-color:var(--beige);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.menu-item .menu-arrow{display:none}.menu-label{font-size:.8125rem}.color-selector{display:flex;align-items:center;gap:1.5rem;padding-top:1.5rem}.color-label{margin-bottom:0;white-space:nowrap}.color-options{flex-wrap:nowrap}.btn-logout{max-width:260px;margin:0 auto}}@media(max-width:1023px){.profile-hero-brand{display:none}}.daily-login-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--charcoal, #4a4a48);color:#fff;border-radius:14px;box-shadow:0 8px 30px #00000040;white-space:nowrap}.daily-login-toast svg{color:#f5a623;flex-shrink:0}.daily-login-toast div{display:flex;flex-direction:column}.daily-login-toast strong{font-size:.9375rem;font-weight:700}.daily-login-toast span{font-size:.75rem;opacity:.7}@media(min-width:1024px){.daily-login-toast{bottom:2rem}}@media(min-width:1440px){.profile-header-section{max-width:1100px}.profile-card{max-width:1100px;padding:3rem 3.5rem}.admin-tab-toggle{max-width:1100px}.badges-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.collection-grid{grid-template-columns:repeat(3,1fr)}.profile-menu{gap:1rem}}.routes-page{min-height:100vh;background:#f7f5f2;padding-bottom:80px}.routes-header{background:#fff;padding:1.25rem 1.25rem .875rem;border-bottom:1px solid #ede9e3;position:sticky;top:0;z-index:100}.routes-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.routes-header-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;color:#b89b7a;margin:0 0 .15rem;text-transform:uppercase}.routes-magazine-title{font-family:Libre Baskerville,Georgia,serif;font-size:2.75rem;font-weight:700;color:#1a1a18;margin:0;line-height:.95;letter-spacing:-.02em}.routes-subtitle{font-size:.8rem;color:#aaa;margin:.35rem 0 0;font-style:italic}.routes-filter-bar{display:flex;flex-direction:column;gap:.625rem}.routes-filter-input{width:100%;height:36px;border:1px solid #e5e1da;border-radius:20px;padding:0 1rem;font-size:.825rem;background:#f7f5f2;outline:none;color:#1a1a18;box-sizing:border-box}.routes-filter-input::-moz-placeholder{color:#bbb}.routes-filter-input::placeholder{color:#bbb}.routes-filter-chips{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.routes-filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:.3rem .8rem;border-radius:20px;border:1.5px solid #e0ddd8;background:#fff;color:#666;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-chip.active{background:#1a1a18;border-color:#1a1a18;color:#fff}.routes-content{padding:1.25rem 1rem 1rem}.routes-grid{display:grid;grid-template-columns:1fr;gap:1rem}.route-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #ede9e3;box-shadow:0 1px 4px #0000000d;cursor:pointer;transition:transform .18s,box-shadow .18s}.route-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000017}.route-card-img{width:100%;height:190px;background:#e8e4de;position:relative;overflow:hidden}.route-carousel-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .7s ease}.route-carousel-img.active{opacity:1}.route-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8e4de,#d6cfc4);font-size:3.5rem}.btn-save-route{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#ffffffe0;border:none;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;transition:color .2s,background .2s,transform .15s}.btn-save-route:hover{background:#fff;transform:scale(1.1)}.btn-save-route.saved{color:#e84040}.btn-save-route.saved svg{animation:heartPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.5)}70%{transform:scale(.9)}to{transform:scale(1)}}.route-official-badge{position:absolute;top:10px;left:10px;background:#0009;color:#fff;font-size:.68rem;font-weight:700;padding:.22rem .55rem;border-radius:20px;display:flex;align-items:center;gap:.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.route-distance-badge{position:absolute;bottom:10px;left:10px;background:#00000094;color:#fff;font-size:.68rem;font-weight:600;padding:.22rem .55rem;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.route-card-body{padding:.875rem 1rem 1rem}.route-title{font-size:.975rem;font-weight:700;color:#1a1a18;margin:0 0 .35rem;display:flex;align-items:center;gap:.4rem;line-height:1.25}.route-title-emoji{font-size:1.1rem}.route-desc{font-size:.8rem;color:#777;margin:0 0 .625rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.route-meta{display:flex;flex-wrap:wrap;gap:.625rem;align-items:center}.route-meta span{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#999}.route-meta-creator{font-style:italic;color:#bbb!important}.route-skeleton .route-card-img{background:#eee}.skel-line{height:12px;background:#eee;border-radius:6px;margin-bottom:.5rem}.w70{width:70%}.w90{width:90%}.w50{width:50%}.routes-empty{text-align:center;padding:4rem 1rem;color:#ccc;display:flex;flex-direction:column;align-items:center;gap:.5rem}.routes-empty h3{font-size:1rem;color:#666;margin:0}.routes-empty p{font-size:.85rem;color:#aaa;margin:0}.btn-create-route{display:flex;align-items:center;gap:.35rem;background:#1a1a18;color:#fff;border:none;border-radius:20px;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:opacity .15s}.btn-create-route:hover{opacity:.8}.btn-gmaps{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:#1a1a18;color:#fff;border:none;border-radius:12px;font-size:.925rem;font-weight:600;cursor:pointer;margin-top:.75rem;transition:opacity .15s}.btn-gmaps:hover{opacity:.85}.btn-gmaps:disabled{opacity:.38;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0000007a;z-index:1000;display:flex;align-items:flex-end;overflow:hidden}.route-modal{background:#fff;border-radius:22px 22px 0 0;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:30px;height:30px;border-radius:50%;background:#00000073;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.modal-cover{width:100%;height:210px;overflow:hidden;flex-shrink:0;position:relative}.modal-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}.modal-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8e4de,#d0c9bf);display:flex;align-items:center;justify-content:center;font-size:4rem}.modal-body{padding:1.25rem 1.25rem 2.5rem}.modal-title-row{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.modal-emoji-big{font-size:1.625rem}.modal-title-row h2{font-family:Libre Baskerville,Georgia,serif;font-size:1.375rem;font-weight:700;color:#1a1a18;margin:0;line-height:1.2}.modal-desc{font-size:.875rem;color:#666;line-height:1.6;margin:0 0 1rem}.modal-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;background:#f5f3f0;color:#555;padding:.25rem .625rem;border-radius:20px}.tag-official{background:#1a1a18;color:#fff}.modal-section-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#aaa;margin:0 0 .75rem}.pins-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.route-modal .pin-card{display:flex;align-items:center;gap:.75rem;background:#f8f6f3;border:1px solid #ede9e3;border-radius:12px;padding:.625rem;cursor:pointer;transition:background .14s}.route-modal .pin-card:hover{background:#f0ece6}.pin-card-img{width:50px;height:50px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#e8e4de;display:flex;align-items:center;justify-content:center;position:relative}.pin-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pin-card-emoji{font-size:1.5rem}.pin-card-num{position:absolute;bottom:2px;right:2px;width:17px;height:17px;border-radius:50%;background:#1a1a18;color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}.pin-card-info{flex:1;min-width:0;display:flex;align-items:center;gap:.4rem}.pin-cat-emoji{font-size:1rem;flex-shrink:0}.pin-card-name{font-size:.875rem;font-weight:600;color:#1a1a18;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin-card-loc{font-size:.72rem;color:#aaa;margin:0}.pin-card-arrow{font-size:1.25rem;color:#ccc;flex-shrink:0}.pins-loading{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.pin-card-skeleton{height:66px;background:#eee;border-radius:12px}.create-hint{font-size:.825rem;color:#bbb;margin:.25rem 0 1.25rem}.create-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.create-emoji-input{width:48px;height:44px;text-align:center;font-size:1.4rem;border:1px solid #e5e1da;border-radius:10px;background:#f7f5f2;outline:none;flex-shrink:0}.create-text-input{flex:1;height:44px;border:1px solid #e5e1da;border-radius:10px;padding:0 .875rem;font-size:.925rem;background:#f7f5f2;outline:none;color:#1a1a18}.create-textarea,.create-select{width:100%;border:1px solid #e5e1da;border-radius:10px;padding:.6rem .875rem;font-size:.875rem;background:#f7f5f2;outline:none;margin-bottom:.75rem;box-sizing:border-box;color:#1a1a18;resize:none}.create-select{height:44px}.create-pins-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.create-pins-header h3{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#888;margin:0}.pins-badge{font-size:.72rem;background:#1a1a18;color:#fff;border-radius:20px;padding:.15rem .6rem}.create-empty-pins{text-align:center;color:#bbb;font-size:.875rem;padding:1.5rem 0}.create-pins-list{display:flex;flex-direction:column;gap:.5rem;max-height:270px;overflow-y:auto;margin-bottom:1.25rem;-webkit-overflow-scrolling:touch}.picker-pin{display:flex;align-items:center;gap:.75rem;background:#f7f5f2;border:1.5px solid transparent;border-radius:10px;padding:.5rem .75rem;cursor:pointer;text-align:left;width:100%;transition:border-color .14s,background .14s}.picker-pin.selected{border-color:#1a1a18;background:#eeeae5}.picker-pin-img{width:42px;height:42px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#e0ddd8;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.picker-pin-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.picker-pin-info{flex:1;min-width:0}.picker-pin-name{font-size:.875rem;font-weight:600;color:#1a1a18;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-pin-loc{font-size:.75rem;color:#bbb;margin:0}.picker-num{width:24px;height:24px;border-radius:50%;background:#1a1a18;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.picker-add{font-size:1.25rem;color:#ccc;flex-shrink:0}@media(min-width:1024px){.routes-page{padding-bottom:0}.routes-page .bottom-nav{display:none!important}.routes-header{max-width:960px;margin:1.5rem auto 0;border-radius:16px 16px 0 0;border:1px solid #ede9e3;position:static}.routes-filter-bar{flex-direction:row;align-items:center;gap:.75rem}.routes-filter-input{width:220px;flex-shrink:0}.routes-content{max-width:960px;margin:0 auto 3rem;padding:1.5rem;background:#fff;border:1px solid #ede9e3;border-top:none;border-radius:0 0 16px 16px}.routes-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.modal-overlay{align-items:center;padding:2rem}.route-modal{border-radius:20px;max-width:500px;max-height:85vh;width:100%;margin:auto}.routes-magazine-title{font-size:3.5rem}}@media(min-width:1280px){.routes-header,.routes-content{max-width:1100px}.routes-grid{grid-template-columns:repeat(3,1fr)}}.create-page{min-height:100vh;background:#fff;padding-bottom:80px}.create-header-minimal{position:sticky;top:0;background:#fff;padding:.75rem 1rem;border-bottom:1px solid #eee;z-index:1000;display:flex;justify-content:space-between;align-items:center}.btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--black);cursor:pointer;transition:all .2s}.btn-back:hover{opacity:.6}.create-header-minimal h1{font-size:1.125rem;font-weight:600;color:var(--black);margin:0;font-family:var(--font-body)}.btn-publish{padding:.5rem 1rem;background:var(--camel);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-publish:disabled{opacity:.4;cursor:not-allowed}.btn-publish:not(:disabled):hover{background:var(--brown)}.create-content{max-width:600px;margin:0 auto}.create-form{padding:0}.images-section{border-bottom:1px solid #eee}.upload-area{display:block;width:100%;height:200px;cursor:pointer}.upload-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#999;background:#fafafa;transition:all .2s}.upload-area:hover .upload-placeholder{background:#f5f5f5}.upload-placeholder svg{color:#ccc}.upload-placeholder p{margin:0;font-size:1rem;font-weight:500;color:var(--black)}.upload-placeholder span{font-size:.875rem;color:#999}.upload-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem}.video-preview-container{position:relative;width:100%;max-height:400px;background:#000}.video-preview{width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;display:block}.video-preview-container .btn-remove{position:absolute;top:8px;right:8px}.images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;padding:.5rem}.preview-item{position:relative;width:100%;padding-bottom:100%;border-radius:8px;overflow:hidden;background:#f5f5f5}.preview-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn-remove{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:50%;background:#000000b3;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-remove:hover{background:var(--camel)}.add-more{width:100%;padding-bottom:100%;position:relative;border:2px dashed #ddd;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-more:hover{border-color:var(--camel);background:#fafafa}.add-more svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999}.form-fields{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-header{display:flex;justify-content:space-between;align-items:center}.char-count{font-size:.75rem;color:var(--gray-mid);font-weight:400}.char-count.over{color:#e74c3c}.field-group label{font-size:.875rem;font-weight:600;color:var(--black)}.field-group input,.field-group textarea,.field-group select{width:100%;padding:.75rem;border:1.5px solid #ddd;border-radius:8px;font-size:.9375rem;font-family:var(--font-body);color:var(--black);background:#fff;transition:all .2s}.field-group input:focus,.field-group textarea:focus,.field-group select:focus{outline:none;border-color:var(--camel)}.field-group textarea{resize:vertical;min-height:80px}.field-group input::-moz-placeholder,.field-group textarea::-moz-placeholder{color:#999}.field-group input::placeholder,.field-group textarea::placeholder{color:#999}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-gps{width:100%;padding:.75rem;background:#fff;border:1.5px solid #ddd;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--black);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.btn-gps:hover{border-color:var(--camel)}.tresesenta-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--beige);border-radius:12px;cursor:pointer}.tresesenta-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--camel);margin-top:2px}.tresesenta-checkbox-content{flex:1}.tresesenta-checkbox-content strong{display:block;font-size:.9375rem;color:var(--black);margin-bottom:.25rem}.tresesenta-checkbox-content span{font-size:.8125rem;color:var(--gray-mid)}.btn-gps:disabled{opacity:.5;cursor:not-allowed}.gps-map-preview{position:relative;width:100%;height:160px;border-radius:12px;overflow:hidden;border:1.5px solid var(--beige, #d6cfc4)}.gps-map-preview .leaflet-container{border-radius:12px}.gps-map-badge{position:absolute;bottom:.625rem;left:.625rem;z-index:500;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fffffff2;border-radius:20px;font-size:.75rem;font-weight:600;color:#2e7d32;box-shadow:0 2px 8px #0000001f}.gps-map-retry{position:absolute;bottom:.625rem;right:.625rem;z-index:500;padding:.375rem .75rem;background:#fffffff2;border:none;border-radius:20px;font-size:.6875rem;font-weight:600;color:var(--gray-mid);cursor:pointer;box-shadow:0 2px 8px #0000001f;font-family:var(--font-body);transition:all .2s;display:flex;align-items:center;gap:.25rem}.gps-map-retry:hover{color:var(--black);background:#fff}.custom-create-pin{background:none!important;border:none!important}.field-hint{font-size:.75rem;color:var(--gray-mid);font-style:italic}.btn-create-pin{width:100%;padding:1rem;background:var(--camel);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-create-pin:hover:not(:disabled){background:var(--brown);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-create-pin:disabled{opacity:.4;cursor:not-allowed}.location-section{display:flex;flex-direction:column;gap:.625rem}.field-label{font-size:.875rem;font-weight:600;color:var(--black)}.city-kpi{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:linear-gradient(135deg,var(--cream, #f5f0eb),var(--beige, #d6cfc4));border-radius:10px}.city-kpi svg{color:var(--camel);flex-shrink:0}.city-kpi-label{font-size:.5625rem;font-weight:700;color:var(--gray-mid);letter-spacing:.1em;text-transform:uppercase}.city-kpi-value{font-size:.9375rem;font-weight:700;color:var(--black);margin-left:auto}.verification-upload-section{background:#fef9f3;border:1.5px solid var(--beige, #d6cfc4);border-radius:12px;padding:1rem}.verification-upload-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.verification-upload-header svg{color:var(--camel);flex-shrink:0;margin-top:2px}.verification-upload-header strong{display:block;font-size:.875rem;color:var(--black);margin-bottom:.25rem}.verification-upload-header span{font-size:.75rem;color:var(--gray-mid);line-height:1.4}.verification-upload-grid{display:flex;gap:.625rem}.verification-upload-item{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;flex-shrink:0}.verification-upload-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.verification-upload-item .btn-remove{width:20px;height:20px;top:.25rem;right:.25rem}.verification-upload-add{width:72px;height:72px;border:2px dashed var(--beige, #d6cfc4);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:all .2s;flex-shrink:0}.verification-upload-add:hover{border-color:var(--camel);background:#b89b7a0d}.verification-upload-add svg{color:var(--camel)}.verification-upload-add span{font-size:.625rem;color:var(--gray-mid);font-weight:600}@media(max-width:640px){.field-row{grid-template-columns:1fr}.images-preview{grid-template-columns:repeat(2,1fr)}}.create-desktop-header{display:none}@media(min-width:1024px){.create-page{display:flex;flex-direction:column;align-items:center;background:var(--cream);padding:0}.create-header-minimal{display:none}.create-desktop-header{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 2.5rem;border-bottom:1px solid #eee}.create-desktop-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;color:var(--charcoal);margin:0}.create-desktop-subtitle{font-size:.9375rem;color:var(--gray-mid);margin:.25rem 0 0}.btn-publish-desktop{padding:.75rem 2rem;background:var(--camel);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-body);white-space:nowrap}.btn-publish-desktop:hover:not(:disabled){background:var(--charcoal);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-publish-desktop:disabled{opacity:.4;cursor:not-allowed}.create-content{max-width:1000px;width:100%;margin-top:2rem;margin-bottom:3rem;background:#fff;border-radius:20px;box-shadow:0 4px 24px #00000014;overflow:hidden}.create-form{display:grid;grid-template-columns:1fr 1fr;min-height:540px}.images-section{border-bottom:none;border-right:1px solid #eee;position:sticky;top:0;align-self:start;max-height:calc(100vh - 180px)}.upload-area{height:100%;min-height:540px}.images-preview{grid-template-columns:repeat(2,1fr);min-height:400px}.form-fields{padding:2rem 2.5rem;gap:1.5rem}.field-group label{font-size:1rem}.field-group input,.field-group textarea,.field-group select{padding:.875rem 1rem;font-size:1rem;border-radius:10px}.gps-map-preview{height:200px}.btn-create-pin{padding:1rem;border-radius:12px;font-size:1.0625rem}.success-modal{max-width:420px;padding:2.5rem 2rem}}.success-overlay{position:fixed;inset:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.success-modal{background:#fff;border-radius:20px;padding:2rem 1.5rem;max-width:320px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;animation:modalSlideUp .5s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #0000004d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-stamp{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.stamp-circle{width:80px;height:80px;border-radius:50%;border:4px dashed;display:flex;align-items:center;justify-content:center;animation:stampIn .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes stampIn{0%{transform:scale(3) rotate(-20deg);opacity:0}60%{transform:scale(.9) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.stamp-inner{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:stampPulse 1.5s ease-in-out .8s infinite}@keyframes stampPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.stamp-lines{position:absolute;width:100%;height:100%;animation:stampIn .6s cubic-bezier(.34,1.56,.64,1) .3s both}.stamp-line{position:absolute;height:3px;border-radius:2px;opacity:.3}.stamp-line:nth-child(1){width:20px;top:10px;right:0;transform:rotate(-30deg)}.stamp-line:nth-child(2){width:14px;bottom:15px;left:2px;transform:rotate(20deg)}.stamp-line:nth-child(3){width:10px;top:50%;right:-2px;transform:rotate(-10deg)}.success-image{width:180px;height:120px;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001f;animation:imageReveal .8s ease .5s both}@keyframes imageReveal{0%{opacity:0;clip-path:inset(100% 0 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.success-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.success-text{text-align:center;animation:fadeIn .5s ease .6s both}.success-text h2{font-family:var(--font-heading, inherit);font-size:1.375rem;font-weight:400;color:var(--black);margin:0 0 .5rem;letter-spacing:.05em}.success-points{display:inline-block;padding:.375rem 1rem;background:var(--cream, #f5f0eb);border-radius:20px;font-size:1rem;font-weight:700;color:var(--camel, #b89b7a);animation:pointsBounce .5s ease .9s both}@keyframes pointsBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.success-verification{font-size:.8125rem;color:var(--gray-mid);margin:.625rem 0 0;font-style:italic;line-height:1.4}.success-btn{width:100%;padding:.875rem;border:none;border-radius:12px;color:#fff;font-size:.9375rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all .2s;animation:fadeIn .4s ease 1s both}.success-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.location-search-wrapper{position:relative;margin-bottom:.75rem}.location-search-input-row{display:flex;align-items:center;gap:.5rem;background:#f5f4f2;border:1px solid #e0ddd8;border-radius:10px;padding:.6rem .875rem}.location-search-icon{color:#888;flex-shrink:0}.location-search-input{flex:1;border:none;background:transparent;font-size:.9rem;color:#2a2a28;outline:none}.location-search-input::-moz-placeholder{color:#aaa}.location-search-input::placeholder{color:#aaa}.location-search-spinner{width:14px;height:14px;border:2px solid #ccc;border-top-color:#666;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.location-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e0ddd8;border-radius:10px;box-shadow:0 6px 20px #0000001a;z-index:1000;list-style:none;padding:.25rem 0;margin:0;max-height:220px;overflow-y:auto}.location-search-results li{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .875rem;cursor:pointer;font-size:.85rem;color:#3a3a38;transition:background .15s}.location-search-results li svg{flex-shrink:0;margin-top:2px;color:#888}.location-search-results li:hover{background:#f5f4f2}.location-search-results li span{line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.title-autocomplete{position:relative}.title-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e0ddd8;border-radius:10px;box-shadow:0 6px 20px #0000001a;z-index:1000;list-style:none;padding:.25rem 0;margin:0;max-height:250px;overflow-y:auto}.title-suggestions li{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .875rem;cursor:pointer;transition:background .15s}.title-suggestions li:hover{background:#f5f4f2}.title-suggestions li svg{flex-shrink:0;margin-top:2px;color:#b89b7a}.title-suggestions li div{display:flex;flex-direction:column;gap:.1rem;min-width:0}.title-suggestions li strong{font-size:.85rem;color:#1a1a18}.title-suggestions li span{font-size:.75rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:2px solid #e8e0d4;border-radius:12px;background:#fafaf8;cursor:pointer;transition:all .2s}.category-chip:hover{border-color:#b89b7a;background:#f5f0ea}.category-chip.selected{border-width:2px}.category-chip-icon{width:32px;height:40px;-o-object-fit:contain;object-fit:contain}.category-chip-emoji{font-size:24px;line-height:1}.category-chip-name{font-size:.7rem;font-weight:500;color:#1a1a18;text-align:center;line-height:1.2}@media(min-width:768px){.category-grid{grid-template-columns:repeat(6,1fr)}}.badges-page{min-height:100vh;background:var(--cream);padding-bottom:100px}.badges-hero{display:none}.badges-header-mobile{display:flex;flex-direction:column;padding:1rem 1.25rem}.badges-mobile-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;margin:0 0 .15rem;text-transform:uppercase}.badges-mobile-title{font-size:1.75rem;font-weight:700;color:var(--black);margin:0;line-height:.95;letter-spacing:-.02em}.badges-mobile-subtitle{font-size:.8rem;color:#aaa;margin:.35rem 0 0;font-style:italic}.btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--charcoal);cursor:pointer;border-radius:10px;transition:background .2s}.btn-back:hover{background:var(--cream)}.badges-content{padding:1.25rem 1rem}.badges-summary{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d}.summary-donut{position:relative;width:72px;height:72px;flex-shrink:0}.donut-svg{width:100%;height:100%}.donut-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.donut-number{font-size:1.25rem;font-weight:800;color:var(--black)}.donut-total{font-size:.6875rem;font-weight:500;color:var(--gray-mid)}.summary-info{flex:1;min-width:0}.summary-text{font-size:.8125rem;color:var(--charcoal);margin:0 0 .5rem;line-height:1.4;font-weight:500}.summary-bar{height:5px;background:#0000000f;border-radius:3px;overflow:hidden;margin-bottom:.375rem}.summary-bar-fill{height:100%;background:linear-gradient(90deg,var(--camel),var(--brown));border-radius:3px;transition:width 1s ease-out}.summary-percent{font-size:.6875rem;color:var(--gray-mid);font-weight:500}.badges-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.badge-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:#fff;border-radius:14px;border:1.5px solid transparent;cursor:pointer;transition:all .2s;text-align:center;position:relative}.badge-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.badge-card.unlocked{border-color:#b89b7a40}.badge-card.unlocked:hover{border-color:var(--camel)}.badge-card.locked,.badge-card.locked:hover{opacity:1}.badge-image-container{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.badge-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.badge-img-locked{filter:grayscale(1) brightness(.85);opacity:.55}.badge-emoji-display{font-size:2.5rem;line-height:1}.badge-emoji-locked{filter:grayscale(1);opacity:.4}.badge-emoji-display-lg{font-size:4rem;line-height:1}.badge-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--beige);background:var(--cream);border-radius:50%}.badge-card-name{font-size:.6875rem;font-weight:600;color:var(--black);line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.badge-card.locked .badge-card-name{color:var(--gray-mid)}.badge-card-state{font-size:.5625rem;color:var(--camel);font-weight:500;text-transform:capitalize;background:#b89b7a1a;padding:.1rem .4rem;border-radius:8px}.badge-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--charcoal);color:#fff;font-size:.6875rem;font-weight:500;padding:.375rem .625rem;border-radius:8px;white-space:normal;max-width:180px;text-align:center;line-height:1.3;z-index:50;pointer-events:none;animation:tooltipFadeIn .15s ease;box-shadow:0 4px 12px #00000026}.badge-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--charcoal)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.badge-modal-overlay{position:fixed;inset:0;z-index:3000;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:badgeFadeIn .2s ease}@keyframes badgeFadeIn{0%{opacity:0}to{opacity:1}}.badge-modal{background:#fff;border-radius:20px;padding:2rem 1.75rem;max-width:380px;width:100%;text-align:center;position:relative;box-shadow:0 20px 60px #0003;animation:badgeSlideUp .3s cubic-bezier(.32,.72,0,1)}@keyframes badgeSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:12px;right:14px;width:30px;height:30px;border-radius:50%;background:var(--cream);border:none;color:var(--charcoal);font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--beige)}.badge-modal-image{width:100px;height:100px;margin:0 auto 1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.badge-modal-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.badge-modal-locked{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--cream);border-radius:50%;color:var(--beige)}.badge-modal-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--black);margin:0 0 .25rem}.badge-modal-state{font-size:.75rem;color:var(--camel);margin:0 0 .75rem;font-weight:500;text-transform:capitalize}.badge-modal-description{font-size:.875rem;color:var(--gray-mid);line-height:1.5;margin:0 0 1.25rem}.badge-modal-points{font-size:.875rem;font-weight:600;color:var(--camel);margin:0 0 1rem}.badge-modal-status{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:20px;font-size:.8125rem;font-weight:600}.badge-modal-status.unlocked{background:#b89b7a26;color:var(--camel)}.badge-modal-status.locked{background:var(--cream);color:var(--gray-mid)}.badge-modal-date{margin-left:8px;font-size:.8rem;opacity:.7}@media(min-width:768px){.badges-content{padding:1.5rem 2rem}.badges-grid-full{grid-template-columns:repeat(4,1fr);gap:1rem}.badge-image-container{width:72px;height:72px}.badge-card-name{font-size:.75rem}}@media(min-width:1024px){.badges-page{padding-bottom:0}.badges-page .bottom-nav{display:none!important}.badges-header-mobile{display:none}.badges-hero{display:block;background:linear-gradient(135deg,var(--charcoal),#2a2a2a);padding:0 0 4rem;position:relative}.badges-hero-content{text-align:center;padding:3rem 2rem 0}.badges-hero-brand{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--camel);margin-bottom:.5rem}.badges-hero-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:600;color:#fff;margin:0 0 .5rem}.badges-hero-description{font-size:1.0625rem;color:#fff9;max-width:500px;margin:0 auto}.badges-content{max-width:1100px;margin:-2rem auto 3rem;padding:0 3rem;position:relative;z-index:10}.badges-summary{padding:1.75rem 2.5rem;border-radius:16px;gap:2rem;box-shadow:0 4px 20px #00000014}.summary-donut{width:92px;height:92px}.donut-number{font-size:1.5rem}.summary-text{font-size:.9375rem}.summary-bar{height:6px}.badges-grid-full{grid-template-columns:repeat(5,1fr);gap:1.25rem}.badge-card{padding:1.5rem .75rem;border-radius:16px;box-shadow:0 1px 4px #0000000a}.badge-card:hover{box-shadow:0 8px 24px #0000001a}.badge-image-container{width:90px;height:90px}.badge-card-name{font-size:.875rem}.badge-tooltip{max-width:200px;font-size:.75rem}.badge-modal{max-width:440px;padding:2.5rem 2rem}.badge-modal-image{width:120px;height:120px}.badge-modal-name{font-size:1.5rem}.badge-modal-description{font-size:.9375rem}}@media(min-width:1440px){.badges-content{max-width:1400px;padding:0 4rem}.badges-hero-title{font-size:3rem}.badges-summary{padding:2rem 3rem;gap:2.5rem}.summary-donut{width:100px;height:100px}.donut-number{font-size:1.75rem}.summary-text{font-size:1rem}.summary-bar{height:7px}.badges-grid-full{grid-template-columns:repeat(6,1fr);gap:1.5rem}.badge-card{padding:1.75rem 1rem}.badge-image-container{width:100px;height:100px}.badge-card-name{font-size:.9375rem}}@media(min-width:1920px){.badges-content{max-width:1700px;padding:0 5rem}.badges-grid-full{grid-template-columns:repeat(7,1fr);gap:1.75rem}.badge-card{padding:2rem 1rem}.badge-image-container{width:110px;height:110px}.badge-card-name{font-size:1rem}.badges-summary{padding:2.25rem 3.5rem}}.leaderboard-page{min-height:100vh;background:var(--cream);padding-bottom:100px}.leaderboard-hero{display:none}.leaderboard-header-mobile{display:flex;flex-direction:column;padding:1.25rem 1.25rem .875rem;background:#fff;border-bottom:1px solid #ede9e3}.leaderboard-mobile-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;color:#b89b7a;margin:0 0 .15rem;text-transform:uppercase}.leaderboard-mobile-title{font-size:2.75rem;font-weight:700;color:#1a1a18;margin:0;line-height:.95;letter-spacing:-.02em}.leaderboard-mobile-subtitle{font-size:.8rem;color:#aaa;margin:.35rem 0 0;font-style:italic}.leaderboard-content{padding:1.25rem 1rem}.leaderboard-view-tabs{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.leaderboard-view-tab{padding:.5rem 1rem;border:1.5px solid #e0ddd8;background:#fff;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--gray-mid);border-radius:20px;cursor:pointer;transition:all .2s;white-space:nowrap}.leaderboard-view-tab.active{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}.leaderboard-loading{display:flex;justify-content:center;padding:3rem 0}.leaderboard-states{display:flex;flex-direction:column;gap:.75rem}.state-card{background:#fff;border-radius:14px;padding:1rem;border:1px solid #ede9e3}.state-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.state-name{font-size:1rem;font-weight:700;color:#1a1a18;margin:0}.state-pins{font-size:.75rem;color:#999;background:#f5f3f0;padding:.2rem .6rem;border-radius:20px}.state-users{display:flex;flex-direction:column;gap:.5rem}.state-user{display:flex;align-items:center;gap:.5rem}.state-user-rank{font-size:.75rem;font-weight:700;color:#aaa;width:24px}.state-user-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.state-user-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.state-user-name{flex:1;font-size:.8125rem;font-weight:600;color:#1a1a18}.state-user-count{font-size:.75rem;color:#b89b7a;font-weight:600}.leaderboard-cities{display:flex;flex-direction:column;gap:.5rem}.city-card{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:14px;padding:1rem;border:1px solid #ede9e3}.city-rank{font-size:1rem;font-weight:800;color:#ccc;width:32px;text-align:center;flex-shrink:0}.city-info{flex:1;min-width:0}.city-name{display:block;font-size:.9rem;font-weight:700;color:#1a1a18}.city-stats{display:block;font-size:.7rem;color:#999;margin-top:.15rem}.city-bar{width:60px;height:6px;background:#f0ece6;border-radius:3px;overflow:hidden;flex-shrink:0}.city-bar-fill{height:100%;background:var(--camel);border-radius:3px;transition:width .5s ease}.leaderboard-tabs{display:flex;background:#fff;border-radius:12px;padding:4px;margin-bottom:1.5rem;box-shadow:0 1px 4px #0000000a}.leaderboard-tab{flex:1;padding:.5rem .75rem;border:none;background:none;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--gray-mid);border-radius:10px;cursor:pointer;transition:all .2s}.leaderboard-tab.active{background:var(--charcoal);color:#fff;box-shadow:0 2px 8px #0000001f}.leaderboard-podium{display:flex;align-items:flex-end;justify-content:center;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem .5rem 1rem}.podium-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;flex:1;max-width:120px}.podium-item.rank-1{order:2}.podium-item.rank-2{order:1}.podium-item.rank-3{order:3}.podium-item.is-me .podium-name{color:var(--camel);font-weight:700}.podium-medal{height:24px;display:flex;align-items:center;justify-content:center}.medal-icon.gold{color:#f5a623}.medal-icon.silver{color:#a0a0a0}.medal-icon.bronze{color:#cd7f32}.podium-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;overflow:hidden;box-shadow:0 2px 10px #0000001a}.podium-avatar-lg{width:72px;height:72px;font-size:1.375rem;box-shadow:0 4px 16px #00000026}.podium-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.podium-name{font-size:.75rem;font-weight:600;color:var(--charcoal);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-points{font-size:.6875rem;font-weight:500;color:var(--gray-mid)}.leaderboard-list{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.leaderboard-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.04);transition:background .15s}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:nth-child(2n){background:#00000004}.leaderboard-row.is-me{background:#b89b7a14;border-left:3px solid var(--camel)}.leaderboard-row .rank{width:36px;font-size:.8125rem;font-weight:700;color:var(--gray-mid);text-align:center;flex-shrink:0}.leaderboard-row .user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;overflow:hidden}.leaderboard-row .user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.leaderboard-row .user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.leaderboard-row .user-name{font-size:.875rem;font-weight:600;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-row .user-level{font-size:.6875rem;color:var(--gray-mid);font-weight:500}.leaderboard-row .user-points{font-size:.8125rem;font-weight:700;color:var(--camel);flex-shrink:0;white-space:nowrap}.leaderboard-my-position{position:sticky;bottom:80px;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-top:1rem;background:#fff;border-radius:14px;border:2px solid var(--camel);box-shadow:0 4px 20px #0000001a;z-index:50}.leaderboard-my-position .rank{width:36px;font-size:.875rem;font-weight:800;color:var(--camel);text-align:center;flex-shrink:0}.leaderboard-my-position .user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;overflow:hidden}.leaderboard-my-position .user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.leaderboard-my-position .user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.leaderboard-my-position .user-name{font-size:.875rem;font-weight:700;color:var(--camel)}.leaderboard-my-position .user-level{font-size:.6875rem;color:var(--gray-mid);font-weight:500}.leaderboard-my-position .user-points{font-size:.875rem;font-weight:800;color:var(--camel);flex-shrink:0}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;color:var(--gray-mid);text-align:center}.leaderboard-empty p{font-size:.9375rem;margin:0}.leaderboard-skeleton{animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-podium{display:flex;align-items:flex-end;justify-content:center;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem .5rem 1rem}.skeleton-podium-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:120px}.skeleton-podium-item .skeleton-avatar{width:56px;height:56px}.skeleton-podium-item.first .skeleton-avatar{width:72px;height:72px}.skeleton-avatar{border-radius:50%;background:#0000000f}.skeleton-avatar-sm{width:40px;height:40px;border-radius:50%;background:#0000000f;flex-shrink:0}.skeleton-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;margin-bottom:2px}.skeleton-row:first-of-type{border-radius:14px 14px 0 0}.skeleton-row:last-child{border-radius:0 0 14px 14px}.skeleton-rank{width:24px;height:16px;border-radius:4px;background:#0000000f;flex-shrink:0}.skeleton-info{flex:1;display:flex;flex-direction:column;gap:.375rem}.skeleton-name{width:80px;height:12px;border-radius:4px;background:#0000000f}.skeleton-level{width:60px;height:10px;border-radius:4px;background:#0000000a}.skeleton-points{width:50px;height:14px;border-radius:4px;background:#0000000f}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}@media(min-width:1024px){.leaderboard-page{padding-bottom:0}.leaderboard-page .bottom-nav{display:none!important}.leaderboard-header-mobile{display:none}.leaderboard-hero{display:block;background:linear-gradient(135deg,var(--charcoal),#2a2a2a);padding:0 0 4rem;position:relative}.leaderboard-hero-content{text-align:center;padding:3rem 2rem 0}.leaderboard-hero-brand{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--camel);margin-bottom:.5rem}.leaderboard-hero-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:600;color:#fff;margin:0 0 .5rem}.leaderboard-hero-description{font-size:1.0625rem;color:#fff9;margin:0 auto;max-width:500px}.leaderboard-content{max-width:800px;margin:1.5rem auto 3rem;padding:0 2rem;position:relative}.leaderboard-view-tabs{justify-content:center;margin-bottom:1.5rem}.leaderboard-view-tab{padding:.6rem 1.5rem;font-size:.875rem}.leaderboard-tabs{max-width:360px;margin-left:auto;margin-right:auto;margin-bottom:2rem;background:#fff;box-shadow:0 4px 16px #00000014}.leaderboard-tab{font-size:.875rem;padding:.625rem 1rem}.leaderboard-states{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.leaderboard-cities{max-width:600px;margin:0 auto}.city-bar{width:100px}.leaderboard-podium{gap:1.5rem;padding:2rem 1rem 1.5rem;margin-bottom:2rem}.podium-item{max-width:160px}.podium-avatar{width:72px;height:72px;font-size:1.375rem}.podium-avatar-lg{width:96px;height:96px;font-size:1.75rem}.podium-name{font-size:.875rem}.podium-points{font-size:.8125rem}.leaderboard-list{border-radius:16px;box-shadow:0 4px 20px #00000014}.leaderboard-row{padding:1rem 1.5rem}.leaderboard-row .user-avatar{width:44px;height:44px}.leaderboard-row .user-name{font-size:.9375rem}.leaderboard-row .user-points{font-size:.875rem}.leaderboard-my-position{bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;border-radius:16px;padding:1rem 1.5rem}}@media(min-width:1440px){.leaderboard-content{max-width:900px}.podium-avatar{width:80px;height:80px}.podium-avatar-lg{width:104px;height:104px}.leaderboard-my-position{max-width:900px}}.rewards-page{min-height:100vh;background:var(--cream);padding-bottom:100px}.rewards-hero{display:none}.rewards-header-mobile{display:flex;flex-direction:column;padding:1.25rem 1.25rem .875rem;background:#fff;border-bottom:1px solid #ede9e3}.rewards-mobile-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;color:#b89b7a;margin:0 0 .15rem;text-transform:uppercase}.rewards-mobile-title{font-size:2.75rem;font-weight:700;color:#1a1a18;margin:0;line-height:.95;letter-spacing:-.02em}.rewards-mobile-subtitle{font-size:.8rem;color:#aaa;margin:.35rem 0 0;font-style:italic}.rewards-content{padding:1rem}.coins-balance{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:16px;color:#fff;margin-bottom:1rem}.coins-icon{font-size:2rem}.coins-info{display:flex;flex-direction:column}.coins-amount{font-size:2rem;font-weight:800;line-height:1}.coins-label{font-size:.75rem;opacity:.7;margin-top:.15rem}.rewards-tabs{display:flex;background:#fff;border-radius:12px;padding:4px;margin-bottom:1rem;box-shadow:0 1px 4px #0000000a}.rewards-tab{flex:1;padding:.5rem .75rem;border:none;background:none;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--gray-mid);border-radius:10px;cursor:pointer;transition:all .2s}.rewards-tab.active{background:var(--charcoal);color:#fff}.rewards-loading{display:flex;justify-content:center;padding:3rem 0}.rewards-empty{text-align:center;padding:3rem 1rem;color:#aaa}.rewards-empty svg{margin-bottom:.5rem;opacity:.3}.rewards-grid{display:flex;flex-direction:column;gap:.75rem}.reward-card{background:#fff;border-radius:16px;padding:1.25rem;border:1px solid #ede9e3;box-shadow:0 1px 4px #0000000d}.reward-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.reward-type-badge{display:flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:20px}.reward-value{font-size:1.5rem;font-weight:800;color:#1a1a18}.reward-title{font-size:1rem;font-weight:700;color:#1a1a18;margin:0 0 .25rem}.reward-desc{font-size:.8rem;color:#888;margin:0 0 1rem;line-height:1.4}.reward-footer{display:flex;align-items:center;justify-content:space-between}.reward-cost{font-size:.9rem;font-weight:700;color:#1a1a18}.reward-btn{padding:.6rem 1.25rem;border:none;border-radius:10px;font-size:.8rem;font-weight:600;color:#fff;background:#ccc;cursor:pointer;font-family:var(--font-body);transition:all .2s}.reward-btn:disabled{opacity:.6;cursor:not-allowed}.reward-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.reward-expiry{display:block;font-size:.65rem;color:#bbb;margin-top:.5rem;text-align:right}.redemptions-list{display:flex;flex-direction:column;gap:.75rem}.redemption-card{background:#fff;border-radius:14px;padding:1rem;border:1px solid #ede9e3}.redemption-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.redemption-header h4{margin:0;font-size:.9rem;color:#1a1a18}.redemption-status{font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:20px;text-transform:uppercase}.redemption-status.active{background:#e8f5e9;color:#2e7d32}.redemption-status.used{background:#f0f0f0;color:#888}.redemption-status.expired{background:#ffebee;color:#c62828}.redemption-code-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.redemption-code{flex:1;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:#1a1a18;background:#f8f6f3;padding:.5rem .75rem;border-radius:8px;letter-spacing:1px}.redemption-copy{width:36px;height:36px;border-radius:8px;border:none;background:#f0ece6;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer}.redemption-meta{display:flex;gap:1rem;font-size:.7rem;color:#aaa}.reward-success-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.reward-success-modal{background:#fff;border-radius:20px;padding:2rem;max-width:380px;width:100%;text-align:center;animation:shareSlideUp .3s ease}.reward-success-icon{font-size:3rem;margin-bottom:.5rem}.reward-success-modal h2{font-size:1.25rem;margin:0 0 .5rem;color:#1a1a18}.reward-success-modal p{font-size:.875rem;color:#888;margin:0 0 1rem}.reward-success-code-box{display:flex;align-items:center;gap:.5rem;background:#f8f6f3;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem}.reward-success-code-box code{flex:1;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;color:#1a1a18;letter-spacing:2px}.reward-success-code-box button{background:none;border:none;color:#888;cursor:pointer}.reward-success-hint{font-size:.75rem!important;color:#bbb!important}.reward-success-close{width:100%;padding:.875rem;border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-body)}@media(min-width:1024px){.rewards-page{padding-bottom:0}.rewards-page .bottom-nav{display:none!important}.rewards-header-mobile{display:none}.rewards-hero{display:block;background:linear-gradient(135deg,var(--charcoal),#2a2a2a);padding:0 0 4rem}.rewards-hero-content{text-align:center;padding:3rem 2rem 0}.rewards-hero-brand{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--camel);margin-bottom:.5rem}.rewards-hero-title{font-size:2.5rem;font-weight:600;color:#fff;margin:0 0 .5rem}.rewards-hero-desc{font-size:1rem;color:#fff9;margin:0}.rewards-content{max-width:700px;margin:1.5rem auto;padding:0 2rem}.rewards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cream);color:var(--charcoal)}.spinner{width:50px;height:50px;border:4px solid var(--beige);border-top:4px solid var(--camel);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}