@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#171427;--muted:#747480;--ground:#f5f7f8;--line:#e1e6e9;--orange:#278fa2;--ink:#171427;--light:#eaf5f7}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #278fa2;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{border:0}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#ffffff;border-right:1px solid var(--line);padding:37px 24px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:24px;line-height:1.05;letter-spacing:-1.1px}.brand b{font-weight:800}.brand-mark{display:grid;place-items:center;background:var(--green);color:#fafbe8;border-radius:50% 50% 42% 42%;width:48px;height:51px;font-size:48px;transform:rotate(-9deg)}.brand-dot{color:var(--orange)}.club-label{font-size:9px;font-weight:700;letter-spacing:1.2px;color:#8c939b;margin:48px 7px 19px}nav button{display:flex;align-items:center;gap:13px;width:100%;padding:14px;border-radius:9px;color:#6c7480;background:none;text-align:left;margin-bottom:7px;font-weight:500}nav button.active{background:#dff3f7;color:var(--green);font-weight:700}nav button.active:after{content:'';width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.private{display:flex;gap:10px;padding:18px 6px 25px;color:#737986}.private>span{font-size:27px}.private b{font-size:11px;font-weight:600}.private p{font-size:10px;margin-top:6px;color:#969ba4}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:22px 2px 0;background:none;text-align:left;width:100%}.profile b{font-size:12px}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.profile>span:last-child{margin-left:auto}.avatar{background:#c2e9ef;color:#244e58;border:3px solid #fff;border-radius:50%;height:39px;width:39px;display:inline-grid;place-items:center;font-weight:700;flex-shrink:0}.avatar.small{width:32px;height:32px;font-size:11px}.workspace{margin-left:238px}.topbar{height:83px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#ffffff66}.breadcrumb{font-size:10px;letter-spacing:1px;color:#999c90}.breadcrumb span{margin:0 15px;color:#bbc6ce}.breadcrumb b{font-size:12px;font-weight:500;letter-spacing:0;color:#626d5f}.top-actions{display:flex;align-items:center;gap:23px}.demo-chip{color:#8c927f;font-size:8px;letter-spacing:1.3px}.icon-button{background:none;color:#336772;font-size:23px;position:relative}.icon-button i{position:absolute;width:5px;height:5px;background:var(--orange);border-radius:50%;right:4px;top:1px}main{max-width:1380px;margin:auto;padding:36px 42px 30px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#7c8d98;margin-bottom:10px}.heading h1{font:700 32px Manrope,sans-serif;letter-spacing:-1.2px}.heading p{color:var(--muted);font-size:12px;margin-top:10px}.heading h1 em{font-style:normal;color:#42b5cb;font-size:29px}.button{background:var(--green);color:#fff;border-radius:7px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:600;min-height:42px}.button svg{height:16px;width:16px}.button.light{background:#fff;color:var(--green);border:1px solid var(--line)}.button.warm{background:#e3f4f7;color:#335e69}.button.ghost{background:transparent;color:var(--green);border:1px solid #d5dccb}.hero{min-height:317px;border-radius:13px;overflow:hidden;position:relative;background:#171427 url('https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=1800&q=85') center 52%;color:white;display:flex;align-items:end;padding:31px 34px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102e25d9,#142d2160 65%,#10231c22)}.hero-content{position:relative;width:100%;display:flex;align-items:end;justify-content:space-between;gap:20px}.pill{display:inline-flex;gap:6px;align-items:center;padding:6px 9px;background:#ffffff26;border:1px solid #ffffff38;border-radius:5px;font-size:8px;font-weight:600;letter-spacing:1.2px}.hero h2{font:600 36px Manrope;letter-spacing:-1.2px;margin:15px 0 10px}.hero p{font-size:12px;color:#e0e5d8}.hero-meta{display:flex;gap:17px;margin-top:19px;font-size:11px;color:#ddf1f5}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-meta svg{width:15px;height:15px}.hero-actions{text-align:right;min-width:180px}.hero-actions .button{background:#f7f6e9;color:#171427;margin-top:12px}.buddies{display:flex;align-items:center;justify-content:end;font-size:10px;gap:9px;color:#e0e6d5}.stack{display:flex;padding-left:7px}.stack .avatar{margin-left:-7px;width:27px;height:27px;font-size:9px;border:2px solid #50634b}.stack .avatar:nth-child(2){background:#c5d2dc}.stack .avatar:nth-child(3){background:#9bd5e2}.section-row{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px}.section-row h2{font:700 17px Manrope;letter-spacing:-.4px}.text-link{font-size:10px;color:#28798b;background:none;padding:8px 0;display:inline-flex;align-items:center;gap:7px}.text-link svg{width:14px;height:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.photo{width:100%;height:157px;object-fit:cover;display:block}.card-body{padding:17px}.label{font-size:8px;letter-spacing:1.1px;color:#6d8491;font-weight:700}.card h3{font:700 15px Manrope;letter-spacing:-.3px;margin:8px 0}.card p{font-size:11px;line-height:1.7;color:var(--muted)}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f0e9;margin-top:15px;padding-top:12px;font-size:9px;color:#84919b}.byline{display:flex;align-items:center;gap:6px}.byline .avatar{width:22px;height:22px;font-size:8px;border:0}.reaction{background:none;color:#6f8490;padding:7px;font-size:11px}.reaction.selected{color:var(--orange)}.quest-card{background:#e2f3f7;padding:23px;border-radius:11px;border:1px solid #cce8ef}.quest-top{display:flex;justify-content:space-between;align-items:start}.quest-icon{font-size:29px;background:#b7e3ed;border-radius:50%;padding:10px}.quest-card h3{font:700 19px Manrope;margin:15px 0 8px;letter-spacing:-.5px}.quest-card p{font-size:11px;line-height:1.7;color:#607e8b}.progress{height:6px;background:#c2e0e8;border-radius:4px;overflow:hidden;margin:18px 0 9px}.progress>span{display:block;width:60%;height:100%;background:#298da3;border-radius:4px}.progress-caption{font-size:9px;display:flex;justify-content:space-between;color:#497684}.quest-card .text-link{margin-top:8px}.buddy-card{display:flex;align-items:center;padding:21px 18px;gap:15px;background:#edf2f5;margin-top:18px;border-radius:11px;border:1px solid #dce5ea}.buddy-face{display:grid;place-items:center;background:#dff3f7;width:57px;height:57px;flex-shrink:0;border-radius:20px;font-size:29px}.buddy-card h3{font:700 13px Manrope;margin-bottom:6px}.buddy-card p{font-size:10px;line-height:1.6;color:#74828f}.buddy-card button{font-size:10px;padding:8px 0 0;background:none;color:#26788a;font-weight:600}.bottom-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-top:1px solid var(--line);margin-top:29px;padding-top:22px;gap:25px}.strip-item{display:flex;align-items:center;gap:12px}.strip-icon{background:#e0f0f4;padding:10px;border-radius:9px;color:#32798b}.strip-item h4{margin:0 0 5px;font-size:10px;font-weight:500}.strip-item p{font-size:9px;color:#939987}.strip-item b{font:700 17px Manrope;color:#171427}.strip-item small{font-size:10px;font-weight:400;color:#7c8d98}footer{padding:15px 42px 24px;font-size:9px;color:#a2a696;display:flex;justify-content:space-between}.tabs{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}.tabs button{background:none;padding:10px 16px;color:#7c8a96;border-radius:7px;font-size:11px}.tabs button.active{color:var(--green);background:#d9f1f6;font-weight:700}.hike-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hike-list .photo{height:200px}.calendar-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:24px}.calendar{padding:24px}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.calendar-head h2{font:700 20px Manrope}.calendar-head button{background:#f0f2e9;border-radius:6px;padding:10px 15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday{text-align:center;font-size:9px;color:#909681;padding:8px}.day{min-height:69px;border-radius:7px;background:#fafbf7;text-align:left;vertical-align:top;padding:8px;color:#687e8b;font-size:11px;border:1px solid transparent}.day:hover{border-color:#6fccdd}.day.today{border-color:#2a8a9f}.day.chosen{background:#d6eff5;border-color:#6fccdd}.day.empty{background:none}.day-label{font-size:7px;display:block;background:#c0e7ef;color:#286071;margin-top:8px;padding:4px;border-radius:3px}.day-label.tentative{background:#f3e5d5;color:#a27646}.agenda{padding:24px}.agenda h3{font:700 17px Manrope;margin-bottom:20px}.agenda-item{padding:17px 0;border-bottom:1px solid var(--line)}.agenda-item p{margin:8px 0}.status{font-size:8px;text-transform:uppercase;letter-spacing:1px;background:#d9f0f5;color:#286b7d;border-radius:4px;padding:5px 7px;display:inline-block}.status.orange{background:#f6e9dc;color:#b38050}.poll{padding:25px;margin-bottom:20px}.poll h3{font-size:20px}.poll>p{margin-bottom:20px}.poll-option{border:1px solid var(--line);border-radius:8px;padding:15px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.poll-option h4{font-size:12px;margin:0 0 5px}.poll-option small{font-size:10px;color:var(--muted)}.votes{display:flex;gap:5px}.votes button{font-size:10px;padding:10px;background:#eff4f6;color:#6d818e;border-radius:5px}.votes button.selected{background:#171427;color:white}.poll-result{font-size:10px;color:#3b7787}.nature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.nature-grid .photo{height:220px}.nature-hero{padding:25px;display:flex;align-items:center;gap:20px;background:#e0f2f7;border-radius:11px;margin-bottom:25px}.nature-hero h2{font:700 21px Manrope;margin-bottom:9px}.nature-hero p{font-size:12px;color:#6a8390;line-height:1.7}.nature-hero .button{margin-left:auto;white-space:nowrap}.empty-state{padding:50px;text-align:center;border:1px dashed #c5dce5;border-radius:12px}.empty-state p{margin:12px 0 20px;color:var(--muted)}.members{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.member{padding:24px;display:flex;align-items:center;gap:15px}.member p{margin-top:3px}.full-quest{padding:28px;display:flex;gap:24px;margin-bottom:20px}.full-quest .quest-icon{height:65px;width:65px;display:grid;place-items:center;flex-shrink:0}.full-quest h3{font-size:20px}.full-quest .progress{max-width:500px}.detail-photo{height:280px;width:100%;object-fit:cover;border-radius:10px}.detail-meta{display:flex;gap:20px;margin:20px 0}.detail-meta>div{padding:14px 18px;background:#e6f2f6;border-radius:8px;font-size:12px}.detail-meta small{display:block;font-size:9px;color:#7c8d98;margin-bottom:5px}.detail-text{line-height:1.8;color:#687f8d;margin:20px 0}.mobile-nav{display:none}dialog{width:min(540px,calc(100% - 30px));max-height:90vh;border:0;border-radius:15px;padding:30px;background:#f8fbfc;color:var(--ink);box-shadow:0 30px 90px #122a2255}dialog::backdrop{background:#16332877;backdrop-filter:blur(4px)}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.modal-top h2{font:700 22px Manrope;letter-spacing:-.5px}.close{background:#ddf1f5;border-radius:50%;font-size:18px;width:33px;height:33px}.form-field{display:block;font-size:11px;font-weight:600;margin:16px 0}.form-field input,.form-field textarea,.form-field select{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #d6e3e9;border-radius:7px;background:white;color:var(--ink)}.form-field textarea{min-height:100px;resize:vertical}.helper{font-size:11px;color:#8a927d;line-height:1.8}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:22px}.upload{border:1px dashed #75becd;padding:27px;text-align:center;border-radius:10px;margin:20px 0;font-size:12px;color:#3b8193}.upload input{display:block;max-width:100%;margin-top:15px}.upload-preview{width:100%;max-height:230px;object-fit:contain;border-radius:8px;margin-top:15px}.demo-note{background:#f3eadb;color:#90784f;border-radius:8px;padding:12px;font-size:11px;line-height:1.7;margin:14px 0}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.badge-card{padding:25px;text-align:center}.badge-card span{font-size:40px;display:block;margin-bottom:18px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#171427;color:white;padding:14px 22px;border-radius:8px;box-shadow:0 10px 35px #122a2233;opacity:0;pointer-events:none;transition:.2s;z-index:100;font-size:12px;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.notification-item{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.notification-item small{color:#929984}.page-note{font-size:10px;color:#959b88;margin:20px 0;line-height:1.6}.wide{grid-column:1/-1}.big-stat{font:700 40px Manrope;margin:15px 0}.choice-row{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.choice-row .button{font-size:10px}
@media(min-width:1500px){main{padding-top:45px}.hero{min-height:365px}.photo{height:190px}}
@media(max-width:1150px){.sidebar{width:200px;padding:30px 17px}.workspace{margin-left:200px}main{padding:28px}.topbar{padding:0 28px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:18px}.hero h2{font-size:30px}.hero{padding:27px}.hero-actions{min-width:150px}.photo{height:135px}.hike-list{grid-template-columns:repeat(2,1fr)}.club-label{font-size:8px}.calendar-layout{grid-template-columns:1fr}.nature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:64px;padding:0 22px}.demo-chip{font-size:7px}.top-actions{gap:14px}main{padding:25px 21px}.heading h1{font-size:27px}.heading{align-items:start}.heading>.button{padding:10px 12px;font-size:10px}.heading p{max-width:240px;line-height:1.7}.hero{min-height:345px;padding:24px}.hero-content{display:block}.hero h2{font-size:31px}.hero-actions{text-align:left;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.hero-actions .button{margin:0}.buddies{justify-content:start}.dashboard-grid{grid-template-columns:1fr}.photo{height:180px}.bottom-strip{gap:12px}.strip-item{gap:8px}.strip-icon{padding:7px}.strip-item h4{font-size:9px}.strip-item p{font-size:8px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#fcfdf8f5;backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:25;justify-content:space-around}.mobile-nav button{width:auto;flex:1;margin:0;display:flex;flex-direction:column;gap:5px;font-size:9px;padding:9px 3px;border-radius:7px}.mobile-nav button.active:after{display:none}footer{padding:15px 22px 100px;line-height:1.8}footer span{display:none}.toast{bottom:90px}.members{grid-template-columns:1fr 1fr}.badge-grid{grid-template-columns:1fr 1fr}.nature-hero{flex-wrap:wrap}.nature-hero .button{margin-left:0}.calendar{padding:16px}.day{min-height:60px;padding:6px}.calendar-grid{gap:3px}.day-label{font-size:6px;padding:3px 1px}.poll-option{display:block}.votes{margin-top:12px}.detail-meta{gap:8px;flex-wrap:wrap}.detail-meta>div{flex:1;min-width:90px}.full-quest{padding:20px;gap:15px}}
@media(max-width:430px){.story-grid{grid-template-columns:1fr}.story-grid .photo{height:210px}.heading h1{font-size:24px}.hero h2{font-size:28px}.hero-meta{gap:12px;font-size:10px}.bottom-strip{grid-template-columns:1fr}.strip-item{padding:5px 0}.hike-list,.nature-grid,.members{grid-template-columns:1fr}.top-actions .avatar{display:none}.breadcrumb span{margin:0 8px}.poll{padding:19px}.hero-actions{gap:10px}.hero-actions .button{font-size:10px;padding:11px}.buddies{font-size:9px}.calendar{padding:10px}.day{min-height:55px}.heading>.button{max-width:128px}.nature-hero{padding:20px}}

/* Official Hiking Buddies identity: original 2025 artwork, cyan #6FCCDD and ink #171427. */
.brand{justify-content:center}.brand-logo{display:block;width:158px;height:145px;object-fit:contain}.club-label{margin-top:27px}.sidebar{padding-top:22px}.mobile-brand{display:none}.hero-club{position:absolute;left:34px;top:25px;font-size:9px;font-weight:700;letter-spacing:2px;color:#b3e9f2;border-left:3px solid #6fccdd;padding-left:10px}.hero:before{background:linear-gradient(90deg,#141325dd,#17142770 65%,#17142722)}.hero .pill{border-color:#6fccdd70;background:#17142755;color:#c6f0f7}.hero-actions .button{background:#6fccdd;color:#171427}.button:hover{filter:brightness(1.06)}nav button.active{box-shadow:inset 3px 0 #42b3c8}.button:focus-visible,a:focus-visible{outline-color:#2c9bb0}.buddy-face{background:transparent;border-radius:0;width:70px;height:70px}.buddy-face img{height:100%;width:100%;object-fit:contain}.buddy-card{border-left:3px solid #6fccdd}.quest-card{border-top:3px solid #6fccdd}.quest-icon{color:#171427}.club-brand-hero{background:#fff;border:1px solid #d9e8ed;border-top:4px solid #6fccdd}.club-brand-logo{width:136px;height:128px;object-fit:contain}.mobile-nav button.active{box-shadow:none;border-top:2px solid #42b3c8}.status{color:#27687a}.progress>span{background:#329eb4}.avatar{background:#bfe6ee;color:#23505e}.demo-chip{color:#748590}.demo-note{background:#e7f4f7;color:#406776}.nature-hero .buddy-face{width:84px;height:84px}.club-brand-hero h2{font-size:24px}.brand-mark{display:none}
@media(max-width:1150px){.brand-logo{width:144px;height:135px}}
@media(max-width:800px){.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand img{width:48px;height:48px;object-fit:contain}.mobile-brand span{font:800 10px Manrope,sans-serif;line-height:1.2;letter-spacing:.5px}.breadcrumb{display:none}.topbar{height:72px}.hero-club{left:24px;top:20px;font-size:8px}.club-brand-logo{width:100px;height:100px}.heading h1 em{display:none}.club-brand-hero h2{font-size:20px}}
@media(max-width:430px){.club-brand-hero{gap:15px}.club-brand-logo{width:85px;height:85px}.club-brand-hero>div{flex:1;min-width:180px}}