:root{--onboard-forest:var(--forest);--onboard-lime:var(--lime);--onboard-cream:var(--cream);--onboard-muted:var(--muted);--onboard-shadow:0 30px 80px rgba(22,32,15,.18)}
.onboarding-active>.app-topbar,.onboarding-active>.site-footer,.onboarding-active>.hidden-gem-cta,.onboarding-active>.site-notice,.onboarding-active>.dev-badge,.onboarding-active>.mobile-bottom-nav{display:none!important}.onboarding-active #main,.onboarding-active .onboarding-shell{min-height:100dvh}
.onboarding-auth-page .page-hero{max-width:1040px;margin-inline:auto}.onboarding-auth-card{max-width:620px;border:1px solid rgba(29,43,29,.1);border-radius:28px;box-shadow:var(--onboard-shadow);padding:clamp(24px,5vw,48px)}.onboarding-auth-card>form{display:grid;gap:16px}.onboarding-auth-card .button{width:100%;justify-content:center}.magic-request-form small,.magic-sent-card>small{color:var(--onboard-muted);line-height:1.55}.magic-code-form{width:100%;display:grid;gap:16px}.magic-sent-card{text-align:center;margin:5vh auto}.magic-sent-card label{text-align:left}.onboarding-shell{min-height:calc(100vh - 80px);padding:clamp(12px,3vw,42px);background:radial-gradient(circle at 12% 8%,rgba(0,166,82,.14),transparent 28%),linear-gradient(135deg,var(--sage),var(--cream) 55%,#e8efe8);display:grid;place-items:center}.onboarding-panel{width:min(1040px,100%);min-height:min(760px,calc(100vh - 110px));background:rgba(255,255,255,.95);border:1px solid rgba(29,43,29,.09);border-radius:32px;box-shadow:var(--onboard-shadow);display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}.onboarding-topbar{padding:22px clamp(22px,5vw,54px);display:flex;align-items:center;justify-content:space-between}.onboarding-topbar>a:last-child,.onboarding-skip button{border:0;background:none;color:var(--onboard-forest);font-weight:700;text-decoration:underline;text-underline-offset:4px}.onboarding-brand{display:flex;align-items:center;gap:10px;color:var(--onboard-forest);text-decoration:none}.onboarding-brand>b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--onboard-forest);color:white}.onboarding-brand span{font:700 18px Sora,sans-serif}.onboarding-brand em{font-style:normal;color:var(--lime)}.onboarding-progress{height:5px;background:#e7ebe4}.onboarding-progress i{height:100%;display:block;background:linear-gradient(90deg,var(--lime-deep),var(--lime));transition:width .35s ease}.onboarding-content{width:min(820px,100%);margin:auto;padding:clamp(30px,6vw,72px)}.onboarding-heading{max-width:650px;margin-bottom:32px}.onboarding-heading h1,.onboarding-welcome h1,.onboarding-result-card h1{font:800 clamp(34px,6vw,64px)/1.02 Sora,sans-serif;color:var(--onboard-forest);letter-spacing:-.045em;margin:9px 0 18px}.onboarding-heading p,.onboarding-welcome p,.onboarding-result-card p{font-size:clamp(17px,2vw,21px);line-height:1.55;color:var(--onboard-muted);margin:0}.onboarding-form{display:grid;gap:24px}.onboarding-form>label:not(.onboarding-photo-picker){display:grid;gap:9px;font-weight:700;color:var(--onboard-forest)}.onboarding-form input:not([type=checkbox]):not([type=radio]){min-height:58px;border:1px solid #cbd4ca;border-radius:15px;padding:0 17px;font:inherit;background:white}.username-field{display:flex;align-items:center;border:1px solid #cbd4ca;border-radius:15px;background:white;padding-left:16px}.username-field input{border:0!important;flex:1}.onboarding-form>.button{min-height:58px;font-size:17px}.onboarding-choice-grid,.onboarding-interest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.onboarding-choice-grid label,.onboarding-interest-grid label{cursor:pointer}.onboarding-choice-grid input,.onboarding-interest-grid input,.onboarding-place-grid input{position:absolute;opacity:0;pointer-events:none}.onboarding-choice-grid label>span,.onboarding-interest-grid label>span{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid #d9dfd6;border-radius:18px;background:white;color:var(--onboard-forest);transition:.2s}.onboarding-choice-grid input:checked+span,.onboarding-interest-grid input:checked+span{border-color:var(--onboard-forest);box-shadow:inset 0 0 0 2px var(--onboard-forest);background:var(--sage)}.onboarding-choice-grid small{color:var(--onboard-muted)}.onboarding-interest-grid label>span{align-items:center;justify-content:center;min-height:66px;font-weight:700}.onboarding-photo-picker{border:2px dashed #b7c4b6;border-radius:24px;padding:32px;display:grid;place-items:center;text-align:center;gap:10px;cursor:pointer;background:#fafbf6}.onboarding-photo-picker input{max-width:260px}.onboarding-place-search{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:-8px 0 10px}.onboarding-place-search label{display:grid;gap:7px;color:var(--forest);font-weight:700}.onboarding-place-search input{width:100%;min-height:54px;padding:0 16px;border:1px solid #cbd4ca;border-radius:15px;background:white}.onboarding-place-search .button{min-height:54px}.onboarding-place-search.is-searching{opacity:.7}.onboarding-place-status{margin:0 0 18px;color:var(--muted);font-size:13px}.onboarding-place-empty{padding:22px;border-radius:16px;background:var(--sage);color:var(--muted);text-align:center}.onboarding-place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.onboarding-place-grid label{position:relative;border:1px solid #d9dfd6;border-radius:18px;overflow:hidden;background:white;cursor:pointer}.onboarding-place-grid label>span:last-child{display:flex;flex-direction:column;padding:14px}.onboarding-place-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.onboarding-place-grid label:has(input:checked){box-shadow:inset 0 0 0 3px var(--onboard-forest);border-color:var(--onboard-forest)}.onboarding-place-grid label:has(input:checked)::after{content:'✓';position:absolute;right:10px;top:10px;width:30px;height:30px;display:grid;place-items:center;background:var(--onboard-lime);border-radius:50%;font-weight:900;color:white}.onboarding-skip{padding:0 0 28px;text-align:center}.onboarding-welcome,.onboarding-result-card{text-align:center;max-width:680px;margin:auto;display:grid;justify-items:center;gap:15px}.onboarding-success-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:var(--onboard-lime);color:white;font-size:34px;box-shadow:0 15px 40px rgba(0,166,82,.25)}.onboarding-success-icon.is-error{background:#ffe0d8;color:#9a2e1c}.onboarding-result-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:16px}.onboarding-result-card{padding:clamp(30px,8vw,90px)}.public-profile-page{max-width:1100px}.public-profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;padding:clamp(28px,6vw,64px);border-radius:32px;background:linear-gradient(135deg,var(--forest),var(--forest-2));color:white}.public-profile-hero h1{font:800 clamp(38px,6vw,68px)/1 Sora,sans-serif;margin:8px 0}.public-profile-hero p{max-width:620px;line-height:1.6}.public-profile-avatar{width:130px;height:130px}.public-profile-stats{display:flex;gap:12px}.public-profile-stats span{padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:16px;display:grid;text-align:center}.public-profile-stats b{font-size:24px}.public-profile-section{margin:28px 0;padding:clamp(24px,4vw,42px);border:1px solid #e0e4dc;border-radius:26px;background:white}.public-profile-section h2{font:700 30px Sora,sans-serif;color:var(--onboard-forest);margin:7px 0 20px}.profile-badge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.profile-badge{padding:18px;border-radius:18px;background:var(--sage);display:grid;grid-template-columns:auto 1fr;gap:3px 10px;color:var(--onboard-forest)}.profile-badge i{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:var(--onboard-lime);display:grid;place-items:center;overflow:hidden;color:white;font-style:normal}.profile-badge i img{width:100%;height:100%;object-fit:contain}.profile-badge small{color:var(--onboard-muted)}.public-review-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.public-review-list article,.public-contribution-list article{border:1px solid #e0e4dc;border-radius:18px;padding:20px}.public-review-stars{color:#9a7800}.public-contribution-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.public-contribution-list article{display:grid;gap:6px}.profile-progress-track{height:10px;border-radius:99px;background:#e7ebe4;overflow:hidden;margin:15px 0 22px}.profile-progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--lime-deep),var(--lime))}.profile-progress-ring{width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--onboard-lime) calc(var(--progress)*1%),#e7ebe4 0);display:grid;place-items:center}.profile-progress-ring span{width:64px;height:64px;background:white;border-radius:50%;display:grid;place-items:center;font-weight:800}.profile-next-actions{display:grid;gap:10px;margin-bottom:18px}.profile-next-actions a{padding:14px 16px;border-radius:14px;background:#f4f6f0;display:flex;justify-content:space-between;color:var(--onboard-forest);font-weight:700;text-decoration:none}.journey-next{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding:20px;border-radius:18px;background:var(--forest);color:white}.journey-next>div{display:grid;gap:5px}.featured-badges-form{margin-top:24px;border-top:1px solid #e0e4dc;padding-top:22px}.featured-badges-form>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.featured-badges-form label{display:grid;gap:7px}.featured-badges-form select{min-height:48px;border:1px solid #ccd4cb;border-radius:12px;padding:0 12px}.badge-celebration{position:fixed;right:22px;bottom:22px;z-index:50;width:min(420px,calc(100vw - 44px));padding:18px;border-radius:20px;background:var(--forest);color:white;box-shadow:var(--onboard-shadow);display:flex;gap:14px;align-items:flex-start;animation:badge-in .45s ease both}.badge-celebration>span{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:var(--onboard-lime);color:white}.badge-celebration>span img{width:100%;height:100%;object-fit:contain}.badge-celebration div{display:grid;gap:3px;flex:1}.badge-celebration p{margin:0;color:#dfe9df}.badge-celebration button{border:0;background:none;color:white;font-size:22px}@keyframes badge-in{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:760px){.onboarding-shell{padding:0;display:block}.onboarding-panel{min-height:100dvh;border:0;border-radius:0;box-shadow:none}.onboarding-topbar{padding:18px 20px}.onboarding-content{padding:30px 20px 20px;align-self:start}.onboarding-heading h1,.onboarding-welcome h1{font-size:36px}.onboarding-choice-grid,.onboarding-interest-grid{grid-template-columns:1fr}.onboarding-place-search{grid-template-columns:1fr}.onboarding-place-search .button{width:100%}.onboarding-place-grid{grid-template-columns:repeat(2,1fr)}.onboarding-form>.button{position:sticky;bottom:12px;z-index:3;box-shadow:0 10px 30px rgba(20,46,32,.2)}.public-profile-hero{grid-template-columns:1fr;text-align:center}.public-profile-avatar{margin:auto}.public-profile-stats{justify-content:center}.profile-badge-row,.public-review-list,.public-contribution-list,.featured-badges-form>div{grid-template-columns:1fr}.journey-next{align-items:stretch;flex-direction:column}.onboarding-result-actions{flex-direction:column;width:100%}.onboarding-result-actions a{width:100%;justify-content:center}}