:root{--navy:#071815;--obsidian:#07110f;--forest:#0b3329;--mint:#63f5c2;--gold:#d9b86c;--bg:#07110f;--card:rgba(15,42,35,.75);--solid:#102e27;--text:#f4fbf8;--muted:#a6bbb4;--line:rgba(183,255,227,.15);--danger:#ff9d9d;--shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06);--radius:28px}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Inter,Avenir Next,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 75% 0,rgba(40,183,137,.13),transparent 35%),linear-gradient(145deg,var(--obsidian),var(--navy) 55%,#091d19);background-attachment:fixed;color:var(--text);line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 75%);z-index:-1}body:not(.dark){--bg:#eff7f3;--card:rgba(255,255,255,.82);--solid:#fff;--text:#10201b;--muted:#5f746d;--line:rgba(13,69,55,.14);--shadow:0 24px 70px rgba(4,45,33,.12),inset 0 1px rgba(255,255,255,.8);background:radial-gradient(circle at 75% 0,rgba(75,225,174,.15),transparent 35%),linear-gradient(145deg,#f8fbfa,var(--bg) 55%,#e8f3ef);color-scheme:light}
button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1320px;margin:auto;padding:24px}.hidden{display:none!important}.offline{position:sticky;top:0;z-index:60;background:#825d1b;color:#fff;text-align:center;padding:8px 16px;font-size:.9rem}.brand{display:flex;align-items:center;gap:12px;min-width:0;position:relative;z-index:2}.brand img{width:46px;height:46px;filter:drop-shadow(0 8px 18px rgba(99,245,194,.22))}.brand strong{font-size:1.05rem;letter-spacing:-.02em}.brand small{display:block;color:var(--muted)}.brand-large img{width:62px;height:62px}.brand-large strong{font-size:1.3rem}
.card{position:relative;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 76%,transparent));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);pointer-events:none}.kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:850;color:#55ddb0}.muted{color:var(--muted)}.small{font-size:.86rem}
.auth-layout{min-height:calc(100svh - 48px);display:grid;grid-template-columns:1.08fr .92fr;gap:24px}.auth-brand-panel{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 74% 26%,rgba(99,245,194,.22),transparent 22%),radial-gradient(circle at 12% 85%,rgba(217,184,108,.16),transparent 28%),linear-gradient(155deg,#061512,#0d4235 55%,#061b17);border:1px solid rgba(183,255,227,.16);border-radius:38px;padding:36px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 35px 100px rgba(0,0,0,.36)}.world-map{position:absolute;inset:0;z-index:-2;opacity:.22;background:url('/art/world-map.svg') 50% 45%/110% auto no-repeat}.city-glow{position:absolute;inset:auto 0 0;height:38%;z-index:-1;background:url('/art/cityline.svg') 50% 100%/cover no-repeat;opacity:.56}.auth-brand-panel .brand small,.auth-brand-panel .legal-light{color:rgba(255,255,255,.66)}.onboarding{max-width:650px;padding:44px 0;position:relative}.onboarding h1{font-size:clamp(2.7rem,6vw,5.9rem);line-height:.95;letter-spacing:-.06em;margin:.15em 0;text-wrap:balance}.onboarding p:not(.kicker){font-size:1.12rem;max-width:560px;color:rgba(255,255,255,.75)}.onboard-icon{font-size:2.3rem;color:var(--gold)}.onboard-dots{display:flex;gap:8px;margin:26px 0}.onboard-dots span{width:28px;height:5px;border-radius:9px;background:rgba(255,255,255,.18)}.onboard-dots span.active{background:var(--mint);box-shadow:0 0 18px rgba(99,245,194,.6)}
.traveller-portrait{position:absolute;right:-20px;bottom:-34px;width:260px;height:170px;pointer-events:none}.person{position:absolute;bottom:18px;width:53px;height:88px;border-radius:30px 30px 14px 14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.person:before{content:"";position:absolute;left:11px;top:-29px;width:31px;height:35px;border-radius:46%;background:var(--skin)}.person:after{content:"";position:absolute;left:7px;top:-34px;width:39px;height:18px;border-radius:50% 50% 25% 25%;background:var(--hair)}.p1{right:176px;height:76px;background:#d9b86c;--skin:#5b321f;--hair:#1c120f}.p2{right:122px;height:100px;background:#55ddb0;--skin:#e2ae7d;--hair:#211713}.p3{right:65px;height:84px;background:#a3b9ff;--skin:#8b5434;--hair:#15100e}.p4{right:8px;height:96px;background:#f2e7d3;--skin:#f1c7a2;--hair:#6e4a2d}.wheel{position:absolute;right:83px;bottom:0;width:51px;height:51px;border:5px solid #b7ffe3;border-radius:50%}.legal-light{font-size:.82rem;z-index:2}
.auth-card{align-self:center;max-width:560px;width:100%;justify-self:center}.auth-card h2,.page-heading h1,.card h2{margin:.2em 0;letter-spacing:-.04em}.segmented{display:grid;grid-template-columns:1fr 1fr;background:color-mix(in srgb,var(--bg) 70%,transparent);padding:4px;border:1px solid var(--line);border-radius:14px;margin:22px 0}.segmented button{border:0;background:transparent;color:var(--muted);padding:11px;border-radius:11px}.segmented button.active{background:var(--solid);color:var(--text);box-shadow:0 5px 18px rgba(0,0,0,.14)}.field{display:grid;gap:6px;margin:14px 0}.field label{font-weight:750;font-size:.9rem}.field small{color:var(--muted)}input,select{width:100%;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--solid) 84%,transparent);color:var(--text);padding:12px 13px;min-height:48px;font-size:16px;outline:none}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(99,245,194,.4);outline-offset:3px}
.button{border:1px solid transparent;border-radius:15px;min-height:46px;padding:11px 17px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#2ad69c,#82ffd0);color:#06251d;box-shadow:0 10px 30px rgba(54,224,166,.19)}.button.secondary{background:rgba(99,245,194,.09);border-color:rgba(99,245,194,.18);color:var(--text)}.button.danger{background:rgba(255,110,110,.13);color:var(--danger)}.button.full{width:100%;margin-top:10px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.auth-brand-panel .button.secondary{background:rgba(255,255,255,.1);color:#fff}.error{color:var(--danger)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:3px 0 18px}.top-actions{display:flex;align-items:center;gap:10px}.profile-chip{background:rgba(99,245,194,.1);border:1px solid rgba(99,245,194,.16);color:var(--text);padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:750}.icon-button,.text-button{border:1px solid var(--line);background:var(--card);color:var(--text);min-height:42px;border-radius:13px;padding:8px 12px}.tabs{display:flex;gap:7px;overflow:auto;padding:5px 0 20px;scrollbar-width:none}.tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:999px;font-weight:750}.tabs button span{font-size:1.05rem}.tabs button.active{background:rgba(99,245,194,.12);color:var(--text);box-shadow:inset 0 0 0 1px rgba(99,245,194,.2)}.tab-panel{padding-bottom:44px}
.page-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:18px 0 22px}.page-heading h1{font-size:clamp(2.1rem,5vw,4.5rem);line-height:.98;max-width:880px;text-wrap:balance;background:linear-gradient(110deg,var(--text) 45%,#68d9b5);-webkit-background-clip:text;background-clip:text;color:transparent}.profile-switch{min-width:190px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.progress-card{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:radial-gradient(circle at 18% 52%,rgba(99,245,194,.12),transparent 32%),linear-gradient(145deg,var(--card),rgba(12,52,42,.7))}.progress-ring{--pct:0deg;width:210px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mint) var(--pct),rgba(99,245,194,.12) 0);position:relative;filter:drop-shadow(0 15px 26px rgba(36,211,151,.16))}.progress-ring:before{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--solid);box-shadow:inset 0 0 0 1px var(--line)}.progress-ring div{position:relative;text-align:center}.progress-ring strong{display:block;font-size:2.3rem;letter-spacing:-.06em}.progress-ring span{color:var(--muted)}.progress-copy h2{font-size:1.7rem}.source-note{font-size:.84rem;color:var(--muted);margin-bottom:0}.reward-card{background:radial-gradient(circle at 85% 5%,rgba(217,184,108,.22),transparent 35%),linear-gradient(160deg,var(--card),rgba(217,184,108,.1));display:flex;flex-direction:column;justify-content:space-between}.reward-value{font-size:clamp(2.7rem,6vw,5.2rem);font-weight:850;color:var(--gold);letter-spacing:-.06em}.cap-note{border-top:1px solid rgba(217,184,108,.26);padding-top:16px;color:var(--muted);font-size:.86rem}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.metric{min-height:138px;display:flex;flex-direction:column;justify-content:flex-end}.metric:nth-child(3),.metric:nth-child(4){background:linear-gradient(145deg,var(--card),rgba(217,184,108,.08))}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{font-size:1.9rem;letter-spacing:-.05em}
.destination-showcase{margin-top:30px}.destination-showcase>.section-head{margin-bottom:14px}.destination-showcase h2{margin:.1em 0;font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.04em}.destination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.destination-card{position:relative;min-height:285px;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#10241f;box-shadow:var(--shadow);display:flex;align-items:flex-end;isolation:isolate}.destination-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(2,12,10,.16) 48%,rgba(2,11,9,.94));z-index:-1}.destination-card>div:last-child{padding:20px;z-index:2;color:#fff}.destination-card h3{font-size:1.65rem;margin:.1em 0;letter-spacing:-.04em}.destination-card p,.destination-card>div>span{margin:0;color:rgba(255,255,255,.68);font-size:.84rem}.destination-scene{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;transition:transform .5s}.destination-card:hover .destination-scene{transform:scale(1.025)}.cape .destination-scene{background:radial-gradient(circle at 77% 26%,#ffd98c 0 5%,transparent 6%),linear-gradient(165deg,transparent 47%,#244f45 48% 55%,#0b2a24 56%),linear-gradient(#639b9d,#dda76f)}.cape .destination-scene:after{content:"";position:absolute;left:8%;right:42%;bottom:36%;height:28%;background:#193b35;clip-path:polygon(0 100%,20% 38%,52% 43%,65% 16%,100% 100%)}.kyoto .destination-scene{background:linear-gradient(180deg,#719b8b,#d9b389 62%,#19382f)}.kyoto .destination-scene:after{content:"";position:absolute;left:18%;right:18%;bottom:30%;height:42%;background:#681f24;clip-path:polygon(0 28%,18% 28%,18% 12%,45% 12%,45% 0,55% 0,55% 12%,82% 12%,82% 28%,100% 28%,100% 36%,0 36%,10% 100%,90% 100%)}.rio .destination-scene{background:radial-gradient(circle at 78% 22%,#ffe1a0 0 5%,transparent 6%),linear-gradient(172deg,transparent 46%,#226c59 47% 58%,#16483d 59%),linear-gradient(#68a4af,#d18c77)}.rio .destination-scene:after{content:"";position:absolute;left:30%;bottom:33%;width:16%;height:35%;background:#153d35;clip-path:polygon(44% 0,56% 0,58% 25%,100% 43%,92% 50%,60% 38%,62% 100%,38% 100%,40% 38%,8% 50%,0 43%,42% 25%)}
.content-grid,.privacy-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bar-chart{height:220px;display:flex;align-items:end;gap:10px;padding-top:22px}.bar-column{flex:1;display:grid;grid-template-rows:1fr auto;gap:8px;height:100%;min-width:0}.bar-track{height:100%;background:rgba(99,245,194,.09);border-radius:11px;position:relative;overflow:hidden}.bar-fill{position:absolute;inset:auto 0 0;background:linear-gradient(var(--mint),#27bd8c);border-radius:11px 11px 0 0;min-height:2px}.bar-column small{text-align:center;color:var(--muted);font-size:.72rem}.achievement-feature{display:flex;align-items:center;gap:16px;margin-top:20px}.badge-orb{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:rgba(217,184,108,.13);color:var(--gold);font-size:1.6rem;border:1px solid rgba(217,184,108,.19)}
.explore-controls{display:grid;grid-template-columns:1fr .7fr .7fr auto;gap:12px;align-items:end}.explore-controls .field{margin:0}.safety-strip{margin:14px 0;padding:13px 16px;border-radius:16px;background:rgba(217,184,108,.13);border:1px solid rgba(217,184,108,.22);font-size:.88rem}.explore-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.trail-list{display:grid;gap:12px}.trail-card{box-shadow:none;cursor:pointer;transition:transform .2s,border-color .2s}.trail-card:hover{transform:translateY(-2px)}.trail-card.selected{border-color:var(--mint)}.trail-card h3{margin:.15em 0}.pill-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.pill,.demo-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(99,245,194,.1);font-size:.78rem;color:var(--text);font-weight:750}.demo-label{background:rgba(217,184,108,.13);color:var(--gold)}.map-card{position:sticky;top:14px;align-self:start}.map-card svg{width:100%;height:auto;margin-top:16px}.map-bg{fill:rgba(99,245,194,.08)}.map-route{fill:none;stroke:var(--mint);stroke-width:9;stroke-linecap:round}.map-start{fill:var(--mint)}.map-end{fill:var(--gold)}.map-card text{fill:var(--muted);font-size:14px}
.card-list{display:grid;gap:12px;margin-bottom:18px}.reward-row,.child-card,.approval-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.status{padding:6px 9px;border-radius:999px;background:rgba(99,245,194,.1);font-size:.78rem;font-weight:800;text-transform:capitalize}.status.pending{background:rgba(217,184,108,.13);color:var(--gold)}.status.rejected{background:rgba(255,120,120,.12);color:var(--danger)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.badge-card{border:1px solid var(--line);border-radius:20px;padding:16px}.badge-card .badge-orb{width:50px;height:50px;border-radius:16px}.simple-list>div,.consent-row{padding:12px 0;border-bottom:1px solid var(--line)}.simple-list>div:last-child,.consent-row:last-child{border-bottom:0}.consent-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.consent-row small{display:block}.switch{width:46px;height:27px;appearance:none;background:var(--line);border-radius:999px;position:relative;border:0;padding:0;min-height:0}.switch:after{content:"";position:absolute;width:21px;height:21px;top:3px;left:3px;background:#fff;border-radius:50%;transition:left .2s}.switch:checked{background:#25b987}.switch:checked:after{left:22px}.danger-zone{margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.switch-row{display:flex;align-items:center;gap:10px;margin:16px 0}.switch-row input{width:22px;min-height:22px}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.ecosystem-grid>div{padding:14px;border:1px solid var(--line);border-radius:18px}.ecosystem-grid span{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.integration-boundaries{margin-top:18px}dialog{border:0;background:transparent;padding:0;max-width:520px;width:calc(100% - 28px)}dialog::backdrop{background:rgba(1,10,8,.65);backdrop-filter:blur(8px)}.dialog-card{position:relative;background:var(--solid);color:var(--text);border:1px solid var(--line);border-radius:28px;padding:24px}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:var(--bg);color:var(--text);width:38px;height:38px;border-radius:50%;font-size:1.4rem}.source-box{display:grid;gap:3px;background:rgba(99,245,194,.08);padding:13px;border-radius:15px;font-size:.86rem}.source-box span{color:var(--muted)}
@keyframes cityFade{from{opacity:0}to{opacity:1}}@keyframes logoForward{from{opacity:0;transform:translate3d(0,12px,0) scale(.84)}to{opacity:1;transform:none}}@keyframes cardEmerge{0%{opacity:0;transform:translate3d(0,22px,0) scale(.94);box-shadow:0 0 0 rgba(99,245,194,0)}65%{box-shadow:0 0 65px rgba(99,245,194,.18)}100%{opacity:1;transform:none}}@keyframes settleIn{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}.app-stage{animation:cityFade .35s ease-out both}.app-stage .brand{animation:logoForward .5s cubic-bezier(.2,.75,.2,1) .12s both}.app-stage .entrance-progress{animation:cardEmerge .58s cubic-bezier(.18,.82,.25,1) .28s both}.app-stage .destination-card,.app-stage .metrics-grid .card{animation:settleIn .4s ease-out both}.app-stage .destination-card:nth-child(1){animation-delay:.57s}.app-stage .destination-card:nth-child(2){animation-delay:.66s}.app-stage .destination-card:nth-child(3){animation-delay:.75s}.app-stage .metrics-grid .card:nth-child(1){animation-delay:.69s}.app-stage .metrics-grid .card:nth-child(2){animation-delay:.75s}.app-stage .metrics-grid .card:nth-child(3){animation-delay:.81s}.app-stage .metrics-grid .card:nth-child(4){animation-delay:.87s}.app-stage .tabs{animation:settleIn .38s ease-out 1s both}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-brand-panel{min-height:560px}.hero-grid,.content-grid,.privacy-grid,.explore-layout{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.explore-controls{grid-template-columns:1fr 1fr}.map-card{position:static}.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.destination-grid{grid-template-columns:repeat(3,minmax(240px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.destination-card{scroll-snap-align:start}}
@media(max-width:620px){.shell{padding:12px 12px calc(88px + env(safe-area-inset-bottom))}.auth-layout{min-height:auto}.auth-brand-panel{border-radius:27px;padding:24px;min-height:500px}.onboarding{padding:28px 0 85px}.traveller-portrait{right:-40px;transform:scale(.8);transform-origin:bottom right}.auth-card,.card{padding:18px;border-radius:22px}.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .profile-chip{display:none}.brand small{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-heading{align-items:flex-start;flex-direction:column}.profile-switch{width:100%}.progress-card{grid-template-columns:1fr}.progress-ring{width:176px;margin:auto}.metrics-grid{grid-template-columns:1fr 1fr}.metric{min-height:120px}.destination-grid{margin-right:-12px}.destination-card{min-height:250px}.explore-controls{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.ecosystem-grid{grid-template-columns:1fr}.reward-row,.child-card,.approval-row{align-items:flex-start;flex-direction:column}.button-row .button{flex:1}.legal-light{font-size:.78rem}.tabs{position:fixed;z-index:50;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));padding:7px;background:rgba(5,22,18,.9);border:1px solid rgba(183,255,227,.16);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.45);backdrop-filter:blur(22px);justify-content:space-around}.tabs button{min-width:60px;padding:7px 8px;display:grid;gap:1px;place-items:center;font-size:.65rem}.tabs button span{font-size:1.15rem}.tabs button.active{background:rgba(99,245,194,.15)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.destination-grid{scroll-snap-type:none}}
.home-heading{position:relative;min-height:250px;align-items:flex-end;overflow:hidden;padding:32px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 62% 30%,rgba(99,245,194,.18),transparent 28%),linear-gradient(105deg,rgba(4,23,19,.94),rgba(9,59,47,.76)),url('/art/world-map.svg') 76% 35%/58% auto no-repeat;box-shadow:var(--shadow)}.home-heading-copy{z-index:2;max-width:630px}.home-heading .profile-switch{z-index:3}.city-community{position:absolute;right:180px;bottom:0;width:380px;height:220px;opacity:.92}.tower{position:absolute;bottom:0;width:34px;background:linear-gradient(rgba(112,222,186,.28),rgba(8,35,29,.8));border:1px solid rgba(183,255,227,.12)}.t1{right:36px;height:190px}.t2{right:78px;height:148px}.t3{right:122px;height:112px}.walker{position:absolute;bottom:0;width:45px;border-radius:25px 25px 8px 8px;background:var(--coat);height:82px}.walker:before{content:"";position:absolute;width:28px;height:31px;border-radius:48%;background:var(--skin);left:8px;top:-24px}.w1{right:285px;--coat:#d9b86c;--skin:#5b321f;height:74px}.w2{right:237px;--coat:#57dcb0;--skin:#d49a6a;height:94px}.w3{right:185px;--coat:#ece5d7;--skin:#8b5434;height:83px}.w4{right:132px;--coat:#a8bafa;--skin:#f1c7a2;height:76px}.community-wheel{position:absolute;right:150px;bottom:-5px;width:43px;height:43px;border:4px solid var(--mint);border-radius:50%}.destination-showcase.card{margin-top:18px;padding:20px;background:linear-gradient(145deg,rgba(7,44,35,.88),rgba(3,25,21,.82)),url('/art/world-map.svg') 82% 12%/62% auto no-repeat}.destination-showcase.card h2{margin:.04em 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em}.destination-showcase.card .section-head p{margin-top:0}.destination-showcase.card .destination-grid{gap:10px}
@media(max-width:900px){.home-heading{min-height:330px;align-items:flex-start}.city-community{right:-20px}.home-heading .profile-switch{align-self:flex-start}}
@media(max-width:620px){.home-heading{min-height:330px;margin:6px 0 12px;padding:24px 20px;background:linear-gradient(180deg,rgba(4,23,19,.72),rgba(4,34,27,.86)),url('/art/world-map.svg') 100% 0/110% auto no-repeat}.home-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.65rem,13vw,4rem);max-width:320px}.home-heading .profile-switch{display:none}.city-community{right:-54px;width:330px;transform:scale(.86);transform-origin:bottom right}.destination-showcase.card{padding:16px}.destination-showcase.card .section-head{align-items:flex-start}.destination-showcase.card .text-button{white-space:nowrap}}
.auth-city-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.auth-brand-panel:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,18,14,.94) 0%,rgba(3,27,21,.66) 54%,rgba(3,20,17,.18)),linear-gradient(0deg,rgba(2,20,16,.82),transparent 55%)}.auth-brand-panel .world-map{z-index:-2;opacity:.14}.auth-brand-panel .onboarding{max-width:540px;text-shadow:0 2px 18px rgba(0,0,0,.42)}.home-city-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;z-index:0}.home-heading:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,19,15,.96) 0%,rgba(3,26,21,.72) 44%,rgba(3,19,16,.16)),linear-gradient(0deg,rgba(2,16,13,.55),transparent 58%)}.home-heading-copy,.home-heading .profile-switch{position:relative;z-index:2}.home-heading .muted{color:rgba(255,255,255,.78)}.city-community{display:none}
@media(max-width:620px){.auth-city-photo{object-position:62% center}.auth-brand-panel:after{background:linear-gradient(0deg,rgba(2,20,16,.96) 0%,rgba(3,25,20,.67) 72%,rgba(3,20,17,.22))}.home-city-photo{object-position:58% center}.home-heading:after{background:linear-gradient(0deg,rgba(2,18,14,.94) 0%,rgba(3,24,19,.52) 72%,rgba(3,18,15,.14))}.home-heading-copy{align-self:flex-end}}
.destination-scene{overflow:hidden}.destination-scene img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.destination-card:hover .destination-scene img,.destination-card:focus-within .destination-scene img{transform:scale(1.035)}.destination-card .destination-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(2,19,15,.9) 100%);pointer-events:none}.recent-activity-card{margin-top:18px}.home-activity-list{display:grid;gap:8px}.home-activity-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 16px;gap:12px;align-items:center;padding:11px 12px;border:1px solid rgba(183,255,227,.13);border-radius:15px;background:linear-gradient(110deg,rgba(11,69,54,.56),rgba(4,31,25,.4));box-shadow:inset 0 1px rgba(255,255,255,.035)}.home-activity-row strong,.home-activity-row small{display:block}.home-activity-row small{margin-top:2px;color:var(--muted)}.activity-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#06251c;background:linear-gradient(145deg,#b7ffe3,#5df1be);box-shadow:0 5px 18px rgba(91,244,190,.2)}.activity-points{text-align:right}.activity-points strong{color:var(--mint)}.metrics-grid .metric:nth-child(3){background:linear-gradient(145deg,rgba(48,38,12,.78),rgba(8,48,38,.84))}.metrics-grid .metric:nth-child(4):before{content:"✦";display:grid;width:42px;height:42px;margin-bottom:10px;place-items:center;border:1px solid rgba(240,203,111,.7);border-radius:14px;color:#f0cb6f;background:rgba(240,203,111,.1);box-shadow:0 8px 24px rgba(240,203,111,.08)}
@media(max-width:620px){.destination-showcase.card .destination-grid{grid-auto-columns:minmax(72vw,1fr)}.destination-card{min-height:225px}.recent-activity-card{padding:15px}.home-activity-row{grid-template-columns:38px minmax(0,1fr) 16px}.activity-points{grid-column:2;text-align:left;margin-top:-7px}.activity-points small{display:none}}
@media(prefers-reduced-motion:reduce){.destination-scene img{transition:none}.destination-card:hover .destination-scene img,.destination-card:focus-within .destination-scene img{transform:none}}
/* v0.5 approved global-city composition */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.tabs svg,.summary-icon svg,.goal-icon svg,.achievement-shield svg,.activity-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabs svg{width:21px;height:21px}.home-heading{min-height:410px;margin:0 0 -30px;padding:30px 34px 74px;border-radius:32px 32px 0 0;align-items:flex-end}.home-heading-copy h1{max-width:500px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,6vw,5.6rem);line-height:.84;color:#fff;background:none;letter-spacing:-.055em;text-shadow:0 5px 28px rgba(0,0,0,.45)}.home-heading-copy h1 em{font-style:normal;color:var(--mint)}.home-heading-copy p{color:#f2fbf7;text-shadow:0 2px 16px rgba(0,0,0,.65)}.hero-brand{position:absolute;z-index:3;top:28px;left:32px;display:grid;grid-template-columns:44px 1fr;column-gap:10px;align-items:center}.hero-brand img{grid-row:1/3;width:44px;height:44px}.hero-brand strong{font-size:1.05rem}.hero-brand small{font-size:.62rem;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.76)}.progress-card{position:relative;z-index:4;width:calc(100% - 36px);max-width:960px;margin:0 auto;min-height:210px;grid-template-columns:220px minmax(260px,1fr) 240px;gap:20px;padding:18px 22px;border-color:rgba(100,255,204,.45);border-radius:28px;background:linear-gradient(130deg,rgba(5,72,55,.95),rgba(2,34,28,.95));box-shadow:0 24px 70px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.1),0 0 45px rgba(67,244,181,.08)}.step-ring-button{border:0;background:none;color:inherit;padding:0;border-radius:50%}.step-ring-button:focus-visible{outline:3px solid #fff;outline-offset:5px}.progress-ring{width:170px;margin:auto}.progress-ring:before{inset:13px;background:#073d31}.progress-ring div svg{width:34px;height:34px;color:var(--mint);fill:none;stroke:currentColor;stroke-width:1.8}.progress-ring strong{font-size:2.15rem;color:#fff}.progress-ring span,.progress-ring small{display:block;color:#fff;line-height:1.15}.progress-ring small{margin-top:8px;font-size:.72rem;color:rgba(255,255,255,.7)}.summary-stack{border-left:1px solid rgba(183,255,227,.22)}.summary-line{display:grid;grid-template-columns:48px 1fr 20px;gap:12px;align-items:center;min-height:82px;padding:8px 0 8px 20px}.summary-line+ .summary-line{border-top:1px solid rgba(183,255,227,.2)}.summary-line>div strong,.summary-line>div span{display:block}.summary-line>div strong{font-size:2rem;line-height:1;letter-spacing:-.04em}.summary-line>div span{color:#fff}.summary-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:50%}.summary-icon.gold{color:#5c3d05;background:linear-gradient(145deg,#ffe795,#d99e23);border:2px solid #ffe796}.summary-icon.coins{color:#ffe27c}.summary-icon.coins svg{width:42px;height:42px;stroke-width:1.45}.chevron{font-size:2rem}.summary-globe{height:164px;border-left:1px solid rgba(183,255,227,.2);display:grid;place-items:center;text-align:center;background:radial-gradient(circle,transparent 38%,rgba(99,245,194,.08) 39% 40%,transparent 41%),url('/art/world-map.svg') center/112% no-repeat;color:var(--gold);font-family:Georgia,serif;font-style:italic;transform:rotate(-3deg)}.destination-showcase.card{padding:24px;margin-top:10px;border-radius:30px}.destination-showcase.card .destination-card{min-height:245px;border-radius:18px}.destination-card>div:last-child{width:100%;padding:16px}.destination-card h3{font-size:1.35rem}.destination-card p{font-size:.75rem}.goal-achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.goal-card,.achievement-card,.weekly-card{border-radius:24px;background:linear-gradient(145deg,rgba(7,62,48,.88),rgba(3,35,29,.9))}.goal-card h2,.achievement-card h2,.weekly-card h2,.recent-activity-card h2{font-size:1.1rem;margin:0}.icon-link{border:0;background:none;color:#fff;font-size:1.8rem;padding:0 6px}.goal-main{display:flex;gap:16px;align-items:center;margin:14px 0 8px}.goal-icon{display:grid;width:62px;height:62px;place-items:center;border-radius:50%;background:var(--mint);color:#063b2e}.goal-icon svg{width:36px;height:36px}.goal-main strong,.goal-main span{display:block}.goal-main strong{font-size:2.4rem;line-height:.9}.goal-card p{margin:8px 0;color:rgba(255,255,255,.78)}.goal-track{height:11px;border-radius:99px;background:rgba(214,240,231,.28);overflow:hidden}.goal-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#47e7ae,#97ffda);transition:width .6s ease}.achievement-card{background:radial-gradient(circle at 70% 20%,rgba(217,184,108,.16),transparent 36%),linear-gradient(145deg,rgba(45,58,29,.86),rgba(3,35,29,.92))}.achievement-feature{margin:10px 0;gap:14px}.achievement-shield{display:grid;width:80px;height:88px;place-items:center;color:#f2cf74;filter:drop-shadow(0 8px 12px rgba(217,184,108,.15))}.achievement-shield svg{width:78px;height:78px;stroke-width:1.4}.achievement-feature h3{font-size:2.15rem;margin:0}.achievement-feature p{margin:0;color:#fff}.mini-badges{display:flex;gap:7px}.mini-badges span{display:grid;width:34px;height:34px;place-items:center;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(145deg,#62f2bf,#147d68);color:#fff}.weekly-card{margin-top:14px}.weekly-card .section-head p{margin:0;color:var(--muted)}.weekly-card .section-head strong{color:var(--mint);font-size:1.15rem}.weekly-card .bar-chart{height:190px}.recent-activity-card{padding:20px}.activity-icon svg{width:22px;height:22px}.topbar{position:absolute;right:max(28px,calc((100vw - 1180px)/2));z-index:10;padding-top:22px}.topbar>.brand{display:none}.top-actions #themeToggle,.top-actions #logout{background:rgba(2,20,16,.5);backdrop-filter:blur(10px)}
@media(max-width:760px){.shell{max-width:708px;padding:0 8px calc(92px + env(safe-area-inset-bottom))}.topbar{right:14px;top:10px}.top-actions #themeToggle,.top-actions #logout{display:none}.home-heading{min-height:385px;margin:0 0 -20px;padding:28px 20px 58px;border-radius:0 0 26px 26px}.hero-brand{top:25px;left:20px}.hero-brand img{width:40px;height:40px}.hero-brand strong{font-size:.95rem}.home-heading-copy h1{font-size:clamp(3rem,14vw,4.4rem)}.home-heading-copy p:not(.kicker){max-width:260px;font-size:.88rem}.progress-card{width:calc(100% - 18px);min-height:188px;grid-template-columns:132px minmax(150px,1fr);gap:8px;padding:14px 12px}.progress-ring{width:128px}.progress-ring:before{inset:10px}.progress-ring div svg{width:26px;height:26px}.progress-ring strong{font-size:1.75rem}.summary-stack{border-left:1px solid rgba(183,255,227,.22)}.summary-line{grid-template-columns:38px 1fr 12px;gap:8px;min-height:74px;padding-left:12px}.summary-icon{width:36px;height:36px}.summary-line>div strong{font-size:1.55rem}.summary-line>div span{font-size:.78rem}.summary-globe{display:none}.destination-showcase.card{padding:16px;margin-top:10px}.destination-showcase.card h2{font-size:2.2rem}.destination-showcase.card .destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;gap:7px}.destination-showcase.card .destination-card{min-width:0;min-height:178px}.destination-card>div:last-child{padding:10px}.destination-card h3{font-size:.92rem}.destination-card p{display:none}.destination-card>div>span{font-size:.65rem}.goal-achievement-grid{gap:8px}.goal-card,.achievement-card{padding:14px;min-width:0}.goal-card h2,.achievement-card h2{font-size:.94rem}.goal-main{gap:8px}.goal-icon{width:48px;height:48px}.goal-icon svg{width:29px;height:29px}.goal-main strong{font-size:1.7rem}.goal-main span,.goal-card p{font-size:.75rem}.achievement-shield{width:56px;height:62px}.achievement-shield svg{width:56px;height:56px}.achievement-feature h3{font-size:1.55rem}.achievement-feature p{font-size:.72rem}.mini-badges span{width:26px;height:26px;font-size:.65rem}.weekly-card{padding:15px}.weekly-card .bar-chart{height:155px}.recent-activity-card{padding:14px}.home-activity-row{padding:9px;gap:8px}.tabs{left:9px;right:9px;padding:6px 5px;overflow-x:auto;justify-content:flex-start}.tabs button{flex:1;min-width:55px;padding:6px 5px}.tabs button svg{width:20px;height:20px}.tabs button:nth-child(4).hidden{display:none}.tabs button.active{background:linear-gradient(135deg,#45dfa9,#86ffd4);color:#042a20;box-shadow:0 6px 22px rgba(74,237,179,.28)}}
@media(max-width:420px){.destination-showcase.card .destination-card{min-height:158px}.home-activity-row strong{font-size:.8rem}.home-activity-row small,.activity-points strong{font-size:.68rem}.goal-main strong{font-size:1.45rem}.summary-line>div strong{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.goal-track span{transition:none}}
/* refinement: editorial spacing, premium surfaces, line trend */
body:before{opacity:.18;background-image:radial-gradient(circle at 16% 8%,rgba(255,255,255,.055) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 42%,rgba(99,245,194,.035) 0 1px,transparent 1.5px);background-size:17px 17px,23px 23px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 80%)}.card{background:linear-gradient(145deg,rgba(15,55,45,.84),rgba(5,29,24,.82));border-color:rgba(198,255,235,.14);box-shadow:0 24px 60px rgba(0,8,6,.28),inset 0 1px 0 rgba(255,255,255,.07),inset 22px 0 44px rgba(55,203,151,.025)}.card:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 22%,transparent 70%,rgba(99,245,194,.025))}.home-heading-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0}.home-heading-copy h1{margin:0 0 18px}.home-heading-copy .hero-purpose{order:2;margin:0 0 5px;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.01em}.home-heading-copy>p:last-child{order:3;margin:0;color:rgba(255,255,255,.75);font-size:.88rem}.destination-showcase.card{position:relative;background:radial-gradient(circle at 88% 5%,rgba(78,221,169,.1),transparent 30%),linear-gradient(145deg,rgba(8,57,45,.92),rgba(3,28,23,.94))}.destination-showcase.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.04),transparent 19%,transparent 72%,rgba(217,184,108,.025))}.summary-globe{position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(99,245,194,.08) 0 42%,transparent 43%),linear-gradient(135deg,rgba(255,255,255,.025),transparent);transform:none}.summary-globe:before,.summary-globe:after{content:"";position:absolute;width:126px;height:126px;border:1px solid rgba(99,245,194,.18);border-radius:50%}.summary-globe:after{width:68px;border-radius:50%;border-top-color:transparent;border-bottom-color:transparent}.summary-globe span{position:relative;z-index:1}.weekly-card{position:relative;overflow:hidden}.bar-chart{display:block;height:210px;padding:10px 0 0}.bar-chart svg{display:block;width:100%;height:100%;overflow:visible}.trend-grid{fill:none;stroke:rgba(183,255,227,.09);stroke-width:1}.trend-area{fill:url(#trendArea)}.trend-line{fill:none;stroke:#63f5c2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:url(#trendGlow)}.trend-point circle{fill:#b7ffe3;stroke:#0b5843;stroke-width:3}.trend-point text{fill:#d8f7ec;font-size:12px;font-weight:750;text-anchor:middle}.trend-point .trend-day{fill:#93ada4;font-size:11px;font-weight:600}.weekly-card:before{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border:1px solid rgba(99,245,194,.055);border-radius:50%;box-shadow:0 0 0 30px rgba(99,245,194,.018),0 0 0 62px rgba(99,245,194,.012)}
@media(max-width:760px){.home-heading-copy h1{margin-bottom:15px}.home-heading-copy .hero-purpose{font-size:.83rem;line-height:1.3;max-width:260px}.home-heading-copy>p:last-child{font-size:.76rem}.bar-chart{height:165px;padding-top:5px}.trend-line{stroke-width:5}.trend-point text{font-size:13px}.trend-point .trend-day{font-size:12px}.card:after{display:none}}
/* Rumbi-inspired material finish: indigo depth, soft organic texture, cyan edge light */
:root{--navy:#0a1236;--obsidian:#05091e;--forest:#0b302e;--bg:#060a21;--card:rgba(18,28,82,.76);--solid:#121b50;--line:rgba(103,197,255,.25);--shadow:0 26px 72px rgba(0,3,20,.46),inset 0 1px rgba(255,255,255,.075)}body{background:radial-gradient(ellipse at 82% -8%,rgba(29,76,129,.32),transparent 36%),radial-gradient(ellipse at 8% 38%,rgba(14,77,71,.22),transparent 42%),linear-gradient(155deg,#05091f 0%,#090e35 54%,#061b25 100%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.48;background:radial-gradient(ellipse at -8% 22%,transparent 0 32%,rgba(45,91,145,.1) 33%,transparent 35%),radial-gradient(ellipse at 112% 48%,transparent 0 27%,rgba(67,151,177,.08) 28%,transparent 30%),radial-gradient(ellipse at 24% 94%,transparent 0 24%,rgba(36,94,115,.07) 25%,transparent 28%);filter:blur(1px)}body:before{opacity:.22;background-image:radial-gradient(circle,rgba(159,209,255,.15) 0 .45px,transparent .7px);background-size:4px 4px;mix-blend-mode:soft-light;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.25))}.card{background:radial-gradient(ellipse at 105% -15%,rgba(39,89,157,.24),transparent 42%),linear-gradient(145deg,rgba(24,35,102,.88),rgba(10,27,65,.84) 58%,rgba(7,45,44,.78));border:1px solid rgba(104,154,242,.42);box-shadow:0 24px 65px rgba(1,4,28,.42),inset 0 1px rgba(255,255,255,.08),inset 0 0 42px rgba(65,112,205,.055);backdrop-filter:blur(22px) saturate(118%)}.card:after{background:linear-gradient(118deg,rgba(255,255,255,.06),transparent 18%,transparent 68%,rgba(74,230,227,.035))}.progress-card{background:radial-gradient(ellipse at 95% -30%,rgba(48,110,184,.3),transparent 46%),linear-gradient(132deg,rgba(17,43,91,.96),rgba(7,50,58,.94));border-color:rgba(77,224,230,.58);box-shadow:0 26px 70px rgba(0,4,30,.5),inset 0 1px rgba(255,255,255,.1),0 0 32px rgba(48,213,207,.07)}.progress-ring:before{background:linear-gradient(145deg,#101d55,#093c43)}.destination-showcase.card{background:radial-gradient(ellipse at 92% 0,rgba(49,105,179,.23),transparent 38%),linear-gradient(145deg,rgba(18,31,91,.94),rgba(8,33,67,.92) 56%,rgba(6,48,43,.88));border-color:rgba(100,151,239,.42)}.goal-card,.weekly-card,.recent-activity-card{background:radial-gradient(ellipse at 100% -10%,rgba(45,99,169,.2),transparent 42%),linear-gradient(145deg,rgba(20,33,94,.9),rgba(8,37,66,.88) 60%,rgba(7,48,43,.8))}.achievement-card{background:radial-gradient(circle at 78% 10%,rgba(230,187,88,.17),transparent 34%),linear-gradient(145deg,rgba(33,39,96,.92),rgba(12,35,65,.9) 60%,rgba(20,49,42,.84));border-color:rgba(217,184,108,.46)}.home-activity-row{background:linear-gradient(110deg,rgba(24,42,108,.58),rgba(7,50,62,.46));border-color:rgba(99,177,232,.23)}.tabs{background:rgba(7,12,42,.9);border-color:rgba(90,190,235,.28);box-shadow:0 20px 55px rgba(0,2,22,.52),inset 0 1px rgba(255,255,255,.07)}input,select,textarea{background:rgba(10,18,60,.72);border-color:rgba(98,151,231,.35)}.trend-grid{stroke:rgba(123,183,235,.13)}