.page-hero{position:relative;z-index:1;padding:calc(var(--header-h) + 3rem) 0 2.5rem;text-align:center}.page-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em}.page-hero p{color:var(--text-muted);font-size:1.05rem;max-width:560px;margin-inline:auto}.page-content{position:relative;z-index:1;padding-bottom:5rem}.nav-links a.active{color:var(--text)}.nav-links a.active:after{width:100%}.search-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);font-size:1rem;transition:all var(--transition)}.search-btn:hover{border-color:var(--accent);transform:scale(1.05)}.search-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;visibility:hidden;transition:all .3s ease}.search-modal.open{opacity:1;visibility:visible}.search-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.search-panel{position:relative;width:min(560px,92vw);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(-20px) scale(.96);transition:transform .3s ease}.search-modal.open .search-panel{transform:translateY(0) scale(1)}.search-input-wrap{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.search-input-wrap span{font-size:1.2rem;opacity:.5}.search-input-wrap input{flex:1;border:none;background:none;font-size:1.05rem;color:var(--text);outline:none;font-family:inherit}.search-results{padding:.5rem;max-height:320px;overflow-y:auto}.search-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);transition:background var(--transition);cursor:pointer;text-decoration:none;color:inherit}.search-item:hover{background:var(--surface-2)}.search-item .si-emoji{font-size:1.4rem}.search-item strong{display:block;font-size:.9rem}.search-hint,.search-item small{color:var(--text-muted);font-size:.75rem}.search-hint{padding:.75rem 1.25rem;text-align:right;border-top:1px solid var(--border)}.toast-container{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:300;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.75rem 1.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-lg);font-size:.9rem;opacity:0;transform:translateY(12px);transition:all .3s ease}.toast.show{opacity:1;transform:translateY(0)}.how-section{position:relative;z-index:1;padding:5rem 0;background:var(--surface);border-block:1px solid var(--border)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.step-card{text-align:center;padding:2rem 1.5rem;position:relative}.step-num{width:48px;height:48px;margin:0 auto 1.25rem;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.2rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.step-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.step-card h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.5rem}.step-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.step-connector{display:none}.testimonials-section{position:relative;z-index:1;padding:5rem 0}.testimonial-slider{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem 0 2rem;scrollbar-width:none}.testimonial-slider::-webkit-scrollbar{display:none}.testimonial-card{flex:0 0 min(360px,85vw);scroll-snap-align:start;padding:2rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition)}.testimonial-card:hover{border-color:rgba(249,115,22,.3);transform:translateY(-4px);box-shadow:var(--shadow)}.testimonial-quote{font-size:2rem;color:var(--accent);opacity:.4;line-height:1;margin-bottom:.75rem}.testimonial-card blockquote{font-size:1rem;line-height:1.7;margin-bottom:1.5rem;color:var(--text)}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-author strong{display:block;font-size:.9rem}.testimonial-author span{font-size:.8rem;color:var(--text-muted)}.community-more{text-align:center;margin-top:2rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2.5rem}.filter-chip{padding:.45rem 1rem;border-radius:999px;font-size:.85rem;font-weight:500;border:1px solid var(--border);background:var(--bg-2);color:var(--text-muted);transition:all var(--transition);cursor:pointer}.filter-chip:hover{border-color:var(--accent);color:var(--text)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.search-bar{display:flex;max-width:400px;margin:0 auto 2rem;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:.5rem 1.25rem;gap:.5rem;align-items:center;transition:border-color var(--transition)}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{flex:1;border:none;background:none;outline:none;font-size:.95rem;color:var(--text);font-family:inherit}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.city-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);cursor:pointer;text-decoration:none;color:inherit;display:block}.city-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(249,115,22,.3)}.city-card-visual{height:140px;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden}.city-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-2),transparent)}.city-card-body{padding:1.25rem}.city-card-body h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:.5rem}.city-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.city-card-footer{justify-content:space-between}.city-card-footer,.city-nomads{display:flex;align-items:center}.city-nomads{gap:.35rem;font-size:.8rem;color:var(--text-muted)}.city-nomads .dot{width:6px;height:6px;background:#22c55e;border-radius:50%}.matcher-wrap{max-width:640px;margin:0 auto}.step-indicator{display:flex;justify-content:center;gap:.5rem;margin-bottom:2.5rem}.step-dot{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.step-dot .dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;border:2px solid var(--border);background:var(--bg-2);transition:all var(--transition)}.step-dot.active .dot{border-color:var(--accent);background:var(--accent);color:#fff}.step-dot.done .dot{border-color:var(--accent);background:rgba(249,115,22,.15);color:var(--accent)}.step-line{width:40px;height:2px;background:var(--border);align-self:center;margin-top:-8px}.step-line.done{background:var(--accent)}.matcher-panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;min-height:320px}.matcher-step{display:none;animation:fadeIn .4s ease}.matcher-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.topic-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.topic-chip{padding:.6rem 1.1rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-2);font-size:.9rem;cursor:pointer;transition:all var(--transition)}.topic-chip.selected,.topic-chip:hover{border-color:var(--accent)}.topic-chip.selected{background:rgba(249,115,22,.12);color:var(--accent);font-weight:600}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.mode-option{padding:1.25rem;border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:all var(--transition)}.mode-option.selected,.mode-option:hover{border-color:var(--accent)}.mode-option.selected{background:rgba(249,115,22,.08)}.mode-option .mo-emoji{font-size:2rem;display:block;margin-bottom:.5rem}.matcher-actions{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.match-animation{text-align:center;padding:2rem 0}.match-radar{width:160px;height:160px;margin:0 auto 2rem;position:relative}.radar-ring{position:absolute;inset:0;border:2px solid var(--accent);border-radius:50%;opacity:0;animation:radar-ping 2s ease infinite}.radar-ring:nth-child(2){animation-delay:.5s}.radar-ring:nth-child(3){animation-delay:1s}@keyframes radar-ping{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.5);opacity:0}}.radar-center{position:absolute;inset:30%;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;display:grid;place-items:center;font-size:2rem;animation:pulse-scale 1.5s ease infinite}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.match-result{display:none;text-align:center;animation:fadeIn .5s ease}.match-result.show{display:block}.match-profile{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--surface-2);border-radius:var(--radius);margin:1.5rem 0;text-align:left}.match-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;font-weight:700;color:#fff;background:#39c;flex-shrink:0;border:3px solid var(--accent)}.match-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.match-tags span{font-size:.72rem;padding:.2rem .5rem;background:rgba(249,115,22,.1);color:var(--accent);border-radius:999px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.project-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition);display:flex;flex-direction:column}.project-card:hover{border-color:rgba(249,115,22,.3);transform:translateY(-4px);box-shadow:var(--shadow)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-emoji{font-size:2rem}.project-status{font-size:.72rem;padding:.25rem .6rem;border-radius:999px;font-weight:600}.status-hiring{background:rgba(34,197,94,.15);color:#22c55e}.status-open{background:rgba(6,182,212,.15);color:var(--accent-2)}.status-full{background:var(--surface-2);color:var(--text-muted)}.project-card h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.5rem}.project-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6;flex:1;margin-bottom:1rem}.project-skills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.project-skills span{font-size:.72rem;padding:.25rem .6rem;background:var(--surface-2);border-radius:999px;border:1px solid var(--border)}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.project-members{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.member-avatars{display:flex}.member-avatars .mini-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.65rem;font-weight:700;color:#fff;border:2px solid var(--bg-2);margin-left:-8px}.member-avatars .mini-avatar:first-child{margin-left:0}.page-toolbar{justify-content:space-between;align-items:center;flex-wrap:wrap}.compose-box,.page-toolbar{display:flex;gap:1rem;margin-bottom:2rem}.compose-box{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;align-items:flex-start}.compose-box textarea{flex:1;border:none;background:none;resize:none;min-height:60px;font-family:inherit;font-size:.95rem;color:var(--text);outline:none}.compose-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.compose-tools{display:flex;gap:.5rem}.compose-tools button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;transition:background var(--transition)}.compose-tools button:hover{background:var(--surface-2)}.feed-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.25rem}.feed-tab{padding:.5rem 1.1rem;border-radius:999px;font-size:.85rem;font-weight:500;border:1px solid var(--border);background:var(--bg-2);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition)}.feed-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.feed-list{display:flex;flex-direction:column;gap:1rem}.load-more-wrap{text-align:center;margin-top:2rem}.join-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.join-visual{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;background:linear-gradient(135deg,var(--accent),#ea580c,var(--accent-2));color:#fff;overflow:hidden}.join-visual:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.join-visual-content{position:relative;z-index:1;text-align:center;max-width:400px}.join-visual h2{font-family:var(--font-display);font-size:2.2rem;margin-bottom:1rem}.join-visual p{opacity:.9;line-height:1.7;margin-bottom:2rem}.join-floating{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.join-float-item{padding:.75rem 1rem;background:hsla(0,0%,100%,.15);backdrop-filter:blur(8px);border-radius:var(--radius);font-size:.85rem;animation:float-card 4s ease-in-out infinite}.join-float-item:nth-child(2){animation-delay:-1.5s}.join-float-item:nth-child(3){animation-delay:-3s}.join-form-side{display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.join-form-wrap{width:min(400px,100%)}.join-form-wrap .logo{justify-content:center;margin-bottom:2rem}.auth-tabs{display:flex;background:var(--surface-2);border-radius:999px;padding:4px;margin-bottom:2rem}.auth-tab{flex:1;padding:.6rem;text-align:center;font-size:.9rem;font-weight:600;border-radius:999px;color:var(--text-muted);transition:all var(--transition);cursor:pointer}.auth-tab.active{background:var(--bg-2);color:var(--text);box-shadow:var(--shadow)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem;color:var(--text-muted)}.form-group input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text);font-family:inherit;font-size:.95rem;transition:border-color var(--transition);outline:none}.form-group input:focus{border-color:var(--accent)}.form-panel{display:none}.form-panel.active{display:block;animation:fadeIn .3s ease}.social-login{display:flex;gap:.75rem;margin-top:1.5rem}.social-btn{flex:1;padding:.65rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:1.2rem;transition:all var(--transition)}.social-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.form-divider{text-align:center;margin:1.5rem 0;font-size:.8rem;color:var(--text-muted);position:relative}.form-divider:after,.form-divider:before{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border)}.form-divider:before{left:0}.form-divider:after{right:0}.btn-block{width:100%;justify-content:center}.city-hero{position:relative;z-index:1;padding-top:var(--header-h)}.city-hero-banner{height:280px;display:flex;align-items:flex-end;justify-content:center;font-size:6rem;position:relative;overflow:hidden}.city-hero-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg),transparent 60%)}.city-hero-info{position:relative;margin-top:-4rem;padding-bottom:2rem}.city-hero-info h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);text-align:center;margin-bottom:.5rem}.city-hero-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.city-stat{text-align:center;padding:1rem 1.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius)}.city-stat strong{display:block;font-family:var(--font-display);font-size:1.4rem;color:var(--accent)}.city-stat span{font-size:.8rem;color:var(--text-muted)}.city-sections{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.city-section{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.city-section h2{font-family:var(--font-display);font-size:1.15rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.event-item,.hub-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.event-item:last-child,.hub-item:last-child{border-bottom:none}.hub-icon{font-size:1.8rem}.hub-item strong{display:block;font-size:.9rem}.hub-item span{font-size:.8rem;color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;transition:color var(--transition)}.back-link:hover{color:var(--accent)}.modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:min(480px,100%);transform:scale(.95);transition:transform .3s ease}.modal-overlay.open .modal{transform:scale(1)}.modal h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:1.25rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width:1024px){.steps-grid{max-width:400px;margin-inline:auto}.city-sections,.join-page,.steps-grid{grid-template-columns:1fr}.join-visual{min-height:280px;padding:2rem}}@media (max-width:768px){.step-dot span:not(.dot){display:none}.step-line{width:24px}.mode-toggle{grid-template-columns:1fr}.page-toolbar{flex-direction:column;align-items:stretch}.chat-layout{grid-template-columns:1fr!important}.chat-sidebar{display:none}.chat-sidebar.mobile-open{display:flex;position:fixed;inset:0;top:var(--header-h);z-index:50}.discover-card-stack{max-width:100%!important}.map-layout{grid-template-columns:1fr!important}.map-sidebar{max-height:200px}.profile-stats{flex-wrap:wrap}.nav-links,.profile-stats{gap:1rem!important}}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.quick-link-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.quick-link-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition)}.ql-discover:before{background:linear-gradient(135deg,rgba(168,85,247,.15),transparent)}.ql-events:before{background:linear-gradient(135deg,rgba(249,115,22,.15),transparent)}.ql-map:before{background:linear-gradient(135deg,rgba(6,182,212,.15),transparent)}.ql-messages:before{background:linear-gradient(135deg,rgba(34,197,94,.15),transparent)}.ql-coliving:before{background:linear-gradient(135deg,rgba(168,85,247,.15),transparent)}.ql-dashboard:before{background:linear-gradient(135deg,rgba(99,102,241,.15),transparent)}.ql-leaderboard:before{background:linear-gradient(135deg,rgba(251,191,36,.15),transparent)}.ql-tools:before{background:linear-gradient(135deg,rgba(99,102,241,.12),transparent)}.ql-blog:before{background:linear-gradient(135deg,rgba(236,72,153,.12),transparent)}.quick-link-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg);border-color:rgba(249,115,22,.3)}.quick-link-card:hover:before{opacity:1}.ql-emoji{font-size:2.2rem;margin-bottom:.75rem;display:block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.quick-link-card:hover .ql-emoji{transform:scale(1.2) rotate(8deg)}.quick-link-card strong{font-family:var(--font-display);font-size:1rem;display:block;margin-bottom:.25rem;position:relative}.quick-link-card small{font-size:.75rem;color:var(--text-muted);position:relative}@media (max-width:768px){.quick-links-grid{grid-template-columns:repeat(2,1fr)}}.nav-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);font-size:1rem;position:relative;transition:all var(--transition);text-decoration:none}.nav-icon-btn:hover{border-color:var(--accent);transform:scale(1.08)}.msg-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:999px;display:grid;place-items:center;border:2px solid var(--bg);animation:badge-pulse 2s ease infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-profile{text-decoration:none}.nav-profile-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 0 2px var(--accent);transition:all var(--transition)}.nav-profile:hover .nav-profile-avatar{transform:scale(1.1);box-shadow:0 0 0 3px var(--accent-glow)}.profile-page{position:relative;z-index:1;padding-top:var(--header-h)}.profile-cover{height:240px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f97316,#06b6d4,#a855f7);background-size:200% 200%;animation:gradient-shift 8s ease infinite}.profile-cover:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E")}.profile-cover-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,hsla(0,0%,100%,.15) 50%,transparent 60%);animation:shine 4s ease infinite}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.profile-header{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.5rem;margin-top:-60px;padding-bottom:2rem;z-index:2}.profile-avatar-wrap,.profile-header{position:relative}.profile-avatar{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font-size:2.8rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#39c,#93c);border:5px solid var(--bg);box-shadow:var(--shadow-lg)}.profile-online{position:absolute;bottom:8px;right:8px;width:22px;height:22px;background:#22c55e;border:3px solid var(--bg);border-radius:50%;animation:pulse-dot 2s ease infinite}.profile-info{flex:1;min-width:200px;padding-bottom:.5rem}.profile-info h1{font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.profile-location{color:var(--text-muted);font-size:.95rem;margin-bottom:.75rem}.profile-bio{color:var(--text-muted);font-size:.9rem;line-height:1.6;max-width:480px}.profile-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-left:auto;align-self:center}.profile-stats{display:flex;gap:2rem;padding:1.5rem 0;border-block:1px solid var(--border);margin-bottom:2rem}.profile-stat{text-align:center;cursor:default;transition:transform var(--transition)}.profile-stat:hover{transform:translateY(-2px)}.profile-stat strong{display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--accent)}.profile-stat span{font-size:.8rem;color:var(--text-muted)}.profile-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;padding-bottom:4rem}.profile-section{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.profile-section h2{font-family:var(--font-display);font-size:1.05rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.skill-orbit{display:flex;flex-wrap:wrap;gap:.6rem}.skill-tag{padding:.45rem 1rem;border-radius:999px;font-size:.82rem;font-weight:500;background:var(--surface-2);border:1px solid var(--border);transition:all var(--transition);cursor:default}.skill-tag:hover{border-color:var(--accent);background:rgba(249,115,22,.1);color:var(--accent);transform:translateY(-2px)}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.badge-item{text-align:center;padding:1rem .5rem;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);transition:all var(--transition)}.badge-item:hover{transform:scale(1.05);border-color:var(--accent);box-shadow:var(--shadow)}.badge-item .bi-emoji{font-size:1.8rem;display:block;margin-bottom:.35rem}.badge-item span{font-size:.7rem;color:var(--text-muted)}.activity-heatmap{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.heat-cell{aspect-ratio:1;border-radius:3px;background:var(--surface-2);transition:transform .2s ease}.heat-cell:hover{transform:scale(1.3);z-index:1}.heat-0{background:var(--surface-2)}.heat-1{background:rgba(249,115,22,.2)}.heat-2{background:rgba(249,115,22,.45)}.heat-3{background:rgba(249,115,22,.7)}.heat-4{background:var(--accent)}.profile-timeline .tl-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.profile-timeline .tl-item:last-child{border-bottom:none}.tl-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0;box-shadow:0 0 0 4px rgba(249,115,22,.2)}.tl-item p{font-size:.9rem;line-height:1.5}.tl-item time{font-size:.75rem;color:var(--text-muted)}.discover-page{min-height:calc(100vh - var(--header-h));display:flex;flex-direction:column;align-items:center;padding:calc(var(--header-h) + 2rem) 1rem 3rem;position:relative;z-index:1}.discover-card-stack{position:relative;width:min(400px,92vw);height:520px;margin-top:1.5rem}.discover-card{position:absolute;inset:0;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease;cursor:grab;user-select:none}.discover-card:active{cursor:grabbing}.discover-card-bg{height:55%;display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative}.discover-card-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-2),transparent)}.discover-card-body{padding:1.25rem 1.5rem}.discover-match{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;background:rgba(34,197,94,.15);color:#22c55e;border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:.75rem}.discover-card h3{font-family:var(--font-display);font-size:1.4rem;margin-bottom:.25rem}.discover-card .dc-role{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem}.discover-card .dc-tags{display:flex;flex-wrap:wrap;gap:.4rem}.discover-card .dc-tags span{font-size:.72rem;padding:.25rem .6rem;background:var(--surface-2);border-radius:999px}.discover-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.discover-btn{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;border:2px solid var(--border);background:var(--bg-2);transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow)}.discover-btn:hover{transform:scale(1.15)}.discover-btn.skip:hover{border-color:#ef4444;background:rgba(239,68,68,.1)}.discover-btn.connect:hover{border-color:#22c55e;background:rgba(34,197,94,.1)}.discover-btn.chat{width:72px;height:72px;background:linear-gradient(135deg,var(--accent),#ea580c);border:none;color:#fff;box-shadow:0 8px 24px var(--accent-glow)}.discover-card.swipe-left{transform:translateX(-120%) rotate(-15deg);opacity:0}.discover-card.swipe-right{transform:translateX(120%) rotate(15deg);opacity:0}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.event-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column}.event-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(249,115,22,.3)}.event-card-visual{height:160px;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative}.event-date-badge{position:absolute;top:1rem;left:1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;text-align:center;box-shadow:var(--shadow)}.event-date-badge strong{display:block;font-family:var(--font-display);font-size:1.4rem;color:var(--accent);line-height:1}.event-date-badge span{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.event-type-pill{position:absolute;top:1rem;right:1rem;font-size:.72rem;padding:.3rem .7rem;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);color:#fff;border-radius:999px}.event-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.event-card-body h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.5rem}.event-meta{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.event-footer{justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.event-attendees,.event-footer{display:flex;align-items:center}.event-attendees{gap:.5rem;font-size:.8rem;color:var(--text-muted)}.event-attendees .mini-avatars{display:flex}.event-attendees .ma{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.6rem;font-weight:700;color:#fff;border:2px solid var(--bg-2);margin-left:-8px}.event-attendees .ma:first-child{margin-left:0}.messages-page{position:relative;z-index:1;padding-top:var(--header-h);height:100vh;display:flex;flex-direction:column}.chat-layout{flex:1;display:grid;grid-template-columns:340px 1fr;max-width:1200px;width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-2);box-shadow:var(--shadow-lg);margin:0 auto 1rem;height:calc(100vh - var(--header-h) - 2rem)}.chat-sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface)}.chat-sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border);font-family:var(--font-display);font-weight:700;font-size:1.1rem}.chat-list{flex:1;overflow-y:auto}.chat-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.chat-item.active,.chat-item:hover{background:var(--surface-2)}.chat-item.unread{background:rgba(249,115,22,.05)}.chat-item .ci-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex-shrink:0;position:relative}.chat-item .ci-online{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#22c55e;border:2px solid var(--bg-2);border-radius:50%}.chat-item-info{flex:1;min-width:0}.chat-item-info strong{display:block;font-size:.9rem}.chat-item-info p{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item time{font-size:.7rem;color:var(--text-muted);flex-shrink:0}.chat-unread-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0}.chat-main{display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.chat-header strong{display:block}.chat-header span{font-size:.8rem;color:#22c55e}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;background:var(--bg)}.msg-bubble{max-width:75%;padding:.75rem 1rem;border-radius:18px;font-size:.9rem;line-height:1.5;animation:msg-in .3s ease}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-bubble.them{background:var(--surface-2);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px}.msg-bubble.me{background:linear-gradient(135deg,var(--accent),#ea580c);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.msg-time{font-size:.65rem;opacity:.6;margin-top:.25rem}.chat-input-bar{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border);align-items:center}.chat-input-bar input{flex:1;padding:.75rem 1.25rem;border:1.5px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);font-family:inherit;font-size:.9rem;outline:none;transition:border-color var(--transition)}.chat-input-bar input:focus{border-color:var(--accent)}.chat-send{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ea580c);color:#fff;display:grid;place-items:center;font-size:1.1rem;transition:transform var(--transition)}.chat-send:hover{transform:scale(1.1)}.map-page{position:relative;z-index:1;padding-top:var(--header-h);min-height:100vh}.map-layout{display:grid;grid-template-columns:1fr 320px;height:calc(100vh - var(--header-h))}.map-canvas{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,var(--surface-2),var(--bg))}.world-map-svg{width:100%;height:100%;opacity:.35}.world-map-svg path{fill:var(--text-muted);opacity:.15;transition:opacity var(--transition)}.map-pin{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:2;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.map-pin:hover{transform:translate(-50%,-50%) scale(1.3);z-index:10}.map-pin.active{transform:translate(-50%,-50%) scale(1.4);z-index:10}.pin-marker{font-size:1.8rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:pin-bounce 3s ease-in-out infinite}.pin-pulse{display:none;position:absolute;inset:-8px;border:2px solid var(--accent);border-radius:50%;animation:radar-ping 2s ease infinite;pointer-events:none}.map-pin.active .pin-pulse{display:block}.pin-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(0);background:var(--bg-2);border:1px solid var(--border);padding:.5rem .75rem;border-radius:8px;font-size:.75rem;white-space:nowrap;box-shadow:var(--shadow);transition:transform .2s ease;pointer-events:none}.map-pin.active .pin-tooltip,.map-pin:hover .pin-tooltip{transform:translateX(-50%) scale(1)}.map-sidebar{border-left:1px solid var(--border);background:var(--bg-2);display:flex;flex-direction:column;overflow:hidden}.map-sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border)}.map-sidebar-header h2{font-family:var(--font-display);font-size:1.1rem;margin-bottom:.25rem}.map-live{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.map-live .live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-dot 2s ease infinite}.map-city-list{flex:1;overflow-y:auto;padding:.5rem}.map-city-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-decoration:none;color:inherit}.map-city-item.active,.map-city-item:hover{background:rgba(249,115,22,.1);border-color:var(--accent)}.map-city-item .mci-emoji{font-size:1.5rem}.map-city-item strong{display:block;font-size:.9rem}.map-city-item span{font-size:.75rem;color:var(--text-muted)}.map-city-item .mci-count{margin-left:auto;font-size:.8rem;font-weight:600;color:var(--accent)}.about-page{position:relative;z-index:1}.about-hero{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--header-h) + 3rem) 2rem 4rem;position:relative}.about-hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:1.5rem;line-height:1.1}.about-hero .big-emoji{font-size:4rem;display:block;margin-bottom:1.5rem;animation:float-card 4s ease-in-out infinite}.about-timeline{max-width:700px;margin:0 auto;padding:4rem 2rem;position:relative}.about-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent),var(--accent-2),transparent);transform:translateX(-50%)}.about-milestone{display:flex;gap:2rem;margin-bottom:3rem;position:relative}.about-milestone:nth-child(2n){flex-direction:row-reverse;text-align:right}.about-milestone .am-content{flex:1;padding:1.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition)}.about-milestone .am-content:hover{border-color:rgba(249,115,22,.3);transform:translateY(-4px);box-shadow:var(--shadow)}.about-milestone .am-year{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--accent);flex-shrink:0;width:80px;text-align:center}.about-milestone h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.5rem}.about-milestone p{color:var(--text-muted);font-size:.9rem;line-height:1.65}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;padding:4rem 2rem}.about-value{text-align:center;padding:2rem 1.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition)}.about-value:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.about-value .av-emoji{font-size:2.5rem;margin-bottom:1rem;display:block}.about-value h3{font-family:var(--font-display);margin-bottom:.5rem}.about-value p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.about-cta{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,var(--surface),var(--bg-2));border-top:1px solid var(--border)}@media (max-width:1024px){.about-values,.profile-grid{grid-template-columns:1fr}.about-values{max-width:400px}.about-milestone,.about-milestone:nth-child(2n){flex-direction:column;text-align:left}.about-timeline:before{left:20px}.dashboard-grid,.settings-layout{grid-template-columns:1fr!important}.podium-wrap{flex-direction:column;align-items:center}}.dashboard-page{position:relative;z-index:1;padding:calc(var(--header-h) + 2rem) 0 4rem}.dash-welcome{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem}.dash-welcome h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.dash-welcome h1 span{color:var(--accent)}.streak-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(249,115,22,.12),rgba(6,182,212,.08));border:1px solid rgba(249,115,22,.25);border-radius:var(--radius-lg)}.streak-fire{font-size:2rem;animation:float-card 2s ease-in-out infinite}.streak-card strong{font-family:var(--font-display);font-size:1.6rem;color:var(--accent);display:block;line-height:1}.streak-card span{font-size:.8rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem}.dash-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition)}.dash-card:hover{border-color:rgba(249,115,22,.2);box-shadow:var(--shadow)}.dash-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.dash-card-header h2{font-family:var(--font-display);font-size:1.05rem;display:flex;align-items:center;gap:.5rem}.dash-card-header a{font-size:.8rem;color:var(--accent);text-decoration:none;font-weight:600}.upcoming-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius);background:var(--surface-2);margin-bottom:.75rem;transition:all var(--transition);text-decoration:none;color:inherit}.upcoming-item:hover{background:rgba(249,115,22,.08);transform:translateX(4px)}.upcoming-time{text-align:center;min-width:48px;padding:.5rem;background:var(--bg-2);border-radius:var(--radius-sm);border:1px solid var(--border)}.upcoming-time strong{display:block;font-family:var(--font-display);font-size:1.1rem;color:var(--accent)}.upcoming-time span{font-size:.65rem;color:var(--text-muted)}.rec-nomad{display:flex;align-items:center;gap:.75rem;padding:.85rem 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:all var(--transition)}.rec-nomad:last-child{border-bottom:none}.rec-nomad:hover{padding-left:.5rem}.rec-match{margin-left:auto;font-size:.75rem;font-weight:700;color:#22c55e;background:rgba(34,197,94,.12);padding:.2rem .5rem;border-radius:999px}.trending-cities{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.trend-city{text-align:center;padding:1rem .5rem;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.trend-city:hover{transform:translateY(-4px) scale(1.03);border-color:var(--accent);box-shadow:var(--shadow)}.trend-city .tc-emoji{font-size:1.8rem;display:block;margin-bottom:.35rem}.trend-city strong{font-size:.8rem;display:block}.trend-city span{font-size:.65rem;color:var(--text-muted)}.dash-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}.dash-quick-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;font-size:.75rem;font-weight:600;transition:all var(--transition)}.dash-quick-btn:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}.dash-quick-btn .dq-emoji{font-size:1.5rem}.notif-page{position:relative;z-index:1;padding-bottom:4rem}.notif-toolbar{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.notif-group{margin-bottom:2rem}.notif-group-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;padding-left:.5rem}.notif-item{display:flex;gap:1rem;padding:1.15rem 1.25rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem;transition:all var(--transition);cursor:pointer;position:relative;overflow:hidden}.notif-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transition:transform var(--transition)}.notif-item:hover{border-color:rgba(249,115,22,.25);transform:translateX(4px);box-shadow:var(--shadow)}.notif-item:hover:before{transform:scaleY(1)}.notif-item.unread{background:rgba(249,115,22,.04);border-color:rgba(249,115,22,.15)}.notif-item.unread:before{transform:scaleY(1)}.notif-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}.ni-coffee{background:rgba(249,115,22,.15)}.ni-connect{background:rgba(34,197,94,.15)}.ni-event{background:rgba(99,102,241,.15)}.ni-project{background:rgba(6,182,212,.15)}.ni-system{background:rgba(168,85,247,.15)}.notif-body{flex:1;min-width:0}.notif-body p{font-size:.9rem;line-height:1.5;margin-bottom:.25rem}.notif-body time{font-size:.75rem;color:var(--text-muted)}.notif-unread-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;flex-shrink:0;align-self:center;box-shadow:0 0 8px var(--accent-glow)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.hub-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.hub-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(249,115,22,.35)}.hub-card-img{height:180px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;position:relative}.hub-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-2) 5%,transparent 50%)}.hub-type{left:1rem;font-size:.72rem;padding:.3rem .7rem;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);color:#fff}.hub-rating,.hub-type{position:absolute;top:1rem;z-index:1;border-radius:999px}.hub-rating{right:1rem;font-size:.8rem;padding:.3rem .6rem;background:var(--bg-2);font-weight:600;box-shadow:var(--shadow)}.hub-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.hub-card-body h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.35rem}.hub-location{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.hub-features{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.hub-features span{font-size:.72rem;padding:.25rem .55rem;background:var(--surface-2);border-radius:999px;border:1px solid var(--border)}.hub-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.hub-price strong{font-family:var(--font-display);font-size:1.3rem;color:var(--accent)}.hub-price span{font-size:.8rem;color:var(--text-muted)}.leaderboard-page{padding-bottom:4rem}.podium-wrap{display:flex;justify-content:center;align-items:flex-end;gap:1.5rem;margin:3rem 0;min-height:280px}.podium-item{text-align:center;transition:all var(--transition)}.podium-item:hover{transform:translateY(-8px)}.podium-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;font-weight:700;color:#fff;margin:0 auto .75rem;border:4px solid var(--bg-2);box-shadow:var(--shadow-lg);position:relative}.podium-item.rank-1 .podium-avatar{width:88px;height:88px;font-size:2.2rem;border-color:#fbbf24;box-shadow:0 0 24px rgba(251,191,36,.4)}.podium-item.rank-2 .podium-avatar{border-color:#94a3b8}.podium-item.rank-3 .podium-avatar{border-color:#d97706}.podium-crown{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:1.5rem;animation:float-card 2s ease-in-out infinite}.podium-bar{width:100px;border-radius:var(--radius) var(--radius) 0 0;margin:0 auto;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem;font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:#fff}.podium-item.rank-1 .podium-bar{height:140px;width:120px;background:linear-gradient(0deg,#fbbf24,#f97316);font-size:2rem}.podium-item.rank-2 .podium-bar{height:100px;background:linear-gradient(0deg,#94a3b8,#64748b)}.podium-item.rank-3 .podium-bar{height:70px;background:linear-gradient(0deg,#d97706,#b45309)}.podium-name{font-weight:600;font-size:.9rem;margin-bottom:.25rem}.podium-score{font-size:.8rem;color:var(--accent);font-weight:600}.lb-list{max-width:640px;margin:0 auto}.lb-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;transition:all var(--transition)}.lb-row:hover{border-color:rgba(249,115,22,.25);transform:translateX(6px);box-shadow:var(--shadow)}.lb-rank{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--text-muted);min-width:28px}.lb-row:first-child .lb-rank{color:#fbbf24}.lb-row:nth-child(2) .lb-rank{color:#94a3b8}.lb-row:nth-child(3) .lb-rank{color:#d97706}.lb-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex-shrink:0}.lb-info{flex:1}.lb-info strong{display:block;font-size:.9rem}.lb-info span{font-size:.75rem;color:var(--text-muted)}.lb-points{font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:1rem}.lb-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.settings-page{position:relative;z-index:1;padding:calc(var(--header-h) + 2rem) 0 4rem}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:2rem;max-width:900px;margin:0 auto}.settings-nav{display:flex;flex-direction:column;gap:.35rem;position:sticky;top:calc(var(--header-h) + 1rem)}.settings-nav button{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-muted);text-align:left;transition:all var(--transition);border:1px solid transparent;background:none;cursor:pointer}.settings-nav button:hover{background:var(--surface-2);color:var(--text)}.settings-nav button.active{background:rgba(249,115,22,.1);color:var(--accent);border-color:rgba(249,115,22,.2);font-weight:600}.settings-panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;display:none;animation:fadeIn .3s ease}.settings-panel.active{display:block}.settings-panel h2{font-family:var(--font-display);font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:1rem}.setting-row,.settings-panel h2{border-bottom:1px solid var(--border)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:1rem}.setting-row:last-child{border-bottom:none}.setting-row label{font-size:.9rem}.setting-row small{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.toggle-switch{width:48px;height:26px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;position:relative;cursor:pointer;transition:all var(--transition);flex-shrink:0}.toggle-switch.on{background:var(--accent);border-color:var(--accent)}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--transition);box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch.on:after{transform:translateX(22px)}.theme-picker{display:flex;gap:1rem}.theme-option{width:80px;height:56px;border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.theme-option:hover{transform:scale(1.05)}.theme-option.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.to-light{background:linear-gradient(135deg,#faf8f5,#fff)}.to-dark{background:linear-gradient(135deg,#0c0a09,#1c1917)}.to-auto{background:linear-gradient(135deg,#faf8f5 50%,#0c0a09 0)}.theme-option span{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:.65rem;font-weight:600}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.onboarding-card{width:min(520px,100%);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden}.onboarding-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2),#a855f7);background-size:200% auto;animation:gradient-shift 3s ease infinite}.onboarding-progress{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.ob-dot{width:40px;height:4px;border-radius:2px;background:var(--border);transition:all var(--transition)}.ob-dot.active{background:var(--accent);width:60px}.ob-dot.done{background:var(--accent-2)}.ob-step{display:none;animation:fadeIn .4s ease}.ob-emoji,.ob-step.active{display:block}.ob-emoji{font-size:3.5rem;margin-bottom:1rem}.onboarding-card h1{font-family:var(--font-display);font-size:1.6rem;margin-bottom:.5rem}.onboarding-card>p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.ob-options{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:2rem}.ob-chip{padding:.65rem 1.2rem;border:1.5px solid var(--border);border-radius:999px;font-size:.9rem;cursor:pointer;transition:all var(--transition);background:var(--surface-2)}.ob-chip.selected,.ob-chip:hover{border-color:var(--accent)}.ob-chip.selected{background:rgba(249,115,22,.12);color:var(--accent);font-weight:600;transform:scale(1.05)}.ob-actions{display:flex;gap:.75rem;justify-content:center}@media (max-width:768px){.dash-quick,.trending-cities{grid-template-columns:repeat(2,1fr)}.settings-nav{flex-direction:row;overflow-x:auto;position:static}.article-layout,.tools-hero-grid,.tz-clocks{grid-template-columns:1fr!important}}.tools-hero{position:relative;z-index:1;padding:calc(var(--header-h) + 3rem) 0 2rem;text-align:center}.tools-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}.tool-card{position:relative;padding:2rem 1.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;text-align:center;overflow:hidden;transition:all .45s cubic-bezier(.34,1.56,.64,1)}.tool-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition)}.tool-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-lg);border-color:rgba(249,115,22,.35)}.tool-card:hover:before{opacity:1}.tc-visa:before{background:linear-gradient(135deg,rgba(99,102,241,.12),transparent)}.tc-wifi:before{background:linear-gradient(135deg,rgba(6,182,212,.12),transparent)}.tc-tz:before{background:linear-gradient(135deg,rgba(168,85,247,.12),transparent)}.tc-cost:before{background:linear-gradient(135deg,rgba(34,197,94,.12),transparent)}.tc-weather:before{background:linear-gradient(135deg,rgba(251,191,36,.12),transparent)}.tc-currency:before{background:linear-gradient(135deg,rgba(249,115,22,.12),transparent)}.tool-card .tc-icon{font-size:3rem;display:block;margin-bottom:1rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative}.tool-card:hover .tc-icon{transform:scale(1.2) rotate(-8deg)}.tool-card h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:.4rem;position:relative}.tool-card p{font-size:.85rem;color:var(--text-muted);line-height:1.5;position:relative}.tool-card .tc-badge{position:absolute;top:1rem;right:1rem;font-size:.65rem;padding:.2rem .5rem;background:var(--accent);color:#fff;border-radius:999px;font-weight:600}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.blog-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(249,115,22,.3)}.blog-card.featured{grid-column:span 2;flex-direction:row}@media (max-width:768px){.blog-card.featured{grid-column:span 1;flex-direction:column}}.blog-cover{height:180px;display:flex;align-items:center;justify-content:center;font-size:4rem;flex-shrink:0;position:relative}.blog-card.featured .blog-cover{width:45%;height:auto;min-height:220px}@media (max-width:768px){.blog-card.featured .blog-cover{width:100%;height:180px}}.blog-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-2),transparent 40%)}.blog-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.blog-tag{font-size:.72rem;padding:.25rem .6rem;background:rgba(249,115,22,.12);color:var(--accent);border-radius:999px;font-weight:600;width:fit-content;margin-bottom:.75rem}.blog-body h3{font-family:var(--font-display);font-size:1.15rem;line-height:1.4;margin-bottom:.5rem}.blog-card.featured .blog-body h3{font-size:1.4rem}.blog-excerpt{font-size:.9rem;color:var(--text-muted);line-height:1.6;flex:1;margin-bottom:1rem}.blog-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--text-muted);padding-top:.75rem;border-top:1px solid var(--border)}.blog-meta .avatar{width:28px;height:28px;font-size:.7rem}.article-page{position:relative;z-index:1;padding-top:var(--header-h);padding-bottom:4rem}.article-hero{padding:3rem 0;text-align:center;border-bottom:1px solid var(--border);margin-bottom:2rem}.article-hero .blog-tag,.article-hero h1{margin:0 auto 1rem}.article-hero h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);max-width:720px;line-height:1.2;letter-spacing:-.02em}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:2.5rem;max-width:900px;margin:0 auto}.article-content{font-size:1.05rem;line-height:1.85;color:var(--text)}.article-content p{margin-bottom:1.25rem}.article-content h2{font-family:var(--font-display);font-size:1.4rem;margin:2rem 0 1rem}.article-content blockquote{border-left:4px solid var(--accent);padding:1rem 1.5rem;margin:1.5rem 0;background:rgba(249,115,22,.06);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-muted)}.article-sidebar{position:sticky;top:calc(var(--header-h) + 1rem);height:fit-content}.sidebar-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.sidebar-card h4{font-size:.85rem;font-weight:600;margin-bottom:.75rem;color:var(--text-muted)}.visa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.visa-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition);position:relative;overflow:hidden}.visa-card:hover{border-color:rgba(99,102,241,.35);transform:translateY(-4px);box-shadow:var(--shadow)}.visa-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.visa-flag{font-size:2.5rem}.visa-card h3{font-family:var(--font-display);font-size:1.1rem}.visa-card h3 small{display:block;font-size:.8rem;font-weight:400;color:var(--text-muted);font-family:var(--font-body)}.visa-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.visa-stat{text-align:center;padding:.65rem;background:var(--surface-2);border-radius:var(--radius-sm)}.visa-stat strong{display:block;font-size:.9rem;color:var(--accent)}.visa-stat span{font-size:.65rem;color:var(--text-muted)}.visa-diff{display:inline-block;font-size:.72rem;padding:.2rem .55rem;border-radius:999px;font-weight:600}.diff-easy{background:rgba(34,197,94,.15);color:#22c55e}.diff-medium{background:rgba(251,191,36,.15);color:#f59e0b}.diff-hard{background:rgba(239,68,68,.15);color:#ef4444}.visa-desc{font-size:.88rem;color:var(--text-muted);line-height:1.6}.wifi-page{padding-bottom:4rem}.wifi-tester{max-width:560px;margin:0 auto 3rem;text-align:center}.speed-gauge{position:relative;width:220px;height:220px;margin:0 auto 2rem}.speed-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:var(--surface-2);stroke-width:12}.gauge-fill{fill:none;stroke:url(#gaugeGrad);stroke-width:12;stroke-linecap:round;stroke-dasharray:565;stroke-dashoffset:565;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.gauge-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-speed{font-family:var(--font-display);font-size:2.8rem;font-weight:700;color:var(--accent);line-height:1}.gauge-unit{font-size:.9rem;color:var(--text-muted)}.speed-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.speed-stat{text-align:center}.speed-stat strong{display:block;font-family:var(--font-display);font-size:1.4rem}.speed-stat span{font-size:.75rem;color:var(--text-muted)}.wifi-test-btn{padding:1rem 2.5rem;font-size:1rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),#ea580c);color:#fff;font-weight:600;border:none;cursor:pointer;box-shadow:0 8px 24px var(--accent-glow);transition:all var(--transition)}.wifi-test-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px var(--accent-glow)}.wifi-test-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.wifi-rankings{max-width:720px;margin:0 auto}.wifi-rank-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;transition:all var(--transition)}.wifi-rank-item:hover{border-color:rgba(6,182,212,.3);transform:translateX(4px)}.wifi-rank{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--text-muted);min-width:28px}.wifi-rank-item:first-child .wifi-rank{color:#fbbf24}.wifi-rank-item:nth-child(2) .wifi-rank{color:#94a3b8}.wifi-rank-item:nth-child(3) .wifi-rank{color:#d97706}.wifi-rank-info{flex:1}.wifi-rank-info strong{display:block;font-size:.9rem}.wifi-rank-info span{font-size:.75rem;color:var(--text-muted)}.wifi-speed-bar{width:100px;height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.wifi-speed-bar div{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:3px;transition:width 1s ease}.wifi-mbps{font-family:var(--font-display);font-weight:700;color:var(--accent-2);font-size:.95rem;min-width:70px;text-align:right}.tz-page{padding-bottom:4rem}.tz-picker{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2.5rem}.tz-select-wrap{display:flex;flex-direction:column;gap:.4rem}.tz-select-wrap label{font-size:.8rem;color:var(--text-muted);font-weight:500}.tz-select-wrap select{padding:.75rem 1.25rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text);font-family:inherit;font-size:.95rem;min-width:200px;cursor:pointer;outline:none}.tz-select-wrap select:focus{border-color:var(--accent)}.tz-arrow{font-size:1.5rem;color:var(--accent);margin-top:1.2rem}.tz-clocks{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:700px;margin:0 auto 2rem}.tz-clock-card{text-align:center;padding:2rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition)}.tz-clock-card:hover{border-color:rgba(168,85,247,.3);box-shadow:var(--shadow)}.tz-clock-card .tz-city{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.tz-clock-card .tz-time{font-family:var(--font-display);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.tz-clock-card .tz-date{font-size:.85rem;color:var(--text-muted)}.tz-clock-card .tz-offset{display:inline-block;margin-top:.75rem;font-size:.75rem;padding:.25rem .6rem;background:var(--surface-2);border-radius:999px;color:var(--accent);font-weight:600}.tz-meeting{max-width:600px;margin:2rem auto 0;padding:1.5rem;background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(6,182,212,.06));border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.tz-meeting h3{font-family:var(--font-display);margin-bottom:.75rem}.tz-meeting p{color:var(--text-muted);font-size:.9rem}.fab-tools{position:fixed;bottom:2rem;right:2rem;z-index:90;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:grid;place-items:center;font-size:1.4rem;box-shadow:0 8px 24px var(--accent-glow);text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.fab-tools:hover{transform:scale(1.12) rotate(15deg)}.planner-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(99,102,241,.1));border:1px solid rgba(249,115,22,.25);border-radius:999px;font-size:.85rem;margin-bottom:1rem;color:var(--accent)}.route-timeline{position:relative;display:flex;flex-direction:column;gap:0;margin-top:2rem}.route-stop{display:grid;grid-template-columns:64px 1fr;gap:1.25rem;position:relative;padding-bottom:2rem}.route-stop:last-child{padding-bottom:0}.route-stop:before{content:"";position:absolute;left:31px;top:64px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent),var(--accent-2));opacity:.35}.route-stop:last-child:before{display:none}.route-stop-marker{width:64px;height:64px;border-radius:var(--radius-lg);display:grid;place-items:center;font-size:2rem;box-shadow:var(--shadow-lg);border:2px solid hsla(0,0%,100%,.15);position:relative;z-index:1;animation:route-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes route-pop{0%{opacity:0;transform:scale(.6) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.route-stop-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;transition:all var(--transition);animation:route-slide .5s ease both}@keyframes route-slide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.route-stop-card:hover{border-color:rgba(249,115,22,.35);box-shadow:var(--shadow);transform:translateX(4px)}.route-stop-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.route-stop-header h3{font-family:var(--font-display);font-size:1.25rem}.route-weeks{font-size:.8rem;padding:.3rem .75rem;background:rgba(249,115,22,.12);color:var(--accent);border-radius:999px;white-space:nowrap;font-weight:600}.route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(99,102,241,.06));border:1px solid var(--border);border-radius:var(--radius-lg)}.route-summary-item{text-align:center}.route-summary-item strong{display:block;font-family:var(--font-display);font-size:1.75rem;color:var(--accent);line-height:1.2}.route-summary-item span{font-size:.8rem;color:var(--text-muted)}.planner-loading{text-align:center;padding:3rem}.planner-radar{width:120px;height:120px;margin:0 auto 1.5rem;border-radius:50%;border:2px solid rgba(249,115,22,.2);position:relative;animation:radar-pulse 2s ease infinite}.planner-radar:after{content:"🤖";position:absolute;inset:0;display:grid;place-items:center;font-size:2.5rem}@keyframes radar-pulse{0%,to{box-shadow:0 0 0 0 rgba(249,115,22,.3)}50%{box-shadow:0 0 0 20px rgba(249,115,22,0)}}.cost-compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.cost-city-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.cost-city-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(34,197,94,.35)}.cost-city-card.winner{border-color:rgba(34,197,94,.5);box-shadow:0 0 0 1px rgba(34,197,94,.2),var(--shadow-lg)}.cost-city-header{padding:1.25rem;display:flex;align-items:center;gap:1rem}.cost-city-emoji{width:52px;height:52px;border-radius:var(--radius);display:grid;place-items:center;font-size:1.75rem}.cost-bar-group{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.cost-bar-row{display:grid;grid-template-columns:72px 1fr 48px;align-items:center;gap:.75rem;font-size:.8rem}.cost-bar-row label{color:var(--text-muted)}.cost-bar-track{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.cost-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .8s cubic-bezier(.34,1.56,.64,1)}.cost-total{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.cost-total strong{font-family:var(--font-display);font-size:1.35rem;color:var(--accent)}.cost-winner-badge{position:absolute;top:1rem;right:1rem;font-size:.72rem;padding:.25rem .6rem;background:rgba(34,197,94,.15);color:#22c55e;border-radius:999px;font-weight:600}.compare-duel{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start;margin-top:2rem}.compare-vs{display:grid;place-items:center;padding-top:4rem;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent);opacity:.6}.compare-column{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all var(--transition)}.compare-column.winner{border-color:rgba(249,115,22,.45);box-shadow:0 0 30px rgba(249,115,22,.1)}.compare-emoji{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-size:2.5rem;margin:0 auto 1rem}.compare-metrics{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.compare-metric{text-align:left}.compare-metric-header{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.35rem}.compare-metric-bar{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.compare-metric-fill{height:100%;border-radius:999px;transition:width .8s ease}.compare-score{font-family:var(--font-display);font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-hero{position:relative;min-height:320px;display:flex;align-items:flex-end;margin-top:calc(-1 * var(--header-h));padding-top:var(--header-h)}.detail-hero-bg{position:absolute;inset:0;display:grid;place-items:center;font-size:8rem;opacity:.9}.detail-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 15%,transparent 60%)}.detail-hero-content{position:relative;z-index:1;padding:2rem 0 2.5rem;width:100%}.detail-hero-content h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:.75rem}.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:2rem;margin-top:2rem}@media (max-width:900px){.compare-duel{grid-template-columns:1fr}.compare-vs{padding:0}.detail-grid,.route-summary{grid-template-columns:1fr}}.agenda-list{display:flex;flex-direction:column;gap:0}.agenda-item{display:grid;grid-template-columns:64px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.agenda-time{font-family:var(--font-display);font-weight:600;color:var(--accent);font-size:.9rem}.host-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.hub-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.hub-stat-box{text-align:center;padding:1rem;background:var(--surface-2);border-radius:var(--radius)}.hub-stat-box strong{display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--accent)}.review-card{padding:1rem;background:var(--surface-2);border-radius:var(--radius);margin-bottom:.75rem}.currency-result{text-align:center;padding:2rem;background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(99,102,241,.06));border:1px solid var(--border);border-radius:var(--radius-lg);margin:1.5rem 0}.currency-result-value{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.currency-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.media-cover-emoji{font-size:clamp(2rem,6vw,3rem);text-shadow:0 2px 16px rgba(0,0,0,.45);line-height:1}.article-hero-img,.feed-img{width:100%;border-radius:var(--radius);object-fit:cover;display:block}.feed-img{max-height:280px}.article-hero-img{max-height:360px;margin:1.5rem 0}.avatar.has-photo,.ci-avatar.has-photo,.lb-avatar.has-photo,.podium-avatar.has-photo,.profile-avatar.has-photo{color:transparent;background-size:cover;background-position:50%}.project-cover{height:140px;border-radius:var(--radius) var(--radius) 0 0;margin:-1.25rem -1.25rem 1rem;display:flex;align-items:flex-end;padding:.75rem}.project-cover .media-cover-emoji{font-size:1.75rem}.download-page{position:relative;z-index:1;padding-bottom:4rem}.download-hero{text-align:center;padding:4rem 0 2rem}.download-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);margin:1rem 0}.download-hero p{color:var(--text-muted);font-size:1.1rem;max-width:520px;margin:0 auto}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.download-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center}.download-card-main{background:linear-gradient(135deg,rgba(249,115,22,.12),rgba(99,102,241,.08))}.download-card h2{font-size:1.5rem;margin-bottom:.5rem}.download-version{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem}.download-btn{margin-bottom:1.5rem;display:inline-flex}.download-qr-label{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem}.download-qr img{border-radius:12px;background:#fff;padding:8px}.download-card-muted{opacity:.85}.download-features{display:grid;gap:1rem;max-width:640px;margin:0 auto 3rem}.download-feature{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.25rem;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.download-feature span{font-size:2rem}.download-feature p{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.download-cta{text-align:center;color:var(--text-muted)}.download-cta .btn{margin-top:1rem}html{scroll-behavior:smooth}body{font-family:var(--font-body,"Noto Sans SC",system-ui,sans-serif)}