:root{--forest:#173c34;--ink:#17352e;--paper:#f6f1e8;--cream:#fffdf8;--lime:#dfff67;--mint:#dcecdf;--peach:#f0c6a8;--blue:#b9d8e6;--lilac:#c8c2e8;--line:rgba(23,60,52,.13);--muted:#61716b;--shadow:0 22px 60px rgba(26,48,42,.11);--radius:26px;--serif:Georgia,"Songti SC","Noto Serif SC",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans);background-image:radial-gradient(circle at 83% 3%,rgba(223,255,103,.2),transparent 18rem)}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(92,128,94,.35);outline-offset:3px}.skip-link{position:fixed;top:-4rem;left:1rem;z-index:100;background:var(--forest);color:#fff;padding:.6rem 1rem;border-radius:10px}.skip-link:focus{top:1rem}.eyebrow,.section-caption{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:#78867e}.lime{color:#8bad3f}.button{border:0;border-radius:99px;padding:0 19px;min-height:46px;font-size:13px;font-weight:780;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--lime);color:var(--forest);box-shadow:0 10px 24px rgba(0,0,0,.13)}.ghost{background:transparent;border:1px solid var(--line)}.translucent{color:white;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25)}.text-button{background:none;border:0;padding:0;color:#466d61;font-weight:780;font-size:12px;cursor:pointer}.brand{border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;text-align:left;color:var(--forest);font-weight:850;font-size:13px;line-height:.85;letter-spacing:-.03em;cursor:pointer}.brand em{font-style:normal;font-weight:500;color:#6a827a}.brand-mark{height:37px;width:37px;border-radius:50%;background:var(--forest);position:relative;overflow:hidden;display:block}.brand-mark i{display:block;position:absolute;border:3px solid var(--lime);width:20px;height:8px}.brand-mark i:first-child{top:8px;left:8px;border-radius:100% 0;transform:rotate(37deg)}.brand-mark i:last-child{bottom:8px;left:8px;border-radius:0 100%;transform:rotate(-37deg)}
/* Welcome */
.welcome-shell{min-height:100vh;padding:30px clamp(22px,5vw,80px) 26px;display:flex;flex-direction:column}.simple-head{display:flex;align-items:center;justify-content:space-between}.welcome-grid{flex:1;display:grid;grid-template-columns:1.02fr .98fr;gap:5vw;align-items:center;max-width:1260px;margin:auto;width:100%;padding:50px 0}.welcome-copy{max-width:620px}.welcome-copy h1,.result-intro h1{font:500 clamp(47px,6vw,82px)/.97 var(--serif);letter-spacing:-.07em;margin:15px 0 22px}.welcome-copy h1 strong,.result-intro h1 strong{color:#5d7a39;font-style:italic;font-weight:500}.welcome-copy>p:not(.eyebrow){max-width:490px;color:var(--muted);font-size:16px;line-height:1.75;margin:0}.welcome-actions{display:flex;align-items:center;gap:22px;margin:35px 0}.welcome-note{display:flex;gap:10px;align-items:flex-start;border-left:2px solid #90af58;padding-left:13px;color:#66736d;font-size:11px;line-height:1.65}.welcome-note span{font-size:19px;color:#5f7b4b}.welcome-note p{margin:0}.welcome-art{height:min(570px,50vw);min-height:430px;position:relative;border-radius:50%;background:var(--forest);box-shadow:var(--shadow);overflow:hidden}.welcome-art:before,.welcome-art:after{content:"";position:absolute;border:1px solid rgba(223,255,103,.19);border-radius:50%;inset:11%}.welcome-art:after{inset:25%;border-color:rgba(255,255,255,.13)}.orbit{position:absolute;border:1px dashed rgba(223,255,103,.3);border-radius:50%}.orbit-one{inset:7%}.orbit-two{inset:30%}.orb,.center-orb{position:absolute;z-index:1;border-radius:50%;display:grid;place-items:center}.orb{width:73px;height:73px;background:var(--cream);color:var(--forest);font-size:31px;box-shadow:0 14px 28px rgba(0,0,0,.2)}.o-football{top:17%;right:17%}.o-run{bottom:19%;left:14%;background:var(--peach)}.o-tennis{right:13%;bottom:17%;background:var(--blue)}.center-orb{width:145px;height:145px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--lime);color:var(--forest);align-content:center;text-align:center}.center-orb small{font:800 9px var(--sans);letter-spacing:.13em}.center-orb b{font:500 70px/.8 var(--serif)}.art-caption{position:absolute;z-index:1;color:rgba(255,255,255,.58);font-size:9px;font-weight:800;letter-spacing:.15em}.art-caption.top{left:13%;top:20%}.art-caption.bottom{right:11%;bottom:15%}.welcome-footer{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:16px;font-size:10px;color:#718078;letter-spacing:.04em}
/* Onboarding */
.onboard-shell{min-height:100vh;background:var(--cream)}.onboard-head{height:78px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.progress-label{display:flex;gap:16px;font-size:12px;color:var(--muted)}.progress-label b{color:var(--forest)}.exit-button{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}.progress-track{height:4px;background:#edf0e7}.progress-track i{display:block;height:100%;background:var(--lime);transition:width .3s}.onboard-layout{max-width:1320px;margin:auto;padding:clamp(32px,6vw,88px) clamp(22px,5vw,76px);display:grid;grid-template-columns:.42fr 1.2fr .55fr;gap:clamp(24px,5vw,72px);min-height:calc(100vh - 82px)}.step-list{padding-top:17px;display:grid;align-content:start;gap:20px}.step-line{display:flex;gap:10px;align-items:center;color:#a4ada7;font-size:12px}.step-line i{display:grid;place-items:center;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;font-size:9px;font-style:normal}.step-line.current{color:var(--forest);font-weight:800}.step-line.current i{border-color:var(--forest);background:var(--forest);color:var(--lime)}.step-line.done{color:#759052}.step-line.done i{background:var(--mint);border-color:var(--mint)}.onboard-card{max-width:690px}.form-hero h1{font:500 clamp(38px,4.5vw,60px)/1 var(--serif);letter-spacing:-.06em;margin:10px 0 13px}.form-hero h1 em{color:#668044;font-style:italic}.form-hero>p{font-size:13px;color:var(--muted);max-width:440px;margin:0}.mini-index{font:500 16px var(--serif);color:#69844a}.name-field{display:block;position:relative;margin-top:52px}.name-field span,.question{display:block;margin-bottom:11px;font-size:11px;font-weight:800}.name-field input{width:100%;border:0;border-bottom:2px solid var(--forest);padding:10px 35px 12px 0;background:none;color:var(--forest);font:500 31px var(--serif);outline:0}.name-field input::placeholder{color:#b6bdb8}.name-field i{position:absolute;right:0;bottom:16px;font-size:24px;font-style:normal}.grade-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:27px;color:var(--muted);font-size:12px}.pill{border:1px solid var(--line);background:white;padding:7px 11px;border-radius:99px;cursor:pointer;font-size:11px}.pill.active{background:var(--forest);color:white;border-color:var(--forest)}.question{margin-top:32px}.question.space-top{margin-top:27px}.question small{color:var(--muted);font-weight:500}.choice-set{display:flex;flex-wrap:wrap;gap:9px}.choice{border:1px solid var(--line);background:white;border-radius:15px;min-height:48px;padding:0 13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12px}.choice:hover{border-color:#849b70}.choice.selected{background:var(--forest);color:white;border-color:var(--forest);box-shadow:0 7px 16px rgba(23,60,52,.13)}.choice.multi .choice{background:var(--cream)}.choice-set.multi .choice.selected{background:var(--mint);color:var(--forest);border-color:#7c9e6d}.onboard-actions{margin-top:42px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between}.onboard-aside{background:var(--forest);color:white;border-radius:var(--radius);padding:26px;align-self:start;min-height:250px;margin-top:5px}.aside-symbol{font:500 54px var(--serif);color:var(--lime);margin-bottom:46px}.onboard-aside .eyebrow{color:rgba(255,255,255,.5)}.onboard-aside h2{font:500 26px var(--serif);margin:7px 0}.onboard-aside p:not(.eyebrow){margin:0;color:rgba(255,255,255,.65);font-size:11px;line-height:1.65}
/* Result */
.result-shell{max-width:1280px;margin:auto;padding:30px clamp(22px,5vw,80px) 45px}.result-intro{max-width:700px;margin:80px 0 44px}.result-intro>p:not(.eyebrow){max-width:530px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.result-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:17px}.map-card,.first-step,.curve-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.map-card{background:var(--cream);padding:27px}.map-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.map-card h2{font:500 28px var(--serif);margin:5px 0}.map-key{font-size:9px;color:var(--muted)}.map-key i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7f9f52;margin-right:3px}.map-key i+ i{background:var(--peach);margin-left:7px}.constellation{height:305px;margin:16px 0;position:relative;background:radial-gradient(circle at center,#eef4db 0 13%,transparent 13%),#f4f0e8;border-radius:20px;overflow:hidden}.constellation-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(23,60,52,.22);border-radius:50%}.r1{width:220px;height:220px}.r2{width:355px;height:355px}.me-star{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:93px;height:93px;border-radius:50%;background:var(--forest);color:white;display:grid;align-content:center;text-align:center}.me-star small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}.me-star b{font:500 35px var(--serif);color:var(--lime)}.star-node{position:absolute;z-index:2;display:grid;justify-items:center;gap:3px;font-size:9px}.star-node i{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:white;font-size:20px;box-shadow:0 6px 14px rgba(0,0,0,.08);font-style:normal}.star-node b{font-size:9px}.star-node.now i{background:var(--mint)}.star-node.wish i{background:var(--peach)}.star-node.past i{border:1px dashed #a8ada9;color:#75807a}.s0{left:16%;top:17%}.s1{right:15%;bottom:17%}.s2{right:13%;top:25%}.p0{left:23%;bottom:17%}.p1{right:34%;top:8%}.w0{left:8%;top:54%}.w1{right:5%;top:55%}.w2{left:42%;bottom:4%}.constellation-line{position:absolute;z-index:1;height:1px;background:rgba(23,60,52,.22);transform-origin:left}.l1{width:165px;left:28%;top:38%;transform:rotate(22deg)}.l2{width:130px;left:48%;top:50%;transform:rotate(-30deg)}.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding-top:15px}.map-legend div{display:flex;flex-wrap:wrap;gap:5px}.map-legend span{width:100%;font-size:9px;color:var(--muted);font-weight:800}.map-legend b{font-size:10px;background:var(--paper);padding:5px 7px;border-radius:8px}.first-step{background:var(--forest);color:white;padding:28px;position:relative;min-height:410px}.first-step:after{content:"01";position:absolute;right:-9px;bottom:-38px;color:rgba(223,255,103,.1);font:500 180px var(--serif);letter-spacing:-.13em}.first-step .eyebrow{color:var(--lime)}.step-number{display:block;color:rgba(255,255,255,.35);font:500 54px var(--serif);margin:30px 0 4px}.first-step h2{font:500 30px/1.05 var(--serif);letter-spacing:-.05em;margin:0}.first-step>p:not(.eyebrow){font-size:12px;line-height:1.65;color:rgba(255,255,255,.66);margin:15px 0}.step-links{position:relative;z-index:1;display:grid;gap:7px;margin-top:28px}.step-links span{font-size:10px;color:var(--lime)}.curve-card{margin-top:17px;background:#e7f0d9;padding:28px;display:grid;grid-template-columns:1fr .9fr;gap:20px;position:relative}.curve-copy h2{font:500 31px/1.05 var(--serif);margin:7px 0}.curve-copy>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#526550;max-width:440px}.plan-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.plan-list span{font-size:10px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.6)}.curve-graphic{position:relative;align-self:center}.curve-graphic svg{width:100%;height:auto}.curve-graphic text{font:9px var(--sans);fill:#60735f}.axis{stroke:rgba(23,60,52,.3)}.u-curve{fill:none;stroke:var(--forest);stroke-width:4;stroke-linecap:round}.current-line{stroke:#728f50;stroke-dasharray:4 4}.current-dot{fill:var(--forest);stroke:white;stroke-width:4}.curve-tag{position:absolute;top:50%;left:31%;background:var(--forest);color:var(--lime);padding:5px 8px;border-radius:8px;font-size:9px;font-weight:800}.curve-foot{grid-column:1/-1;margin:0;border-top:1px solid rgba(23,60,52,.14);padding-top:12px;font-size:9px;color:#677664}.result-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.result-bottom p{color:var(--muted);font-size:11px}
/* Workspace */
.space-shell{min-height:100vh}.space-head{height:82px;padding:0 clamp(20px,5vw,74px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(246,241,232,.88);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.space-head nav{display:flex;gap:4px;background:#ece8dd;border-radius:99px;padding:4px}.space-head nav button{border:0;border-radius:99px;background:transparent;padding:7px 12px;font-size:11px;cursor:pointer;color:var(--muted)}.space-head nav button.active{background:var(--forest);color:white}.head-user{justify-self:end;display:flex;gap:11px;align-items:center}.point-badge{border:0;background:var(--cream);padding:7px 9px;border-radius:99px;font-size:11px;cursor:pointer}.head-user>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font:500 15px var(--serif)}.space-main{max-width:1280px;margin:auto;padding:clamp(30px,5vw,70px) clamp(20px,5vw,74px) 60px}.today-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:17px}.today-hero{min-height:440px;padding:clamp(26px,4vw,50px);background:var(--forest);border-radius:var(--radius);color:white;position:relative;overflow:hidden}.today-hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(223,255,103,.17);border-radius:50%;right:-240px;top:-230px;box-shadow:0 0 0 44px rgba(223,255,103,.04),0 0 0 88px rgba(223,255,103,.025)}.today-hero h1{position:relative;font:500 clamp(39px,4.5vw,62px)/1 var(--serif);letter-spacing:-.07em;margin:12px 0 14px}.today-hero h1 strong,.club-hero h2 strong{color:var(--lime);font-style:italic;font-weight:500}.today-hero>p:not(.eyebrow){position:relative;max-width:500px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.7;margin:0}.hero-bottom{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-bottom>span{font-size:10px;color:rgba(255,255,255,.6)}.day-orb{position:absolute;right:7%;bottom:11%;z-index:1;width:127px;height:127px;border-radius:50%;background:var(--lime);color:var(--forest);display:grid;place-content:center;text-align:center}.day-orb small{font-size:8px;font-weight:800;letter-spacing:.1em}.day-orb b{font:500 45px/.9 var(--serif)}.day-orb span{font-size:10px}.today-side{display:grid;gap:17px}.daily-card{border-radius:var(--radius);background:var(--mint);padding:25px;min-height:246px}.tiny-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.65);font:500 11px var(--serif)}.daily-card .eyebrow{margin-top:25px}.daily-card h3{font:500 28px/1.05 var(--serif);margin:7px 0}.daily-card p:not(.eyebrow){margin:0 0 13px;color:#536552;font-size:11px;line-height:1.6}.buddy-ping{border-radius:var(--radius);background:var(--lilac);padding:21px;display:flex;justify-content:space-between;gap:12px;align-items:end}.buddy-ping>div{display:flex;gap:10px}.buddy-ping span{font-size:23px}.buddy-ping p{margin:0;font-size:10px;color:#57576b;line-height:1.5}.buddy-ping p b{color:var(--ink);font-size:11px}.buddy-ping button,.event-card button,.mentor-card button{border:0;background:none;color:#395d53;font-weight:800;font-size:10px;cursor:pointer;white-space:nowrap}.week-strip{margin:20px 0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:19px 0;border-block:1px solid var(--line)}.week-strip h2{font:500 25px var(--serif);margin:4px 0 0}.week-dots{display:flex;gap:7px}.week-dots span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e7e3d9;font-size:9px;color:#7b8880}.week-dots .done{background:var(--forest);color:white}.week-dots .now{background:var(--lime);color:var(--forest);box-shadow:0 0 0 4px rgba(223,255,103,.3)}.insight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.insight{border-radius:var(--radius);padding:22px;min-height:177px}.insight p{font-size:10px;color:#5d6c65;margin:0}.insight h3{font:500 24px/1.1 var(--serif);margin:13px 0}.insight .text-button{color:var(--ink)}.mint{background:var(--mint)}.peach{background:var(--peach)}.blue{background:var(--blue)}
/* Circle, support, rewards */
.page-title{display:flex;gap:28px;justify-content:space-between;align-items:end;margin-bottom:34px}.page-title h1,.reward-head h1{font:500 clamp(39px,5vw,62px)/.98 var(--serif);letter-spacing:-.065em;margin:7px 0}.page-title>div>p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px}.circle-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:5px}.circle-tabs button{border:0;background:none;padding:8px 10px;font-size:11px;color:var(--muted);cursor:pointer}.circle-tabs button.active{background:var(--forest);color:white;border-radius:9px}.buddy-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.people-list{display:grid;gap:10px;margin-top:14px}.person-card{display:grid;grid-template-columns:54px 1fr auto;gap:14px;padding:17px;border:1px solid var(--line);border-radius:20px;background:var(--cream);align-items:center}.avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font:500 24px var(--serif)}.avatar.blue{background:var(--blue)}.avatar.lilac{background:var(--lilac)}.avatar.peach{background:var(--peach)}.person-card span{font-size:9px;color:var(--muted)}.person-card h3{font:500 22px var(--serif);margin:0}.person-card p{margin:3px 0 7px;font-size:10px;color:var(--muted)}.chip-row{display:flex;gap:5px;flex-wrap:wrap}.chip-row i{font-style:normal;font-size:9px;background:var(--paper);padding:4px 6px;border-radius:7px}.match{text-align:right}.match b{display:block;font:500 22px var(--serif)}.match span{display:block}.match button{margin-top:7px;border:0;background:var(--forest);color:white;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}.circle-side{background:var(--peach);padding:27px;border-radius:var(--radius)}.circle-side h2{font:500 30px/1.05 var(--serif);margin:9px 0}.circle-side>p:not(.eyebrow){font-size:11px;color:#684e41;line-height:1.65}.club-hero{min-height:332px;background:var(--forest);color:white;border-radius:var(--radius);padding:clamp(26px,4vw,45px);display:grid;grid-template-columns:1.3fr .7fr;gap:25px;position:relative;overflow:hidden}.club-hero:after{content:"⚽";position:absolute;font-size:310px;right:-43px;bottom:-130px;opacity:.07;filter:grayscale(1)}.club-hero h2{position:relative;font:500 clamp(35px,4vw,54px)/.98 var(--serif);letter-spacing:-.06em;margin:9px 0}.club-hero p:not(.eyebrow){position:relative;max-width:500px;color:rgba(255,255,255,.68);font-size:12px;line-height:1.65}.score-slab{position:relative;z-index:1;align-self:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:19px;border-radius:18px;display:grid;gap:4px}.score-slab>span,.score-slab small{font-size:10px;color:rgba(255,255,255,.64)}.score-slab>b{font:500 63px/.9 var(--serif);color:var(--lime)}.score-slab div{display:flex;gap:6px;border-top:1px solid rgba(255,255,255,.13);padding-top:12px;margin-top:8px}.score-slab i{font-style:normal;font-size:9px;color:rgba(255,255,255,.72)}.club-grid{display:grid;grid-template-columns:1fr 1fr .72fr;gap:17px;margin-top:18px}.lesson-big,.mentor-spot{border-radius:var(--radius);padding:25px;min-height:270px}.lesson-big{background:var(--mint)}.lesson-big.dark{background:var(--lilac)}.lesson-big span{font-size:9px;font-weight:800;color:#607650}.lesson-big h3,.mentor-spot h3{font:500 28px/1.08 var(--serif);margin:18px 0 10px}.lesson-big p,.mentor-spot p:not(.eyebrow){font-size:11px;color:#56655e;line-height:1.6;margin:0 0 15px}.mentor-spot{background:var(--cream);border:1px solid var(--line)}.mentor-spot>span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--blue);font:500 27px var(--serif);margin:18px 0}.mentor-spot h3{margin:0}.activity-heading h2,.section-heading h2{font:500 31px/1.08 var(--serif);margin:6px 0 18px}.activity-filters{display:flex;gap:7px;overflow:auto;padding-bottom:5px}.activity-filters button{border:1px solid var(--line);background:var(--cream);border-radius:99px;padding:7px 10px;white-space:nowrap;cursor:pointer;font-size:10px}.activity-filters button.active{background:var(--forest);border-color:var(--forest);color:white}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:20px}.event-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.event-top{height:112px;background:var(--event-tint);border-radius:18px;padding:13px;display:flex;justify-content:space-between;align-items:start}.event-top span{font-size:36px}.event-top i{font-style:normal;background:rgba(255,255,255,.65);border-radius:99px;padding:5px 7px;font-size:9px}.event-card h3{font:500 23px/1.1 var(--serif);margin:16px 0 7px}.event-card p{font-size:10px;color:var(--muted);line-height:1.6}.support-title{align-items:center}.support-star{font:500 94px var(--serif);color:#789758}.mentor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mentor-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);padding:21px}.mentor-face{height:145px;border-radius:18px;background:var(--mentor-tint);display:grid;place-items:center;font:500 50px var(--serif)}.mentor-card>span{display:inline-block;margin-top:14px;font-size:9px;padding:4px 6px;border-radius:6px;background:var(--mint)}.mentor-card h3{font:500 25px var(--serif);margin:12px 0 2px}.mentor-card p{margin:0;color:var(--muted);font-size:10px}.mentor-card hr{border:0;border-top:1px solid var(--line);margin:16px 0}.mentor-card small{display:block;min-height:48px;color:#63736b;font-size:10px;line-height:1.6}.mentor-card button{margin-top:14px}.support-bottom{margin-top:20px;padding:27px;border-radius:var(--radius);background:var(--forest);color:white;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:30px}.support-bottom>div{display:flex;gap:16px;align-items:center}.support-bottom span{font-size:35px;color:var(--lime)}.support-bottom h2{font:500 30px/1.05 var(--serif);margin:0}.support-bottom>p{color:rgba(255,255,255,.65);font-size:11px;line-height:1.7;margin:0}.reward-head{background:var(--mint);border-radius:var(--radius);padding:clamp(26px,5vw,55px);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;overflow:hidden}.reward-head h1{font-size:clamp(60px,7vw,94px);margin:5px 0}.reward-head h1 span{font-size:23px;letter-spacing:-.03em}.reward-head>div>p:not(.eyebrow){max-width:510px;margin:0;color:#536752;font-size:12px;line-height:1.65}.reward-ring{justify-self:end;width:165px;height:165px;border-radius:50%;background:var(--forest);color:white;display:grid;place-items:center;text-align:center;position:relative;box-shadow:0 0 0 20px rgba(255,255,255,.3),0 0 0 40px rgba(255,255,255,.15)}.reward-ring span{font-size:9px;color:var(--lime);font-weight:800;letter-spacing:.1em}.reward-ring b{position:absolute;font:500 66px/.7 var(--serif);bottom:22px}.earn-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:19px 0}.earn-row article{border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;background:var(--cream)}.earn-row span{font-size:20px}.earn-row p{font-size:10px;margin:0;color:var(--muted)}.earn-row b{font:500 19px var(--serif);color:#5e7c3d}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-top:36px}.section-heading>p{max-width:300px;color:var(--muted);font-size:10px;line-height:1.6}.redeem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.redeem-card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--cream)}.redeem-card>div{height:105px;border-radius:18px;background:var(--peach);display:grid;place-items:center;font-size:44px}.redeem-card:nth-child(2)>div{background:var(--blue)}.redeem-card:nth-child(3)>div{background:var(--lilac)}.redeem-card p{font-size:9px;color:var(--muted);margin:15px 0 3px}.redeem-card h3{font:500 23px var(--serif);margin:0}.redeem-card>b{display:block;font:500 17px var(--serif);margin:13px 0}.redeem-card button{width:100%;border:0;border-radius:99px;min-height:37px;background:var(--forest);color:white;font-size:10px;font-weight:800;cursor:pointer}.redeem-card button:disabled{background:#e7e4dc;color:#8f9790;cursor:default}
/* Modal */
.modal-scrim{position:fixed;inset:0;background:rgba(15,42,34,.42);backdrop-filter:blur(5px);z-index:30}.modal{position:fixed;z-index:31;left:50%;top:50%;transform:translate(-50%,-50%);width:min(510px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;background:var(--cream);border-radius:26px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-close{position:absolute;right:16px;top:13px;border:0;background:none;font-size:25px;cursor:pointer}.modal h2{font:500 34px/1.05 var(--serif);letter-spacing:-.05em;margin:9px 35px 12px 0}.modal>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7}.modal ul{padding-left:18px;color:var(--muted);font-size:12px;line-height:1.8}.check-options{display:grid;gap:8px;margin:20px 0}.check-choice{border:1px solid var(--line);background:white;border-radius:13px;padding:12px;text-align:left;cursor:pointer;font-size:12px}.check-choice.active{background:var(--mint);border-color:#85a270}.modal textarea{width:100%;min-height:85px;border:1px solid var(--line);border-radius:12px;padding:10px;background:white;resize:vertical}.modal-action{margin-top:20px;width:100%}.toast{position:fixed;z-index:40;right:20px;bottom:20px;background:var(--forest);color:white;border-radius:13px;padding:12px 15px;font-size:11px;box-shadow:var(--shadow);animation:toast .25s ease}@keyframes toast{from{opacity:0;transform:translateY(8px)}}
@media(max-width:900px){.welcome-grid,.result-grid,.today-grid,.buddy-layout,.club-hero,.reward-head{grid-template-columns:1fr}.welcome-art{max-width:560px;width:100%;justify-self:center;height:min(500px,95vw)}.onboard-layout{grid-template-columns:1fr}.step-list{display:flex;gap:7px;padding:0}.step-line span{display:none}.step-line{flex:1}.step-line i{width:100%;border-radius:99px}.onboard-aside{display:none}.result-grid{grid-template-columns:1fr 1fr}.first-step{min-height:0}.curve-card{grid-template-columns:1fr}.club-grid{grid-template-columns:1fr 1fr}.mentor-spot{grid-column:1/-1;min-height:0}.mentor-grid,.redeem-grid{grid-template-columns:1fr 1fr}.support-bottom{grid-template-columns:1fr}.activity-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){body{background:var(--paper)}.welcome-shell{padding:22px 18px}.simple-head .eyebrow{display:none}.welcome-grid{padding:40px 0 30px;gap:40px}.welcome-copy h1,.result-intro h1{font-size:51px}.welcome-copy>p:not(.eyebrow){font-size:14px}.welcome-actions{align-items:flex-start;flex-direction:column;gap:15px}.welcome-art{min-height:365px;height:94vw}.center-orb{width:120px;height:120px}.orb{width:60px;height:60px;font-size:25px}.welcome-footer{overflow:auto;white-space:nowrap}.onboard-head{padding:0 18px}.progress-label span{display:none}.onboard-layout{padding:35px 18px}.form-hero h1{font-size:42px}.onboard-actions{margin-top:30px}.choice{font-size:11px;min-height:43px}.result-shell{padding:22px 18px 35px}.result-intro{margin:52px 0 32px}.result-grid{grid-template-columns:1fr}.map-card{padding:20px}.map-card-head{display:block}.map-key{display:block;margin-top:7px}.constellation{height:280px}.curve-card{padding:20px}.curve-copy h2{font-size:28px}.curve-tag{left:30%;top:49%}.result-bottom{align-items:flex-start;gap:12px;flex-direction:column}.space-head{height:70px;padding:0 16px;grid-template-columns:auto 1fr auto;gap:10px}.space-head .brand>span:last-child{display:none}.space-head nav{justify-self:center;gap:0}.space-head nav button{padding:7px 8px;font-size:9px}.head-user{gap:5px}.point-badge{padding:6px;font-size:10px}.head-user>span{display:none}.space-main{padding:31px 16px 45px}.today-hero{min-height:420px}.today-hero h1{font-size:44px}.day-orb{right:9%;bottom:8%;width:110px;height:110px}.today-side{grid-template-columns:1fr}.week-strip{grid-template-columns:1fr;gap:13px}.week-dots{justify-content:space-between}.week-strip .text-button{justify-self:start}.insight-row,.mentor-grid,.redeem-grid,.earn-row,.activity-grid{grid-template-columns:1fr}.page-title{display:block;margin-bottom:25px}.page-title h1{font-size:44px}.circle-tabs{margin-top:20px;width:max-content;max-width:100%;overflow:auto}.person-card{grid-template-columns:44px 1fr}.person-card .avatar{width:44px;height:44px}.match{grid-column:1/-1;text-align:left;display:flex;align-items:center;gap:7px}.match b,.match span{display:inline}.match button{margin:0 0 0 auto}.club-hero{min-height:0}.club-hero h2{font-size:43px}.score-slab{max-width:250px}.club-grid{grid-template-columns:1fr}.mentor-spot{grid-column:auto}.support-star{display:none}.reward-head{padding:30px}.reward-head h1{font-size:68px}.reward-ring{justify-self:start;margin:35px 0 15px 25px}.section-heading{display:block}.earn-row article{grid-template-columns:auto 1fr auto}.modal{padding:25px 21px}.modal h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* H5 priority: thumb reach, safe areas, and a single clear next action */
@media(max-width:620px){
  html{background:var(--paper);-webkit-text-size-adjust:100%}
  body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
  button{min-height:44px}
  input,textarea{font-size:16px}
  .welcome-shell,.onboard-shell{min-height:100dvh}
  .welcome-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .onboard-shell{padding-bottom:78px}
  .onboard-actions{position:sticky;bottom:0;z-index:5;margin-inline:-18px;padding:15px 18px max(15px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,253,248,0),var(--cream) 24%)}
  .onboard-actions .button{min-width:148px}
  .result-shell{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
  .result-bottom{position:sticky;bottom:0;z-index:5;margin:0 -18px;padding:14px 18px max(14px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(246,241,232,0),var(--paper) 26%)}
  .result-bottom .button{width:100%}
  .result-bottom p{display:none}
  .space-head{position:sticky;top:0;height:64px;background:rgba(246,241,232,.96);grid-template-columns:1fr auto}
  .space-head nav{display:none}
  .space-main{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  .h5-bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px max(8px,env(safe-area-inset-bottom));background:rgba(255,253,248,.95);backdrop-filter:blur(18px);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(23,60,52,.06)}
  .h5-bottom-nav button{min-height:48px;border:0;background:none;color:#87938d;display:grid;place-items:center;align-content:center;gap:2px;font-size:9px;cursor:pointer}
  .h5-bottom-nav i{font-style:normal;font-size:19px;line-height:1}
  .h5-bottom-nav button.active{color:var(--forest);font-weight:800}
  .h5-bottom-nav button.active i{color:#73944b}
  .today-hero .hero-bottom .button{width:100%;min-height:50px}
  .today-hero .hero-bottom>span{width:100%;text-align:center}
  .circle-tabs button,.activity-filters button{min-height:40px}
  .choice{min-height:46px}
  .event-card button,.mentor-card button,.match button{min-height:40px}
}
@media(min-width:621px){.h5-bottom-nav{display:none}}

/* Custom sports remain part of the same lightweight tag interaction. */
.choice.add-choice{border-style:dashed;background:transparent;color:#527365}.choice.add-choice b{font-size:17px;font-weight:500;line-height:1}.choice.add-choice:hover{background:var(--mint);border-color:#7e9d70}.sport-input{display:grid;gap:8px;margin-top:24px}.sport-input span{font-size:11px;font-weight:800}.sport-input input{width:100%;border:1px solid var(--line);border-radius:14px;background:white;padding:13px;color:var(--ink)}

/* Football forum and quiz */
.football-forum{margin-top:18px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream)}.forum-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.forum-heading h2{font:500 31px var(--serif);margin:5px 0}.forum-heading p:not(.section-caption){margin:0;color:var(--muted);font-size:11px}.forum-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.forum-post{padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.forum-post>span{display:inline-block;padding:4px 6px;background:var(--mint);border-radius:6px;font-size:9px;font-weight:800}.forum-post h3{font:500 18px/1.2 var(--serif);margin:12px 0 6px}.forum-post p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.forum-post small{display:block;margin-top:11px;color:#5d7d51;font-size:9px}.quiz-list{display:grid;gap:14px;margin-top:19px}.quiz-question{display:grid;gap:7px;padding:13px;border-radius:14px;background:var(--paper)}.quiz-question>b{font-size:11px;line-height:1.5}.quiz-option{border:1px solid var(--line);border-radius:10px;background:var(--cream);padding:9px 10px;text-align:left;cursor:pointer;font-size:10px;display:flex;align-items:center;gap:8px}.quiz-option i{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--line);border-radius:50%;font-size:9px;font-style:normal}.quiz-option.selected{border-color:#7f9e6c;background:var(--mint)}.quiz-option.selected i{background:var(--forest);border-color:var(--forest);color:var(--lime)}
@media(max-width:620px){.forum-heading{display:block}.forum-heading .button{margin-top:15px;width:100%}.forum-posts{grid-template-columns:1fr}.football-forum{padding:19px}.quiz-option{min-height:42px}}


/* Recruitment */
.welcome-head-actions{display:flex;align-items:center;gap:22px}.welcome-head-actions .text-button{font-size:11px}.recruit-shell{min-height:100vh;background:var(--paper)}.recruit-head{height:78px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.recruit-head>div{display:flex;align-items:center;gap:24px}.recruit-head .text-button{font-size:11px}.recruit-main{max-width:1280px;margin:auto;padding:clamp(28px,5vw,68px) clamp(22px,5vw,80px) 50px}.recruit-hero{min-height:410px;background:var(--forest);border-radius:var(--radius);padding:clamp(30px,5vw,65px);color:white;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;overflow:hidden;position:relative}.recruit-hero:after{content:'✦';position:absolute;right:20%;top:-70px;color:rgba(223,255,103,.08);font:500 330px var(--serif)}.recruit-hero h1{position:relative;z-index:1;font:500 clamp(45px,6vw,78px)/.96 var(--serif);letter-spacing:-.07em;margin:14px 0 20px}.recruit-hero h1 strong{color:var(--lime);font-style:italic;font-weight:500}.recruit-hero>div>p:not(.eyebrow){position:relative;z-index:1;max-width:570px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.75;margin:0}.recruit-hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-top:30px}.recruit-hero-actions>span{font-size:10px;color:rgba(255,255,255,.55)}.recruit-mark{position:relative;z-index:1;justify-self:end;width:230px;height:230px;border:1px solid rgba(223,255,103,.3);border-radius:50%;display:grid;place-items:center;text-align:center;transform:rotate(12deg)}.recruit-mark:before{content:'';position:absolute;inset:24px;border:1px dashed rgba(255,255,255,.23);border-radius:50%}.recruit-mark span{font-size:10px;line-height:1.55;letter-spacing:.2em;color:var(--lime)}.recruit-mark b{position:absolute;font:500 78px var(--serif);color:rgba(255,255,255,.15);bottom:25px;right:25px}.why-section,.stage-section,.roles-section{padding-top:78px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:25px}.why-grid article{min-height:205px;padding:25px;border-radius:var(--radius);background:var(--cream);border:1px solid var(--line)}.why-grid article:nth-child(2){background:var(--mint)}.why-grid article:nth-child(3){background:var(--peach)}.why-grid b{font:500 38px var(--serif);color:#759052}.why-grid h3{font:500 25px var(--serif);margin:22px 0 8px}.why-grid p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.mission-section,.ways-section{margin-top:78px;padding:clamp(28px,5vw,50px);background:var(--forest);color:white;border-radius:var(--radius);display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center}.mission-section h2,.ways-section h2{font:500 clamp(34px,4vw,50px)/1.02 var(--serif);letter-spacing:-.06em;margin:12px 0}.mission-list{display:grid;gap:19px}.mission-list div{display:grid;grid-template-columns:35px 1fr;gap:13px;align-items:start;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:16px}.mission-list div:last-child{border:0;padding-bottom:0}.mission-list span{color:var(--lime);font-size:24px}.mission-list p{margin:0;color:rgba(255,255,255,.65);font-size:11px;line-height:1.65}.mission-list b{color:white;font-size:13px}.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stage-tabs button{min-height:73px;text-align:left;border:1px solid var(--line);background:var(--cream);border-radius:15px;padding:12px 15px;cursor:pointer}.stage-tabs button span{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.stage-tabs button b{font:500 20px var(--serif)}.stage-tabs button.active{background:var(--forest);border-color:var(--forest);color:white}.stage-tabs button.active span{color:var(--lime)}.stage-detail{margin-top:10px;padding:26px 28px;background:#e7f0d9;border-radius:20px;display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center}.stage-number{font:500 25px var(--serif);color:#6c8a4b}.stage-detail h3{font:500 29px var(--serif);margin:5px 0}.stage-detail p:not(.eyebrow){max-width:650px;color:#566b58;font-size:12px;line-height:1.7;margin:0}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.role-card{padding:19px;border:1px solid var(--line);border-radius:20px;background:var(--cream);display:flex;flex-direction:column;min-height:390px}.role-card:nth-child(2){background:var(--mint)}.role-card:nth-child(3){background:var(--blue)}.role-card:nth-child(4){background:var(--peach)}.role-top{display:flex;justify-content:space-between;align-items:center}.role-top span{font:500 28px var(--serif);color:#668044}.role-top b{font-size:10px;font-weight:800;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.58)}.role-card h3{font:500 24px var(--serif);margin:20px 0 5px}.role-summary{min-height:42px;color:#5a6b61;font-size:11px;line-height:1.5;margin:0}.role-label{margin:18px 0 7px;color:#6d815d;font-size:9px;font-weight:800;letter-spacing:.08em}.role-card ul{padding-left:16px;margin:0;color:#56655e;font-size:10px;line-height:1.75}.role-profile{min-height:42px;margin:0;color:#5b6b62;font-size:10px;line-height:1.55}.role-card .text-button{margin-top:auto;text-align:left;padding-top:17px;border-top:1px solid rgba(23,60,52,.12)}.ways-section{background:#e7f0d9;color:var(--ink)}.ways-section .eyebrow{color:#6c8949}.ways-copy>p{max-width:560px;color:#566b58;font-size:12px;line-height:1.75;margin:0}.ways-tags{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.ways-tags span{padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.65);font-size:10px;color:#526752}.ways-copy .safety-copy{padding-top:15px;border-top:1px solid rgba(23,60,52,.14);font-size:10px;line-height:1.65}.recruit-footer{display:flex;align-items:center;justify-content:space-between;margin-top:35px;padding-top:22px;border-top:1px solid var(--line)}.recruit-footer p{font:500 24px var(--serif);margin:0}
@media(max-width:900px){.recruit-hero{grid-template-columns:1fr}.recruit-mark{display:none}.role-grid{grid-template-columns:repeat(2,1fr)}.mission-section,.ways-section{grid-template-columns:1fr;gap:24px}.why-grid{grid-template-columns:1fr 1fr}.why-grid article:last-child{grid-column:1/-1}}
@media(max-width:620px){.welcome-head-actions .eyebrow,.recruit-head .eyebrow{display:none}.welcome-head-actions{gap:0}.recruit-head{height:70px;padding:0 18px}.recruit-head>div{gap:0}.recruit-main{padding:20px 16px 35px}.recruit-hero{min-height:520px;border-radius:22px;padding:28px 22px;align-items:start}.recruit-hero h1{font-size:49px;margin-top:11px}.recruit-hero>div>p:not(.eyebrow){font-size:13px}.recruit-hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.recruit-hero-actions .button{width:100%}.why-section,.stage-section,.roles-section{padding-top:55px}.section-heading{display:block}.section-heading h2{font-size:29px}.why-grid{grid-template-columns:1fr;gap:10px}.why-grid article{min-height:0;padding:21px}.why-grid article:last-child{grid-column:auto}.why-grid h3{margin:13px 0 7px}.mission-section,.ways-section{margin-top:55px;border-radius:22px;padding:27px 22px}.mission-section h2,.ways-section h2{font-size:37px}.stage-tabs{grid-template-columns:1fr}.stage-tabs button{min-height:62px}.stage-detail{grid-template-columns:1fr;gap:12px;padding:21px}.stage-detail h3{font-size:25px}.role-grid{grid-template-columns:1fr;gap:10px}.role-card{min-height:0}.role-summary,.role-profile{min-height:0}.role-card .text-button{margin-top:20px}.ways-tags{margin:15px 0}.recruit-footer{align-items:flex-start;flex-direction:column;gap:17px}.recruit-footer .button{width:100%}}

/* Student co-creation questionnaire */
.questionnaire-progress{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:25px;color:var(--muted);font-size:10px}.questionnaire-progress b{color:var(--forest);font-size:11px}.questionnaire-label{margin:22px 0 10px;font-size:11px;font-weight:800}.questionnaire-choices{display:grid;gap:7px}.questionnaire-choice{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:white;padding:11px 12px;text-align:left;font-size:11px;cursor:pointer}.questionnaire-choice i{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1px solid #a9b7ad;border-radius:50%;font-size:9px;font-style:normal;color:transparent}.questionnaire-choice.selected{background:var(--mint);border-color:#82a06e}.questionnaire-choice.selected i{background:var(--forest);border-color:var(--forest);color:var(--lime)}.questionnaire-note{padding:11px 12px;background:var(--paper);border-radius:10px;color:var(--muted);font-size:10px;line-height:1.6}.questionnaire-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:24px}.questionnaire-actions .button{min-width:120px}.modal textarea[data-questionnaire]{width:100%;min-height:88px;border:1px solid var(--line);border-radius:12px;padding:11px;background:white;resize:vertical;color:var(--ink);font-size:12px;line-height:1.6}

/* MVP profile capture: keep the extra context scannable instead of turning it into a long form wall. */
.compact-field{margin-top:27px}.compact-field span{font-size:10px}.compact-field input{font:400 17px var(--sans);padding-block:8px}.profile-summary{margin-top:22px}.profile-summary .section-heading{margin-top:0}.profile-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-summary-grid article{min-height:116px;padding:16px;border-radius:16px;background:var(--cream);border:1px solid var(--line)}.profile-summary-grid article:nth-child(2){background:var(--mint)}.profile-summary-grid article:nth-child(3){background:var(--peach)}.profile-summary-grid article:nth-child(4){background:var(--blue)}.profile-summary-grid span{display:block;color:var(--muted);font-size:9px;font-weight:800}.profile-summary-grid b{display:block;margin:11px 0 6px;font:500 18px/1.15 var(--serif)}.profile-summary-grid small{display:block;color:#5d6c65;font-size:9px;line-height:1.5}
@media(max-width:900px){.profile-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.profile-summary-grid{grid-template-columns:1fr}.profile-summary-grid article{min-height:0}.onboard-card{padding-bottom:6px}.name-field input{font-size:25px}.compact-field input{font-size:16px}}

/* Region picker: normalized choices keep MVP matching data consistent. */
.region-table{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.region-group .question{margin-top:0}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.region-option{min-height:43px;border:1px solid var(--line);border-radius:12px;background:white;padding:8px 10px;cursor:pointer;text-align:left;font-size:11px;color:var(--ink)}.region-option span{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:5px;border:1px solid #abb7af;border-radius:50%;font-size:9px;color:transparent}.region-option.selected{background:var(--mint);border-color:#7c9e6d;font-weight:800}.region-option.selected span{background:var(--forest);border-color:var(--forest);color:var(--lime)}.region-grid.disabled{opacity:.58}.region-option:disabled{cursor:not-allowed}.region-placeholder{grid-column:1/-1;padding:13px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:10px;text-align:center}
@media(max-width:900px){.region-table{grid-template-columns:1fr}.region-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.region-table{gap:4px;margin-top:26px}.region-grid{grid-template-columns:repeat(2,1fr)}.region-option{min-height:46px;font-size:11px}}