/* Measured reference: 920px phone scaled to390; gutter20; card292x407; tile112x147. */
.profile-initial{display:grid!important;place-items:center;background:#ffe6c8;color:#836337;font-size:32px;font-weight:400}
:root{--ref-lime:#82e648;--ref-ink:#13171d;--ref-green:#143f03;--ref-peach:#ffc493;--ref-yellow:#ffec65;--ref-aqua:#a1e0df;--ref-pink:#ffd4ec}
.phone-layout{grid-template-columns:1fr 390px;gap:70px;max-width:1040px}.phone{--ink:var(--ref-ink);--green:var(--ref-green);--muted:#73767d;position:relative;width:390px;max-width:100%;height:848px;border:0;border-radius:50px;background:#fff;box-shadow:none;overflow:hidden;font-family:Arial,'Noto Sans SC','Microsoft YaHei',sans-serif;font-weight:400}.phone button{font-family:inherit;font-weight:400;letter-spacing:0}.phone-time{position:absolute;inset:0 0 auto;height:57px;padding:23px 48px 10px;background:#fff;font-size:17px;font-weight:600;z-index:9;align-items:center}.system-indicators{display:flex;align-items:center;gap:6px}.system-indicators b{font-size:18px;line-height:1}.system-indicators svg{width:19px;height:19px;stroke-width:2.8}.battery{width:24px;height:12px;border:1px solid #757a80;border-radius:4px;position:relative;margin-left:1px}.battery:before{content:'';position:absolute;inset:1px;background:#242b33;border-radius:2px}.battery:after{content:'';position:absolute;top:3px;right:-3px;width:2px;height:4px;background:#757a80;border-radius:0 1px 1px 0}.phone-content{position:absolute;inset:57px 0 0;padding:0 20px 125px;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.phone-content::-webkit-scrollbar{display:none}.explore-heading{position:relative;height:77px;display:flex;justify-content:center;align-items:center;padding:0;margin:0}.explore-heading>div{text-align:center}.phone .explore-heading h2{font-size:23px;font-weight:500;line-height:1.35;letter-spacing:-.9px;color:var(--ref-green);margin:0}.explore-heading small{font-size:10px;color:#7e8380;display:block;margin-top:6px}.circle-button{position:absolute;right:0;top:16px;width:44px;height:44px;min-height:44px;border:1px solid #f0f0f0;border-radius:20px;display:grid;place-items:center;background:#fff}.circle-button svg{width:24px;height:24px;stroke-width:1.6}.campaign-carousel{gap:16px;margin:0 -20px 0 0;padding:0 20px 0 0}.campaign-carousel .campaign-photo,.campaign-photo{flex:0 0 83.43%;width:83.43%;height:auto;min-height:0;aspect-ratio:690/960;border-radius:18px}.campaign-photo>img{object-position:49% 48%}.campaign-photo:after{background:linear-gradient(180deg,#0000 38%,#00000012 58%,#17190d9e 100%)}.glass-time{top:19px;left:19px;gap:6px;padding:9px;border:1px solid #ffffff8c;border-radius:25px;backdrop-filter:blur(10px);background:#b9b99a55;font-size:12px;line-height:1.2}.glass-time svg{width:18px;height:18px;stroke-width:1.8}.photo-dots{right:20px;top:25px;font-size:18px;letter-spacing:1px;line-height:1}.photo-story{bottom:20px;left:19px;right:19px}.photo-story>strong{font-size:18px;line-height:1.4;font-weight:400;letter-spacing:-.7px;margin-bottom:7px;white-space:nowrap}.photo-progress{height:5px;background:#ffffff40;border-radius:6px}.photo-progress i{background:var(--ref-lime);border-radius:6px}.photo-figures{align-items:baseline;font-size:17px;line-height:1.5;font-weight:400;margin:6px 0 0;letter-spacing:-.6px;gap:0}.photo-figures small{font-size:10px;margin-left:4px;letter-spacing:0}.photo-people{gap:7px;font-size:10px;margin-top:12px;white-space:nowrap;line-height:1.4}.avatar-stack{padding-left:3px}.avatar-stack img{width:19px;height:19px;border-radius:50%;border:1px solid #fff;margin-left:-3px;object-fit:cover;object-position:50% 38%}.avatar-stack img:nth-child(2){object-position:40% 35%}.category-tiles{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:26px -20px 0 0;padding:0 20px 0 0}.category-tiles::-webkit-scrollbar{display:none}.category-tile{border:0;border-radius:17px;flex:0 0 112px;width:112px;height:147px;min-height:147px;padding:18px 13px 15px;align-items:start;scroll-snap-align:start}.category-tile>span{font-size:13px;white-space:nowrap;letter-spacing:-.5px}.category-tile svg{width:48px;height:48px;stroke-width:1.15;fill:none}.tile-0{background:var(--ref-peach)}.tile-1{background:var(--ref-yellow)}.tile-2{background:var(--ref-aqua)}.tile-3{background:var(--ref-pink)}.category-tile.chosen{border:0}.category-tile:focus-visible{outline:2px solid #203619;outline-offset:-5px}.mobile-section{margin:27px 0 17px}.phone .mobile-section h2,.phone .mobile-section h3{font-size:15px;font-weight:500;line-height:1.5;letter-spacing:-.4px;margin:0}.nearby-list{gap:19px}.nearby-card{gap:13px}.nearby-card>img{width:73px;height:73px;border-radius:15px}.nearby-card strong{font-size:12px;font-weight:500;line-height:1.4;letter-spacing:-.3px}.nearby-card small{font-size:10px;color:#777d75}.nearby-card>span>span{font-size:10px;color:#8a8e87}.phone-nav,.mobile-direct .phone-nav{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:1px;width:272px;margin:0;padding:5px 6px;border-radius:30px;background:#fffffffa;box-shadow:0 5px 24px #1723100b;border:0;z-index:12;backdrop-filter:blur(15px)}.phone-nav button{min-height:53px;width:65px;flex:1;gap:5px;padding:6px 4px;border-radius:29px;font-size:10px;line-height:1.1;color:#171b28}.phone-nav button.active{background:var(--ref-lime);color:#13210f}.phone-nav svg{width:22px;height:22px;stroke-width:1.5}.home-indicator{display:block;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:137px;height:5px;border-radius:8px;background:#141820;margin:0;z-index:15}.mobile-caption{font-size:9px;color:#999d95;line-height:1.9;margin:22px 0}.detail-mode .phone-content{padding:0 0 120px;inset:0}.detail-mode .phone-time{background:transparent;color:white;pointer-events:none}.detail-mode .battery{border-color:#fff}.detail-mode .battery:before,.detail-mode .battery:after{background:#fff}.immersive-cover{height:385px}.immersive-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(#0002,#0000 80%,#fff7)}.immersive-cover>img{object-position:50% 36%}.glass-back,.glass-more{top:69px;left:20px;width:43px;height:43px;min-height:43px;border:0;background:#ffffff38;z-index:2}.glass-more{left:auto;right:20px}.glass-back svg,.glass-more svg{width:23px;height:23px;stroke-width:1.5}.image-pager{top:87px;bottom:auto;gap:5px;z-index:2}.image-pager i{width:7px;height:7px;background:#ffffff50}.image-pager i:first-child{width:22px}.campaign-detail{margin-top:-17px;padding:25px 20px 12px;background:linear-gradient(#fffffff0 0,#fff 90px);border-radius:0;z-index:2}.people-line{font-size:12px;line-height:1.5;gap:8px}.people-line .avatar-stack img{width:25px;height:25px}.phone .campaign-detail>h2{font-size:24px;font-weight:500;letter-spacing:-1px;line-height:1.4;margin:17px 0 16px;color:#11161c}.detail-progress{height:12px;background:#e9e9e6;border-radius:10px}.detail-progress>span{background:#5cb337}.goal-line{margin:13px 0 19px;gap:7px}.goal-line>strong{font-size:20px;font-weight:500;letter-spacing:-.7px}.goal-line small{font-size:12px;color:#74766f;font-weight:400;letter-spacing:-.4px}.goal-line>span{font-size:12px;color:#555b57}.goal-line svg{width:17px;height:17px}.organizer-card{width:100%;gap:12px;border:1px solid #e9edf0;border-radius:24px;padding:16px 15px;background:transparent;text-align:left}.organizer-card>img{width:39px;height:39px;object-fit:cover;border-radius:50%}.organizer-card>span:nth-child(2){flex:1}.organizer-card strong{font-size:13px;font-weight:500}.organizer-card strong i{font-style:normal;color:#fff;background:#1385e0;font-size:9px;border-radius:50%;padding:1px 3px;margin-left:3px}.organizer-card small{font-size:11px;color:#8a9099;margin-top:5px}.organizer-plus{font-size:24px;line-height:1;padding-right:8px;font-weight:300}.campaign-detail .mobile-section{margin-top:26px;margin-bottom:9px}.phone .campaign-detail .mobile-section h3{font-size:16px;font-weight:500}.campaign-about{font-size:14px;line-height:1.75;color:#69707b;font-weight:400;margin:0 0 20px;letter-spacing:-.25px}.event-facts strong{font-size:12px;font-weight:400}.event-facts span{font-size:10px}.participation-note{font-size:11px;color:#7b8474;line-height:1.8;margin:0;padding:0;background:none}.campaign-cta{position:fixed;bottom:26px;left:20px;right:20px;z-index:13;background:#ffffffee;padding:6px 0 0;margin:0;backdrop-filter:blur(12px)}.phone .campaign-cta .btn{height:51px;min-height:51px;border-radius:30px;background:var(--ref-lime);color:#142014;font-size:15px;font-weight:400;gap:15px;letter-spacing:-.3px}.campaign-cta svg{width:22px;height:22px;stroke-width:1.6}.cancel-link{font-size:10px;min-height:27px;margin:0 auto}.contribution-strip{gap:0;padding:21px 0;border-top:1px solid #eef0e9;border-bottom:1px solid #eef0e9;border-radius:0;background:none;margin:0}.contribution-strip button{gap:10px;padding:0 3px;border:0;align-items:center}.contribution-strip svg{width:24px;height:24px;stroke-width:1.3}.contribution-strip strong{font-size:20px;font-weight:500}.contribution-strip span{font-size:10px}.next-action{width:100%;text-align:left}.next-action>span{flex:1}.next-action strong{font-size:12px;font-weight:400}.next-action small{display:block;font-size:9px;color:#8d9388;margin-top:7px}.record-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.record-summary button{border-radius:20px;padding:19px;display:flex;flex-direction:column;align-items:start;gap:13px;text-align:left}.record-summary strong{font-size:25px;letter-spacing:-1px;font-weight:500}.record-summary strong small{font-size:12px;margin-left:5px;letter-spacing:0}.record-summary>button>span{font-size:12px}.record-summary svg{width:28px;height:28px;stroke-width:1.3}.summary-0{background:var(--ref-peach)}.summary-1{background:var(--ref-yellow)}.summary-2{background:var(--ref-aqua)}.summary-3{background:var(--ref-pink)}.records-body{margin-top:25px}.phone .records-body .pill{font-size:11px;padding:0 13px;min-height:35px;border-radius:22px}.phone .records-body .pill.active{background:var(--ref-lime);color:#1b2816;border-color:var(--ref-lime)}.phone .record h3{font-size:14px;font-weight:500;line-height:1.6}.phone .record p{font-size:12px;line-height:1.75}.phone .record .chip{font-size:10px;border-radius:15px;background:#f4f5ef}.profile-header{padding:8px 0 23px}.profile-avatar{display:block;width:85px;height:85px;object-fit:cover;object-position:50% 28%;margin:0 auto 14px}.phone .profile-header h2{font-size:23px;font-weight:500}.profile-header p{font-size:11px;color:#8b9185;margin:9px 0}.profile-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:18px;background:#e9f8df;font-size:11px}.profile-badge svg{width:15px;height:15px}.profile-metrics{display:grid;grid-template-columns:1fr 1fr;padding:22px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:center}.profile-metrics>span{display:flex;flex-direction:column;gap:8px}.profile-metrics>span:first-child{border-right:1px solid #eee}.profile-metrics strong{font-size:26px;font-weight:500}.profile-metrics strong small{margin-left:5px;font-size:12px;font-weight:400}.profile-metrics>span>small{font-size:11px;color:#8c9186}.milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.milestones>div{border-radius:18px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.milestones svg{width:40px;height:40px;stroke-width:1.1;fill:none}.milestones strong{font-size:12px;font-weight:500}.milestones small{font-size:9px;color:#494e45}.profile-menu{display:flex;align-items:center;text-align:left;gap:13px;padding:21px 0;width:100%;border-bottom:1px solid #eef0ea}.profile-menu>span{flex:1;font-size:13px}.profile-menu small{display:block;font-size:10px;color:#8d9488;margin-top:7px}.profile-menu>svg{width:19px;height:19px}.mobile-direct{background:#edf0ec}.mobile-direct .phone{max-width:390px}.mobile-direct .main{padding:30px 15px}.design-palette i{background:var(--ref-lime)}.design-palette i:nth-child(2){background:var(--ref-peach)}.design-palette i:nth-child(3){background:var(--ref-yellow)}.design-palette i:nth-child(4){background:var(--ref-aqua)}.phone .campaign-cta{position:absolute}
@media(max-width:1100px){.phone-layout{grid-template-columns:1fr 390px;gap:25px}}
@media(max-width:760px){.phone,.mobile-direct .phone{width:100%;max-width:480px!important;height:100dvh;min-height:0;border-radius:0;container-type:inline-size}.mobile-direct .main{padding:0}.phone-time{display:flex;height:57px;padding:23px 40px 10px}.phone-content{inset:57px 0 0;min-height:0;padding:0 20px 125px}.campaign-carousel .campaign-photo{flex-basis:83.43%;height:auto;aspect-ratio:690/960}.category-tile{flex-basis:32%;width:32%;height:auto;aspect-ratio:112/147;min-height:0}.phone .phone-nav,.mobile-direct .phone-nav{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;width:272px;border-radius:30px;border:0;padding:5px 6px;margin:0}.home-indicator{display:block;bottom:7px;width:125px}.phone .campaign-cta{bottom:calc(23px + env(safe-area-inset-bottom));position:absolute}.immersive-cover{height:98.7cqw}.phone .explore-heading h2{font-size:23px}.explore-heading{height:77px}}