:root{--font-family-sans: "Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--choice-control-size: 18px;--layer-header: 30;--layer-overlay: 50;--layer-toast: 70}:root{font-family:Be Vietnam Pro,system-ui,sans-serif;color:#13271d;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{width:100%;max-width:760px;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;margin:auto;overflow:hidden;background:#fbfcfa}.app-header{grid-row:1;height:74px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;background:#10291e;color:#fff;position:relative;z-index:5}.app-header{border-bottom:1px solid #234b34;background:radial-gradient(circle at 16% 0,rgb(231 246 85 / 14%),transparent 32%),linear-gradient(115deg,#2b563c,#396a4a 55%,#4b7a5b);color:#fff;box-shadow:0 7px 22px #14372333}.app-header small{color:#e4efad;opacity:1}.app-header strong{color:#fff}.app-header small,.title small,.hero small{display:block;font-size:10px;letter-spacing:1.5px;opacity:.7}.app-header strong{font-size:22px}.round{border:0;border-radius:50%;width:42px;height:42px;background:#e7f655;color:#173324;font-weight:800}.round.small{width:36px;height:36px}.round.small svg{width:18px}.content{grid-row:2;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;padding:20px}.hero{background:linear-gradient(135deg,#183e2c,#2c6845);color:#fff;border-radius:24px;padding:25px;box-shadow:0 14px 30px #143c2725}.hero h2{margin:8px 0}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick button{background:#fff;border:1px solid #e7ebe7;border-radius:18px;padding:14px;display:flex;gap:8px;flex-direction:column;text-align:left;color:inherit}.quick svg{color:#398859}.quick span,.group p,.row p,.muted{font-size:12px;color:#718078;margin:3px 0}.title{display:flex;justify-content:space-between;align-items:center;gap:12px}.title h2{margin:3px 0 14px}.search{display:flex;gap:8px;background:#eef1ed;border-radius:14px;padding:12px}.search input,.chat input{border:0;outline:0;background:transparent;flex:1}.cards{display:grid;gap:14px;margin-top:18px}.group{display:grid;grid-template-columns:92px 1fr;gap:14px;background:#fff;padding:12px;border-radius:18px;border:1px solid #e8ece8}.group-img{border-radius:14px;background:#dff0df;display:grid;place-items:center;font-size:36px}.group h3{margin:5px 0}.group button,.row button,.chat form button,.auth form button,.primary,.panel>button,.inline-form button,.score-form button,.poll-option+button{border:0;background:#173d2a;color:#fff;border-radius:10px;padding:9px 14px}.secondary{background:#edf3ee!important;color:#173d2a!important}.row{display:flex;gap:14px;align-items:center;background:#fff;border-bottom:1px solid #edf0ed;padding:14px 10px}.row>div:nth-child(2){flex:1}.date{background:#e7f655;padding:8px;border-radius:12px;text-align:center}.date b,.date span{display:block}.date span{font-size:8px}select,input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #dce2dc;background:#fff}textarea{min-height:90px;resize:vertical}.compact{width:auto;padding:7px}.conversation{display:flex;width:100%;gap:14px;text-align:left;align-items:center;border:0;border-bottom:1px solid #e8ece8;background:#fff;padding:16px}.conversation div{display:flex;flex-direction:column}.conversation span{font-size:12px;color:#78847d}.messages{min-height:55dvh;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.bubble{align-self:flex-end;background:#dff4e5;padding:10px 13px;border-radius:16px 16px 3px;max-width:80%}.bubble.theirs{align-self:flex-start;background:#fff;border:1px solid #e1e8e2;border-radius:16px 16px 16px 3px}.bubble small{display:block;color:#718078}.bubble-action{border:0;background:none;color:#9b3a3a;font-size:10px;padding:3px 0}.chat form{display:flex;background:#fff;border:1px solid #dce2dc;border-radius:14px;padding:6px;position:sticky;bottom:80px}.profile{text-align:center;background:#fff;border-radius:22px;padding:24px}.big-avatar,.avatar-upload img{margin:auto;background:#173d2a;color:#e7f655;border-radius:50%;width:86px;height:86px;display:grid;place-items:center;font-size:28px;font-weight:800;object-fit:cover}.avatar-upload input{display:none}.avatar-upload span{display:block;margin-top:8px;font-size:12px;color:#28754a}.danger{width:100%;margin-top:16px;padding:13px;border:1px solid #b33;background:#fff;color:#b33;border-radius:12px}.empty{text-align:center;padding:40px 15px;color:#78847d}.empty>span{font-size:48px}.empty h3{color:#24372e}.auth{min-height:100dvh;padding:12vh 24px;text-align:center;background:radial-gradient(circle at top,#315d42,#10291e 55%);color:#fff}.brand-ball{margin:auto;width:70px;height:70px;border-radius:22px;background:#e7f655;color:#173d2a;display:grid;place-items:center;font-size:38px;font-weight:900;transform:rotate(-8deg)}.auth form{display:grid;gap:12px;max-width:420px;margin:30px auto}.auth input{padding:15px;border:0;border-radius:12px}.auth form button{background:#e7f655;color:#10291e;font-weight:800}.sso-login{max-width:420px;margin:-8px auto 12px}.sso-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#d5ded8;font-size:14px}.sso-divider:before,.sso-divider:after{content:"";height:1px;flex:1;background:#ffffff47}.sso-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.sso-buttons button{border:1px solid rgb(255 255 255 / 30%);border-radius:12px;padding:13px 16px;background:#fff;color:#24372e;font-weight:700}.sso-buttons button span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:50%;color:#1877f2;font-size:18px;font-weight:900}.quest-board{display:grid;gap:18px;margin-top:18px}.quest-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#173d2a,#315d42);color:#fff}.quest-heading h3{margin:3px 0;font-size:24px}.quest-heading p{margin:0;color:#d8e8dd}.quest-heading button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:#e7f655;color:#173d2a;font-weight:800}.quest-heading button svg,.quest-reward svg,.quest-detail h4 svg,.evidence-form h4 svg{width:18px}.quest-tabs{overflow-x:auto}.quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.quest-card{text-align:left;display:grid;gap:8px;padding:17px;border:1px solid #dbe6de;border-radius:17px;background:#fff;color:#263a2f;box-shadow:0 5px 18px #1837250f}.quest-card:hover{border-color:#98bda3;transform:translateY(-1px)}.quest-card h4,.quest-card p{margin:0}.quest-card p{color:#607168;min-height:40px}.quest-card>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.quest-card strong{display:inline-flex;align-items:center;gap:4px;color:#6e5a00}.quest-card strong svg{width:15px}.quest-card-badges{justify-content:flex-start!important;flex-wrap:wrap}.quest-type-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:5px 9px;border-radius:999px;background:#edf3e1;color:#58701e;font-size:11px;font-weight:800}.quest-type-badge svg{width:14px;height:14px}.quest-status{justify-self:start;padding:4px 8px;border-radius:99px;background:#edf3ee;color:#466052;font-size:11px;font-weight:800;text-transform:uppercase}.status-published,.evidence-approved{background:#e4f5e8;color:#1d703e}.status-cancelled,.evidence-rejected{background:#fbe9e7;color:#a43d34}.evidence-pending{background:#fff3d5;color:#8a6413}.evidence-draft{background:#e9eff5;color:#53697c}.evidence-disputed{background:#eee6fb;color:#6843a1}.quest-form,.quest-detail{width:min(760px,calc(100vw - 28px));max-height:90dvh;overflow-y:auto}.quest-form header,.quest-detail header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quest-form header h3,.quest-detail header h3{margin:3px 0 12px}.quest-form label{display:grid;gap:6px;font-weight:700;margin-bottom:12px}.quest-form input,.quest-form select,.quest-form textarea,.evidence-form textarea{width:100%;padding:11px;border:1px solid #d7e1da;border-radius:11px;font:inherit}.quest-form textarea{min-height:90px;resize:vertical}.quest-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.quest-form footer{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:-1px;padding-top:12px;background:#fff}.quest-type-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:0;border:0}.quest-type-picker legend{grid-column:1 / -1;margin-bottom:7px;font-weight:800}.quest-type-picker label{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;min-height:84px;margin:0;padding:12px;border:1px solid #d8e2da;border-radius:14px;background:#fafcfa;cursor:pointer}.quest-type-picker label.active{border-color:#6fa280;background:#eff7f1;box-shadow:0 0 0 3px #6fa28018}.quest-type-picker label>svg{width:22px;color:#376c48}.quest-type-picker label span{display:grid;gap:3px}.quest-type-picker label small{color:#6c7971;font-weight:500}.daily-config label:last-child{grid-column:1 / -1}.quest-purpose{padding:13px;border-left:4px solid #8ba530;background:#f6f9e9;border-radius:8px;font-weight:700}.quest-detail section{margin-top:18px}.quest-detail section h4,.evidence-form h4{display:flex;align-items:center;gap:7px;margin:0 0 8px}.quest-detail section p{white-space:pre-wrap}.quest-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.quest-facts span{padding:10px;border-radius:10px;background:#f3f7f4}.quest-reward{display:flex;gap:10px;align-items:center;padding:13px;background:#fff7d9;color:#6e5700;border-radius:12px}.quest-reward span{display:grid;gap:3px}.quest-actions,.evidence-card footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quest-draft-publish{display:flex;gap:8px;margin-top:12px;padding:12px;background:#f1f5f2;border-radius:12px}.quest-draft-publish select{flex:1;min-width:0;padding:9px;border:1px solid #d7e1da;border-radius:9px}.danger-inline{background:#fff;color:#a33;border:1px solid #c77}.quest-my-status{padding:10px;background:#eef5f0;border-radius:10px}.evidence-form{display:grid;gap:10px;margin-top:16px;padding:15px;border:1px dashed #a8bcad;border-radius:14px}.quest-detail-hero{display:flex;align-items:flex-start;gap:12px}.quest-detail-hero .quest-purpose{flex:1;margin:0}.my-quest-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid #bdd8c5;border-radius:16px;background:linear-gradient(135deg,#eff8f1,#fbfdf8)}.my-quest-progress h4,.my-quest-progress small{margin:0}.my-quest-progress p{margin:5px 0 0;color:#637269;font-size:12px}.my-quest-progress>button{justify-self:start}.quest-day-strip{grid-column:1 / -1;display:flex;gap:7px;padding-bottom:3px;overflow-x:auto}.quest-day-strip>span,.quest-day-strip>button{display:grid;place-items:center;flex:0 0 36px;height:42px;border:1px solid #d9e1db;border-radius:10px;background:#f3f5f3;color:#718078;line-height:1}.quest-day-strip>button{padding:0;font:inherit;cursor:pointer}.quest-day-strip.is-selectable>button{flex-basis:94px;height:58px;gap:6px}.quest-day-strip.is-selectable>button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #1d4a2c1f}.quest-day-strip.is-selectable>button.selected{outline:3px solid #315d4230;border-color:#315d42;box-shadow:0 0 0 1px #315d42}.quest-day-strip small{font-size:10px}.quest-day-strip .day-approved{background:#ddf3e3;border-color:#8fc29d;color:#1d703e}.quest-day-strip .day-pending{background:#fff3d5;border-color:#dfc578;color:#8a6413}.quest-day-strip .day-rejected,.quest-day-strip .day-missed{background:#fbe9e7;border-color:#e0aaa3;color:#a43d34}.quest-day-strip .day-today{background:#fff;border:2px solid #3d8155;color:#2b6841}.quest-day-strip .day-draft{background:#e9eff5;border-color:#afc0cf;color:#53697c}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row h4{margin:0}.quest-participant-section{padding-top:2px}.participant-filters{display:flex;gap:6px;margin:10px 0;overflow-x:auto}.participant-filters button{padding:7px 10px;border:1px solid #d9e2db;border-radius:999px;background:#fff;color:#607168;font-size:11px;white-space:nowrap}.participant-filters button.active{border-color:#315d42;background:#315d42;color:#fff}.participant-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.participant-progress-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px;border:1px solid #dce6df;border-radius:14px;background:#fff}.participant-progress-card.is-me{border-color:#94bda0;background:#f7fbf8}.quest-participant-avatar{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:50%;background:#dcecdf;color:#285c3d;font-size:11px;font-weight:850}.quest-participant-avatar img{width:100%;height:100%;object-fit:cover}.participant-main{display:grid;min-width:0;gap:5px}.participant-main>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-main>b small{margin-left:6px;color:#4b7559}.participant-main>p{margin:0;color:#637269;font-size:12px}.participant-main .quest-day-strip>span{flex-basis:28px;height:33px;border-radius:8px;font-size:10px}.participant-progress-card>footer{grid-column:1 / -1;display:flex;gap:7px}.evidence-uploader label{display:grid;gap:5px}.evidence-uploader input[type=date]{width:min(240px,100%);padding:9px;border:1px solid #d7e1da;border-radius:10px}.selected-evidence-day{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #a9c8b2;border-radius:12px;background:#eef7f0;color:#2d6841}.selected-evidence-day>svg{width:22px}.selected-evidence-day>span{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.selected-evidence-day em{color:#64736a;font-size:12px;font-style:normal}.evidence-dropzone{place-items:center;padding:18px;border:1px dashed #8fb39a;border-radius:13px;background:#f7fbf8;color:#496c55;cursor:pointer}.evidence-dropzone>svg{width:25px}.evidence-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.evidence-file-list{display:grid;gap:7px}.evidence-file-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(70px,120px);align-items:center;gap:9px;padding:9px;border-radius:10px;background:#f1f5f2}.evidence-file-list svg{width:18px;color:#39714b}.evidence-file-list span{display:grid;min-width:0}.evidence-file-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-file-list progress{width:100%}.evidence-uploader footer{display:flex;justify-content:flex-end;gap:8px}.participation-completed{background:#e4f5e8;color:#1d703e}.participation-evidence_pending,.participation-requested{background:#fff3d5;color:#8a6413}.participation-not_completed{background:#fbe9e7;color:#a43d34}.reward-transfer-panel{display:grid;gap:13px;padding:16px;border:1px solid #dbc676;border-radius:17px;background:linear-gradient(145deg,#fff9df,#fffdf5)}.reward-transfer-head{display:flex;align-items:center;gap:12px}.reward-transfer-head>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f0d966;color:#665000}.reward-transfer-head svg{width:24px}.reward-transfer-head h4,.reward-transfer-head p{margin:2px 0}.reward-transfer-head small{color:#897322;font-weight:850;letter-spacing:.08em}.reward-recipient-list{display:grid;gap:6px}.reward-transfer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reward-transfer-stats>span{display:grid;gap:3px;padding:9px 10px;border:1px solid #eadfa8;border-radius:10px;background:#ffffffad}.reward-transfer-stats small{color:#867534}.reward-transfer-stats b{color:#58490c}.reward-recipient-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border-radius:12px;background:#ffffffb8}.reward-recipient-list>div>span{display:grid;min-width:0}.reward-recipient-list>div>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-recipient-list strong{color:#715c0d;font-size:11px}.reward-recipient-list strong.received{color:#1d703e}.reward-transfer-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #e6d896}.reward-transfer-panel>footer>div{display:grid}.reward-waiting,.reward-empty{margin:0;padding:10px;border-radius:10px;background:#ffffffa6;color:#6f622d}.close-challenge-warning{display:grid;gap:10px}.close-challenge-warning p,.close-challenge-warning ul{margin:0}.close-challenge-warning ul{display:grid;gap:8px;padding:13px 13px 13px 32px;border-radius:12px;background:#fff7e3;color:#71581b}.close-challenge-warning footer{display:flex;justify-content:flex-end;gap:8px}.evidence-form textarea{min-height:80px}.review-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf1ee}.review-row span{flex:1;font-weight:700}.review-row button{display:inline-flex;align-items:center;gap:4px}.review-row svg{width:15px}.evidence-card{padding:13px;margin-top:10px;border:1px solid #dce6df;border-radius:13px}.evidence-card>div:first-child{display:flex;align-items:center;gap:8px}.evidence-card time{margin-left:auto;color:#687970;font-size:12px}.evidence-files{display:flex;flex-wrap:wrap;gap:8px}.evidence-files a{padding:7px 9px;border-radius:8px;background:#edf4ef;color:#267046}@media (max-width: 640px){.quest-heading{flex-direction:column}.quest-form .form-grid,.quest-facts{grid-template-columns:1fr}.quest-heading button{width:100%;justify-content:center}.quest-type-picker,.participant-card-grid{grid-template-columns:1fr}.quest-detail-hero{flex-direction:column}.my-quest-progress{grid-template-columns:1fr}.evidence-uploader footer{flex-direction:column-reverse}.evidence-uploader footer button{width:100%}.evidence-file-list>div{grid-template-columns:auto minmax(0,1fr)}.evidence-file-list progress{grid-column:1 / -1}.reward-transfer-panel>footer{align-items:stretch;flex-direction:column}.reward-recipient-list>div{grid-template-columns:auto minmax(0,1fr)}.reward-recipient-list strong{grid-column:2}}.link,.icon-button{border:0;background:none;color:inherit;padding:10px}.icon-button svg{width:20px}.error{background:#8f2d2d;color:#fff;padding:10px;border-radius:10px}.inline-error{color:#a52b2b;margin:8px 0}.success{color:#197541}.notice{padding:12px;border-radius:12px;background:#eff6ef;margin:10px 0}.panel{background:#fff;border:1px solid #e3e9e4;border-radius:18px;padding:16px;margin:14px 0}.panel summary{font-weight:700;cursor:pointer;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:12px;font-weight:650;display:grid;gap:5px}.form-grid .full,.full{grid-column:1/-1}.check{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.check input{width:auto}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline-form{display:flex;gap:8px;margin-top:12px}.member{display:flex;width:100%;align-items:center;gap:10px;padding:10px;border:0;border-bottom:1px solid #edf0ed;background:#fff;text-align:left}.member>div:nth-child(2){flex:1;display:flex;flex-direction:column}.member small{color:#718078}.selectable:hover{background:#f0f5f1}.mini-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dff0df;font-weight:800}.chip-list,.section-tabs{display:flex;gap:7px;overflow:auto;padding:8px 0}.chip-list button,.section-tabs button{white-space:nowrap;border:1px solid #dce4dd;border-radius:999px;background:#fff;padding:8px 11px;color:#4b5f54}.section-tabs button{display:flex;flex-direction:column;align-items:center;min-width:72px;font-size:10px}.section-tabs svg{width:19px}.section-tabs .active{background:#173d2a;color:#fff}.badge{font-size:10px;padding:6px 9px;background:#edf2ee;border-radius:99px}.score-form{display:flex;align-items:center;gap:5px}.score-form input{width:74px;padding:8px}.poll-option{display:flex;width:100%;justify-content:space-between;border:1px solid #dfe6df;background:#fafcfa;border-radius:12px;padding:11px;margin:7px 0;color:inherit}.poll-option.selected{border-color:#28754a;background:#e4f3e8}.ranking{display:grid;grid-template-columns:40px 1fr auto;gap:4px 10px;align-items:center;padding:12px;border-bottom:1px solid #e5ebe5}.ranking small{grid-column:2/-1;color:#718078}.header-menu-trigger,.header-action{position:relative;display:grid;place-items:center;border:1px solid rgb(255 255 255 / 30%);background:#ffffff1f;color:#fff;border-radius:13px;width:42px;height:42px;box-shadow:0 4px 11px #234b3114;transition:.18s ease}.header-menu-trigger:hover,.header-action:hover{border-color:#ffffff8c;background:#ffffff38;color:#f1f89c;transform:translateY(-1px)}.header-menu-trigger svg,.header-action svg{width:19px;height:19px}.header-action span{position:absolute;right:-2px;top:-2px;background:#e7f655;color:#173d2a;border-radius:99px;padding:2px 6px;font-size:10px}.notification-panel{position:fixed;z-index:9;top:70px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 24px));max-height:70dvh;overflow:auto;background:#fff;border-radius:18px;padding:15px;box-shadow:0 18px 50px #10291e55}.notification{width:100%;display:flex;flex-direction:column;text-align:left;border:0;border-bottom:1px solid #e8eee9;background:#fff;padding:12px}.notification.unread{background:#eef8f0}.notification span,.notification small{color:#65776c}.notification small{font-size:10px}.app>nav{position:relative;z-index:5;grid-row:3;width:100%;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e4e9e4;padding:8px 6px max(8px,env(safe-area-inset-bottom))}nav button{border:0;background:none;color:#819087;display:flex;align-items:center;flex-direction:column;gap:3px;font-size:10px}nav svg{width:22px}nav .active{color:#18663c;font-weight:700}@media (max-width: 520px){.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.group{grid-template-columns:64px 1fr}.inline-form{flex-direction:column}.quick{grid-template-columns:1fr}.score-form{flex-wrap:wrap}}.group-tabs.group-compact-tabs{width:max-content;max-width:100%;display:flex;gap:4px;overflow-x:auto;padding:4px}.group-tabs.group-compact-tabs button{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border-radius:9px;font-size:12px;white-space:nowrap}.group-tabs.group-compact-tabs button svg{width:15px;height:15px;flex:0 0 auto}.group-tabs.group-compact-tabs button.active{background:#173d2a;color:#e7f655}@media (max-width: 520px){.group-tabs.group-compact-tabs{width:100%}.group-tabs.group-compact-tabs button{flex:1;padding-inline:8px}.fund-ledger-bar{align-items:flex-start}.fund-ledger-bar span{display:grid;gap:1px}.fund-ledger-bar em{display:none}.fund-form-grid{grid-template-columns:1fr}.fund-form-grid .wide{grid-column:auto}.fund-member-picker>section{grid-template-columns:1fr}}.fund-board,.fund-detail{display:grid;gap:18px;margin-top:18px}.fund-ledger-bar{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #d4dfd6;border-radius:14px;background:linear-gradient(120deg,#f1f6e8,#fafcf8);color:#294a36}.fund-ledger-bar>svg{width:21px;color:#587442}.fund-ledger-bar span{display:flex;align-items:baseline;gap:8px}.fund-ledger-bar small{color:#718078;font-size:11px}.fund-ledger-bar b{font-size:17px}.fund-ledger-bar em{margin-left:auto;color:#758079;font-size:11px;font-style:normal}.fund-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.fund-toolbar>button,.fund-payment .actions button{display:inline-flex;align-items:center;gap:6px}.fund-toolbar svg,.fund-payment button svg{width:17px}.fund-tabs{display:flex;gap:5px;padding:5px;border:1px solid #d8e3da;border-radius:14px;background:#edf3ee}.fund-tabs button{display:flex;align-items:center;gap:7px;padding:9px 17px;border:0;border-radius:10px;background:transparent;color:#607168;font-weight:800}.fund-tabs button svg{width:17px}.fund-tabs button.active{background:#173d2a;color:#e7f655;box-shadow:0 5px 13px #173d2a29}.fund-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:stretch;gap:14px}.fund-card{position:relative;overflow:hidden;display:grid;align-content:start;gap:13px;padding:18px;border:1px solid #dbe5dd;border-radius:18px;background:radial-gradient(circle at 100% 0,#f0f6df,transparent 34%),#fff;color:#263a2f;text-align:left;box-shadow:0 6px 19px #18372512}button.fund-card{width:100%}.fund-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#90a944,#315d42)}.fund-card.expense:before{background:linear-gradient(#d69a57,#9d5832)}.fund-card:hover{transform:translateY(-2px);border-color:#9fbaa6;box-shadow:0 11px 27px #1837251c}.fund-card header{min-height:40px;display:flex;align-items:center;gap:10px}.fund-card header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e8f0dc;color:#315d42}.fund-card header svg{width:20px}.fund-card h4{display:-webkit-box;overflow:hidden;margin:2px 0 0;font-family:inherit;font-size:15px;font-weight:800;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.fund-card small{color:#728179;font-size:10px;font-weight:750;letter-spacing:.04em}.fund-card p{display:-webkit-box;overflow:hidden;margin:0;color:#66766d;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.fund-card footer{display:flex;align-items:center;gap:6px;color:#65766c;font-size:12px}.fund-card footer svg{width:14px}.fund-bill{position:relative;overflow:hidden;height:112px;display:block;border:1px solid #dce5df;border-radius:11px;background:#edf2ee}.fund-bill img{width:100%;height:100%;object-fit:cover}.fund-bill span{position:absolute;right:7px;bottom:7px;padding:5px 8px;border-radius:7px;background:#122d1ed1;color:#fff;font-size:10px;font-weight:750;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fund-collection-total,.fund-snapshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fund-collection-total span,.fund-snapshots span{display:grid;grid-template-rows:24px auto;align-content:center;gap:3px;padding:10px;border-radius:11px;background:#f2f6f2}.fund-collection-total small,.fund-card>.fund-snapshots small{display:flex;align-items:flex-end;line-height:1.2}.fund-collection-total b{font-size:16px}.fund-collection-total span:last-child b{color:#237044}.fund-snapshots b{font-size:13px}.fund-outflow{color:#a25235;font-size:18px}.fund-progress{display:grid;gap:5px}.fund-progress>span{height:7px;overflow:hidden;border-radius:99px;background:#e3eae4}.fund-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315d42,#9fb640)}.fund-progress small{text-align:right}.fund-debt-board{display:grid;gap:12px}.fund-debt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #d7e2d9;border-radius:14px;background:#f5f8f2}.fund-debt-summary span{min-width:0;display:grid;gap:3px;padding:8px 10px;border-right:1px solid #dfe7df}.fund-debt-summary span:last-child{border-right:0}.fund-debt-summary small{color:#718078;font-size:9px;font-weight:800;letter-spacing:.05em}.fund-debt-summary b{color:#244b33;font-size:17px}.fund-debt-list{display:grid;gap:10px}.fund-debt-card{display:grid;gap:11px;padding:14px;border:1px solid #dce5de;border-left:4px solid #b4793e;border-radius:14px;background:#fff;box-shadow:0 5px 16px #1939260f}.fund-debt-card>header{display:flex;align-items:center;gap:10px}.fund-debt-card>header>div{min-width:0;display:grid;gap:2px}.fund-debt-card>header>div b,.fund-debt-card>header>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fund-debt-card>header>div small{color:#75827a;font-size:11px}.fund-debt-card .payment-avatar{overflow:hidden;flex:0 0 auto}.fund-debt-card .payment-avatar img{width:100%;height:100%;object-fit:cover}.fund-debt-rank{width:30px;flex:0 0 auto;color:#93602f;font-size:11px;font-weight:900;text-align:center}.fund-debt-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.fund-debt-metrics span{min-width:0;display:grid;grid-template-rows:22px auto;align-content:center;gap:2px;padding:8px 9px;border-radius:10px;background:#f3f6f3}.fund-debt-metrics small{color:#748179;font-size:9px;line-height:1.15}.fund-debt-metrics b{overflow:hidden;color:#304b3b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.fund-debt-metrics span:last-child{background:#fff3e4}.fund-debt-metrics span:last-child b{color:#9a5530}.fund-debt-card details{border-top:1px solid #e4eae5;padding-top:9px}.fund-debt-card summary{color:#476657;font-size:11px;font-weight:800;cursor:pointer}.fund-debt-items{display:grid;gap:6px;margin-top:9px}.fund-debt-items>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:9px;background:#f7f9f7}.fund-debt-items>div>span{min-width:0;display:grid;gap:3px}.fund-debt-items>div>span:last-child{flex:0 0 auto;text-align:right}.fund-debt-items b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.fund-debt-items small{color:#7b877f;font-size:9px}.fund-debt-items .debt-status{font-weight:750}.fund-debt-items .status-transferred{color:#9a681b}.fund-debt-items .status-pending{color:#a34d37}@media (max-width: 700px){.fund-debt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fund-debt-items>div{align-items:flex-start}}@media (max-width: 480px){.fund-tabs{width:100%}.fund-tabs button{flex:1;justify-content:center;padding:8px 7px;font-size:11px}.fund-debt-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.fund-debt-summary span:nth-child(2){border-right:0}.fund-debt-summary span:last-child{grid-column:1/-1;border-top:1px solid #dfe7df}.fund-debt-items>div{display:grid}.fund-debt-items>div>span:last-child{text-align:left}}.fund-detail .profile-back{justify-self:start;display:flex;align-items:center;gap:6px}.fund-detail .profile-back svg{width:17px}.fund-current-balance{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid #cdddcf;border-radius:15px;background:linear-gradient(120deg,#edf5df,#f7faf3);color:#244b33}.fund-current-balance>svg{width:26px;color:#52743d}.fund-current-balance span{display:grid;gap:2px}.fund-current-balance small{color:#708069}.fund-current-balance b{font-size:20px}.fund-current-balance em{margin-left:auto;color:#6f7d74;font-size:12px;font-style:normal}.group-fund-balance{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #c9dbc9;border-radius:12px;background:linear-gradient(120deg,#edf5df,#f7faf3);color:#244b33;text-align:left}.group-fund-balance>svg{width:22px;color:#52743d}.group-fund-balance span{display:grid;gap:2px}.group-fund-balance small{color:#71806e;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.group-fund-balance b{font-size:16px}.group-fund-balance:hover{border-color:#8fab8e;transform:translateY(-1px)}.fund-detail-hero{position:relative;overflow:hidden;padding:16px 18px;border:1px solid #315d43;border-radius:15px;background:radial-gradient(circle at 92% 0,rgb(231 246 85 / 14%),transparent 28%),linear-gradient(135deg,#102e20,#214f36);color:#fff;box-shadow:0 8px 20px #123a2321}.fund-detail-hero:after{content:"收";position:absolute;right:20px;top:-25px;color:#ffffff0d;font:800 82px/1 var(--font-sans)}.fund-detail-hero>*{position:relative;z-index:1}.fund-detail-hero>small{color:#dced86;font-size:8px;font-weight:900;letter-spacing:.13em}.fund-detail-hero h2{margin:2px 0 4px;color:#fff;font-family:inherit;font-size:16px;font-weight:800;line-height:1.25}.fund-detail-hero>p{max-width:720px;margin:0;color:#d9e7de;font-size:11px;line-height:1.35}.fund-detail-hero .fund-snapshots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px}.fund-detail-hero .fund-snapshots span{min-height:62px;display:grid;grid-template-rows:26px 18px;align-content:center;justify-content:stretch;gap:3px;padding:8px 10px;border:1px solid rgb(255 255 255 / 16%);background:#ffffff17;box-shadow:inset 0 1px #ffffff14}.fund-detail-hero .fund-snapshots small{min-height:26px;display:flex;align-items:flex-end;color:#cbdcd1;font-size:9px;font-weight:750;line-height:1.2;letter-spacing:.02em}.fund-detail-hero .fund-snapshots b{height:18px;display:flex;align-items:center;color:#fff;font-size:13px;line-height:1;white-space:nowrap}.fund-detail-hero .fund-snapshots .metric-received{border-color:#e7f65561;background:#e7f65524}.fund-detail-hero .metric-received small,.fund-detail-hero .metric-received b{color:#efff8d}.fund-detail-hero .metric-after{background:#68bb8426}.fund-payment-list{display:grid;gap:9px}.fund-payment{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #dfe7e1;border-left:4px solid #b8c5bc;border-radius:13px;background:#fff}.fund-payment.status-transferred{border-left-color:#d19a3d}.fund-payment.status-received{border-left-color:#398457}.fund-payment>div:nth-child(2){flex:1;display:grid;gap:3px}.fund-payment>div:nth-child(2) small{color:#69796f}.fund-payment .actions{margin-left:auto}.fund-modal{width:min(620px,100%)}.fund-form{gap:11px}.fund-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.fund-form-grid .wide{grid-column:1/-1}.fund-form textarea{min-height:62px}.fund-member-picker{max-height:190px;overflow:auto;display:grid;gap:5px;padding:9px;border:1px solid #dce5de;border-radius:12px;background:#f7f9f7}.fund-member-picker>div{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:-9px;z-index:1;padding:4px;background:#f7f9f7}.fund-member-picker>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 6px}.fund-member-picker label{display:flex;grid-template-columns:none;align-items:center;gap:8px;min-width:0;padding:6px;border-radius:8px;font-size:12px;font-weight:600}.fund-member-picker label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fund-member-picker label:hover{background:#eaf1eb}.fund-member-picker input{width:auto}.fund-available{display:flex;justify-content:space-between;padding:12px;border-radius:11px;background:#eef4e3;color:#315438}.fund-available b{color:#275d3b}.fund-bill-picker>span{justify-content:space-between}.fund-bill-picker>span small{color:#7a877f;font-weight:500}.fund-bill-picker input[type=file]{padding:8px;border-style:dashed;background:#f8faf8;font-size:12px}.fund-bill-picker>div{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #dce5df;border-radius:11px;background:#f5f8f5}.fund-bill-picker img{width:76px;height:58px;object-fit:cover;border-radius:8px}.fund-bill-picker>div button{margin-left:auto}@media (max-width: 700px){.fund-toolbar{align-items:stretch}.fund-toolbar>button{justify-content:center}.fund-detail-hero .fund-snapshots{grid-template-columns:repeat(2,minmax(0,1fr))}.fund-payment{align-items:flex-start;flex-wrap:wrap}.fund-payment .actions{width:100%;margin-left:50px}}@media (max-width: 700px){.fund-current-balance{align-items:flex-start}.fund-current-balance em{display:none}}@media (max-width: 480px){.fund-toolbar{flex-direction:column}.fund-tabs{align-self:flex-start}.fund-toolbar>button{width:100%}.fund-card-grid{grid-template-columns:1fr}.fund-payment .badge{margin-left:auto}}@media (min-width: 760px){body{background:#e8eee9}.app{box-shadow:0 0 40px #173d2a18}.quick button{padding:20px}}.group-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.group-tabs button{border:1px solid #dce4dd;background:#fff;color:#4b5f54;padding:11px;border-radius:12px}.group-tabs .active{background:#173d2a;color:#fff}.invite-box{border-top:1px solid #e3e9e4;margin-top:15px;padding-top:12px}.share-link{display:grid;gap:8px;margin-top:12px}.share-link svg,.inline-form svg{width:16px;height:16px;vertical-align:middle}.group-gallery{height:260px;border-radius:22px;overflow:hidden;position:relative;background:#dfece2;margin-bottom:14px}.group-gallery>img{width:100%;height:100%;object-fit:cover}.empty-gallery{display:grid;place-items:center;font-size:64px}.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:38px;height:38px;background:#10291ecc;color:#fff;font-size:26px}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px}.gallery-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#fff8}.gallery-dots .active{background:#fff}.group-facts{display:grid;gap:7px;padding:12px 0;color:#53665b}.group-facts span{font-size:13px}.image-upload{display:block;border:1px dashed #91a599;border-radius:12px;padding:14px;text-align:center;margin-top:14px;color:#28754a;cursor:pointer}.image-upload input{display:none}.image-manager{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.image-manager>div{position:relative}.image-manager img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.image-manager button{position:absolute;right:3px;top:3px;border:0;border-radius:50%;background:#8f2d2ddd;color:#fff;width:25px;height:25px;padding:3px}.image-manager svg{width:15px}.feed-item h3{margin:9px 0 4px}.feed-item p{margin:0 0 7px;color:#53665b}.feed-item small{color:#819087}.member-picker{border:1px solid #e1e8e2;border-radius:14px;padding:12px}.member-options{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.member-choice{font-weight:500!important;padding:7px;background:#f6f8f6;border-radius:9px}.selected-members{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.selected-members>span{display:flex;align-items:center;gap:5px;background:#dff0e3;color:#173d2a;border-radius:99px;padding:6px 8px 6px 11px;font-size:12px}.selected-members button{border:0;background:transparent;color:#8f2d2d;padding:0;width:17px;height:17px}.selected-members svg{width:15px;height:15px}@media (max-width: 520px){.group-gallery{height:210px}.image-manager{grid-template-columns:repeat(3,1fr)}.member-options{grid-template-columns:1fr}}.expense-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.expense-stats>div{display:grid;text-align:center;background:#edf4ee;border-radius:12px;padding:10px 5px}.expense-stats b{font-size:20px;color:#173d2a}.expense-stats span{font-size:10px;color:#65776c}.expense-card>button{margin-top:10px}.payment-ticket{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.payment-ticket>div:first-child{display:flex;flex-direction:column}.payment-ticket>div:first-child span{color:#65776c}.payment-ticket .actions{grid-column:1/-1}.status-pending{background:#fff0ce;color:#7d5700}.status-transferred{background:#dcecff;color:#15528a}.status-received{background:#dff2e4;color:#197541}@media (max-width: 520px){.expense-stats{grid-template-columns:repeat(2,1fr)}}.venue-list{display:grid;gap:10px;margin-top:14px}.venue-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.venue-card>svg{color:#28754a}.venue-card>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.venue-card span,.venue-card small{font-size:12px;color:#65776c}.venue-card .icon-button{padding:6px}.venue-card .icon-button svg{width:17px}.danger-icon{color:#a52b2b}.inherited-fields{display:flex;flex-wrap:wrap;gap:7px 14px;padding:10px 12px;border-radius:11px;background:#eef5ef;color:#53665b;font-size:12px}.inherited-fields span{display:inline-flex;gap:4px}.inherited-fields b{color:#244b34}.group-summary-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.group-summary-heading h2{margin:5px 0}.edit-group-button{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid #dbe5dd;border-radius:12px;background:#f4f8f4;color:#20653d}.edit-group-button:hover{background:#e4f2e8}.edit-group-button svg{width:18px}.group-edit-panel{border-color:#bed7c5;box-shadow:0 10px 26px #173d2a12}.home-page{display:grid;gap:24px}.home-hero{position:relative;overflow:hidden;border:1px solid #315e42;background:radial-gradient(circle at 88% 18%,rgb(231 246 85 / 14%),transparent 28%),linear-gradient(135deg,#315d42,#417153 58%,#568467);color:#fff;border-radius:26px;padding:30px;box-shadow:0 14px 32px #1d432b33}.home-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-65px;bottom:-95px;background:#e7f65522}.home-hero small,.home-section-title small{display:block;font-size:10px;letter-spacing:1.5px;opacity:.75}.home-hero small{color:#e4efad;opacity:1}.home-hero h2{margin:8px 0;color:#fff;font-size:27px}.home-hero p{margin:0;max-width:480px;color:#eef5f0}.home-section{display:grid;gap:12px}.home-section-title{display:flex;align-items:center;justify-content:space-between;color:#173d2a}.home-section-title h3{margin:4px 0 0}.home-section-title>svg{color:#d39e24}.home-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-quick-card{min-width:0;border:1px solid #e0e8e1;border-radius:18px;background:#fff;padding:16px;display:flex;align-items:flex-start;gap:11px;color:#173d2a;text-align:left;box-shadow:0 5px 16px #173d2a0a;transition:.2s ease}.home-quick-card:hover{transform:translateY(-2px);border-color:#b9d4c0;box-shadow:0 9px 22px #173d2a14}.home-quick-card>svg{flex:0 0 24px;color:#398859}.home-quick-card>span,.home-group-card>span,.highlight-info{min-width:0;display:flex;flex-direction:column;gap:3px}.home-quick-card small,.home-group-card small,.highlight-info small,.highlight-info span{font-size:11px;color:#718078}.highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.highlight-card{position:relative;min-width:0;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:11px;background:#fff;border:1px solid #e1e8e2;border-radius:17px;padding:13px}.highlight-avatar,.highlight-card img{width:48px;height:48px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#dff0df,#e7f655);color:#173d2a;font-weight:800}.highlight-rank{position:absolute;right:10px;top:8px;font-size:10px;font-weight:800;color:#a17819}.highlight-info{padding-right:18px}.highlight-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.highlight-info strong{color:#20653d}.home-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-group-card{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid #e1e8e2;border-radius:16px;background:#fff;padding:12px;text-align:left;color:inherit}.home-group-card:hover{background:#f3f8f4}.home-group-card b,.home-group-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-loading{padding:20px;border:1px dashed #cfdad1;border-radius:16px;text-align:center;color:#718078;background:#fafcfa}.home-query-error{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-query-error button{border:0;border-radius:10px;padding:8px 12px}.home-empty-groups{text-align:center}.home-empty-groups .empty{padding-bottom:16px}.home-empty-groups>.primary{border:0;border-radius:10px;padding:10px 16px}@media (max-width: 600px){.home-page{gap:20px}.home-hero{padding:24px 20px}.home-quick-grid{grid-template-columns:1fr}.home-quick-card{align-items:center}.highlight-grid,.home-group-list{grid-template-columns:1fr}}.clickable-card,.clickable-row{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.clickable-card:hover{border-color:#b7d2bf;box-shadow:0 9px 24px #173d2a14;transform:translateY(-1px)}.clickable-row:hover{background:#f2f7f3}.clickable-card:focus-visible,.clickable-row:focus-visible{outline:3px solid #9fd5ae;outline-offset:2px}.group-img{overflow:hidden}.group-img img{width:100%;height:100%;object-fit:cover}.group-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#718078;font-size:12px}.row-chevron{width:19px;color:#809087}.list-end{display:flex;align-items:center;gap:8px}.list-end>svg{width:18px;color:#809087}.icon-action{width:36px;height:36px;display:inline-grid;place-items:center;border:0;border-radius:10px;background:#173d2a;color:#fff;padding:0}.icon-action svg{width:17px}.icon-action.secondary{background:#edf3ee;color:#173d2a}.icon-label{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}.icon-label svg,.primary svg,.badge svg,.chip-list svg{width:16px;height:16px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.poll-card h3{margin:8px 0 13px}.poll-card .badge{display:inline-flex;align-items:center;gap:5px}.poll-option{align-items:center;text-align:left}.poll-option svg{width:19px;color:#197541}.poll-results{display:grid;gap:12px}.poll-result{display:grid;gap:6px}.poll-result>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.poll-result>div span{display:flex;align-items:center;gap:6px}.poll-result>div svg{width:17px;color:#197541}.poll-result.own-choice>div span{font-weight:750;color:#155e37}.poll-progress{display:block;height:9px;overflow:hidden;border-radius:99px;background:#e8eee9}.poll-progress i{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#28754a,#75ba68)}.poll-result.own-choice .poll-progress i{background:linear-gradient(90deg,#173d2a,#e0d93b)}.poll-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid #e6ece7}.poll-footer small{color:#718078}.expense-card.clickable-card{padding-right:14px}.expense-card.clickable-card .title{margin:0}@media (max-width: 520px){.poll-footer{align-items:flex-start;flex-direction:column}.member.clickable-row .actions{gap:4px}.member.clickable-row .icon-action{width:32px;height:32px}}.mini-avatar{overflow:hidden;flex:0 0 38px}.mini-avatar img{width:100%;height:100%;object-fit:cover}.member>.actions{margin-left:auto;flex:0 0 auto}.group-summary .primary.icon-label{width:auto}.highlight-card{padding-right:52px}.highlight-chat{position:absolute;right:10px;bottom:12px}.conversation-list{display:grid;gap:8px}.conversation{position:relative;border:1px solid transparent!important;border-radius:16px!important;padding:13px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:11px!important}.conversation:hover{background:#f2f7f3}.conversation.unread{background:#eef8f0;border-color:#cde4d3!important}.conversation-avatar,.conversation-icon{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#dff0df;color:#20653d;display:grid!important;place-items:center}.conversation-icon svg{width:21px}.conversation-copy{min-width:0!important;display:flex!important;gap:5px}.conversation-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-name b,.conversation-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-name i,.unread-total{font-style:normal;font-size:10px;font-weight:800;border-radius:99px;background:#197541;color:#fff;padding:3px 7px}.conversation-preview{font-size:12px;color:#718078}.conversation.unread .conversation-preview{color:#294f3b;font-weight:650}.conversation time{display:flex;align-items:center;gap:3px;align-self:start;color:#819087;font-size:10px;white-space:nowrap}.conversation time svg{width:12px}.unread-total{font-size:12px;padding:5px 9px}.conversation-header{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:1px solid #e1e8e2;border-radius:16px;padding:9px 12px;margin-bottom:10px;position:sticky;top:74px;z-index:3}.conversation-header>img{width:42px;height:42px;border-radius:50%;object-fit:cover}.conversation-header-copy{display:flex;flex-direction:column;min-width:0}.conversation-header-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-header small{color:#718078}.conversation-member-button{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #cee0d2;border-radius:12px;background:#f2f8f3;color:#23613b;font:inherit;box-shadow:0 3px 9px #193d2714}.conversation-member-button:hover{transform:translateY(-1px);background:#e8f3ea;border-color:#aacbb2;box-shadow:0 6px 13px #193d2721}.conversation-member-button svg{width:19px;height:19px}.conversation-member-button:after,.member-toggle:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;padding:6px 8px;border-radius:7px;background:#183526;color:#fff;font-size:11px;font-weight:650;line-height:1.25;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(4px);transition:.15s ease}.conversation-member-button:hover:after,.conversation-member-button:focus-visible:after,.member-toggle:hover:after,.member-toggle:focus-visible:after{opacity:1;transform:translateY(0)}.chat-members-modal{width:min(580px,calc(100vw - 24px))}.chat-member-summary{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #dbe8de;border-radius:16px;background:linear-gradient(135deg,#f4faf5,#fbfdfb)}.chat-member-summary>div{display:flex;flex-direction:column;gap:3px}.chat-member-summary small{color:#64736a}.chat-member-avatar-stack{display:flex;min-width:74px;padding-left:8px}.chat-member-avatar-stack .chat-member-avatar{margin-left:-8px;border:2px solid white}.chat-member-search{display:flex;align-items:center;gap:9px;margin-top:14px;padding:0 12px;border:1px solid #dce5de;border-radius:12px;background:#fff}.chat-member-search:focus-within{border-color:#65a878;box-shadow:0 0 0 3px #65a87818}.chat-member-search svg{width:18px;color:#718078}.chat-member-search input{width:100%;border:0;outline:0;padding:11px 0;background:transparent}.chat-member-list{display:flex;flex-direction:column;gap:5px;max-height:min(48vh,430px);margin-top:10px;overflow-y:auto}.chat-member-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;padding:8px 10px;border-radius:13px}.chat-member-list article:hover{background:#f6f9f6}.chat-member-list article.not-in-chat{background:#fafafa}.chat-member-avatar{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;overflow:hidden;border-radius:50%;background:#dcecdf;color:#285c3d;font-size:11px;font-weight:800}.chat-member-avatar img{width:100%;height:100%;object-fit:cover}.chat-member-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.chat-member-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-member-copy small{display:flex;align-items:center;gap:4px;color:#718078}.chat-member-copy small svg{width:14px;height:14px;color:#b17c19}.you-label{margin-left:7px;padding:2px 6px;border-radius:999px;background:#e5f2e8;color:#2d6942;font-size:9px;font-weight:800;text-transform:uppercase}.member-toggle{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid;border-radius:10px;background:#fff;font:inherit;box-shadow:0 2px 7px #193d2712}.member-toggle svg{width:15px;height:15px}.member-toggle.add{border-color:#9bc9a6;color:#276a3e;background:#eef8f0}.member-toggle.remove{border-color:#e5c8c3;color:#9a463a;background:#fff8f7}.member-toggle:disabled{cursor:wait;opacity:.55}.chat-members-state{padding:24px 12px;color:#718078;text-align:center;font-size:13px}@media (max-width: 560px){.conversation-header{grid-template-columns:auto auto minmax(0,1fr) auto}.conversation-member-button{width:40px}.chat-member-summary{align-items:flex-start}.chat-member-avatar-stack{display:none}.member-toggle{width:38px;height:36px;padding:0}.member-toggle svg{flex:0 0 16px;color:currentColor}}.conversation-view .messages{height:calc(100dvh - 280px);min-height:360px;overflow-y:auto;justify-content:flex-start;padding:10px 3px 18px;scroll-behavior:smooth}.message-entry{width:100%}.message-row{display:flex;align-items:flex-end;gap:7px;width:100%}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-avatar{width:30px;height:30px;flex:0 0 30px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#dcecdf;color:#285c3d;font-size:10px;font-weight:800;border:1px solid #c8ddcd}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-author{display:block;color:#20653d;font-size:11px;margin-bottom:4px}.message-meta{display:flex!important;align-items:center;justify-content:flex-end;gap:8px}.read-status{display:inline-flex;align-items:center;gap:3px;color:#829087}.read-status svg{width:15px;height:15px}.read-status.read{color:#2885d8}.message-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:3px}.message-actions button{border:0;background:transparent;color:#65776c;padding:2px}.message-actions svg{width:14px;height:14px}.unread-divider{display:flex;align-items:center;gap:8px;margin:8px 0;color:#197541;font-size:11px}.unread-divider:before,.unread-divider:after{content:"";height:1px;background:#a9d2b4;flex:1}.message-composer{display:flex!important;align-items:center}.message-composer .icon-action{border-radius:10px}.edit-message{position:static!important;bottom:auto!important}.message-toast{position:fixed;z-index:12;right:max(14px,calc((100vw - 760px)/2 + 14px));bottom:88px;width:min(360px,calc(100% - 28px));display:flex;align-items:center;gap:11px;border:1px solid #bcd8c4;border-radius:16px;background:#fff;color:#173d2a;padding:13px;box-shadow:0 14px 40px #10291e35;text-align:left}.message-toast>svg{color:#28754a}.message-toast span{display:flex;min-width:0;flex-direction:column}.message-toast small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#65776c}.nav-icon{position:relative;display:grid;place-items:center}.nav-icon i{position:absolute;right:-11px;top:-6px;min-width:17px;height:17px;border-radius:99px;background:#d84b45;color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center;padding:0 4px;border:2px solid white}.bubble.new-message>span{animation:new-message-text-flash .55s ease-in-out 2}@keyframes new-message-text-flash{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.bubble.new-message>span{animation:none}}.city-filter{display:flex;align-items:center;gap:12px;color:#52665a;font-size:12px;font-weight:650}.city-filter select{margin-left:auto;max-width:250px;padding:9px 11px}.sport-picker{min-width:0;margin:2px 0 0;padding:0;border:0}.sport-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.sport-picker-heading legend{padding:0;font-size:13px;font-weight:750;color:#24372e}.sport-picker-heading small{display:block;margin-top:3px;color:#718078;font-weight:400}.sport-picker-heading>span{flex:0 0 auto;border-radius:999px;background:#edf5ef;color:#28754a;padding:5px 9px;font-size:10px;font-weight:750}.sport-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sport-choice{position:relative;min-width:0;display:grid!important;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:10px!important;border:1px solid #dfe7e0;border-radius:13px;background:#fafcfa;color:#53665b;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.sport-choice:hover{border-color:#a8cbb2;transform:translateY(-1px)}.sport-choice.selected{border-color:#398859;background:#edf8f0;color:#173d2a;box-shadow:inset 0 0 0 1px #39885922}.sport-choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sport-choice:focus-within{outline:3px solid #82b99255;outline-offset:2px}.sport-choice-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff;font-size:19px;box-shadow:0 2px 7px #173d2a12}.sport-choice b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.sport-choice i{width:18px;height:18px;display:grid;place-items:center;border:1px solid #cbd8ce;border-radius:50%;background:#fff;color:transparent;font-size:11px;font-style:normal}.sport-choice.selected i{border-color:#28754a;background:#28754a;color:#fff}.profile-info-panel{padding:20px}.profile-section-heading{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #e8eee9}.profile-section-heading small{display:block;color:#398859;font-size:9px;font-weight:800;letter-spacing:1.4px}.profile-section-heading h3{margin:4px 0 0}.profile-form{align-items:start;gap:14px}.profile-form>.profile-field{align-self:start;align-content:start;grid-template-rows:auto 46px auto;gap:7px;padding:13px;border:1px solid #e3eae4;border-radius:15px;background:#fbfcfb}.profile-field>span{color:#314c3d;font-size:12px;font-weight:750}.profile-field>input,.profile-field>select{height:46px;padding:10px 12px;border-color:#d8e2da;background:#fff}.profile-field>small{min-height:30px;color:#718078;font-size:10px;font-weight:400;line-height:1.45}.profile-form>.sport-picker{padding:15px;border:1px solid #e3eae4;border-radius:15px;background:#fbfcfb}.profile-form>.profile-bio{grid-template-rows:auto auto auto}.profile-bio textarea{min-height:96px}.profile-save{min-height:46px;border:0;border-radius:12px;font-weight:750}.profile-save:disabled{cursor:wait;opacity:.7}.profile-ranking-panel{padding:20px;background:linear-gradient(145deg,#fff,#f5faf6)}.profile-rank-summary{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:9px}.profile-rank-summary>div{display:flex;min-width:0;flex-direction:column;padding:13px;border:1px solid #dfe9e1;border-radius:14px;background:#fff}.profile-rank-summary small{color:#718078;font-size:9px}.profile-rank-summary b{margin:3px 0;color:#1e6039;font-size:18px}.profile-rank-summary span{color:#718078;font-size:10px}.profile-rating-list{display:grid;gap:8px;margin-top:13px}.profile-rating-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e1e8e2;border-radius:13px;background:#fff}.profile-rating-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5ef;font-size:22px}.profile-rating-list article>div{display:flex;min-width:0;flex-direction:column}.profile-rating-list article>div:last-child{text-align:right}.profile-rating-list small,.profile-rating-list span{color:#718078;font-size:9px}.profile-rating-list strong{color:#8b681e;font-size:12px}.profile-rating-empty{margin:13px 0 0;padding:12px;border-radius:12px;background:#edf5ef;color:#52665a;font-size:11px}.profile-rank-summary>div.profile-rank-link{position:relative;padding-right:28px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.profile-rank-summary>div.profile-rank-link:after{content:"→";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#398859;font-weight:850}.profile-rank-summary>div.profile-rank-link:hover{border-color:#8fc39d;box-shadow:0 7px 18px #173d2a12;transform:translateY(-1px)}.profile-rank-summary>div.profile-rank-link:focus-visible{outline:3px solid #9fd5ae;outline-offset:2px}.bank-account-panel{display:grid;gap:16px}.bank-security-note{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #cfe5d5;border-radius:14px;background:#eff8f1}.bank-security-note>svg{width:26px;color:#28754a}.bank-security-note>div{display:flex;flex-direction:column}.bank-security-note small{margin-top:3px;color:#617268}.bank-account-panel form>label{display:grid;gap:6px;font-size:12px;font-weight:700}.bank-owner-input{text-transform:uppercase}.bank-account-panel .actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.bank-account-panel .actions svg{width:17px}.bank-delete{color:#a33!important}.payment-qr-card{margin:14px 0;padding:17px;border:1px solid #cfe3d4;border-radius:19px;background:linear-gradient(145deg,#fff,#f0f8f2);box-shadow:0 8px 24px #173d2a0d}.payment-qr-heading{display:flex;align-items:center;gap:11px}.payment-qr-heading>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#173d2a;color:#e7f655}.payment-qr-heading svg{width:23px}.payment-qr-heading small{color:#398859;font-size:9px;font-weight:800;letter-spacing:1px}.payment-qr-heading h3{margin:3px 0}.payment-qr-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center;margin-top:15px}.payment-qr-body>img{width:180px;max-width:100%;border:1px solid #e0e8e2;border-radius:14px;background:#fff}.payment-bank-details{display:grid;grid-template-columns:1fr 1fr;gap:9px}.payment-bank-details>span{position:relative;display:flex;min-width:0;flex-direction:column;padding:10px;border-radius:11px;background:#fff}.payment-bank-details small{color:#74837b;font-size:9px}.payment-bank-details b{overflow-wrap:anywhere;font-size:12px}.payment-bank-details button{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:5px;padding:3px 0;border:0;background:none;color:#28754a;font-size:9px}.payment-bank-details button svg{width:12px}.payment-qr-card>p{margin:12px 0 0;color:#62746a;font-size:10px}.payment-qr-unavailable{margin:14px 0}.payment-qr-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.payment-qr-actions button,.payment-qr-actions a{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 13px;border:0;border-radius:11px;text-decoration:none;font-size:11px;font-weight:750}.payment-qr-actions svg{width:17px}.payment-bank-hint{padding:9px 11px;border-radius:10px;background:#fff8df;color:#765d13!important}@media (max-width: 520px){.payment-qr-body{grid-template-columns:1fr}.payment-qr-body>img{justify-self:center}.payment-bank-details{grid-template-columns:1fr 1fr}}:root{font-family:Be Vietnam Pro,Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}body{font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,strong,b{letter-spacing:-.015em}h2{font-weight:750}h3{font-weight:700}button,input,select,textarea{letter-spacing:-.005em}.notification-panel{top:76px;display:flex;flex-direction:column;max-height:min(76dvh,680px);padding:0;overflow:hidden;border:1px solid #dce7de;border-radius:22px;box-shadow:0 22px 60px #10291e45}.notification-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.notification-heading small{display:block;color:#398859;font-size:9px;font-weight:800;letter-spacing:1.3px}.notification-heading h3{margin:2px 0 0;font-size:20px}.notification-heading .icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f0f5f1}.notification-heading svg{width:18px}.notification-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 14px 13px;border-bottom:1px solid #e8eee9}.notification-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:9px 7px;border:1px solid transparent;border-radius:11px;background:#f5f7f5;color:#68796f;font-size:10px}.notification-tabs button>svg{width:15px;height:15px}.notification-tabs button>i{min-width:16px;height:16px;display:grid;place-items:center;border-radius:99px;background:#dce8df;color:#315b40;font-size:8px;font-style:normal}.notification-tabs button.active{border-color:#bfd7c5;background:#eaf5ed;color:#195f38;font-weight:750}.notification-tabs button.active>i{background:#28754a;color:#fff}.notification-list{overflow-y:auto;padding:8px}.notification{position:relative;display:grid;gap:4px;margin:3px 0;padding:13px 34px 13px 13px!important;border:1px solid transparent!important;border-radius:14px!important}.notification:hover{background:#f5f9f6}.notification.unread{border-color:#d2e6d6!important;background:#f0f8f2}.notification>b{font-size:12px}.notification>span:not(.notification-kind){font-size:11px;line-height:1.5}.notification>small{margin-top:2px}.notification-kind{justify-self:start!important;padding:3px 7px;border-radius:99px;font-size:8px!important;font-weight:750!important}.kind-groups{background:#e8f0ff;color:#42629a!important}.kind-activities{background:#e9f6ec;color:#237046!important}.kind-system{background:#f1f1f1;color:#68716c!important}.notification-dot{position:absolute;right:14px;top:50%;width:8px;height:8px;transform:translateY(-50%);border-radius:50%;background:#32a25c}.notification-empty{display:grid;place-items:center;gap:5px;padding:42px 20px;color:#819087;text-align:center}.notification-empty svg{width:28px}.notification-empty b{color:#41564a}.notification-empty span{font-size:11px}.notification-tabs{grid-template-columns:repeat(5,1fr)}.kind-community{background:#fff1e3;color:#a25d1d!important}.social-post.notification-target{animation:notificationTarget 2.2s ease}@keyframes notificationTarget{0%,35%{box-shadow:0 0 0 3px #e1c947,0 12px 34px #173d2a20}to{box-shadow:0 3px 12px #173d2a0a}}@media (max-width: 520px){.notification-tabs{display:flex;overflow-x:auto}.notification-tabs button{flex:0 0 auto;padding-right:10px;padding-left:10px}}.composer-input-wrap{position:relative;min-width:0}.composer-input-wrap>textarea{display:block}.mention-autocomplete{position:absolute;z-index:8;top:calc(100% + 5px);left:0;width:min(390px,100%);max-height:310px;overflow:auto;padding:6px;border:1px solid #d8e3da;border-radius:13px;background:#fff;box-shadow:0 14px 38px #10291e30}.mention-autocomplete>div{display:flex;align-items:center;gap:6px;padding:6px 8px;color:#6d7c73;font-size:8px}.mention-autocomplete>div svg{width:14px;color:#28754a}.mention-autocomplete>small{display:block;padding:7px 8px 4px;color:#849189;font-size:7px;font-weight:850;letter-spacing:1px}.mention-autocomplete>button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:7px 8px;border:0;border-radius:9px;background:#fff;color:#294137;text-align:left}.mention-autocomplete>button:hover,.mention-autocomplete>button:focus{background:#edf5ef;outline:0}.mention-autocomplete>button>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.mention-autocomplete b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mention-autocomplete em{color:#7d8b83;font-size:8px;font-style:normal}.mention-autocomplete>p{margin:0;padding:16px 10px;color:#7b8981;font-size:9px;text-align:center}.mention-chips{align-items:center}.mention-chips>span{flex:0 0 auto;color:#809087;font-size:7px;font-weight:850;letter-spacing:.7px}.mention-chips button{padding:3px 7px 3px 3px;border:1px solid #c9ddce;background:#edf6ef;color:#175c37;font-size:8px}.mention-chips button>.social-avatar.small{width:22px;height:22px;flex-basis:22px;font-size:6px}.chip-group-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#d6e8da;color:#256b42;font-size:10px}.social-composer-actions{grid-template-columns:auto auto 1fr auto}.mention-hint{display:flex;align-items:center;gap:5px;padding-left:8px;color:#7b8981;font-size:8px}.mention-hint svg{width:14px;color:#28754a}.inline-mention{padding:1px 2px;border-radius:3px;background:#e7f1ff;color:#2466a8;font-weight:750}.post-mentions{color:#2466a8}.post-mentions span{background:#e7f1ff;color:#2466a8}@media (max-width: 600px){.mention-autocomplete{position:fixed;z-index:40;top:auto;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));left:10px;width:auto;max-height:46dvh;border-radius:16px}.social-composer-actions{grid-template-columns:1fr 1fr auto}.mention-hint{display:none}.mention-chips{padding-right:10px;padding-left:10px}.mention-chips>span{display:none}}.social-composer{overflow:visible}.guest-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px}.guest-composer b{display:block;color:#173d2a;font-size:13px}.guest-composer p{margin:3px 0 0;color:#64756c;font-size:10px;line-height:1.45}.guest-composer .social-post-button{min-width:96px}@media (max-width: 520px){.guest-composer{grid-template-columns:auto minmax(0,1fr)}.guest-composer .social-post-button{grid-column:1 / -1;width:100%}}.social-composer{position:relative;overflow:hidden}.social-composer.mention-open{z-index:30;overflow:visible}.composer-main{position:relative}.composer-input-wrap{position:relative;z-index:1}.mention-autocomplete{position:absolute;inset:calc(100% + 6px) 0 auto 0;z-index:50;box-sizing:border-box;width:100%;max-height:min(330px,50vh);padding:7px;overscroll-behavior:contain;border:1px solid #cfdcd2;border-radius:14px;background:#fff;box-shadow:0 18px 46px #10291e38}.mention-autocomplete-title{position:sticky;z-index:1;top:-7px;margin:-1px -1px 2px;padding:9px 10px!important;border-bottom:1px solid #edf1ee;background:#fff}.mention-autocomplete>small{padding-top:9px}.mention-autocomplete>button{min-height:48px;cursor:pointer}.mention-autocomplete>button:focus-visible{box-shadow:inset 0 0 0 2px #73a984}@media (max-width: 600px){.mention-autocomplete{position:absolute;inset:calc(100% + 6px) 0 auto 0;width:100%;max-height:min(300px,45vh);border-radius:13px}.social-composer.mention-open{z-index:30}.composer-main{padding-bottom:10px}}.community-feed-filters{position:static;z-index:auto;inset:auto;display:flex;grid-template-columns:none;align-items:center;gap:6px;width:100%;margin:0 0 12px;padding:0;overflow-x:auto;transform:none;border:0;background:transparent;scrollbar-width:none}.community-feed-filters::-webkit-scrollbar{display:none}.community-feed-filters button{display:flex;align-items:center;gap:5px;min-height:32px;flex:0 0 auto;padding:6px 11px;border:1px solid #dce5de;border-radius:999px;background:#fff;color:#65766c;font-size:9px;font-weight:700;white-space:nowrap;box-shadow:0 1px 3px #173d2a08}.community-feed-filters button svg{width:14px;height:14px}.community-feed-filters button:hover{border-color:#bcd2c2;background:#f4f8f5;color:#286542}.community-feed-filters button.active{border-color:#28754a;background:#28754a;color:#fff;box-shadow:0 4px 12px #28754a28}@media (max-width: 600px){.community-feed-filters{margin-right:14px;margin-left:14px}.feed-heading{padding-bottom:8px}}.friend-discover-list{gap:12px}.friend-discover-card{grid-template-columns:56px minmax(0,1fr);align-items:start;padding:14px;border-color:#dce6de;box-shadow:0 5px 18px #173d2a0b}.friend-discover-card .friend-avatar{width:56px;height:56px;box-shadow:0 0 0 3px #edf4ef}.friend-discover-card .friend-copy{gap:7px;padding-top:2px}.friend-discover-card .friend-copy>b{font-size:13px}.friend-sport-profile{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.friend-sport-profile>span{display:inline-flex!important;align-items:center;gap:4px;overflow:visible!important;padding:4px 7px;border-radius:999px;background:#f2f5f2;color:#607168!important;font-size:8px!important;white-space:nowrap}.friend-sport-profile>span:first-child{background:#fff5d9;color:#7b5b12!important}.friend-sport-profile>span:nth-child(2){background:#eaf5ed;color:#1f6c40!important}.friend-sport-profile svg{width:12px;height:12px}.friend-sport-profile strong,.friend-sport-profile b{font-size:9px}.friend-discover-card .friend-actions{grid-column:1/-1;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-top:2px;padding-top:10px;border-top:1px solid #edf1ed}.friend-discover-card .friend-actions button{min-height:34px;padding:7px 11px;font-weight:750}.friend-chat-action{border:1px solid #cfe0d3!important;background:#eff7f1!important;color:#236b41!important}.friend-challenge-action{background:#173d2a!important;color:#fff!important}.friend-status{display:inline-flex!important;align-items:center;gap:4px;margin-left:auto;padding:6px 9px;border-radius:999px;background:#edf3ee;color:#39704d!important;font-size:8px!important;font-weight:750}.friend-status svg{width:12px}.friend-challenge-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#10291e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.friend-challenge-dialog{width:min(500px,100%);display:grid;gap:12px;padding:20px;border:1px solid #dce6de;border-radius:22px;background:#fff;box-shadow:0 26px 80px #071b124d}.friend-challenge-heading{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;align-items:center;gap:10px;padding-bottom:3px}.friend-challenge-heading>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e7f1e9;color:#216b40}.friend-challenge-heading>span svg{width:23px}.friend-challenge-heading small{color:#398859;font-size:8px;font-weight:850;letter-spacing:1.1px}.friend-challenge-heading h3{margin:2px 0;font-size:17px}.friend-challenge-heading p{margin:0;color:#718078;font-size:9px}.friend-challenge-heading>button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#f0f3f1;color:#5e7066}.friend-challenge-heading>button svg{width:16px}.friend-challenge-dialog>label,.friend-challenge-fields label{display:grid;gap:5px;color:#405449;font-size:9px;font-weight:750}.friend-challenge-dialog input,.friend-challenge-dialog select{padding:10px 11px;font-size:10px}.friend-challenge-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.friend-challenge-actions{display:flex;justify-content:flex-end;gap:7px;padding-top:3px}.friend-challenge-actions button{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:0;border-radius:10px;font-size:10px;font-weight:750}.friend-challenge-actions svg{width:15px}@media (max-width: 600px){.friend-discover-card{grid-template-columns:48px minmax(0,1fr);padding:12px}.friend-discover-card .friend-avatar{width:48px;height:48px}.friend-discover-card .friend-actions{justify-content:stretch}.friend-discover-card .friend-actions button{flex:1}.friend-status{margin-left:0}.friend-challenge-dialog{padding:16px;border-radius:18px}.friend-challenge-fields{grid-template-columns:1fr}}.friend-avatar-button{padding:0;border:0;cursor:pointer}.friend-name-button{align-self:flex-start;padding:0;border:0;background:transparent;color:#243b2f;font-size:inherit;font-weight:800;text-align:left}.friend-name-button:hover{color:#28754a;text-decoration:underline}.friend-profile-action{border:1px solid #dce5de!important;background:#fff!important;color:#52665a!important}.profile-clubs-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-clubs-heading>span{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:16px;background:#e7f1e9;color:#28754a}.profile-clubs-heading svg{width:24px}.profile-club-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.profile-club-list>button{display:grid;grid-template-columns:54px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:11px;border:1px solid #dfe7e1;border-radius:16px;background:#fff;color:#2e4438;text-align:left;box-shadow:0 4px 14px #173d2a0a}.profile-club-list>button:hover{border-color:#b7d2bf;transform:translateY(-1px)}.profile-club-image,.profile-club-image img{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:13px;object-fit:cover;background:#dcecdf;color:#285c3d;font-size:12px;font-weight:850}.profile-club-list>button>div{display:flex;min-width:0;flex-direction:column}.profile-club-list small{color:#398859;font-size:7px;font-weight:800;letter-spacing:.7px}.profile-club-list b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile-club-list div>span{display:flex;align-items:center;gap:3px;color:#718078;font-size:8px}.profile-club-list div>span svg{width:11px}.profile-club-list em{padding:4px 6px;border-radius:99px;background:#edf3ee;color:#607267;font-size:7px;font-style:normal;white-space:nowrap}.profile-club-list>button>svg{width:16px;color:#819087}.public-profile-loading{padding:60px 20px;color:#718078;text-align:center}.public-profile-page{display:grid;gap:12px}.public-profile-page>.profile-back{justify-self:start}.public-profile-hero{overflow:hidden;border:1px solid #dce5de;border-radius:22px;background:#fff;box-shadow:0 8px 28px #173d2a12}.public-profile-cover{height:122px;background:linear-gradient(135deg,#173d2a,#398859 62%,#d9e96a);background-position:center;background-size:cover}.public-profile-identity{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:end;gap:14px;padding:0 18px 17px}.public-profile-avatar,.public-profile-avatar img{width:92px;height:92px;display:grid;place-items:center;overflow:hidden;border-radius:50%;object-fit:cover;background:#dcecdf;color:#173d2a;font-size:22px;font-weight:850}.public-profile-avatar{margin-top:-42px;border:5px solid #fff;box-shadow:0 3px 12px #173d2a20}.public-profile-identity>div{padding-bottom:3px}.public-profile-identity small,.public-profile-section-heading small{color:#398859;font-size:8px;font-weight:850;letter-spacing:1px}.public-profile-identity h2{margin:2px 0;font-size:22px}.public-profile-identity p{display:flex;align-items:center;gap:5px;margin:0;color:#718078;font-size:9px}.public-profile-identity p svg{width:13px}.public-profile-identity>button{display:flex;align-items:center;gap:6px;padding:9px 13px;border:0;border-radius:10px;background:#28754a;color:#fff;font-size:10px;font-weight:750}.public-profile-identity>button svg{width:16px}.public-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #dfe6e0;border-radius:16px;background:#fff}.public-profile-stats>div{display:flex;min-width:0;flex-direction:column;padding:13px 15px;border-right:1px solid #e8ede9}.public-profile-stats>div:last-child{border:0}.public-profile-stats small{color:#718078;font-size:8px}.public-profile-stats b{margin:2px 0;color:#284537;font-size:14px}.public-profile-stats span{color:#819087;font-size:8px}.public-profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.public-profile-section-heading h3{margin:2px 0}.public-profile-section-heading>svg{width:20px;color:#398859}.public-profile-about>p{margin:9px 0;color:#52665a;font-size:10px;line-height:1.6}.public-profile-about>div:last-child{display:flex;gap:5px;flex-wrap:wrap}.public-profile-about>div:last-child span{padding:4px 7px;border-radius:99px;background:#edf5ef;color:#286542;font-size:8px;font-weight:700}.public-profile-ratings article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf1ed}.public-profile-ratings article:last-of-type{border:0}.public-profile-ratings article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eaf3ec;color:#28754a;font-weight:850}.public-profile-ratings article>div{display:flex;min-width:0;flex-direction:column}.public-profile-ratings b{font-size:10px}.public-profile-ratings small{color:#718078;font-size:8px}.public-profile-ratings article>div:last-child{text-align:right}.public-profile-ratings strong{color:#876817;font-size:10px}.public-profile-ratings em{color:#718078;font-size:8px;font-style:normal}.public-profile-groups>button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:9px 0;border:0;border-bottom:1px solid #edf1ed;background:#fff;color:#2e4438;text-align:left}.public-profile-groups>button:last-of-type{border:0}.public-group-image,.public-group-image img{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:11px;object-fit:cover;background:#dcecdf;color:#285c3d;font-size:9px;font-weight:850}.public-profile-groups button>div{display:flex;min-width:0;flex-direction:column}.public-profile-groups b{font-size:10px}.public-profile-groups small{overflow:hidden;color:#718078;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.public-profile-groups button>svg{width:16px;color:#819087}.public-profile-empty{margin:12px 0 2px;color:#819087;font-size:9px;text-align:center}@media (max-width: 600px){.profile-club-list{grid-template-columns:1fr}.profile-club-list>button{grid-template-columns:48px minmax(0,1fr) 18px}.profile-club-image,.profile-club-image img{width:48px;height:48px}.profile-club-list em{display:none}.public-profile-cover{height:100px}.public-profile-identity{grid-template-columns:72px minmax(0,1fr);align-items:center;padding:0 13px 13px}.public-profile-avatar,.public-profile-avatar img{width:72px;height:72px}.public-profile-avatar{margin-top:-34px;border-width:4px}.public-profile-identity h2{font-size:18px}.public-profile-identity>button{grid-column:1/-1;justify-content:center}.public-profile-stats>div{padding:10px}.public-profile-stats b{font-size:11px}.public-profile-stats span{white-space:normal}}.notification-panel{width:min(580px,calc(100% - 24px));background:#f5f8f6;border-color:#d5e0d8;box-shadow:0 26px 80px #0d291d45}.notification-heading{padding:17px 18px 13px;background:linear-gradient(135deg,#fff,#f4f9f5)}.notification-title-row{display:flex;align-items:center;gap:9px}.notification-title-row h3{margin:2px 0 0}.notification-title-row>span{display:inline-flex;align-items:center;gap:4px;margin-top:3px;padding:4px 7px;border-radius:999px;background:#e6f3e9;color:#2b7046;font-size:8px;font-weight:700}.notification-title-row>span i{min-width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#28754a;color:#fff;font-size:7px;font-style:normal}.notification-heading .icon-button{border:1px solid #e0e8e2;background:#fff;box-shadow:0 2px 8px #173d2a0c;transition:background .16s ease,transform .16s ease}.notification-heading .icon-button:hover{background:#edf4ef;transform:rotate(4deg)}.notification-tabs{display:flex;gap:5px;padding:0 14px 12px;overflow-x:auto;border-bottom:1px solid #e2e9e4;background:#fff;scrollbar-width:none}.notification-tabs::-webkit-scrollbar{display:none}.notification-tabs button{flex:0 0 auto;min-height:33px;padding:7px 10px;border:1px solid #e4eae6;border-radius:999px;background:#f7f9f7;font-size:9px;transition:all .16s ease}.notification-tabs button>svg{width:14px;height:14px}.notification-tabs button>i{min-width:17px;height:17px}.notification-tabs button:hover{border-color:#c7d8cb;background:#edf5ef;color:#286542}.notification-tabs button.active{border-color:#28754a;background:#28754a;color:#fff;box-shadow:0 5px 14px #28754a2b}.notification-tabs button.active>i{background:#fff;color:#28754a}.notification-list{display:grid;gap:7px;padding:10px;background:#f5f8f6}.notification-card{position:relative;width:100%;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:10px;margin:0;padding:11px 10px!important;overflow:hidden;border:1px solid #e0e7e2!important;border-radius:15px!important;background:#fff;text-align:left;box-shadow:0 3px 12px #173d2a09;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.notification-card:hover{border-color:#bdd1c2!important;background:#fff;box-shadow:0 9px 24px #173d2a16;transform:translateY(-1px)}.notification-card.unread{border-color:#bad7c1!important;background:linear-gradient(90deg,#f0f9f2,#fff 42%);box-shadow:inset 3px 0 #35a45d,0 4px 15px #173d2a0c}.notification-card-icon{position:relative;width:44px;height:44px;display:grid!important;place-items:center;align-self:start;border-radius:14px;color:#52665b!important}.notification-card-icon>svg{width:20px;height:20px}.notification-card-icon>i{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#35a45d;box-shadow:0 1px 4px #173d2a25}.notification-card-icon.icon-community{background:#fff0df;color:#a36020!important}.notification-card-icon.icon-groups{background:#e9efff;color:#4a64a0!important}.notification-card-icon.icon-activities{background:#e5f5e9;color:#277448!important}.notification-card-icon.icon-system{background:#edf0ee;color:#627169!important}.notification-card-content{display:flex!important;min-width:0;flex-direction:column;gap:3px;color:#30473b!important}.notification-card-content>b{overflow:hidden;color:#263c31;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.notification-card-meta{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-width:0}.notification-card-meta time{flex:0 0 auto;color:#89958e;font-size:7px;font-weight:650}.notification-card .notification-kind{padding:2px 6px;font-size:7px!important;letter-spacing:.2px}.notification-card-body{display:-webkit-box!important;overflow:hidden;color:#66776e!important;font-size:9px!important;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-card-chevron{width:16px;color:#9aa59f;transition:transform .16s ease}.notification-card:hover .notification-card-chevron{color:#28754a;transform:translate(2px)}.notification-empty{min-height:230px;padding:46px 20px}.notification-empty svg{width:38px;height:38px;padding:9px;border-radius:13px;background:#eaf3ec;color:#398859}@media (max-width: 520px){.notification-panel{top:68px;width:calc(100% - 16px);max-height:calc(100dvh - 84px);border-radius:18px}.notification-heading{padding:14px 14px 11px}.notification-tabs{padding-right:10px;padding-left:10px}.notification-list{padding:8px}.notification-card{grid-template-columns:40px minmax(0,1fr) 14px;gap:8px;padding:10px 8px!important}.notification-card-icon{width:40px;height:40px;border-radius:12px}.notification-card-content>b{font-size:10px}.notification-card-body{font-size:8px!important}}.notification-panel .notification-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.notification-panel .notification-tab{width:100%;min-width:0;flex:none;overflow:hidden}.notification-panel .notification-tab>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-panel .notification-tab>i{flex:0 0 auto}.notification-panel .tab-all.active{background:#173d2a;border-color:#173d2a}.notification-panel .tab-system.active{background:#52635a;border-color:#52635a}.notification-card{min-width:0}.notification-card-content,.notification-card-meta,.notification-card-body{min-width:0;max-width:100%}.notification-card.category-system{border-color:#dfe4e1!important}.notification-card.notification-type-chat-message .notification-card-icon{background:#eee9ff;color:#7051ad!important}.notification-card[class*=notification-type-friend-] .notification-card-icon{background:#e5f0ff;color:#3970ad!important}.notification-card.notification-type-chat-message .notification-kind{background:#f0ebff;color:#7051ad!important}.notification-card[class*=notification-type-friend-] .notification-kind{background:#e8f2ff;color:#3970ad!important}@media (max-width: 520px){.notification-panel .notification-tabs{display:flex;grid-template-columns:none;gap:6px;padding-inline:10px;overflow-x:auto;scroll-padding-inline:10px;scroll-snap-type:x proximity}.notification-panel .notification-tab{width:auto;min-width:max-content;flex:0 0 auto;scroll-snap-align:start}.notification-panel .notification-tab:first-child{margin-left:0}.notification-panel .notification-tab:last-child{margin-right:2px}}.notification-panel{width:min(650px,calc(100% - 24px))}.notification-card,.notification-card.category-system,.notification-card.category-activities{grid-template-columns:48px minmax(0,1fr) 20px;align-items:start;gap:12px;min-height:78px;padding:12px!important;border-color:#e0e7e2!important}.notification-card-icon{width:48px;height:48px;align-self:start;border-radius:15px}.notification-card-content{overflow:visible}.notification-card-content>b{display:-webkit-box;overflow:hidden;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-card-body{overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:3}.notification-card-meta{min-height:18px;flex-wrap:wrap}.notification-card-chevron{align-self:center;justify-self:end}.notification-load-more{justify-self:center;min-width:180px;margin:3px 0 5px;padding:9px 15px;border:1px solid #c7d8cb;border-radius:999px;background:#fff;color:#28754a;font-size:9px;font-weight:750;box-shadow:0 3px 10px #173d2a0c}.notification-load-more:hover{border-color:#8fb69a;background:#edf6ef}.notification-load-more:disabled{cursor:wait;opacity:.65}@media (max-width: 520px){.notification-panel{width:calc(100% - 12px)}.notification-card,.notification-card.category-system,.notification-card.category-activities{grid-template-columns:42px minmax(0,1fr) 16px;gap:9px;min-height:72px;padding:10px!important}.notification-card-icon{width:42px;height:42px;border-radius:13px}.notification-card-meta{flex-wrap:nowrap}.notification-card-body{-webkit-line-clamp:3}}@media (max-width: 360px){.notification-card,.notification-card.category-system,.notification-card.category-activities{grid-template-columns:40px minmax(0,1fr);gap:8px}.notification-card-chevron{display:none}.notification-card-meta{align-items:flex-start;flex-direction:column;gap:2px}}.notification-panel{transform-origin:top center;animation:notification-panel-in .18s ease-out}@keyframes notification-panel-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.985)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.notification-panel{animation:none}}.activity-feed{display:grid;gap:12px}.feed-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.feed-heading small{display:block;color:#398859;font-size:9px;font-weight:800;letter-spacing:1.2px}.feed-heading h3{margin:3px 0 0}.feed-heading>span{padding:5px 9px;border-radius:99px;background:#edf3ee;color:#587064;font-size:10px}.feed-grid{display:grid;gap:11px}.feed-card{position:relative;overflow:hidden;display:grid;gap:7px;padding:15px 16px;border:1px solid #e0e8e1;border-radius:17px;background:#fff;box-shadow:0 5px 16px #173d2a0a;cursor:pointer;transition:.18s ease}.feed-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#398859}.feed-card:hover{transform:translateY(-1px);border-color:#bcd3c1;box-shadow:0 9px 24px #173d2a12}.feed-challenge:before{background:#df8d36}.feed-poll:before{background:#597fc4}.feed-expense:before{background:#9971bd}.feed-card-top,.feed-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.feed-card-top small{color:#89958e;font-size:9px}.feed-kind{justify-self:start;padding:4px 8px;border-radius:99px;background:#eaf5ed;color:#247046;font-size:9px;font-weight:750}.feed-card h3{margin:0;font-size:15px}.feed-card p{margin:0;color:#62746a;font-size:11px}.feed-card-footer{padding-top:3px;color:#28754a;font-size:10px;font-weight:650}.feed-card-footer svg{width:16px}.event-quick-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:6px}.event-quick-actions>span{margin-right:2px;color:#6d7e74;font-size:10px}.event-quick-actions button{padding:6px 9px;border:1px solid #d8e4da;border-radius:9px;background:#f7faf7;color:#476052;font-size:9px}.event-quick-actions button.active{border-color:#28754a;background:#28754a;color:#fff}.event-quick-actions button:disabled{opacity:.6}.feed-detail-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#10291e88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.feed-detail{position:relative;width:min(560px,100%);max-height:82dvh;overflow-y:auto;padding:24px;border-radius:22px;background:#fff;box-shadow:0 25px 80px #10291e55}.feed-detail-close{position:absolute;right:14px;top:14px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#eef3ef;color:#294f3a}.feed-detail-close svg{width:18px}.feed-detail h2{margin:12px 42px 7px 0}.feed-detail>p{color:#62746a}.feed-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.feed-detail-facts>span{display:flex;flex-direction:column;gap:3px;padding:11px;border-radius:12px;background:#f5f8f5;color:#617268;font-size:11px}.feed-detail-facts b{color:#294b38;font-size:10px}.detail-actions{margin-top:16px;padding-top:14px;border-top:1px solid #e5ebe6}.detail-actions>span{flex-basis:100%;font-weight:700;color:#314c3d}@media (max-width: 520px){.conversation{grid-template-columns:42px minmax(0,1fr) auto!important}.conversation-avatar,.conversation-icon{width:42px;height:42px}.conversation-view .messages{height:calc(100dvh - 270px);min-height:300px}.read-status{font-size:0}.message-toast{right:14px}.highlight-card{padding-right:50px}.city-filter{align-items:flex-start;flex-direction:column;gap:6px}.city-filter select{max-width:none}.profile-info-panel,.profile-ranking-panel{padding:15px}.profile-rank-summary{grid-template-columns:1fr 1fr}.profile-rank-summary>div:first-child{grid-column:1/-1}.profile-rating-list article{grid-template-columns:38px minmax(0,1fr)}.profile-rating-list article>div:last-child{grid-column:2;text-align:left}.profile-form{gap:10px}.profile-form>.profile-field,.profile-form>.sport-picker{padding:12px}.profile-field>small{min-height:0}.sport-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sport-choice{grid-template-columns:30px minmax(0,1fr) 16px;padding:9px!important;gap:6px}.sport-choice-icon{width:30px;height:30px;font-size:17px}}.challenge-card{position:relative;overflow:hidden}.challenge-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#b8c4bb}.challenge-card.status-invited:before,.challenge-card.status-pending_confirmation:before{background:#d19a24}.challenge-card.status-accepted:before,.challenge-card.status-completed:before{background:#2d8a56}.challenge-card.status-disputed:before,.challenge-card.status-cancelled:before{background:#bd4c4c}.challenge-people{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.challenge-people span{color:#718078;font-size:12px}.challenge-score{display:flex;align-items:center;gap:8px}.challenge-score small{font-size:11px;color:#718078;font-weight:500}.challenge-dispute{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid #e5ebe5}.cultivation-ranking span{display:flex;flex-direction:column}.cultivation-ranking em{font-size:11px;color:#8b681e;font-style:normal}.guide-grid{display:grid;gap:10px}.guide-card{background:#fff;border:1px solid #e2e8e3;border-radius:18px;padding:15px}.guide-card summary{list-style:none;display:flex;gap:12px;align-items:center;cursor:pointer}.guide-card summary::-webkit-details-marker{display:none}.guide-card summary>svg{color:#8b681e}.guide-card summary span{display:flex;flex-direction:column}.guide-card summary small,.guide-card p{color:#65776c}.rank-path{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rank-path span{display:flex;flex-direction:column;background:#f4f7f3;border-radius:10px;padding:8px}.rank-path small{font-size:9px;color:#718078}@media (max-width: 520px){.rank-path{grid-template-columns:repeat(2,1fr)}}.community-see-all{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #dbe5dd;border-radius:11px;background:#fff;color:#28754a;font-size:10px;font-weight:700}.community-see-all svg{width:18px}.community-directory-modal{width:min(680px,100%)}.community-directory-intro{margin:0;color:#4d6256;font-size:12px}.community-directory-filters{display:grid;grid-template-columns:1.3fr 1fr;gap:9px;margin:16px 0}.community-search{position:relative;display:flex;align-items:center}.community-search svg{position:absolute;left:12px;width:17px;color:#718078}.community-search input{padding-left:38px}.community-member-list{display:grid;gap:8px}.community-member-list article{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(150px,auto) 36px;align-items:center;gap:10px;padding:11px;border:1px solid #e0e8e1;border-radius:14px;background:#fff}.community-member-avatar{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#dcecdf;color:#285c3d;font-size:11px;font-weight:800;line-height:1;text-align:center}.community-member-avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover;object-position:center}.community-member-name,.community-member-achievement{display:flex;min-width:0;flex-direction:column}.community-member-name b,.community-member-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-member-name small,.community-member-achievement span,.community-member-achievement small{color:#718078;font-size:9px}.community-member-achievement{text-align:right}.community-member-achievement strong{color:#8b681e;font-size:11px}.community-load-more{display:block;margin:12px auto 0;padding:9px 18px;border:1px solid #cbdace;border-radius:11px;background:#fff;color:#28754a}.community-result-count{display:block;margin-top:8px;color:#819087;text-align:center}@media (max-width: 600px){.community-directory-filters{grid-template-columns:1fr}.community-member-list article{grid-template-columns:40px minmax(0,1fr) 36px}.community-member-avatar{width:40px;height:40px}.community-member-achievement{grid-column:2;text-align:left}.community-see-all span{display:none}}.market-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.market-heading small{color:#398859;font-size:9px;font-weight:800;letter-spacing:1.3px}.market-heading h3{margin:3px 0}.market-heading>span{display:flex;flex-direction:column;padding:8px 11px;border-radius:12px;background:#edf6ef;color:#52665a;font-size:9px;text-align:right}.market-heading>span b{color:#1e6039;font-size:17px}.gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gift-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid #e1e8e2;border-radius:14px;background:#fbfcfb}.gift-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5ef;font-size:23px}.gift-card>div{display:flex;min-width:0;flex-direction:column}.gift-card small{color:#718078;font-size:9px}.gift-card strong{color:#8b681e;font-size:10px}.gift-card button{grid-column:2/-1;padding:7px;border:0;border-radius:9px;background:#173d2a;color:#fff}.gift-card button:disabled{opacity:.45}.gift-card.owned{grid-template-columns:42px minmax(0,1fr)}.gift-card.owned strong{grid-column:2}.market-empty{display:grid;place-items:center;gap:5px;padding:28px;color:#718078;text-align:center}.market-empty svg{width:30px}.admin-market{margin-top:16px;padding-top:12px;border-top:1px solid #e5ebe6}.admin-market form{display:grid;grid-template-columns:minmax(0,1fr) 100px auto auto;align-items:center;gap:7px;margin:7px 0}.admin-market input{padding:8px}.admin-market button{padding:8px;border:0;border-radius:8px;background:#173d2a;color:#fff;font-size:10px}.challenge-tabs{display:flex;gap:7px;margin:14px 0;overflow:auto}.challenge-tabs button{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 11px;border:1px solid #dce5de;border-radius:99px;background:#fff;color:#52665a}.challenge-tabs button.active{background:#173d2a;color:#fff}.challenge-tabs i{min-width:18px;padding:2px 5px;border-radius:99px;background:#e4ece6;color:#315b40;font-size:9px;font-style:normal}.challenge-tabs .active i{background:#fff2;color:#fff}.challenge-modern-card{position:relative;overflow:hidden;margin:11px 0;border:1px solid #e0e8e1;border-radius:18px;background:#fff;box-shadow:0 5px 17px #173d2a0b}.challenge-modern-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#b8c4bb}.challenge-modern-card.status-invited:before,.challenge-modern-card.status-pending_confirmation:before{background:#d19a24}.challenge-modern-card.status-accepted:before,.challenge-modern-card.status-completed:before{background:#2d8a56}.challenge-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #edf1ed}.challenge-creator{display:flex;align-items:center;gap:8px}.challenge-creator>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dcecdf;color:#285c3d;font-size:10px;font-weight:800}.challenge-creator>div{display:flex;flex-direction:column}.challenge-creator small{color:#819087;font-size:7px;letter-spacing:1px}.challenge-main{padding:14px}.challenge-sport{padding:4px 7px;border-radius:99px;background:#edf5ef;color:#28754a;font-size:9px;font-weight:700}.challenge-main h3{margin:8px 0}.challenge-versus{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:8px;text-align:center}.challenge-versus b{padding:9px;border-radius:11px;background:#f4f7f4;font-size:11px}.challenge-versus i{font-size:10px;font-style:normal;font-weight:900;color:#b27a20}.challenge-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:11px;color:#718078;font-size:10px}.challenge-meta span{display:flex;align-items:center;gap:4px}.challenge-meta svg{width:14px}.challenge-gift{display:flex;align-items:center;gap:9px;margin-top:12px;padding:9px;border:1px dashed #d8bd78;border-radius:12px;background:#fffaf0}.challenge-gift>span{font-size:25px}.challenge-gift>div{display:flex;flex:1;flex-direction:column}.challenge-gift small{font-size:7px;color:#a17819}.challenge-gift em{font-size:9px;font-style:normal;color:#8b681e}.challenge-score-modern{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:24px}.challenge-score-modern small{font-size:9px;color:#718078}.challenge-actions{display:flex;gap:7px;flex-wrap:wrap;padding:11px 14px;border-top:1px solid #edf1ed;background:#fafcfa}.challenge-actions>button,.challenge-actions form button{padding:8px 11px;border:0;border-radius:9px;background:#173d2a;color:#fff;font-size:10px}@media (max-width: 560px){.gift-grid{grid-template-columns:1fr}.admin-market form{grid-template-columns:1fr 90px}.admin-market form button{grid-row:2}.challenge-versus{grid-template-columns:1fr 28px 1fr}}.profile-admin-badge{display:inline-block;margin-top:7px;padding:4px 9px;border-radius:99px;background:#fff3cc;color:#8b681e;font-size:9px;font-weight:800}.profile-menu-panel{padding:18px}.profile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-menu-grid button{display:flex;align-items:center;gap:11px;min-width:0;padding:13px;border:1px solid #e0e8e1;border-radius:15px;background:#fbfcfb;color:#294738;text-align:left;transition:.18s ease}.profile-menu-grid button:hover{border-color:#a9cbb2;background:#f1f7f2;transform:translateY(-1px)}.profile-menu-grid button>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;background:#e7f1e9;color:#28754a;font-size:19px}.profile-menu-grid svg{width:20px}.profile-menu-grid button>div{display:flex;min-width:0;flex-direction:column}.profile-menu-grid small{color:#718078;font-size:9px}.profile-menu-grid .featured{border-color:#bad4c0;background:#edf7ef}.profile-menu-grid .featured>span{background:#28754a;color:#fff}.profile-menu-grid .admin-menu{grid-column:1/-1;border-color:#e3d29e;background:#fffaf0}.profile-feature-view{display:grid;gap:12px}.profile-back{justify-self:start;display:flex;align-items:center;gap:6px;padding:8px 10px;border:0;border-radius:10px;background:#edf3ee;color:#294738}.profile-back svg{width:17px}.profile-feature-heading{padding:4px 2px}.profile-feature-heading small{color:#398859;font-size:9px;font-weight:800;letter-spacing:1.3px}.profile-feature-heading h2{margin:4px 0}.profile-feature-heading p{margin:0;color:#718078;font-size:11px}.profile-feature-view .market-panel{margin-top:0}@media (max-width: 520px){.profile-menu-grid{grid-template-columns:1fr}.profile-menu-grid .admin-menu{grid-column:auto}}.profile-menu-grid .policy-menu{border-color:#bfd1e7;background:#f4f8fd}.policy-admin{display:grid;gap:12px}.policy-admin>.panel{margin:0}.policy-fields input{font-weight:750;color:#173d2a}.policy-ranks{display:grid;gap:7px;margin-top:14px}.policy-ranks>div{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px}.policy-ranks input{padding:9px}.policy-interactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.policy-interactions label{display:grid;grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:8px;padding:9px;border:1px solid #e2e8e3;border-radius:12px}.policy-interactions label>span{display:flex;min-width:0;flex-direction:column;font-size:11px;font-weight:700}.policy-interactions small{overflow:hidden;color:#829087;font-size:7px;text-overflow:ellipsis}.policy-interactions input{padding:8px;text-align:center}.policy-save{position:sticky;bottom:82px;z-index:2;width:100%;padding:13px;border:0;border-radius:12px;box-shadow:0 8px 24px #173d2a30}@media (max-width: 520px){.policy-interactions{grid-template-columns:1fr}.policy-ranks>div{grid-template-columns:minmax(0,1fr) 100px}}.knowledge-overview{margin:14px 0;padding:16px;border:1px solid #dfe8e1;border-radius:20px;background:linear-gradient(145deg,#fff,#f5f9f5);box-shadow:0 8px 24px #173d2a0a}.knowledge-heading,.knowledge-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.knowledge-heading>div:first-child,.knowledge-toolbar>div:nth-child(2){flex:1}.knowledge-heading small,.knowledge-toolbar small{color:#398859;font-size:8px;font-weight:850;letter-spacing:1.3px}.knowledge-heading h3,.knowledge-toolbar h3{margin:3px 0}.knowledge-heading>div:last-child,.knowledge-actions{display:flex;gap:5px}.knowledge-pinned-card{position:relative;width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;margin-top:12px;padding:16px;border:1px solid #d7c58c;border-radius:17px;background:linear-gradient(135deg,#fffdf4,#f5f9ef);color:#24372e;text-align:left;overflow:hidden}.knowledge-pinned-card:after{content:"";position:absolute;right:-24px;top:-30px;width:100px;height:100px;border-radius:50%;background:#e7f65526}.knowledge-pin-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#173d2a;color:#e7f655}.knowledge-pin-icon svg{width:19px}.knowledge-pinned-card small{color:#8b681e;font-size:8px;font-weight:850;letter-spacing:1px}.knowledge-pinned-card h3{margin:5px 0;font-size:17px}.knowledge-pinned-card p{display:-webkit-box;overflow:hidden;margin:0;color:#647369;font-size:11px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.knowledge-pinned-card em{display:flex;align-items:center;gap:5px;margin-top:10px;color:#28754a;font-size:10px;font-style:normal;font-weight:800}.knowledge-pinned-card em svg{width:14px}.knowledge-empty{width:100%;display:grid;grid-template-columns:35px 1fr 24px;align-items:center;gap:9px;margin-top:12px;padding:14px;border:1px dashed #cdd9cf;border-radius:15px;background:#fbfcfb;color:#52665a;text-align:left}.knowledge-empty>span{display:flex;flex-direction:column}.knowledge-empty small{color:#829087;font-size:9px}.knowledge-skeleton{margin-top:12px;padding:18px;border-radius:15px;background:#f0f4f0;color:#718078;font-size:10px}.knowledge-list,.knowledge-detail,.knowledge-editor{border-radius:20px}.knowledge-list-cards{display:grid;gap:8px;margin-top:14px}.knowledge-list-cards>button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:12px;border:1px solid #e1e8e2;border-radius:14px;background:#fbfcfb;color:inherit;text-align:left}.knowledge-list-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5ef;font-size:21px}.knowledge-list-cards button>div{display:flex;min-width:0;flex-direction:column}.knowledge-list-cards small{color:#398859;font-size:8px;font-weight:800}.knowledge-list-cards b{margin:2px 0}.knowledge-list-cards p{overflow:hidden;margin:0;color:#718078;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.knowledge-list-cards em{margin-top:4px;color:#96a099;font-size:8px;font-style:normal}.knowledge-list-cards>button>svg{width:15px;color:#a0781c}.knowledge-pinned-label{display:inline-flex;align-items:center;gap:4px;margin-top:14px;padding:5px 8px;border-radius:99px;background:#fff4cf;color:#896719;font-size:9px;font-weight:800}.knowledge-pinned-label svg{width:12px}.knowledge-byline{margin:9px 0 16px;color:#829087;font-size:9px}.knowledge-body{padding-top:10px;border-top:1px solid #e7ece8}.knowledge-body p{margin:0 0 10px;color:#35493e;line-height:1.65;white-space:pre-wrap}.knowledge-content-input{min-height:260px}.knowledge-actions .active-pin{background:#fff3c7;color:#806014}.knowledge-editor .form-grid{margin-top:14px}.knowledge-add-button{display:flex;align-items:center;gap:4px;padding:8px 10px;border:0;border-radius:10px;background:#173d2a;color:#fff;font-size:9px;font-weight:800}.knowledge-add-button svg{width:15px}.knowledge-toolbar .knowledge-add-button{flex:0 0 auto}.member-removal-form{display:grid;gap:10px;margin:10px 0;padding:14px;border:1px solid #edcaca;border-radius:15px;background:#fff8f8}.member-removal-form small{color:#a44747;font-size:8px;font-weight:850;letter-spacing:1.2px}.member-removal-form h4{margin:3px 0}.member-removal-form p{margin:0;color:#7e6767;font-size:10px}.member-removal-form textarea{min-height:82px}.member-removal-form button{padding:9px 12px;border:0;border-radius:9px;background:#9b3434;color:#fff}.role-action{background:#eaf4ff!important;color:#285c89!important}.feed-card.feed-notice{border-color:#e7d5a6;background:linear-gradient(145deg,#fffdf8,#fffaf0)}.feed-card.feed-notice .feed-kind{background:#fff0c7;color:#8b681e}.group-knowledge-page{display:grid;gap:12px}.group-knowledge-page>.panel{margin:0}.knowledge-page-detail .profile-feature-heading{padding:4px 8px 10px;border-bottom:1px solid #e5ebe6}.knowledge-page-detail .knowledge-detail{padding:22px}.knowledge-page-detail .knowledge-toolbar{align-items:flex-start}.knowledge-page-detail .knowledge-toolbar h3{font-size:24px;line-height:1.3}.knowledge-page-detail .knowledge-byline{margin:14px 0 24px;padding-bottom:14px;border-bottom:1px solid #e8ede9}.knowledge-page-detail .knowledge-body{max-width:680px;margin:auto;padding-top:4px;border-top:0}.knowledge-page-detail .knowledge-body p{font-size:15px;line-height:1.8}.knowledge-page-detail .knowledge-pinned-label{margin-top:20px}@media (max-width: 520px){.knowledge-page-detail .knowledge-detail{padding:16px}.knowledge-page-detail .knowledge-toolbar h3{font-size:20px}.knowledge-page-detail .knowledge-body p{font-size:14px}}.invitation-manager{overflow:hidden}.shared-invitation-panel{display:grid;gap:.8rem;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.shared-invitation-panel h3,.shared-invitation-panel p{margin:.2rem 0}.shared-invitation-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem}.shared-invitation-actions input{min-width:0}.shared-invitation-actions button{display:inline-flex;align-items:center;gap:.35rem}.shared-invitation-actions svg,.shared-invitation-panel>button svg{width:1rem;height:1rem}@media (max-width: 640px){.shared-invitation-actions{grid-template-columns:1fr 1fr}.shared-invitation-actions input{grid-column:1 / -1}}.invitation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.invitation-heading small{color:#398859;font-size:8px;font-weight:850;letter-spacing:1.2px}.invitation-heading h3{margin:4px 0}.invitation-heading p{margin:0;color:#718078;font-size:10px}.invitation-heading>svg{width:34px;height:34px;padding:7px;border-radius:11px;background:#e7f1e9;color:#28754a}.contact-import-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:14px}.contact-sync{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #bcd6c3;border-radius:14px;background:#edf7ef;color:#244c35;text-align:left}.contact-sync:disabled{opacity:.55}.contact-sync>svg{width:30px}.contact-sync>span{display:flex;flex-direction:column}.contact-sync small{color:#718078;font-size:8px}.contact-import-grid form{display:grid;gap:7px}.contact-import-grid label{display:grid;gap:4px;color:#52665a;font-size:9px}.contact-import-grid textarea{min-height:86px;padding:9px;font-size:10px}.contact-import-grid form>button,.email-invite button{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;border:0;border-radius:9px;background:#173d2a;color:#fff}.contact-import-grid button svg,.email-invite button svg{width:15px}.email-invite{margin-top:12px;padding:10px;border:1px solid #e3e9e4;border-radius:12px}.email-invite summary{display:flex;align-items:center;gap:6px;margin:0}.email-invite summary svg{width:16px}.invite-disclaimer{margin-top:10px;padding:9px;border-radius:10px;background:#f5f7f5;color:#718078;font-size:8px;line-height:1.5}.invite-tabs{margin-bottom:8px}.contact-invitation-list{display:grid;gap:8px}.contact-invitation{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e1e8e2;border-radius:14px;background:#fbfcfb}.contact-invitation.status-accepted{border-color:#b8d8c1;background:#f3faf5}.contact-invitation.status-expired{opacity:.72}.contact-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#dfeee2;color:#285b3d;font-size:10px;font-weight:850}.contact-invitation>div:nth-child(2){display:flex;min-width:0;flex-direction:column}.contact-invitation small{color:#718078;font-size:9px}.contact-invitation span:not(.contact-avatar){display:flex;align-items:center;gap:4px;margin-top:3px;color:#52665a;font-size:9px}.contact-invitation span svg{width:12px}.contact-invitation em{color:#95a098;font-size:8px;font-style:normal}.contact-invitation>div:last-child button{display:flex;align-items:center;gap:5px;padding:8px;border:0;border-radius:9px;background:#173d2a;color:#fff;font-size:9px}.contact-invitation button svg{width:14px}@media (max-width: 560px){.contact-import-grid{grid-template-columns:1fr}.contact-invitation{grid-template-columns:38px minmax(0,1fr)}.contact-invitation>div:last-child{grid-column:2}.contact-invitation>div:last-child button{width:100%;justify-content:center}}.profile-info-panel{display:none}.profile-summary-panel{padding:18px}.profile-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #e7ede8}.profile-summary-heading small{color:#398859;font-size:9px;font-weight:800;letter-spacing:1.3px}.profile-summary-heading h3{margin:3px 0}.profile-summary-heading button{padding:8px 11px;border:0;border-radius:10px;background:#edf3ee;color:#28754a;font-size:10px;font-weight:750}.profile-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.profile-summary-grid>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:11px;border-radius:12px;background:#f7f9f7}.profile-summary-grid .full{grid-column:1/-1}.profile-summary-grid small{color:#718078;font-size:9px}.profile-summary-grid b{font-size:12px}.profile-summary-grid p{margin:0;color:#52665a;font-size:11px;white-space:pre-wrap}.profile-sport-chips{display:flex;gap:6px;flex-wrap:wrap}.profile-sport-chips span{padding:6px 9px;border:1px solid #d9e5dc;border-radius:99px;background:#fff;color:#315b40;font-size:10px}.profile-sport-chips em{color:#819087;font-size:10px;font-style:normal}.profile-edit-panel{padding:20px}.profile-edit-panel .profile-form>.profile-field{display:grid}@media (max-width: 520px){.profile-summary-grid{grid-template-columns:1fr}.profile-summary-grid .full{grid-column:auto}.profile-edit-panel{padding:14px}}.expense-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.expense-modern-card{display:grid;gap:11px;padding:14px;border:1px solid #dfe7e1;border-radius:17px;background:#fff;box-shadow:0 5px 16px #173d2a0a;cursor:pointer;transition:.18s ease}.expense-modern-card:hover{border-color:#aacbb3;transform:translateY(-1px);box-shadow:0 9px 22px #173d2a12}.expense-card-head{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:9px}.expense-card-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e9f5ed;color:#28754a}.expense-card-head svg{width:18px}.expense-card-head>div small{color:#819087;font-size:7px;letter-spacing:1px}.expense-card-head h3{overflow:hidden;margin:1px 0;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.expense-card-head>svg{color:#819087}.expense-total{font-size:22px;color:#173d2a}.expense-total small{font-size:10px;color:#718078}.expense-card-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.expense-card-facts span{display:flex;min-width:0;flex-direction:column;padding:8px;border-radius:10px;background:#f5f8f5}.expense-card-facts small{color:#819087;font-size:8px}.expense-card-facts b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.expense-progress{display:flex;align-items:center;gap:8px}.expense-progress>span{height:7px;flex:1;overflow:hidden;border-radius:99px;background:#e6ece7}.expense-progress i{display:block;height:100%;border-radius:inherit;background:#398859}.expense-progress small{color:#718078;font-size:8px}.expense-status-row{display:flex;gap:5px;flex-wrap:wrap}.expense-status-row span{padding:4px 7px;border-radius:99px;font-size:8px}.expense-detail-hero{margin:13px 0;padding:19px;border:1px solid #dfe8e1;border-radius:20px;background:linear-gradient(145deg,#fff,#f2f8f3)}.expense-detail-hero>small{color:#398859;font-size:8px;font-weight:800;letter-spacing:1.2px}.expense-detail-hero h2{margin:5px 0}.expense-detail-hero>strong{font-size:26px;color:#173d2a}.expense-detail-hero>strong i{font-size:11px;font-style:normal;color:#718078}.expense-detail-hero>p{color:#65776c;font-size:11px}.payment-list{display:grid;gap:8px}.payment-person{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e1e8e2;border-left:4px solid #d7a43d;border-radius:13px;background:#fff}.payment-person.status-border-received{border-left-color:#398859}.payment-person.status-border-transferred{border-left-color:#3b80c2}.payment-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e4f1e7;color:#285c3d;font-size:10px;font-weight:800}.payment-person>div:nth-child(2){display:flex;flex-direction:column}.payment-person small{color:#718078}.payment-person .actions{grid-column:2/-1}.payment-person .actions button{padding:7px 10px;border:0;border-radius:9px;background:#173d2a;color:#fff;font-size:9px}@media (max-width: 600px){.expense-card-grid{grid-template-columns:1fr}.expense-card-facts{grid-template-columns:1fr 1fr}.payment-person{grid-template-columns:36px minmax(0,1fr) auto}.payment-avatar{width:36px;height:36px}}.group-summary{position:relative}.group-chat-only{position:absolute;right:16px;bottom:16px;width:42px;height:42px;border-radius:50%;box-shadow:0 6px 16px #173d2a24}.group-chat-only svg{width:19px}@media (min-width: 761px){.app{max-width:960px}nav{width:min(960px,100%)}}.home-page{grid-template-columns:minmax(0,1.55fr) minmax(250px,.85fr);gap:18px;align-items:start}.home-hero{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:19px 22px;border-radius:20px;box-shadow:0 9px 24px #143c2722}.home-hero:after{width:130px;height:130px;right:-48px;bottom:-72px}.home-identity-avatar,.home-identity-avatar img{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:16px;object-fit:cover;background:#e7f655;color:#173d2a;font-size:14px;font-weight:850}.home-identity-copy{min-width:0}.home-hero h2{margin:3px 0;font-size:21px}.home-hero p{overflow:hidden;max-width:650px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.home-actions-section{grid-column:1/-1}.home-actions-section .home-section-title{display:none}.home-quick-card{align-items:center;padding:11px 13px;border-radius:14px}.home-quick-card>svg{width:20px}.home-quick-card small{font-size:9px}.home-groups-section{grid-column:1;grid-row:3}.home-community-section{grid-column:1;grid-row:4}.home-guide-section{grid-column:2;grid-row:3 / span 2}.home-groups-section,.home-community-section,.home-guide-section{padding:16px;border:1px solid #e2e9e3;border-radius:20px;background:#fff;box-shadow:0 6px 20px #173d2a08}.home-guide-section .home-section-title>svg{width:20px}.home-guide-section .guide-card{padding:11px;border-radius:13px;background:#fafcfa}.home-guide-section .guide-card summary{gap:9px}.home-guide-section .guide-card summary>svg{width:18px}.home-guide-section .guide-card summary small{font-size:8px}.home-guide-section .guide-card p{font-size:10px;line-height:1.55}.home-guide-section .rank-path{grid-template-columns:1fr}.home-group-card{padding:9px;border-radius:13px}.home-group-card .mini-avatar{width:34px;height:34px;flex-basis:34px}.home-group-card small{font-size:9px}.highlight-grid{gap:8px}.highlight-card{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:10px 45px 10px 10px;border-radius:13px}.highlight-avatar,.highlight-card img{width:40px;height:40px}.highlight-info small,.highlight-info span{font-size:9px}.highlight-chat{right:8px;bottom:9px;width:32px;height:32px}.highlight-rank{top:5px;right:8px;font-size:8px}.home-section-title h3{font-size:15px}.home-section-title small{font-size:8px}.home-groups-section .city-filter{padding:7px 9px;border-radius:10px;background:#f5f8f5}.home-groups-section .city-filter select{padding:6px 8px;border:0;background:transparent;font-size:10px}.groups-page{display:grid;gap:18px}.groups-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.groups-page-heading small,.group-collection-heading small{color:#398859;font-size:8px;font-weight:800;letter-spacing:1.35px}.groups-page-heading h2{margin:3px 0;font-size:25px}.groups-page-heading p{margin:0;color:#718078;font-size:10px}.groups-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:9px;padding:12px;border:1px solid #e1e8e2;border-radius:17px;background:#fff}.groups-toolbar .search{align-items:center;padding:9px 11px}.groups-toolbar .search svg{width:18px;color:#718078}.compact-city-filter{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding-left:10px;border-left:1px solid #e4eae5;color:#718078;font-size:9px}.compact-city-filter select{padding:8px;border:0;background:#f5f7f5;font-size:10px}.invite-code-box{grid-column:1/-1;padding-top:8px;border-top:1px solid #edf1ed}.invite-code-box summary{color:#315c41;font-size:10px;font-weight:750;cursor:pointer}.invite-code-box .inline-form{margin-top:8px}.group-collection{display:grid;gap:10px}.group-collection-heading{display:flex;align-items:end;justify-content:space-between;gap:10px}.group-collection-heading h3{margin:2px 0 0;font-size:15px}.group-collection-heading>span{padding:4px 8px;border-radius:99px;background:#edf3ee;color:#607267;font-size:9px}.groups-page .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:0}.groups-page .group{grid-template-columns:58px minmax(0,1fr);gap:11px;min-width:0;padding:10px;border-radius:15px}.groups-page .group-img{width:58px;height:58px;border-radius:12px;font-size:24px}.group-card-copy{min-width:0}.groups-page .group small,.groups-page .group p,.groups-page .group-card-footer{font-size:9px}.groups-page .group h3{overflow:hidden;margin:2px 0;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.groups-page .group p{display:-webkit-box;overflow:hidden;margin:2px 0;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:1}.groups-page .group-card-footer{margin-top:4px}.groups-page .icon-action{width:30px;height:30px;border-radius:9px}.groups-page .row-chevron{width:15px}.group-detail-overview{display:grid;grid-template-columns:176px minmax(0,1fr);gap:12px;margin:10px 0 14px}.group-detail-overview .group-gallery{width:176px;height:176px;margin:0;border-radius:18px}.group-detail-overview .empty-gallery{font-size:42px}.group-detail-overview .gallery-prev,.group-detail-overview .gallery-next{width:28px;height:28px;font-size:18px}.group-detail-overview .group-summary{min-height:176px;margin:0;padding:17px}.group-detail-overview .group-summary-heading h2{margin:3px 0;font-size:20px}.group-detail-overview .group-summary>p{display:-webkit-box;overflow:hidden;margin:6px 0;color:#62746a;font-size:10px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.group-detail-overview .group-facts{grid-template-columns:auto 1fr;gap:5px 14px;padding:7px 50px 0 0}.group-detail-overview .group-facts span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.group-detail-overview .group-facts span:first-child{grid-row:1 / span 2;padding:7px 10px;border-radius:10px;background:#edf5ef}.group-detail-overview .group-chat-only{right:13px;bottom:13px;width:38px;height:38px}.group-tabs{position:static;padding:5px;border:1px solid #dde6df;border-radius:14px;background:#f4f7f4;box-shadow:0 5px 15px #173d2a0b}.group-tabs button{padding:9px;border:0;background:transparent}.group-tabs .active{box-shadow:0 3px 10px #173d2a20}@media (max-width: 760px){.home-page{grid-template-columns:1fr;gap:15px}.home-hero,.home-actions-section,.home-groups-section,.home-community-section,.home-guide-section{grid-column:1;grid-row:auto}.home-groups-section{order:3}.home-community-section{order:4}.home-guide-section{order:5}.groups-page .cards{grid-template-columns:1fr}}@media (max-width: 520px){.content{padding:14px}.home-hero{gap:11px;padding:15px}.home-identity-avatar,.home-identity-avatar img{width:44px;height:44px;flex-basis:44px;border-radius:13px}.home-hero h2{font-size:17px}.home-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.home-quick-card{justify-content:center;padding:10px 6px;text-align:center}.home-quick-card>svg{flex-basis:auto}.home-quick-card>span{gap:0}.home-quick-card small{display:none}.home-groups-section,.home-community-section,.home-guide-section{padding:13px;border-radius:16px}.highlight-grid,.home-group-list{grid-template-columns:1fr}.groups-page{gap:14px}.groups-page-heading p{display:none}.groups-toolbar{grid-template-columns:1fr}.compact-city-filter{border-left:0;padding:0}.invite-code-box{grid-column:1}.group-detail-overview{grid-template-columns:92px minmax(0,1fr);gap:9px}.group-detail-overview .group-gallery{width:92px;height:92px;border-radius:14px}.group-detail-overview .gallery-prev,.group-detail-overview .gallery-next,.group-detail-overview .gallery-dots{display:none}.group-detail-overview .group-summary{min-height:92px;padding:12px}.group-detail-overview .group-summary-heading h2{font-size:15px}.group-detail-overview .group-summary>p{display:none}.group-detail-overview .group-facts{display:flex;gap:5px;padding:4px 38px 0 0;flex-wrap:wrap}.group-detail-overview .group-facts span{font-size:8px}.group-detail-overview .group-facts span:first-child{grid-row:auto;padding:3px 6px}.group-detail-overview .group-facts span:nth-child(2){max-width:145px}.group-detail-overview .group-facts span:nth-child(3){display:none}.group-detail-overview .group-chat-only{right:8px;bottom:8px;width:32px;height:32px}.group-detail-overview .edit-group-button{width:32px;height:32px;flex-basis:32px}}.achievement-detail{gap:14px}.achievement-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.achievement-overview>div{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:2px 9px;padding:13px;border:1px solid #dfe8e1;border-radius:15px;background:linear-gradient(145deg,#fff,#f5f9f5)}.achievement-overview>div>span{grid-row:1 / span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e5f2e8;color:#28754a}.achievement-overview svg{width:18px}.achievement-overview small{color:#718078;font-size:8px}.achievement-overview b{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.achievement-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.achievement-main-tabs,.achievement-sub-tabs{display:flex;gap:5px;padding:4px;border-radius:13px;background:#edf2ee}.achievement-main-tabs button,.achievement-sub-tabs button{padding:9px 13px;border:0;border-radius:10px;background:transparent;color:#5d7065;font-size:10px;font-weight:750}.achievement-main-tabs button.active,.achievement-sub-tabs button.active{background:#173d2a;color:#fff;box-shadow:0 3px 9px #173d2a24}.achievement-toolbar select{width:auto;max-width:210px;padding:9px 11px;font-size:10px}.achievement-sub-tabs{align-self:start}.achievement-ledger{margin:0}.achievement-ledger-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #e7ece8}.achievement-ledger-heading small{color:#398859;font-size:8px;font-weight:850;letter-spacing:1.2px}.achievement-ledger-heading h3{margin:2px 0}.achievement-ledger-heading>span{padding:4px 8px;border-radius:99px;background:#edf3ee;color:#607267;font-size:9px}.achievement-history-list,.rank-transition-list{display:grid}.achievement-history-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #edf1ed}.achievement-history-list article:last-child{border-bottom:0}.point-delta{width:34px;height:34px;display:grid;place-items:center;border-radius:11px}.point-delta svg{width:17px}.point-delta.positive{background:#e7f5ea;color:#237044}.point-delta.negative{background:#fff0ef;color:#a84545}.achievement-history-list article>div{display:flex;min-width:0;flex-direction:column}.achievement-history-list b{font-size:11px}.achievement-history-list small,.achievement-history-list em{color:#7b8981;font-size:8px;font-style:normal}.achievement-history-list article>strong{font-size:14px}.achievement-history-list .positive{color:#237044}.achievement-history-list .negative{color:#a84545}.achievement-empty{padding:26px 10px;color:#718078;text-align:center}.achievement-sport-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.achievement-sport-scores article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #dfe7e1;border-radius:15px;background:#fff}.achievement-sport-scores article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf5ef;font-size:20px}.achievement-sport-scores article>div{display:flex;min-width:0;flex-direction:column}.achievement-sport-scores small,.achievement-sport-scores em{color:#718078;font-size:8px;font-style:normal}.achievement-sport-scores article>strong{color:#173d2a;font-size:18px;text-align:right}.achievement-sport-scores article>strong small{display:block}.rank-transition-list article{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px 2px;border-bottom:1px solid #edf1ed}.rank-transition-list article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:18px;font-weight:850}.rank-transition-list .promoted>span{background:#e7f5ea;color:#237044}.rank-transition-list .demoted>span{background:#fff0ef;color:#a84545}.rank-transition-list article>div{display:flex;flex-direction:column}.rank-transition-list small,.rank-transition-list em{color:#718078;font-size:8px;font-style:normal}.rank-transition-list b{margin:2px 0;font-size:12px}.achievement-profile-entry{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin:14px 0;padding:12px 14px;border:1px solid #b9d6c1;border-radius:16px;background:linear-gradient(135deg,#edf8f0,#fff);color:#244c35;text-align:left;box-shadow:0 5px 16px #173d2a0b}.achievement-profile-entry:hover{border-color:#72ad82;transform:translateY(-1px)}.achievement-profile-entry>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#28754a;color:#fff}.achievement-profile-entry svg{width:20px}.achievement-profile-entry>div{display:flex;min-width:0;flex-direction:column}.achievement-profile-entry small{color:#398859;font-size:7px;font-weight:850;letter-spacing:1.1px}.achievement-profile-entry b{font-size:12px}.achievement-profile-entry em{color:#718078;font-size:9px;font-style:normal}.achievement-profile-entry>strong{font-size:19px}@media (max-width: 600px){.achievement-overview{grid-template-columns:1fr}.achievement-overview>div{grid-template-columns:34px minmax(0,1fr) auto}.achievement-overview>div>span{grid-row:auto;width:34px;height:34px}.achievement-overview>div small{grid-column:2}.achievement-overview>div b{grid-column:3;grid-row:1 / span 2}.achievement-toolbar{align-items:stretch;flex-direction:column}.achievement-toolbar select{max-width:none}.achievement-main-tabs button{flex:1}.achievement-sport-scores{grid-template-columns:1fr}.achievement-sub-tabs{width:100%;overflow:auto}.achievement-sub-tabs button{flex:1;white-space:nowrap}}.home-page{display:flex;flex-direction:column;gap:18px}.home-actions-section{order:2}.home-guide-section{order:3;padding:20px;border:1px solid #dfe8e1;border-radius:22px;background:#fff;box-shadow:0 7px 22px #173d2a09}.home-groups-section{order:4}.home-groups-section,.home-community-section{padding:18px;border:1px solid #e2e9e3;border-radius:20px;background:#fff;box-shadow:0 6px 20px #173d2a08}.home-guide-section .home-section-title{align-items:flex-start}.home-guide-section .home-section-title h3{font-size:18px}.home-guide-section .home-section-title p{margin:4px 0 0;color:#718078;font-size:10px}.rule-stepper{display:grid;gap:14px;min-width:0}.rule-step-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);gap:9px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;touch-action:pan-x}.rule-step-track:before{content:"";position:absolute;left:8%;right:8%;top:29px;height:2px;background:#dce7df}.rule-step-track button{position:relative;z-index:1;display:grid;justify-items:center;align-content:start;gap:3px;min-height:104px;padding:9px 10px;border:1px solid #dfe7e1;border-radius:15px;background:#fbfcfb;color:#52665a;text-align:center;scroll-snap-align:start;transition:.18s ease}.rule-step-track button>span{width:38px;height:38px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#e5f1e8;color:#28754a;box-shadow:0 0 0 1px #cdddcf}.rule-step-track button svg{width:18px}.rule-step-track button i{margin-top:2px;color:#819087;font-size:7px;font-style:normal;font-weight:800;letter-spacing:1px;text-transform:uppercase}.rule-step-track button b{font-size:10px}.rule-step-track button small{color:#819087;font-size:8px}.rule-step-track button:hover,.rule-step-track button.active{border-color:#75ad84;background:#edf7ef;color:#173d2a;transform:translateY(-1px)}.rule-step-track button.active>span{background:#28754a;color:#fff;box-shadow:0 0 0 2px #a9ceb2}.rule-step-tooltip{position:relative;padding:17px 18px;border:1px solid #cfe0d3;border-radius:16px;background:linear-gradient(145deg,#f3faf5,#fff);animation:stepTooltipIn .18s ease}.rule-tooltip-caret{position:absolute;top:-9px;width:16px;height:16px;transform:rotate(45deg);border-top:1px solid #cfe0d3;border-left:1px solid #cfe0d3;background:#f3faf5;transition:left .2s ease}.rule-step-tooltip>div:first-of-type{display:flex;align-items:center;gap:9px}.rule-step-tooltip>div:first-of-type>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#173d2a;color:#fff}.rule-step-tooltip>div:first-of-type svg{width:17px}.rule-step-tooltip>div:first-of-type>div{display:flex;flex-direction:column}.rule-step-tooltip small{color:#398859;font-size:8px;font-weight:800;letter-spacing:1px}.rule-step-tooltip h4{margin:1px 0;font-size:14px}.rule-step-tooltip p{margin:11px 0 0;color:#52665a;font-size:11px;line-height:1.65}.rule-step-tooltip .rank-path{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:11px}.rule-step-tooltip .rank-path span{background:#fff;border:1px solid #e1e9e3}.rule-step-tooltip .rank-path small{letter-spacing:0;font-weight:500}@keyframes stepTooltipIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (max-width: 600px){.home-page{gap:14px}.home-guide-section,.home-groups-section,.home-community-section{padding:14px;border-radius:17px}.rule-step-track{grid-auto-columns:145px;margin-right:-14px;padding-right:14px}.rule-step-track:before{left:25px;right:25px}.rule-step-tooltip{padding:15px}.rule-tooltip-caret{display:none}.rule-step-tooltip .rank-path{grid-template-columns:repeat(2,minmax(0,1fr))}.home-guide-section .home-section-title>svg{display:none}}.home-hero,.home-actions-section,.home-guide-section,.home-groups-section,.home-community-section{width:100%;align-self:stretch}.home-actions-section .home-quick-grid{width:100%}.rule-stepper{gap:0}.rule-step-track{grid-auto-columns:minmax(108px,1fr);gap:7px;padding-bottom:3px}.rule-step-track:before{top:21px}.rule-step-track button{min-height:72px;gap:1px;padding:6px 7px;border-radius:12px}.rule-step-track button>span{width:29px;height:29px;border-width:2px}.rule-step-track button svg{width:13px}.rule-step-track button i{position:absolute;top:3px;right:6px;min-width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#edf2ee;font-size:7px;letter-spacing:0}.rule-step-track button b{max-width:105px;font-size:9px;line-height:1.25}.rule-popup-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#10291e75;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rule-step-popup{position:relative;width:min(620px,100%);max-height:82dvh;overflow:auto;padding:21px;border:1px solid #cfe0d3;border-radius:20px;background:linear-gradient(145deg,#f3faf5,#fff);box-shadow:0 24px 70px #10291e55;animation:stepPopupIn .18s ease}.rule-popup-close{position:absolute;right:12px;top:12px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:#e8f0ea;color:#294738}.rule-popup-close svg{width:17px}.rule-popup-heading{display:flex;align-items:center;gap:11px;padding-right:38px}.rule-popup-heading>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#173d2a;color:#fff}.rule-popup-heading>span svg{width:20px}.rule-popup-heading>div{display:flex;flex-direction:column}.rule-popup-heading small{color:#398859;font-size:8px;font-weight:850;letter-spacing:1px}.rule-popup-heading h4{margin:1px 0;font-size:17px}.rule-popup-heading em{color:#718078;font-size:9px;font-style:normal}.rule-step-popup>p{margin:14px 0 0;color:#52665a;font-size:12px;line-height:1.7}.rule-step-popup .rank-path{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:13px}.rule-step-popup .rank-path span{border:1px solid #e1e9e3;background:#fff}.rule-step-popup .rank-path small{letter-spacing:0;font-weight:500}@keyframes stepPopupIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media (max-width: 600px){.rule-step-track{grid-auto-columns:112px;margin-right:-14px;padding-right:14px}.rule-step-track:before{left:20px;right:20px;top:21px}.rule-popup-backdrop{align-items:end;padding:0}.rule-step-popup{width:100%;max-height:78dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.rule-step-popup .rank-path{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-groups-section,.home-community-section{min-width:0;overflow:hidden}.home-group-list,.highlight-grid{display:grid;grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:minmax(220px,270px);gap:9px;max-width:100%;overflow-x:auto;padding:2px 2px 9px;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-inline:contain}.home-group-card,.highlight-card{scroll-snap-align:start}.home-group-list:after,.highlight-grid:after{content:"";width:1px}@media (max-width: 520px){.home-group-list,.highlight-grid{grid-template-columns:none;grid-auto-columns:minmax(225px,82vw);margin-right:-13px;padding-right:13px}}nav{grid-template-columns:repeat(7,1fr)}nav button{min-width:0}nav button>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.feature-heading small{color:#398859;font-size:9px;font-weight:850;letter-spacing:1.4px}.feature-heading h2{margin:4px 0}.feature-heading p{margin:0;color:#718078;font-size:11px}.feature-heading>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#e7f1e9;color:#28754a}.friend-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:13px}.friend-tabs button{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:9px 12px;border:1px solid #dce4dd;border-radius:99px;background:#fff;color:#52665a}.friend-tabs button.active{background:#173d2a;color:#fff}.friend-tabs i{min-width:18px;padding:2px 5px;border-radius:99px;background:#e7f655;color:#173d2a;font-size:9px;font-style:normal;font-weight:800}.friend-search{display:flex;align-items:center;gap:9px;padding:4px 12px;border:1px solid #dfe6e0;border-radius:14px;background:#fff}.friend-search svg{width:18px;color:#718078}.friend-search input{border:0;outline:0}.friend-list{display:grid;gap:9px;margin-top:13px}.friend-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #e1e8e2;border-radius:17px;background:#fff}.friend-avatar{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#dff0df,#e7f655);color:#173d2a;font-weight:850}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-copy{display:flex;min-width:0;flex-direction:column}.friend-copy span,.friend-copy small{overflow:hidden;color:#718078;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.friend-actions{display:flex;gap:5px}.friend-actions button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:0;border-radius:10px;font-size:10px;white-space:nowrap}.friend-actions svg{width:15px}.friend-block{width:34px;justify-content:center;background:#fff0ef;color:#9b3a3a}.community-warning{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:start;padding:18px;border:1px solid #efd594;border-radius:20px;background:linear-gradient(135deg,#fff9e9,#fff);box-shadow:0 8px 24px #75591210}.community-warning>div:first-child{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#f3b83f;color:#563b00}.community-warning>div:first-child svg{width:22px}.community-warning>div:nth-child(2) span{color:#956a12;font-size:8px;font-weight:900;letter-spacing:1.3px}.community-warning h2{margin:3px 0 5px}.community-warning p{margin:0;color:#695f48;font-size:10px;line-height:1.55}.community-warning>svg{width:20px;color:#b47c0c}.community-composer{padding:14px}.community-composer textarea{min-height:90px;border:0;background:#f6f8f6}.composer-media{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.composer-media img,.composer-media video{width:100%;max-height:190px;object-fit:cover;border-radius:12px;background:#111}.composer-tags{display:flex;align-items:center;gap:8px;margin-top:9px}.composer-tags svg{width:17px;color:#398859}.composer-tags input{padding:9px;border:0;background:#f6f8f6}.composer-actions{display:flex;align-items:center;gap:8px;margin-top:9px}.composer-actions label,.composer-actions button{display:flex;align-items:center;gap:6px;padding:9px 11px;border:0;border-radius:10px;background:#edf3ee;color:#315b40;font-size:10px;font-weight:700}.composer-actions label{cursor:pointer}.composer-actions label input{display:none}.composer-actions svg{width:16px}.composer-actions button{margin-left:auto;background:#173d2a;color:#fff}.feed-explainer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:17px 2px 8px}.feed-explainer span{color:#718078;font-size:9px}.community-feed{display:grid;gap:12px}.community-post{margin:0;padding:0;overflow:hidden}.community-post .post-header{position:static;height:auto;padding:14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;color:#173d2a}.post-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#dff0df;font-size:12px;font-weight:850}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-header>div:nth-child(2){display:flex;flex-direction:column}.post-header span{color:#819087;font-size:8px}.post-header em{padding:5px 8px;border-radius:99px;background:#edf6ef;color:#28754a;font-size:8px;font-style:normal}.friend-activity{padding:7px 14px;background:#eff7f1;color:#3f7250;font-size:9px}.post-text{margin:0;padding:3px 14px 12px;color:#344d40;font-size:12px;line-height:1.65;white-space:pre-wrap}.post-tags{display:flex;gap:5px;flex-wrap:wrap;padding:0 14px 10px}.post-tags span{color:#28754a;font-size:9px;font-weight:700}.post-media{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.post-media.count-1{grid-template-columns:1fr}.post-media img,.post-media video{width:100%;max-height:430px;aspect-ratio:4/3;object-fit:cover;background:#111}.post-stats{display:flex;justify-content:space-between;padding:10px 14px;color:#718078;font-size:9px;border-bottom:1px solid #edf1ed}.post-actions{display:grid;grid-template-columns:1fr 1fr;padding:4px 8px}.post-actions button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:0;background:#fff;color:#52665a;font-size:10px}.post-actions svg{width:17px}.post-actions .liked{color:#c23d4d;font-weight:750}.post-actions .liked svg{fill:currentColor}.post-comments{display:grid;gap:5px;padding:7px 14px;background:#fafcfa}.post-comments>div{display:flex;gap:6px;font-size:10px}.post-comments b{white-space:nowrap}.post-comments span{color:#52665a}.post-comment-form{display:flex;gap:5px;padding:9px 12px}.post-comment-form input{padding:9px 11px;border:0;background:#f0f4f1}.post-comment-form button{width:36px;border:0;border-radius:10px;background:#173d2a;color:#fff}.post-comment-form svg{width:15px}@media (max-width: 600px){.content{padding:14px}.friend-card{grid-template-columns:42px minmax(0,1fr)}.friend-avatar{width:42px;height:42px}.friend-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #edf1ed;padding-top:8px}.community-warning{grid-template-columns:38px minmax(0,1fr)}.community-warning>div:first-child{width:38px;height:38px}.community-warning>svg{display:none}.post-header em{grid-column:2;justify-self:start}.composer-actions{flex-wrap:wrap}.composer-actions button{margin-left:auto}nav{padding-inline:2px}nav button{font-size:8px}nav svg{width:19px}}.friend-privacy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding:11px 13px;border:1px solid #dfe8e1;border-radius:14px;background:#f8faf8}.friend-privacy>div{display:flex;flex-direction:column}.friend-privacy small{color:#718078;font-size:9px}.friend-privacy>button{width:42px;height:24px;padding:3px;border:0;border-radius:99px;background:#bdc8c0;transition:.18s}.friend-privacy>button span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #10291e30;transition:.18s}.friend-privacy>button.active{background:#28754a}.friend-privacy>button.active span{transform:translate(18px)}.social-community{width:min(660px,100%);margin:0 auto}.community-mini-warning{display:flex;align-items:center;gap:6px;margin:-6px 0 14px;padding:6px 9px;border:1px solid #ead9ad;border-radius:9px;background:#fffcf3;color:#756742;font-size:8px;line-height:1.35}.community-mini-warning svg{width:13px;height:13px;flex:0 0 13px;color:#b47c0c}.community-mini-warning b{color:#8d6513}.community-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 13px}.community-title small{color:#398859;font-size:8px;font-weight:850;letter-spacing:1.4px}.community-title h1{margin:3px 0 0;font-size:24px;letter-spacing:-.4px}.community-title>span{padding:6px 9px;border-radius:99px;background:#e9f2eb;color:#28754a;font-size:9px;font-weight:750}.social-composer{overflow:hidden;margin-bottom:14px;border:1px solid #dfe6e0;border-radius:17px;background:#fff;box-shadow:0 3px 12px #173d2a0a}.composer-main{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start;padding:13px 14px 9px}.composer-main textarea{min-height:70px;padding:10px 13px;border:0;border-radius:18px;background:#f1f4f1;font-size:12px;line-height:1.5;outline:0;resize:none}.composer-main textarea:focus{box-shadow:0 0 0 2px #b8d7c1}.social-avatar{position:relative;isolation:isolate;width:42px;height:42px;display:grid;place-items:center;overflow:hidden;flex:0 0 42px;border-radius:50%;background:linear-gradient(135deg,#d9eadf,#e7f655);color:#173d2a;font-size:11px;font-weight:850;line-height:1;text-align:center}.social-avatar.small{width:32px;height:32px;flex-basis:32px;font-size:8px}.social-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}.social-avatar-initials{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;width:100%;height:100%;place-content:center;align-items:center;justify-items:center;margin:0;padding:0;font:inherit;line-height:1;text-align:center;text-indent:0}.composer-preview,.social-post-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;overflow:hidden}.composer-preview{margin:3px 14px 9px;border-radius:13px}.composer-preview.media-grid-1,.social-post-media.media-grid-1{grid-template-columns:1fr}.composer-preview>div{position:relative}.composer-preview img,.composer-preview video{width:100%;height:170px;display:block;object-fit:cover;background:#111}.composer-preview>div>button{position:absolute;right:7px;top:7px;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid #ffffffaa;border-radius:50%;background:#18271fcc;color:#fff}.composer-preview>div>button svg{width:14px}.upload-progress{padding:5px 14px;color:#607267;font-size:9px}.upload-progress i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#28754a;animation:pulseUpload 1s infinite}@keyframes pulseUpload{50%{opacity:.3}}.social-tag-input{display:flex;align-items:center;gap:7px;margin:0 14px 9px;padding:0 10px;border:1px solid #e5ebe6;border-radius:10px}.social-tag-input svg{width:15px;color:#398859}.social-tag-input input{padding:8px 0;border:0;outline:0;font-size:10px}.social-composer-actions{display:grid;grid-template-columns:auto auto 1fr;gap:4px;padding:7px 10px;border-top:1px solid #e9edea}.social-composer-actions label,.social-composer-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:0;border-radius:9px;background:#fff;color:#52665a;font-size:10px;font-weight:750}.social-composer-actions label{cursor:pointer}.social-composer-actions label:hover{background:#f1f5f2}.social-composer-actions label:first-child svg{color:#2d8d4e}.social-composer-actions label:nth-child(2) svg{color:#d05151}.social-composer-actions svg{width:17px}.social-composer-actions input{display:none}.social-composer-actions .social-post-button{justify-self:end;min-width:90px;background:#28754a;color:#fff}.social-composer-actions .social-post-button:hover{background:#1f643e}.composer-error{margin:0 10px 10px;font-size:10px}.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 2px 10px}.feed-heading>div{display:flex;flex-direction:column}.feed-heading b{font-size:13px}.feed-heading small{color:#718078;font-size:8px}.feed-heading>svg{width:18px;color:#819087}.social-feed{display:grid;gap:12px}.social-post{position:relative;overflow:hidden;border:1px solid #dfe5e0;border-radius:16px;background:#fff;box-shadow:0 3px 12px #173d2a0a;scroll-margin-top:88px}.social-post-header{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:13px 14px 6px}.social-post-header>div{display:flex;min-width:0;flex-direction:column}.social-post-header b{font-size:12px}.social-post-header span{display:flex;align-items:center;gap:3px;color:#78867e;font-size:8px}.social-post-header span svg{width:10px;height:10px}.social-post-header>button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:#687a70}.social-post-header>button:hover{background:#eef2ef}.social-post-header>button svg{width:19px}.recommendation-reason{margin:-2px 14px 8px 66px;color:#398859;font-size:8px;font-weight:650}.social-proof{display:flex;align-items:center;gap:5px;padding:6px 14px;background:#f1f7f2;color:#526d5b;font-size:8px}.social-proof>span{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e65766;color:#fff;font-size:8px}.social-post-text{margin:0;padding:8px 14px 11px;color:#263a30;font-size:12px;line-height:1.6;white-space:pre-wrap}.social-post-tags{display:flex;gap:5px;flex-wrap:wrap;padding:0 14px 11px}.social-post-tags span{color:#27744a;font-size:10px;font-weight:700}.social-post-media{max-height:620px;background:#dce3de}.social-post-media img,.social-post-media video{width:100%;height:100%;min-height:230px;max-height:620px;display:block;object-fit:cover;background:#111}.social-post-media.media-grid-2 img,.social-post-media.media-grid-2 video,.social-post-media.media-grid-3 img,.social-post-media.media-grid-3 video,.social-post-media.media-grid-4 img,.social-post-media.media-grid-4 video{height:260px;min-height:0}.social-counts{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;margin:0 14px;padding:8px 0;color:#66776e;font-size:9px;border-bottom:1px solid #e5eae6}.social-counts>span{display:flex;align-items:center;gap:5px}.social-counts i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e94f61;color:#fff}.social-counts i svg{width:10px;fill:currentColor}.social-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px 10px}.social-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px;border:0;border-radius:8px;background:#fff;color:#53655b;font-size:10px;font-weight:750}.social-actions button:hover{background:#f0f3f1}.social-actions button svg{width:17px}.social-actions button.liked{color:#d94356}.social-actions button.liked svg{fill:currentColor}.share-toast{position:absolute;right:14px;bottom:66px;padding:7px 10px;border-radius:8px;background:#173d2a;color:#fff;font-size:9px;box-shadow:0 6px 18px #10291e35}.social-comments{display:grid;gap:8px;padding:9px 14px 4px;border-top:1px solid #edf0ed}.social-comment{display:flex;align-items:flex-start;gap:7px}.social-comment>div{position:relative;min-width:0;padding:7px 10px;border-radius:4px 14px 14px;background:#f0f3f1}.social-comment b{display:block;font-size:9px}.social-comment p{margin:2px 0;color:#34493e;font-size:10px;line-height:1.45;white-space:pre-wrap}.social-comment small{position:absolute;left:2px;top:100%;color:#87938c;font-size:7px;white-space:nowrap}.social-comment-form{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;padding:12px 14px}.social-comment-form>div{display:flex;align-items:center;overflow:hidden;border-radius:18px;background:#f0f3f1}.social-comment-form input{padding:9px 11px;border:0;background:transparent;font-size:10px;outline:0}.social-comment-form button{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;padding:0;border:0;background:transparent;color:#28754a}.social-comment-form button svg{width:15px}.guest-comment-prompt{width:calc(100% - 28px);margin:10px 14px 14px;padding:10px 12px;border:1px dashed #cbd8ce;border-radius:14px;background:#f6f9f7;color:#28754a;font-size:10px;font-weight:750}.public-group-access{display:grid;justify-items:start;gap:8px}.public-group-access h3,.public-group-access p{margin:0}.public-community-play .title{align-items:center}.public-activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px}.public-activity-card{display:grid;align-content:start;gap:8px}.public-activity-card small{color:#398859;font-size:9px;font-weight:850;letter-spacing:.08em}.public-activity-card h3,.public-activity-card p{margin:0}.public-activity-card>span{color:#64756c;font-size:11px}.public-activity-card .primary{margin-top:auto}.authentication-prompt-modal{max-width:520px}.social-loading{display:grid;gap:10px}.social-loading span{height:120px;border-radius:16px;background:linear-gradient(90deg,#edf1ee,#f7f9f7,#edf1ee);background-size:200% 100%;animation:socialShimmer 1.2s infinite}@keyframes socialShimmer{to{background-position:-200% 0}}.social-empty{padding:42px 18px;text-align:center;color:#718078}.social-empty>span{font-size:42px}.social-empty h3{margin:8px 0 4px;color:#294438}.social-empty p{margin:0;font-size:10px}@media (max-width: 600px){.social-community{width:calc(100% + 28px);margin-left:-14px}.community-mini-warning,.community-title{margin-left:14px;margin-right:14px}.social-composer,.social-post{border-right:0;border-left:0;border-radius:0}.feed-heading{padding-right:14px;padding-left:14px}.social-feed{gap:9px}.social-post-media img,.social-post-media video{min-height:210px}.social-post-media.media-grid-2 img,.social-post-media.media-grid-2 video,.social-post-media.media-grid-3 img,.social-post-media.media-grid-3 video,.social-post-media.media-grid-4 img,.social-post-media.media-grid-4 video{height:210px}.social-composer-actions{grid-template-columns:1fr 1fr auto}.community-title h1{font-size:21px}}.community-feed-tabs{position:static;left:auto;bottom:auto;transform:none;z-index:auto;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px;padding:4px;border:1px solid #e0e7e1;border-radius:13px;background:#edf2ee}.community-feed-tabs button{min-height:36px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:7px;border:0;border-radius:9px;background:transparent;color:#62736a;font-size:9px;font-weight:700;white-space:nowrap}.community-feed-tabs button svg{width:15px}.community-feed-tabs button.active{background:#fff;color:#1f6840;box-shadow:0 2px 8px #173d2a12}.social-composer-actions{grid-template-columns:auto auto auto auto 1fr}.mention-chips{display:flex;gap:5px;overflow-x:auto;padding:0 14px 9px}.mention-chips button{display:flex;align-items:center;gap:3px;flex:0 0 auto;padding:5px 7px;border:0;border-radius:99px;background:#e7f2e9;color:#21663e;font-size:8px;font-weight:750}.mention-chips svg{width:11px}.mention-picker{max-height:235px;overflow:auto;margin:0 14px 10px;padding:7px;border:1px solid #dce6de;border-radius:12px;background:#f9fbf9;box-shadow:0 8px 25px #173d2a12}.mention-picker>div{display:flex;align-items:center;justify-content:space-between;padding:3px 5px 7px;font-size:10px}.mention-picker>div button{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:#e9efea}.mention-picker>div svg{width:13px}.mention-picker>button{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:6px;border:0;border-radius:9px;background:transparent;color:#344a3e;text-align:left;font-size:9px}.mention-picker>button:hover,.mention-picker>button.selected{background:#e9f3eb}.mention-picker>button>svg{width:15px;color:#28754a}.group-mention-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#d9e9de;color:#286542;font-size:8px;font-weight:850}.social-post-header{grid-template-columns:46px minmax(0,1fr) 36px;align-items:center;padding-top:14px}.social-post-header>.social-avatar{width:44px;height:44px;align-self:start;flex-basis:44px;border:2px solid white;box-shadow:0 0 0 2px #d4e5d9,0 3px 8px #173d2a18}.social-post-header>div:nth-child(2){align-self:center}.social-post-header b{font-size:12px;line-height:1.25}.social-post-header .post-owner-menu{position:relative;display:block;align-self:start}.post-owner-menu>button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:#687a70}.post-owner-menu>button:hover{background:#edf1ee}.post-owner-menu>button svg{width:19px}.post-owner-menu>div{position:absolute;z-index:4;right:0;top:37px;width:135px;padding:5px;border:1px solid #dfe6e0;border-radius:10px;background:#fff;box-shadow:0 10px 30px #10291e25}.post-owner-menu>div button{width:100%;display:flex;align-items:center;gap:7px;padding:8px;border:0;border-radius:7px;background:#fff;color:#3c5045;font-size:9px;text-align:left}.post-owner-menu>div button:hover{background:#f0f4f1}.post-owner-menu>div svg{width:14px}.post-owner-menu>div .danger-text{color:#ad3e49}.edit-post-box{display:grid;gap:7px;padding:7px 14px 11px}.edit-post-box textarea{min-height:86px;padding:10px;border-color:#bad5c1;font-size:11px}.edit-post-box>div{display:flex;justify-content:flex-end;gap:6px}.edit-post-box button{padding:7px 10px;border:0;border-radius:8px;background:#edf2ee;color:#3f5649;font-size:9px}.edit-post-box .primary{background:#28754a;color:#fff}.social-comments{gap:11px;padding-top:10px}.social-comment{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:8px}.social-comment>.social-avatar{margin-top:1px;border:1px solid #d8e3da;background:#e2eee5}.social-comment>.comment-column{position:static;display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:0;border-radius:0;background:transparent}.comment-bubble{width:min(100%,520px);padding:7px 10px 8px;border-radius:5px 15px 15px;background:#f0f3f1}.comment-meta{display:flex;align-items:baseline;gap:7px;min-width:0}.comment-meta b{overflow:hidden;min-width:0;color:#263d31;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.comment-meta time{margin-left:auto;color:#849088;font-size:7px;font-style:normal;white-space:nowrap}.comment-bubble p{margin:2px 0 0;color:#34493e;font-size:10px;line-height:1.4;white-space:pre-wrap}.comment-tools{display:flex;align-items:center;gap:4px;height:15px;padding-left:8px;color:#89958e;font-size:7px}.comment-tools button{padding:1px 2px;border:0;background:transparent;color:#6b7b72;font-size:7px;font-weight:700}.comment-tools button:hover{color:#267047;text-decoration:underline}.comment-edit{display:grid;grid-template-columns:minmax(0,1fr) 25px 25px;gap:3px;margin-top:4px}.comment-edit input{padding:5px 7px;border:1px solid #c9d8cc;border-radius:7px;background:#fff;font-size:9px;outline:0}.comment-edit button{display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:#dce9df;color:#28754a}.comment-edit button:last-child{background:#e7eae8;color:#6c7871}.comment-edit svg{width:12px}.social-comment-form{align-items:start}.social-comment-form>.social-avatar{margin-top:2px}.social-comment-form>div{min-height:36px}.recommendation-reason{margin-left:70px}@media (max-width: 600px){.community-feed-tabs{display:flex;width:auto;margin-right:14px;margin-left:14px;overflow-x:auto}.community-feed-tabs button{flex:0 0 auto;padding-right:11px;padding-left:11px}.social-composer-actions{grid-template-columns:repeat(4,1fr) auto}.social-composer-actions label,.social-composer-actions button{padding:7px 5px}.social-composer-actions .social-post-button{min-width:62px}.social-composer-actions span{font-size:8px}.mention-picker{margin-right:10px;margin-left:10px}.social-post-header{grid-template-columns:44px minmax(0,1fr) 34px}.comment-bubble{max-width:100%}}.post-mentions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:0 14px 9px;color:#397250;font-size:8px}.post-mentions>svg{width:13px}.post-mentions span{padding:3px 6px;border-radius:99px;background:#eaf3ec;font-weight:700}.app>nav{grid-template-columns:repeat(5,1fr)}.home-hero,.home-actions-section,.home-system-events,.home-guide-section,.home-groups-section,.home-community-section{width:100%;align-self:stretch}.home-actions-section{min-width:0;overflow:hidden}.home-actions-section .home-quick-grid{display:flex;width:100%;gap:8px;overflow-x:auto;padding:2px 2px 9px;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-inline:contain}.home-actions-section .home-quick-card{flex:0 0 142px;min-height:64px;padding:9px 10px;border-radius:13px;scroll-snap-align:start}.home-actions-section .home-quick-card>svg{width:19px;flex:0 0 19px}.home-actions-section .home-quick-card b{font-size:10px;line-height:1.25}.home-actions-section .home-quick-card small{font-size:8px;line-height:1.35}.home-system-events{order:3;min-width:0;padding:18px;border:1px solid #dfe7e1;border-radius:20px;background:#fff;box-shadow:0 6px 20px #173d2a08}.home-guide-section{order:4}.home-groups-section{order:5}.home-community-section{order:6}.home-system-events .home-section-title{align-items:flex-start}.system-event-limit{display:flex;align-items:center;gap:5px;flex:0 0 auto;padding:6px 9px;border-radius:99px;background:#edf4ef;color:#397250;font-size:8px;font-weight:750}.system-event-limit svg{width:14px;height:14px}.home-system-events .home-section-title p{margin:4px 0 0;color:#718078;font-size:10px}.home-system-event-list{display:grid;overflow:hidden;border:1px solid #e3e9e4;border-radius:15px;background:#fff}.home-system-event{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) minmax(120px,160px);align-items:center;gap:11px;min-width:0;padding:11px 12px;border:0;border-bottom:1px solid #e8ede9;background:#fff;color:#263d31;text-align:left;transition:background .18s ease,box-shadow .18s ease}.home-system-event:last-child{border-bottom:0}.home-system-event:hover{z-index:1;background:#f6faf7;box-shadow:inset 3px 0 #75ad84}.system-event-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e7f2e9;color:#28754a}.system-event-icon svg{width:18px}.event-rank_down .system-event-icon{background:#fff0ec;color:#bb5648}.event-challenge_upcoming .system-event-icon{background:#fff5d9;color:#a87810}.event-challenge_result .system-event-icon{background:#e8f0ff;color:#426fb7}.system-event-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.system-event-heading{display:flex;align-items:center;gap:6px;min-width:0}.system-event-kind{color:#398859;font-size:7px;font-weight:850;letter-spacing:.6px;text-transform:uppercase}.event-rank_down .system-event-kind{color:#a9473c}.event-challenge_upcoming .system-event-kind{color:#956a0b}.event-challenge_result .system-event-kind{color:#426fb7}.system-event-heading i{padding:2px 5px;border-radius:99px;background:#dc3545;color:#fff;font-size:7px;font-style:normal;font-weight:850;text-transform:uppercase}.system-event-heading time{margin-left:auto;color:#87938c;font-size:7px;white-space:nowrap}.system-event-copy>b{overflow:hidden;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.system-event-copy p{overflow:hidden;margin:0;color:#66776e;font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.system-event-meta{display:flex;min-width:0;flex-direction:column;align-items:flex-end;gap:4px;padding-left:11px;border-left:1px solid #e8ede9}.system-event-meta strong{max-width:100%;overflow:hidden;color:#315f42;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.system-event-meta small{color:#98a29c;font-size:7px}.system-event-meta em{display:flex;align-items:center;gap:4px;color:#8d6816;font-size:8px;font-style:normal;white-space:nowrap}.system-event-meta em svg{width:11px;height:11px}.home-system-event.is-new{animation:systemEventAlert 1s ease-in-out 3}@keyframes systemEventAlert{0%,to{background:#fff;box-shadow:inset 0 0 transparent}45%{background:#fff8dc;box-shadow:inset 4px 0 #e2a91d}}@media (prefers-reduced-motion: reduce){.home-system-event.is-new{animation:none;background:#fff8dc;box-shadow:inset 4px 0 #e2a91d}}@media (max-width: 600px){.home-actions-section .home-quick-card{flex-basis:112px;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.home-actions-section .home-quick-card small{display:none}.home-system-events{padding:14px;border-radius:17px}.system-event-limit{padding:5px 7px}.home-system-event{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:10px}.system-event-icon{width:36px;height:36px}.system-event-meta{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;padding:6px 0 0;border-top:1px dashed #e3e9e4;border-left:0}.system-event-copy p{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.system-event-heading time{font-size:6.5px}}header>div{min-width:0}header>div small{overflow:hidden;max-width:100%;font-size:8px;letter-spacing:.7px;text-overflow:ellipsis;white-space:nowrap}.home-hero{order:1}.compact-ranking-guide{order:2}.home-actions-section{order:3}.home-system-events{order:4}.home-community-section{order:5}.compact-ranking-guide{gap:8px;padding:10px 13px;border:1px solid #dfe8e1;border-radius:16px;background:#fff;box-shadow:0 4px 14px #173d2a08}.compact-ranking-guide .home-section-title{align-items:center}.compact-ranking-guide .home-section-title small{font-size:7px;letter-spacing:1px}.compact-ranking-guide .home-section-title h3{margin:2px 0;font-size:13px}.guide-hint{display:flex;align-items:center;gap:4px;color:#718078;font-size:7px;white-space:nowrap}.guide-hint svg{width:13px;height:13px;color:#398859}.compact-ranking-guide .rule-stepper{gap:0}.compact-ranking-guide .rule-step-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:5px;overflow:visible;margin:0;padding:1px 0;scroll-snap-type:none}.compact-ranking-guide .rule-step-track:before{left:10%;right:10%;top:17px;height:1px;background:#d6e3d9}.compact-ranking-guide .rule-step-track button{min-width:0;min-height:54px;gap:2px;padding:3px 4px;border:0;border-radius:10px;background:transparent}.compact-ranking-guide .rule-step-track button:hover,.compact-ranking-guide .rule-step-track button.active{border:0;background:#edf6ef;transform:none}.compact-ranking-guide .rule-step-track button>span{width:31px;height:31px;border-width:2px;background:#edf5ef;box-shadow:0 0 0 1px #ceded2}.compact-ranking-guide .rule-step-track button svg{width:14px;height:14px}.compact-ranking-guide .rule-step-track button i{top:1px;right:5px;width:14px;min-width:14px;height:14px;font-size:6px}.compact-ranking-guide .rule-step-track button b{max-width:100%;overflow:hidden;font-size:7.5px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.home-community-section .home-section-title{align-items:flex-end}.home-community-section .home-section-title p{margin:3px 0 0;color:#718078;font-size:9px}.home-community-section .highlight-list{display:grid;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;gap:0;overflow:hidden;max-width:100%;padding:0;border:1px solid #e1e8e2;border-radius:15px;background:#fff;scroll-snap-type:none}.home-community-section .highlight-list:after{display:none}.home-community-section .highlight-list .highlight-card{position:relative;display:grid;grid-template-columns:30px 42px minmax(130px,1fr) minmax(260px,1.5fr) 34px;align-items:center;gap:10px;min-width:0;padding:10px 11px;border:0;border-bottom:1px solid #e8ede9;border-radius:0;background:#fff;box-shadow:none;scroll-snap-align:none}.home-community-section .highlight-list .highlight-card:last-child{border-bottom:0}.home-community-section .highlight-list .highlight-card:hover{background:#f7faf8}.home-community-section .highlight-list .highlight-rank{position:static;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#edf2ee;color:#607168;font-size:8px}.home-community-section .highlight-list .highlight-rank.rank-1{background:#fff2bd;color:#89630a}.home-community-section .highlight-list .highlight-rank.rank-2{background:#edf0f2;color:#5e6c73}.home-community-section .highlight-list .highlight-rank.rank-3{background:#fae7d7;color:#985b2d}.home-community-section .highlight-list .highlight-avatar,.home-community-section .highlight-list .highlight-card>img{width:42px;height:42px;font-size:10px}.home-community-section .highlight-list .highlight-info{gap:2px;padding:0}.home-community-section .highlight-list .highlight-info b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.home-community-section .highlight-list .highlight-info small{color:#398859;font-size:8px}.highlight-stats{display:grid;grid-template-columns:repeat(4,minmax(52px,1fr));min-width:0;overflow:hidden;border-left:1px solid #e8ede9}.highlight-stats>span{display:flex;min-width:0;flex-direction:column;align-items:center;padding:1px 5px;border-right:1px solid #edf1ee}.highlight-stats>span:last-child{border:0}.highlight-stats small{color:#87938c;font-size:7px;white-space:nowrap}.highlight-stats strong{margin-top:2px;color:#294c39;font-size:10px}.home-community-section .highlight-list .highlight-chat{position:static;right:auto;bottom:auto;width:32px;height:32px}.highlight-you{display:grid;place-items:center;width:32px;height:24px;border-radius:99px;background:#e9f3eb;color:#28754a;font-size:7px;font-weight:800}@media (max-width: 600px){.compact-ranking-guide{padding:9px 10px;border-radius:14px}.guide-hint{font-size:0}.guide-hint svg{width:15px;height:15px}.compact-ranking-guide .rule-step-track{gap:2px}.compact-ranking-guide .rule-step-track:before{top:16px}.compact-ranking-guide .rule-step-track button{min-height:51px;padding-inline:2px}.compact-ranking-guide .rule-step-track button>span{width:29px;height:29px}.compact-ranking-guide .rule-step-track button b{font-size:6.7px}.home-community-section .highlight-list .highlight-card{grid-template-columns:25px 38px minmax(0,1fr) 32px;grid-template-rows:auto auto;gap:4px 8px;padding:9px}.home-community-section .highlight-list .highlight-rank{grid-column:1;grid-row:1/3;width:23px;height:23px}.home-community-section .highlight-list .highlight-avatar,.home-community-section .highlight-list .highlight-card>img{grid-column:2;grid-row:1/3;width:38px;height:38px}.home-community-section .highlight-list .highlight-info{grid-column:3;grid-row:1}.highlight-stats{grid-column:3;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));border-left:0}.highlight-stats>span{align-items:flex-start;padding:0 4px}.highlight-stats>span:first-child{padding-left:0}.highlight-stats small{font-size:5.8px}.highlight-stats strong{font-size:8px}.home-community-section .highlight-list .highlight-chat,.highlight-you{grid-column:4;grid-row:1/3;align-self:center}.home-community-section .home-section-title p{display:none}}.conversation-members{display:flex;align-items:center;gap:4px;color:#557365;font-size:11px;line-height:1.2}.conversation-members svg{width:13px;height:13px}.app-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:18px;background:#07160fb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-mist-in .2s ease-out}.app-modal-card{width:min(560px,100%);max-height:min(90dvh,850px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #c9d8cc;border-radius:22px;background:#f8fbf4;color:#1c3528;box-shadow:0 28px 80px #00110959,inset 0 3px #eef5d2;animation:modal-scroll-in .24s ease-out;font-family:Be Vietnam Pro,Inter,Segoe UI,sans-serif;outline:none}.app-modal-card button,.app-modal-card input,.app-modal-card select,.app-modal-card textarea{font-family:Be Vietnam Pro,Inter,Segoe UI,sans-serif}.entity-form-modal{width:min(720px,100%)}.challenge-form-modal,.expense-form-modal,.venue-form-modal,.knowledge-form-modal{width:min(780px,100%)}.entity-form-modal .form-grid,.entity-form-modal .modal-form{margin:0}.app-modal-head{position:relative;isolation:isolate;display:grid;grid-template-columns:46px 1fr 40px;gap:12px;align-items:center;min-height:82px;padding:17px 20px 18px;border-bottom:0;border-bottom:1px solid #284f38;background:radial-gradient(circle at 13% -12%,rgb(231 246 85 / 15%),transparent 35%),linear-gradient(125deg,#2f5b40,#3d6d4e 58%,#507d60);color:#fff;box-shadow:inset 0 -1px #ffffff24}.app-modal-head:after{position:absolute;content:"";z-index:-1;right:0;bottom:0;left:0;height:3px;padding:0;background:linear-gradient(90deg,#e7f655,#b6d971 45%,transparent 88%)}.app-modal-head>div{min-width:0}.app-modal-head h2{margin:3px 0 0;color:#fff;font-family:Be Vietnam Pro,Inter,Segoe UI,sans-serif;font-size:21px;font-weight:800;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}.app-modal-head small{display:block;overflow:hidden;color:#e6f09e;font-size:10px;font-weight:850;letter-spacing:.14em;line-height:1.35;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.app-modal-seal{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid rgb(255 255 255 / 32%);background:#e7f655;color:#173d2a;box-shadow:0 7px 16px #14342138,inset 0 1px #ffffff94}.app-modal-seal svg{width:21px;height:21px;stroke-width:2.2}.app-modal-head .icon-button{width:40px;height:40px;border:1px solid rgb(255 255 255 / 30%);border-radius:50%;background:#ffffff1f;color:#fff;box-shadow:none}.app-modal-head .icon-button:hover{border-color:#ffffff8c;background:#ffffff38;color:#eff88b;transform:rotate(4deg)}.app-modal-head .icon-button:focus-visible{outline:3px solid rgb(231 246 85 / 42%);outline-offset:2px}.app-modal-body{min-height:0;overflow-y:auto;padding:20px;background:linear-gradient(#ffffff61,#ffffff61),#edf3ea}.app-modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:13px 20px;border-top:1px solid #e2e9e3;background:#fff}.modal-intro{margin:0 0 18px;color:#65756c;line-height:1.6}.modal-form{display:grid;gap:14px}.modal-form label{display:grid;gap:7px;font-weight:750}.modal-form label>span{display:flex;align-items:center;gap:7px;font-size:13px}.modal-form label svg{width:16px;color:#6d8c55}.modal-form input,.modal-form textarea{width:100%;padding:12px 13px;border:1px solid #ccd8cf;border-radius:11px;background:#fff;font:inherit;outline:none}.modal-form textarea{min-height:100px;resize:vertical}.modal-form input:focus,.modal-form textarea:focus{border-color:#5e8c6c;box-shadow:0 0 0 3px #4b815b21}.modal-actions{display:flex;justify-content:flex-end;gap:8px}@keyframes modal-mist-in{0%{opacity:0}}@keyframes modal-scroll-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.auth-shell{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(320px,1.08fr) minmax(380px,.92fr);overflow:hidden;background:#0d281c;color:#fff}.auth-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.23;background-image:linear-gradient(30deg,transparent 48%,rgb(255 255 255 / 8%) 49%,transparent 50%);background-size:48px 48px}.auth-guest-return{position:absolute;z-index:5;top:22px;right:22px;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgb(255 255 255 / 28%);border-radius:999px;background:#091f15b8;color:#fff;font:700 11px/1 var(--font-sans);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-guest-return svg{width:15px;height:15px}.auth-lore{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,8vw,110px);background:radial-gradient(circle at 70% 20%,rgb(177 212 108 / 20%),transparent 28%),linear-gradient(145deg,#173d2a,#0a2418)}.auth-brand{position:absolute;top:34px;left:clamp(30px,8vw,110px);display:flex;align-items:center;gap:11px}.auth-brand span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #bfcf73;border-radius:12px;background:#e7f655;color:#173d2a;font:800 22px/1 var(--font-sans);transform:rotate(-7deg)}.auth-brand b{font-size:17px;letter-spacing:.04em}.auth-kicker{display:flex;align-items:center;gap:8px;color:#d8e986!important;font-size:11px;font-weight:850;letter-spacing:.18em}.auth-kicker svg{width:16px}.auth-lore h1{max-width:650px;margin:12px 0 18px;font-family:var(--font-sans);font-size:clamp(38px,5vw,68px);font-weight:800;line-height:1.06;letter-spacing:-.035em}.auth-lore h1 em{color:#e7f655;font-style:normal;font-weight:800}.auth-lore>p:not(.auth-kicker){max-width:540px;color:#bdd0c4;font-size:17px;line-height:1.65}.auth-rune{position:absolute;right:7%;bottom:8%;width:170px;height:170px;display:grid;place-items:center;border:1px solid rgb(231 246 85 / 18%);border-radius:50%;color:#e7f65526;font:800 80px/1 var(--font-sans)}.auth-rune:before,.auth-rune:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px dashed rgb(231 246 85 / 14%);border-radius:50%}.auth-rune:after{top:38px;right:38px;bottom:38px;left:38px;border-style:solid}.auth-panel{position:relative;z-index:2;display:grid;place-items:center;padding:46px clamp(24px,6vw,82px);background:radial-gradient(circle at 100% 0,#eff5d9,transparent 34%),#f3f6f0;color:#21372b}.auth-card{width:min(430px,100%)}.auth-tabs{display:inline-grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:26px;border:1px solid #d7e1d9;border-radius:14px;background:#e9efea}.auth-tabs button{min-width:54px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:#66776d;font-weight:750}.auth-tabs button svg{width:18px}.auth-tabs button.active{background:#fff;color:#173d2a;box-shadow:0 3px 12px #1e442d1a}.auth-card-title small{color:#758344;font-size:10px;font-weight:900;letter-spacing:.16em}.auth-card-title h2{margin:5px 0 24px;font:800 31px/1.25 var(--font-sans)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px}.auth-form label>span{display:flex;align-items:center;gap:7px;color:#40574a;font-size:12px;font-weight:800}.auth-form label svg{width:15px;color:#78905a}.auth-form input{width:100%;padding:13px 14px;border:1px solid #ccd8cf;border-radius:11px;background:#ffffffe0;font:inherit;outline:none}.auth-form input:focus{border-color:#568164;box-shadow:0 0 0 3px #417c541f}.auth-forgot{justify-self:end;margin-top:-8px;border:0;background:none;color:#436a50;font-size:12px;font-weight:750}.auth-submit{width:100%;padding:13px 18px;border:0;border-radius:11px;background:linear-gradient(135deg,#173d2a,#285a3d);color:#fff;font-weight:850;box-shadow:0 9px 20px #173d2a2e}.auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-card .sso-login{max-width:none;margin:10px 0 0}.auth-card .sso-divider{color:#819087}.auth-card .sso-divider:before,.auth-card .sso-divider:after{background:#d4ded6}.auth-card .sso-buttons button{border-color:#d2ddd5;background:#fff}.auth-mist{position:absolute;z-index:3;width:280px;height:85px;border-radius:50%;background:#ffffff12;filter:blur(20px);pointer-events:none}.mist-one{left:33%;top:18%}.mist-two{left:4%;bottom:7%}.recovery-modal{width:min(500px,100%)}.quest-board{position:relative}.quest-heading{position:relative;overflow:hidden;padding:24px;border:1px solid #315e42;background:radial-gradient(circle at 82% 20%,rgb(231 246 85 / 14%),transparent 26%),linear-gradient(135deg,#315d42,#417153 55%,#568467);color:#fff;box-shadow:0 12px 28px #1d432b33}.quest-heading:after{content:"試";position:absolute;right:4%;bottom:-35px;color:#ffffff14;font:800 120px/1 var(--font-sans)}.quest-heading>*{position:relative;z-index:1}.quest-heading small{color:#e4efad;font-weight:850;letter-spacing:.13em}.quest-icon-tabs{width:max-content;display:flex;gap:7px;padding:5px;border:1px solid #d8e2da;border-radius:15px;background:#edf2ee}.quest-icon-tabs button{position:relative;width:44px;height:40px;display:grid;place-items:center;border:0;border-radius:11px;background:transparent;color:#607369}.quest-icon-tabs button svg{width:19px}.quest-icon-tabs button.active{background:#173d2a;color:#e7f655;box-shadow:0 5px 13px #173d2a2e}.quest-icon-tabs button:after{content:attr(data-label);position:absolute;left:50%;top:calc(100% + 8px);z-index:5;padding:6px 8px;border-radius:7px;background:#152d20;color:#fff;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:.15s}.quest-icon-tabs button:hover:after,.quest-icon-tabs button:focus-visible:after{opacity:1;transform:translate(-50%)}.quest-card{position:relative;overflow:hidden;min-height:190px;border-color:#dce5dc;background:radial-gradient(circle at 100% 0,#f0f6dd,transparent 34%),#fff;transition:.18s ease}.quest-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#8aa23c,#315d42)}.quest-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1a432a1f}.quest-card h4{font:700 19px/1.35 var(--font-sans);letter-spacing:-.015em;color:#183526}.quest-modal{width:min(780px,100%)}.quest-modal .app-modal-body{padding:20px 22px 0}.quest-form,.quest-detail{width:100%;max-height:none;overflow:visible}.quest-form footer{bottom:0;margin:18px -22px 0;padding:14px 22px;border-top:1px solid #e1e8e2;background:#fff}.action-modal{width:min(480px,100%)}.quest-icon-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.quest-icon-button{position:relative;display:inline-grid;place-items:center;width:42px;min-width:42px;height:42px;padding:0;border:1px solid #cad8ce;border-radius:12px;background:#f4f8f5;color:#345c43;box-shadow:0 3px 9px #193d2714;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.quest-icon-button svg{width:19px;height:19px;stroke-width:2.2}.quest-icon-button:hover:not(:disabled){transform:translateY(-2px);border-color:#8eb19a;box-shadow:0 7px 15px #193d2724}.quest-icon-button:focus-visible{outline:3px solid #4d8a6138;outline-offset:2px}.quest-icon-button:disabled{cursor:wait;opacity:.5}.quest-icon-button.tone-primary{border-color:#24583a;background:#315d42;color:#fff}.quest-icon-button.tone-success{border-color:#75ad85;background:#e5f5e9;color:#17653a}.quest-icon-button.tone-danger{border-color:#e1aaa5;background:#fff0ee;color:#a63831}.quest-icon-button.tone-gold{border-color:#d6c25a;background:#e7f655;color:#173d2a}.quest-icon-button:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:20;max-width:190px;padding:6px 8px;border-radius:7px;background:#183526;color:#fff;font-size:11px;font-weight:650;line-height:1.25;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:.15s ease}.quest-icon-button:hover:after,.quest-icon-button:focus-visible:after{opacity:1;transform:translate(-50%)}.quest-heading>.quest-icon-button{width:48px;min-width:48px;height:48px;border-radius:14px}.quest-actions.quest-icon-actions{padding:8px 0 2px}.quest-form footer.quest-icon-actions,.evidence-uploader footer.quest-icon-actions,.close-challenge-warning footer.quest-icon-actions{justify-content:flex-end}.participant-progress-card footer.quest-icon-actions{justify-content:flex-end}.home-system-events,.compact-ranking-guide,.home-community-section{border-color:#b9cdb9;background:radial-gradient(circle at 100% 0,rgb(231 246 85 / 10%),transparent 26%),linear-gradient(145deg,#f8faf4,#edf3ea);color:#1c3528;box-shadow:0 7px 22px #2652351f}.home-actions-section .home-quick-card{border-color:#bdcfbd;background:linear-gradient(145deg,#fdfefb,#edf3ea);color:#1c3528}.home-actions-section .home-quick-card:hover{border-color:#a9c7aa;background:#fff}.home-system-event-list,.home-community-section .highlight-list{border-color:#c4d4c3;background:#f4f7f1}.home-system-event,.home-community-section .highlight-list .highlight-card{border-color:#d1ded0;background:#ffffffd6;color:#1c3528}.home-system-event:hover,.home-community-section .highlight-list .highlight-card:hover{background:#f3f8ee}.quest-card,.participant-progress-card,.evidence-card,.evidence-uploader{border-color:#bdcfbd;background:linear-gradient(145deg,#fdfefb,#edf3ea);color:#1c3528;box-shadow:0 5px 16px #2652351a}.my-quest-progress,.chat-member-summary{border-color:#aac4ad;background:radial-gradient(circle at 100% 0,rgb(231 246 85 / 12%),transparent 32%),linear-gradient(135deg,#f2f6e9,#e2eee2);color:#1c3528}.quest-form input,.quest-form select,.quest-form textarea,.evidence-uploader textarea,.modal-form input,.modal-form select,.modal-form textarea{border-color:#b8cbb8;background:#fff;color:#1c3528}.quest-form input:focus,.quest-form select:focus,.quest-form textarea:focus,.evidence-uploader textarea:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#6f9d79;box-shadow:0 0 0 3px #467e5521;outline:none}.app-modal-foot,.quest-form footer{border-color:#c3d3c1;background:#eaf1e7}.home-section-title,.home-section-title h3,.quest-form label,.modal-form label{color:#1c3528}.home-section-title small,.home-quick-card small,.home-system-events .home-section-title p,.system-event-copy p,.home-community-section .home-section-title p,.home-community-section .highlight-info small,.participant-main>p,.chat-member-summary small{color:#4d6256;opacity:1}.social-avatar.community-member-avatar{width:44px;height:44px;flex-basis:44px}.social-avatar.home-identity-avatar{width:52px;height:52px;flex-basis:52px;border-radius:16px}.social-avatar.highlight-avatar{flex-basis:42px}@media (max-width: 600px){.social-avatar.community-member-avatar{width:40px;height:40px;flex-basis:40px}}@media (max-width: 780px){.auth-shell{grid-template-columns:1fr;background:#f3f6f0}.auth-lore{min-height:220px;justify-content:flex-end;padding:82px 25px 30px}.auth-lore h1{font-size:35px;margin-bottom:4px}.auth-lore>p:not(.auth-kicker),.auth-rune{display:none}.auth-brand{top:22px;left:25px}.auth-panel{padding:30px 22px 48px;place-items:start center}.auth-card-title h2{font-size:27px}}@media (max-width: 520px){.app-modal{padding:0;place-items:end center}.app-modal-card{max-height:94dvh;border-radius:22px 22px 0 0}.app-modal-head{padding:15px 16px}.app-modal-body{padding:17px 16px}.auth-tabs button span{display:none}.auth-tabs button{width:55px}.quest-heading{padding:19px}.quest-heading h3{font-size:21px}.quest-modal .app-modal-body{padding:17px 16px 0}.quest-form footer{margin-left:-16px;margin-right:-16px;padding:13px 16px}}.community-activity-card{margin:.75rem 0;padding:1rem;border:1px solid var(--border-color, #dfe5e2);border-radius:14px;background:var(--surface-soft, #f7faf8)}.community-activity-heading,.community-activity-meta,.community-activity-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.community-activity-heading{justify-content:space-between}.community-activity-heading span{font-size:.72rem;font-weight:750;letter-spacing:.04em}.community-activity-heading b,.community-activity-mine{font-size:.82rem;color:var(--text-muted, #66736d)}.community-activity-card h3{margin:.55rem 0 .25rem;font:inherit;font-size:1.05rem;font-weight:750}.quest-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:18px}.quest-card{min-height:320px;gap:0;padding:0;border:1px solid #d7e2d8;border-radius:20px;background:radial-gradient(circle at 100% 0,rgb(231 246 85 / 12%),transparent 34%),linear-gradient(155deg,#fff,#f7faf6);box-shadow:0 8px 24px #1f442d14}.quest-card:before{width:100%;height:4px;right:0;bottom:auto;background:linear-gradient(90deg,#315d42,#82a142 65%,#d8e850)}.quest-card:hover{border-color:#a9c3af;transform:translateY(-4px);box-shadow:0 18px 38px #1b412924}.quest-card:focus-visible{outline:3px solid rgb(71 132 89 / 22%);outline-offset:3px}.quest-card>.quest-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 0}.quest-card .quest-card-badges{display:flex;gap:7px}.quest-card-sport{flex:0 0 auto;padding:6px 9px;border:1px solid #d9e4da;border-radius:999px;background:#ffffffc7;color:#496354;font-size:10px;font-weight:800;line-height:1}.quest-card>.quest-card-content{display:grid;align-content:start;gap:7px;min-height:128px;padding:18px 20px 12px}.quest-card-content>small{color:#668071;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.quest-card .quest-card-content h4{display:-webkit-box;overflow:hidden;margin:0;color:#173b28;font:750 20px/1.3 var(--font-sans);letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.quest-card .quest-card-content p{display:-webkit-box;overflow:hidden;min-height:42px;margin:0;color:#5a6f62;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.quest-card>.quest-card-metrics{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;padding:0 20px 12px}.quest-card-metrics span{display:flex;align-items:center;gap:5px;min-width:0;color:#52695b;font-size:11px;line-height:1.35}.quest-card-metrics svg{width:15px;height:15px;flex:0 0 auto;color:#477b57}.quest-card>.quest-card-progress{display:block;overflow:hidden;height:5px;margin:0 20px 16px;border-radius:999px;background:#e4ebe5}.quest-card-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315d42,#8aa63f)}.quest-card>.quest-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:14px 20px;border-top:1px solid #e1e9e2;background:#eff5edb8}.quest-card-footer strong,.quest-card-footer>span{display:inline-flex;align-items:center;gap:5px}.quest-card-footer strong{color:#6b5700;font-size:12px}.quest-card-footer>span{color:#2f6943;font-size:11px;font-weight:800}.quest-card-footer svg{width:16px;height:16px}.quest-form{display:grid;gap:16px}.quest-form-section{display:grid;gap:15px;padding:18px;border:1px solid #d9e4da;border-radius:18px;background:linear-gradient(145deg,#fff,#f6f9f5);box-shadow:0 5px 16px #234c300d}.quest-form-section-heading{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid #e3eae3}.quest-form-section-heading>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;background:#315d42;color:#eef76b;font-size:11px;font-weight:850}.quest-form-section-heading>div{display:grid;gap:2px}.quest-form-section-heading b{color:#1b3b29;font-size:14px}.quest-form-section-heading small{color:#64776b;font-size:11px;font-weight:500}.quest-form-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.quest-form-content-grid label:nth-child(n+3){grid-column:1 / -1}.quest-form label{color:#294936;font-size:12px;letter-spacing:.01em}.quest-form input,.quest-form select,.quest-form textarea{min-height:44px;border-radius:12px;font-size:13px;font-weight:500}.quest-form textarea{min-height:96px;line-height:1.5}.quest-form input::placeholder,.quest-form textarea::placeholder{color:#91a097;font-weight:450}.quest-form-highlight{margin:0;padding:16px;border:1px solid #d8e4c5;border-radius:16px;background:#f5f8e9}.quest-schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.quest-type-picker{padding:16px;border:1px solid #d9e4da;border-radius:18px;background:#f7faf6}.quest-type-picker legend{padding:0 7px;color:#244a33;font-size:13px}.quest-type-picker label{min-height:92px;border-radius:15px;background:#fff}.quest-type-picker label.active{border-color:#4f865f;background:linear-gradient(145deg,#f5faef,#eaf4eb);box-shadow:0 0 0 3px #4f865f1f}.quest-home-modal{width:min(880px,100%)}.quest-detail{display:grid;gap:16px}.quest-detail-hero{display:grid;gap:14px;padding:20px;border:1px solid #c9dbcc;border-radius:20px;background:radial-gradient(circle at 95% 10%,rgb(231 246 85 / 18%),transparent 30%),linear-gradient(145deg,#f6faef,#e7f1e7)}.quest-detail-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.quest-detail-scope{color:#536d5d;font-size:11px;font-weight:800}.quest-detail-hero .quest-purpose{margin:0;padding:0;border:0;background:transparent;color:#1c3c29;font-size:17px;line-height:1.5}.quest-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quest-detail-summary span{display:flex;align-items:center;gap:6px;padding:10px;border:1px solid rgb(155 181 160 / 55%);border-radius:12px;background:#ffffffa8;color:#4b6254;font-size:11px}.quest-detail-summary svg{width:16px;height:16px;flex:0 0 auto;color:#3d7550}.quest-detail-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quest-detail .quest-detail-content-grid section{min-width:0;margin:0;padding:17px;border:1px solid #dbe5dc;border-radius:16px;background:#fff}.quest-detail-content-grid section h4{color:#244b34;font-size:13px}.quest-detail-content-grid section p{margin:0;color:#52675a;font-size:13px;line-height:1.65}.quest-detail .quest-facts{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.quest-detail .quest-facts span{display:grid;gap:5px;min-width:0;padding:13px;border:1px solid #dce6dd;border-radius:13px;background:#f6f9f6}.quest-detail .quest-facts small{color:#718177;font-size:10px;font-weight:700}.quest-detail .quest-facts b{overflow-wrap:anywhere;color:#264b35;font-size:12px}.quest-detail .quest-reward{margin:0;padding:16px 18px;border:1px solid #ead991;border-radius:16px;background:linear-gradient(135deg,#fff9df,#fff2b9);box-shadow:inset 0 1px #ffffffb3}.quest-detail .quest-actions{margin:0;padding:12px;border:1px solid #dbe5dc;border-radius:15px;background:#f6f9f6}@media (max-width: 700px){.quest-card{min-height:300px}.quest-form-content-grid,.quest-form .form-grid,.quest-schedule-grid,.quest-detail-content-grid,.quest-detail-summary,.quest-detail .quest-facts{grid-template-columns:1fr!important}.quest-form-content-grid label{grid-column:1 / -1}.quest-form-section{padding:15px}.quest-detail-hero{padding:16px}.quest-detail-summary span,.quest-detail .quest-facts span{min-height:46px}}@media (max-width: 420px){.quest-card>.quest-card-top,.quest-card>.quest-card-content,.quest-card>.quest-card-metrics,.quest-card>.quest-card-footer{padding-right:16px;padding-left:16px}.quest-card>.quest-card-progress{margin-right:16px;margin-left:16px}.quest-card>.quest-card-metrics{grid-template-columns:1fr}.quest-form-section-heading small{display:none}}.community-activity-card p{margin:.25rem 0 .75rem}.community-activity-meta{margin:.65rem 0;color:var(--text-muted, #66736d);font-size:.84rem}.community-activity-actions{margin-top:.75rem}.community-activity-actions button,.community-activity-primary{min-height:36px;padding:.45rem .8rem;border-radius:999px}.community-activity-actions button.active,.community-activity-primary{color:#fff;background:var(--primary, #1d7a52)}.events-section{display:grid;gap:14px}.event-card-grid{display:grid;gap:12px}.event-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:15px;background:#fff;border:1px solid #e0e8e1;border-radius:19px;box-shadow:0 5px 18px #173d2a0b;cursor:pointer;transition:.18s ease}.event-card:hover{transform:translateY(-1px);border-color:#b9d3bf;box-shadow:0 10px 26px #173d2a14}.event-date-block{height:72px;display:grid;place-content:center;text-align:center;border-radius:15px;background:linear-gradient(145deg,#e7f655,#cddd43);color:#173d2a}.event-date-block b{font-size:27px;line-height:1}.event-date-block span{margin-top:5px;font-size:8px;font-weight:800}.event-card-copy{min-width:0;display:grid;gap:7px}.event-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-card-heading small{font-size:9px;color:#718078}.event-card h3{margin:0;font-size:17px}.event-card p{display:flex;align-items:center;gap:6px;margin:0;color:#65766c;font-size:11px}.event-card p svg{width:14px;height:14px;color:#398859}.event-attendance{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:12px;background:#f2f7f3}.event-attendance>span{display:flex;align-items:center;gap:5px;font-size:11px;color:#355342}.event-attendance svg{width:16px;color:#28754a}.event-attendance small{color:#9a7017}.participant-heading{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-bottom:9px;border-bottom:1px solid #e5ebe6}.participant-heading>div{display:flex;align-items:center;gap:7px}.participant-heading svg{width:19px;color:#28754a}.participant-heading>span{font-size:10px;padding:5px 8px;border-radius:99px;background:#edf3ee}.participant-list{display:grid}.participant-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf1ed}.participant-row>div{min-width:0;display:flex;flex-direction:column}.participant-row small{color:#819087;font-size:9px}.participant-avatar{width:42px;height:42px;overflow:hidden;display:grid;place-items:center;border-radius:50%;background:#dff0df;color:#245d3b;font-weight:800}.participant-avatar img{width:100%;height:100%;object-fit:cover}.participant-status{padding:5px 8px;border-radius:99px;font-size:9px;font-weight:700;background:#edf2ee;color:#50645a}.participant-status.status-going{background:#dff3e5;color:#17683a}.participant-status.status-waitlist{background:#fff1cf;color:#8a6517}.participant-status.status-maybe{background:#e8effb;color:#466594}.participant-status.status-declined{background:#f7e8e6;color:#9a4a40}@media (max-width: 520px){.event-card{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}.event-date-block{height:62px}.event-card .event-quick-actions{grid-column:1/-1}.event-detail{padding:20px}.participant-row{grid-template-columns:38px minmax(0,1fr) auto}.participant-avatar{width:38px;height:38px}}.searchable-select{position:relative;min-width:0;width:100%;font-weight:400}:where(input[type=checkbox],input[type=radio]){inline-size:var(--choice-control-size);block-size:var(--choice-control-size);min-inline-size:var(--choice-control-size);flex:0 0 var(--choice-control-size);margin:0;padding:0;accent-color:#347a50;vertical-align:middle}.searchable-select>input[type=hidden]{display:none}.searchable-select-input{position:relative;display:flex;align-items:center}.searchable-select-input>svg{position:absolute;z-index:1;width:17px;height:17px;color:#718078;pointer-events:none}.searchable-select-input>svg:first-child{left:12px}.searchable-select-input>svg:last-child{right:12px;width:15px}.searchable-select-input .searchable-select-query{padding-inline-start:40px;padding-inline-end:38px}.searchable-select-input input:focus{outline:3px solid #82b99244;border-color:#72a781}.searchable-options{position:absolute;z-index:15;top:calc(100% + 5px);left:0;right:0;max-height:260px;overflow:auto;padding:5px;border:1px solid #d7e2d9;border-radius:13px;background:#fff;box-shadow:0 14px 35px #10291e25}.searchable-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:#fff;color:#263d30;text-align:left}.searchable-options button:hover,.searchable-options button.active{background:#edf6ef}.searchable-options button>span{display:flex;min-width:0;flex-direction:column}.searchable-options b{font-size:12px}.searchable-options small{overflow:hidden;color:#718078;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.searchable-options svg{flex:0 0 auto;width:16px;color:#28754a}.searchable-options>p{margin:0;padding:14px;color:#718078;font-size:11px;text-align:center}.compact-searchable{width:210px}.compact-searchable .searchable-select-input input{padding-top:8px;padding-bottom:8px}.choice-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-card{position:relative;display:flex!important;align-items:center;gap:12px;min-height:72px;padding:14px 15px!important;border:1px solid #cbd8ce;border-radius:15px;background:#fff;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.choice-card:hover{border-color:#7ea28a;background:#f7faf5;transform:translateY(-1px)}.choice-card:has(input:checked){border-color:#357a50;background:linear-gradient(145deg,#f2faee,#e8f4e8);box-shadow:0 0 0 2px #357a501c}.choice-card input{width:var(--choice-control-size)!important;height:var(--choice-control-size);flex:0 0 var(--choice-control-size);margin:0;accent-color:#28754a}.choice-card span{display:flex;min-width:0;flex-direction:column;gap:3px}.choice-card b{color:#1c3528;font-size:13px}.choice-card small{color:#63756b;font-size:11px;font-weight:400}.opponent-results{display:grid;gap:7px;max-height:250px;overflow:auto;margin-top:8px}.opponent-result{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid #e0e7e1;border-radius:12px;background:#fff;color:inherit;text-align:left}.opponent-result:hover,.opponent-result.selected{border-color:#5a9a6e;background:#edf8f0}.opponent-result-avatar{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#dcecdf;color:#285c3d;font-size:11px;font-weight:800}.opponent-result-avatar img{width:100%;height:100%;object-fit:cover}.opponent-result span:nth-child(2){display:flex;min-width:0;flex-direction:column}.opponent-result small{overflow:hidden;color:#718078;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.opponent-result>svg{width:17px;color:#28754a}.picker-hint{margin:7px 0 0;color:#718078;font-size:10px}.sport-filter{position:relative;display:flex;align-items:center;margin-bottom:10px}.sport-filter svg{position:absolute;left:11px;width:16px;color:#718078}.sport-filter input{padding:9px 11px 9px 35px}.member-picker-search{margin:10px 0}.member-picker-search input{padding:9px 11px}@media (max-width: 520px){.compact-searchable{width:100%}.title>.compact-searchable{max-width:180px}.choice-cards{grid-template-columns:1fr}}.opponent-results .load-more-members{width:100%;padding:9px;border:1px dashed #b9cdbd;border-radius:10px;background:#f4f8f5;color:#28754a;font-size:11px;font-weight:700}.app-modal .modal-form{gap:18px}.app-modal .modal-form.form-grid{column-gap:16px}.app-modal .modal-form>label{align-content:start;gap:8px;min-width:0;color:#263d30;font-size:12px;font-weight:700}.app-modal .modal-form input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.searchable-select-query),.app-modal .modal-form select,.app-modal .modal-form textarea{min-height:46px;padding:11px 13px;border:1px solid #bfcfc2;border-radius:12px;background:#fff;color:#1c3528;box-shadow:0 1px 2px #1b37270a}.app-modal .modal-form .searchable-select-input .searchable-select-query{min-height:46px;padding-block:11px;padding-inline-start:40px;padding-inline-end:38px;border:1px solid #bfcfc2;border-radius:12px;background:#fff;color:#1c3528;box-shadow:0 1px 2px #1b37270a}.app-modal .modal-form .searchable-select-input>svg:first-child{left:13px}.app-modal .modal-form .searchable-select-input>svg:last-child{right:13px}.app-modal .modal-form select{width:100%;padding-right:34px}.app-modal .modal-form textarea{min-height:96px;line-height:1.55}.app-modal .modal-form input::placeholder,.app-modal .modal-form textarea::placeholder{color:#8a9990}.app-modal .modal-form fieldset{min-width:0;margin:0;padding:0;border:0}.app-modal .modal-form fieldset>legend{margin:0 0 8px;padding:0;color:#263d30;font-size:12px;font-weight:750}.app-modal .modal-form .check input,.app-modal .modal-form .member-choice input,.fund-modal .fund-member-picker input,.quest-type-picker input{width:var(--choice-control-size)!important;height:var(--choice-control-size);flex:0 0 var(--choice-control-size);margin:0;padding:0;accent-color:#347a50;box-shadow:none}.app-modal .modal-form>.check{min-height:46px;padding:11px 13px;border:1px solid #d1ddd3;border-radius:12px;background:#f8faf7;color:#405448;cursor:pointer}.app-modal .modal-form>.check:has(input:checked){border-color:#8caf94;background:#edf6ec;color:#244b34}.app-modal .form-choice-group{display:grid;gap:9px}.app-modal .form-choice-group>legend{margin-bottom:0}.app-modal .form-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-modal .form-check-row{display:grid!important;grid-template-columns:var(--choice-control-size) minmax(0,1fr);align-items:center;gap:11px;min-height:68px;padding:11px 12px;border:1px solid #d1ddd3;border-radius:12px;background:#fff;color:#405448;cursor:pointer}.app-modal .form-check-row:has(input:checked){border-color:#79a486;background:#edf6ec;color:#244b34;box-shadow:inset 0 0 0 1px #347a5014}.app-modal .form-check-row>span{display:grid;min-width:0;gap:2px}.app-modal .form-check-row b{font-size:12px;font-weight:750}.app-modal .form-check-row small{color:#6d7d73;font-size:10px;font-weight:450;line-height:1.4}.app-modal .inherited-fields{gap:8px;padding:12px 14px;border:1px solid #cfddcf;border-radius:13px;background:#f3f7ef}.app-modal .modal-form>button.primary.full{min-height:48px;margin-top:2px;border-radius:13px;font-weight:750;box-shadow:0 8px 20px #1e633a26}.app-modal .member-picker,.app-modal .fund-member-picker{max-height:none;overflow:visible;display:grid;gap:12px;padding:14px;border:1px solid #c8d7cb;border-radius:16px;background:#f5f8f3}.app-modal .member-picker-heading,.app-modal .fund-member-picker>.member-picker-heading{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 11px;border-bottom:1px solid #d8e2d9;background:transparent}.member-picker-heading>div:first-child{display:grid;gap:2px}.member-picker-heading b{color:#1f3c2b;font-size:13px}.member-picker-heading small{color:#6b7c72;font-size:11px;font-weight:500}.member-picker-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.member-picker-actions button{min-height:32px;padding:6px 10px;border:1px solid #b9cdbd;border-radius:9px;background:#fff;color:#326348;font-size:11px;font-weight:700}.member-picker-actions button:hover{border-color:#6f9d79;background:#edf6ec}.app-modal .member-options,.app-modal .fund-member-picker>section{max-height:250px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:1px 4px 1px 1px}.app-modal .member-choice,.app-modal .fund-member-picker .member-choice{display:grid!important;grid-template-columns:18px 36px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:58px;padding:9px 10px!important;border:1px solid #d8e2da;border-radius:12px;background:#fff;color:#253c2f;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.app-modal .member-choice:hover{border-color:#8eaf96}.app-modal .member-choice:has(input:checked){border-color:#4f8b63;background:#edf7ec;box-shadow:inset 0 0 0 1px #4f8b631a}.member-choice-avatar.social-avatar{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:10px}.member-choice-copy{display:grid;min-width:0;gap:2px}.member-choice-copy b,.member-choice-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-choice-copy b{font-size:12px;font-weight:700}.member-choice-copy small{color:#718078;font-size:10px;font-weight:450}@media (max-width: 680px){.app-modal .modal-form.form-grid,.app-modal .fund-form-grid,.app-modal .form-choice-grid{grid-template-columns:1fr}.app-modal .modal-form.form-grid .full,.app-modal .fund-form-grid .wide{grid-column:auto}}@media (max-width: 520px){.app-modal .modal-form{gap:15px}.app-modal .member-picker,.app-modal .fund-member-picker{padding:12px}.app-modal .member-picker-heading,.app-modal .fund-member-picker>.member-picker-heading{align-items:flex-start;flex-direction:column}.member-picker-actions{width:100%;justify-content:stretch}.member-picker-actions button{flex:1}.app-modal .member-options,.app-modal .fund-member-picker>section{grid-template-columns:1fr;max-height:230px}}.knowledge-editor-field{display:grid;gap:8px;color:#263d30;font-size:12px;font-weight:750}.rich-text-editor{overflow:hidden;border:1px solid #bfcfc2;border-radius:15px;background:#fff;box-shadow:0 1px 3px #1b37270d}.rich-text-editor:focus-within{border-color:#6f9d79;box-shadow:0 0 0 3px #467e5521}.rich-editor-mode{display:flex;gap:3px;padding:7px 9px 0;border-bottom:1px solid #dbe4dc;background:#f4f7f3}.rich-editor-mode button{min-height:33px;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:0;border-radius:9px 9px 0 0;background:transparent;color:#65766c;font-size:11px;font-weight:700}.rich-editor-mode button.active{background:#fff;color:#24633f;box-shadow:0 -1px #c9d8cc,1px 0 #dbe4dc,-1px 0 #dbe4dc}.rich-editor-mode svg{width:14px;height:14px}.rich-editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px 10px;overflow-x:auto;border-bottom:1px solid #e1e8e2;background:#fbfcfa;scrollbar-width:thin}.rich-editor-toolbar select{width:124px;min-width:124px;min-height:34px!important;padding:6px 28px 6px 9px!important;border-radius:8px!important;font-size:11px}.rich-editor-toolbar button{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#52675a}.rich-editor-toolbar button:hover,.rich-editor-toolbar button:focus-visible{border-color:#c3d4c6;background:#edf4ed;color:#24633f}.rich-editor-toolbar button svg{width:16px;height:16px}.rich-editor-spacer{min-width:1px;height:24px;margin:0 3px;background:#dce5de}.rich-editor-content,.rich-editor-source{width:100%;min-height:300px;max-height:52dvh;overflow-y:auto;padding:18px;border:0!important;border-radius:0!important;outline:none;background:#fff!important;color:#263d30;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.7;box-shadow:none!important}.rich-editor-content:empty:before{content:attr(data-placeholder);color:#929f97;pointer-events:none}.rich-editor-source{display:block;resize:vertical;color:#294636;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:12px;line-height:1.6;white-space:pre}.rich-text-editor>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid #e1e8e2;background:#f7f9f6;color:#718078;font-size:10px;font-weight:500}.rich-text-editor>footer b{color:#52675a;font-size:10px}.knowledge-body{color:#35493e;font-size:14px;line-height:1.75}.knowledge-body>:first-child{margin-top:0}.knowledge-body>:last-child{margin-bottom:0}.knowledge-body h2,.knowledge-body h3,.knowledge-body h4,.rich-editor-content h2,.rich-editor-content h3,.rich-editor-content h4{margin:1.35em 0 .55em;color:#183c29;line-height:1.35}.knowledge-body h2,.rich-editor-content h2{font-size:1.35rem}.knowledge-body h3,.rich-editor-content h3{font-size:1.15rem}.knowledge-body h4,.rich-editor-content h4{font-size:1rem}.knowledge-body p,.rich-editor-content p{margin:0 0 .85em;color:inherit;line-height:inherit;white-space:normal}.knowledge-body ul,.knowledge-body ol,.rich-editor-content ul,.rich-editor-content ol{margin:.75em 0 1em;padding-left:1.55em}.knowledge-body li,.rich-editor-content li{margin:.3em 0}.knowledge-body blockquote,.rich-editor-content blockquote{margin:1em 0;padding:11px 14px;border-left:4px solid #75a382;border-radius:0 10px 10px 0;background:#f0f6ee;color:#496052}.knowledge-body a,.rich-editor-content a{color:#1f7044;font-weight:650;text-decoration:underline;text-underline-offset:2px}.knowledge-body pre,.rich-editor-content pre{overflow-x:auto;padding:13px;border-radius:10px;background:#182b21;color:#eaf2ec;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55}.knowledge-body code,.rich-editor-content code{padding:2px 5px;border-radius:5px;background:#edf2ed;color:#31543e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.knowledge-body hr,.rich-editor-content hr{margin:1.4em 0;border:0;border-top:1px solid #dce5de}@media (max-width: 520px){.rich-editor-content,.rich-editor-source{min-height:260px;padding:14px}.rich-editor-toolbar{padding-inline:8px}.rich-text-editor>footer span{display:none}.rich-text-editor>footer{justify-content:flex-end}}.rankings-page{display:grid;gap:18px}.rankings-heading{position:relative;overflow:visible;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #c6d7c9;border-radius:20px;background:radial-gradient(circle at 10% -20%,rgb(231 246 85 / 24%),transparent 38%),linear-gradient(135deg,#f8fbf3,#e8f1e7);box-shadow:0 8px 26px #1f472d14}.rankings-heading-copy{display:flex;align-items:center;gap:14px;min-width:0}.rankings-heading-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:16px;background:#2f6947;color:#eff77e;box-shadow:0 8px 18px #1f5b3933}.rankings-heading-icon svg{width:24px;height:24px}.rankings-heading-copy>div{min-width:0}.rankings-heading-copy small{color:#5b795f;font-size:10px;font-weight:800;letter-spacing:.12em}.rankings-heading h3{margin:3px 0 4px;color:#183c29;font-size:21px}.rankings-heading p{margin:0;color:#607368;font-size:12px}.rankings-sport-filter{width:220px;flex:0 0 220px;display:grid;gap:5px}.rankings-sport-filter>small{color:#587061;font-size:10px;font-weight:750}.rankings-sport-filter .compact-searchable{width:100%}.rankings-sport-filter .searchable-select-input input{min-height:42px;border-color:#b9cdbd;background:#ffffffdb}.rankings-loading{padding:38px;border:1px dashed #c6d5c8;border-radius:18px;color:#66796d;text-align:center}.ranking-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ranking-card{position:relative;display:grid;grid-template-columns:42px 48px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid #d6e0d7;border-radius:18px;background:linear-gradient(145deg,#fff,#f7faf6);box-shadow:0 5px 16px #1d442b12;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ranking-card:hover{border-color:#9eb9a4;box-shadow:0 10px 25px #1d442b1f;transform:translateY(-2px)}.ranking-position{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#edf3ec;color:#4a6755;font-size:13px;font-weight:850}.ranking-position svg{width:19px;height:19px}.ranking-avatar.social-avatar{width:48px;height:48px;flex-basis:48px;border-radius:15px;border:2px solid #fff;box-shadow:0 4px 12px #204d301f}.ranking-identity{display:grid;min-width:0;gap:2px}.ranking-identity>small{color:#8a681d;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ranking-identity h4{overflow:hidden;margin:0;color:#1b3527;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ranking-identity>span,.ranking-score>span{display:flex;align-items:center;gap:4px;color:#738178;font-size:10px}.ranking-identity svg,.ranking-score svg{width:12px;height:12px}.ranking-score{display:grid;justify-items:end;gap:1px;text-align:right}.ranking-score>small{color:#718078;font-size:9px;font-weight:800;letter-spacing:.08em}.ranking-score>strong{color:#24633f;font-size:20px;line-height:1.15}.ranking-score>span{color:#73814e}.ranking-stats{grid-column:2 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:11px;border-top:1px solid #e5ebe5}.ranking-stats>span{display:grid;gap:1px;text-align:center}.ranking-stats b{color:#294636;font-size:12px}.ranking-stats small{display:flex;align-items:center;justify-content:center;gap:3px;color:#75837a;font-size:9px;white-space:nowrap}.ranking-stats svg{width:10px;height:10px}.ranking-card-1{grid-column:1 / -1;border-color:#d5bf65;background:radial-gradient(circle at 92% 0,rgb(247 218 91 / 23%),transparent 32%),linear-gradient(140deg,#fffdf2,#f4f7e8);box-shadow:0 10px 30px #7c60181f}.ranking-card-1 .ranking-position{background:linear-gradient(145deg,#f9df62,#d5a72d);color:#684b05}.ranking-card-1 .ranking-avatar.social-avatar{width:56px;height:56px;flex-basis:56px;border-color:#f1d56d}.ranking-card-1 .ranking-identity h4{font-size:17px}.ranking-card-1 .ranking-score>strong{font-size:24px}.ranking-card-2{border-color:#c6ced0;background:linear-gradient(145deg,#fff,#f0f4f4)}.ranking-card-2 .ranking-position{background:linear-gradient(145deg,#e9eeee,#bbc5c8);color:#46575c}.ranking-card-3{border-color:#d7b797;background:linear-gradient(145deg,#fffaf5,#f5eee7)}.ranking-card-3 .ranking-position{background:linear-gradient(145deg,#dfb587,#b67843);color:#fff8ef}.rankings-footer{display:flex;align-items:center;justify-content:center;gap:7px;color:#718078;font-size:11px}.rankings-footer svg{width:15px;height:15px}@media (max-width: 760px){.rankings-heading{align-items:stretch;flex-direction:column}.rankings-sport-filter{width:100%;flex-basis:auto}.ranking-card-grid{grid-template-columns:1fr}.ranking-card-1{grid-column:auto}}@media (max-width: 520px){.rankings-page{gap:13px}.rankings-heading{gap:15px;padding:16px;border-radius:17px}.rankings-heading-icon{width:44px;height:44px;flex-basis:44px;border-radius:14px}.rankings-heading h3{font-size:18px}.rankings-heading p{font-size:11px}.ranking-card{grid-template-columns:36px 44px minmax(0,1fr) auto;gap:9px;padding:13px;border-radius:15px}.ranking-position{width:34px;height:34px}.ranking-avatar.social-avatar,.ranking-card-1 .ranking-avatar.social-avatar{width:44px;height:44px;flex-basis:44px;border-radius:13px}.ranking-card-1 .ranking-identity h4,.ranking-identity h4{font-size:13px}.ranking-card-1 .ranking-score>strong,.ranking-score>strong{font-size:17px}.ranking-score>span{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-stats{grid-column:1 / -1}}:root{--font-sans: "Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-caption: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-body: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-display: 1.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65}html{font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none}body,button,input,select,textarea{font-family:var(--font-sans)}body{font-size:var(--text-body);line-height:var(--leading-normal)}button,input,select,textarea{font-size:var(--text-body);line-height:1.4}h1,h2,h3,h4,h5,h6,p{overflow-wrap:anywhere}h1,h2,h3,h4,h5,h6{margin-block-start:0;font-family:var(--font-sans);font-style:normal;text-transform:none;text-wrap:balance}h1{font-size:var(--text-display);font-weight:800;line-height:1.15;letter-spacing:-.025em}h2{font-size:var(--text-xl);font-weight:800;line-height:1.2;letter-spacing:-.02em}h3{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.015em}h4,h5,h6{font-size:var(--text-md);font-weight:700;line-height:1.35;letter-spacing:-.01em}p,li,dd,dt{line-height:var(--leading-normal)}small{font-size:var(--text-xs);line-height:1.4}header strong{font-size:var(--text-xl);line-height:var(--leading-tight)}header small,.title small,.hero small,.home-hero small,.home-section-title small{font-size:var(--text-caption);line-height:1.35}nav button,.section-tabs button,.community-feed-tabs button,.group-tabs button,.chip-list button{font-size:var(--text-xs);line-height:1.25}.badge,.status-badge,.participant-status,.system-event-limit,.highlight-you{font-size:var(--text-caption);line-height:1.25}.muted,.helper-text,.picker-hint,.form-hint,.inherited-fields,.notification small,.conversation span,.member small,.ranking small,.venue-card span,.venue-card small{font-size:var(--text-xs);line-height:1.45}.panel summary,.form-grid label,.choice-card b,.searchable-options b,.opponent-result b{font-size:var(--text-sm);line-height:1.4}.searchable-options small,.choice-card small,.opponent-result small,.searchable-options>p{font-size:var(--text-xs);line-height:1.4}.home-hero h2{font-size:var(--text-display);line-height:1.2}.home-hero p,.home-section-title p{font-size:var(--text-body);line-height:var(--leading-normal)}.home-section-title h3{font-size:var(--text-lg)}.home-quick-card b,.home-actions-section .home-quick-card b,.system-event-copy>b,.highlight-list .highlight-info b,.home-community-section .highlight-list .highlight-info b{font-size:var(--text-sm);line-height:1.35}.home-quick-card small,.home-actions-section .home-quick-card small,.system-event-copy p,.highlight-list .highlight-info small,.home-community-section .highlight-list .highlight-info small{font-size:var(--text-caption);line-height:1.4}.system-event-kind,.system-event-heading i,.system-event-heading time,.system-event-meta small,.system-event-meta strong,.system-event-meta em,.highlight-stats small,.highlight-stats strong,.compact-ranking-guide .rule-step-track button b,.guide-hint{font-size:var(--text-caption);line-height:1.25}.community-title h1{font-size:var(--text-xl);line-height:1.2}.feed-heading b,.social-post-header b{font-size:var(--text-sm);line-height:1.35}.feed-heading small,.social-post-header span,.recommendation-reason,.social-proof,.post-mentions,.social-post-tags span{font-size:var(--text-caption);line-height:1.35}.social-post-text{font-size:var(--text-body);line-height:var(--leading-relaxed)}.social-counts,.social-actions button,.social-composer-actions label,.social-composer-actions button,.mention-picker,.mention-picker>div,.mention-picker>button,.mention-chips button{font-size:var(--text-xs);line-height:1.35}.comment-meta b,.comment-bubble p,.social-comment-form input,.comment-edit input{font-size:var(--text-sm);line-height:1.45}.comment-meta time,.comment-tools,.comment-tools button{font-size:var(--text-caption);line-height:1.3}.event-card h3{font-size:var(--text-md);line-height:1.35}.event-card p,.event-attendance>span{font-size:var(--text-xs);line-height:1.4}.event-card-heading small,.participant-row small{font-size:var(--text-caption);line-height:1.35}.auth p,.profile p,.notification span,.bubble,.conversation strong{font-size:var(--text-body);line-height:var(--leading-normal)}.notification strong,.profile h2,.title h2{line-height:var(--leading-tight)}.error,.inline-error,.success,.notice{font-size:var(--text-sm);line-height:1.45}@media (max-width: 520px){:root{--text-display: 1.5rem;--text-xl: 1.25rem}input,select,textarea{font-size:16px}}.home-hero.mystic-welcome{isolation:isolate;min-height:158px;overflow:hidden;padding:24px 26px;border:1px solid #f0d88c66;background:linear-gradient(115deg,#091c1cfa,#163d34f5 40%,#24204ff2),radial-gradient(circle at 20% 20%,#55d9a8 0%,transparent 38%);box-shadow:0 18px 42px #152a3338,inset 0 1px #fff5c655,inset 0 -30px 60px #080e2d44}.home-hero.mystic-welcome:before{content:"";position:absolute;z-index:-1;inset:auto -12% -58% -12%;height:92%;border-radius:50%;background:radial-gradient(ellipse at 20% 30%,#c9f9df33 0 16%,transparent 17%),radial-gradient(ellipse at 48% 20%,#fff4c52b 0 19%,transparent 20%),radial-gradient(ellipse at 76% 36%,#b1d7ff2b 0 18%,transparent 19%),linear-gradient(180deg,transparent,#8ccab32b);filter:blur(6px);animation:mysticMist 9s ease-in-out infinite alternate}.home-hero.mystic-welcome:after{content:"";position:absolute;z-index:-2;right:-44px;top:-66px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#fffbd6 0 4%,#f3df8e 5% 16%,#c1e7c53d 34%,transparent 68%);box-shadow:0 0 55px #eee29d48;opacity:.9}.home-hero-mystic{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.home-hero-mystic i{position:absolute;display:block;border-radius:50%}.home-hero-mystic i:nth-child(1){right:23px;top:-55px;width:175px;height:175px;border:1px solid #f6e8a64f;box-shadow:0 0 0 16px #f6e8a608,0 0 0 32px #8ee1bb09,inset 0 0 34px #f7e39c18;animation:mysticOrbit 24s linear infinite}.home-hero-mystic i:nth-child(1):before,.home-hero-mystic i:nth-child(1):after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff3ae;box-shadow:0 0 12px #fff2a8}.home-hero-mystic i:nth-child(1):before{left:16px;top:31px}.home-hero-mystic i:nth-child(1):after{right:6px;bottom:51px}.home-hero-mystic i:nth-child(2){left:33%;bottom:-118px;width:245px;height:180px;transform:rotate(-7deg);border:1px solid #b7f7d11f;background:radial-gradient(ellipse at 50% 5%,#60cda828,transparent 62%)}.home-hero-mystic i:nth-child(3){left:14px;top:18px;width:3px;height:3px;background:#fff7c7;box-shadow:28px 78px #fff7c7aa,91px 9px #abf4d1aa,204px 35px #fff7c788,328px 91px #b8d7ff99,442px 13px #fff7c799,548px 108px #abf4d177;animation:mysticStars 3.2s ease-in-out infinite alternate}.home-hero-mystic>span{position:absolute;color:#fff0a8;font-style:normal;text-shadow:0 0 14px #fff0a8;animation:mysticStars 2.8s ease-in-out infinite alternate}.home-hero-mystic>span:nth-of-type(1){right:31%;top:18px;font-size:14px}.home-hero-mystic>span:nth-of-type(2){right:13%;bottom:24px;font-size:20px;animation-delay:-.9s}.home-hero-mystic>span:nth-of-type(3){left:46%;bottom:13px;font-size:10px;animation-delay:-1.7s}.mystic-welcome .home-identity-avatar{position:relative;z-index:1;width:68px;height:68px;flex:0 0 68px;display:grid;place-items:center;padding:3px;border:1px solid #ffeeb0;border-radius:50%;background:linear-gradient(145deg,#f7e7a2,#7ce1b6 48%,#786dc5);color:#173d2a;font-size:var(--text-md);font-weight:900;box-shadow:0 0 0 5px #fff5c614,0 0 30px #88e6bc42,inset 0 0 10px #fff}.mystic-welcome .home-identity-avatar:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border:1px dashed #f8e9ab55;border-radius:50%;animation:mysticOrbit 18s linear infinite reverse}.mystic-welcome .home-identity-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mystic-welcome .home-identity-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:flex-start}.home-hero-eyebrow{display:flex;align-items:center;gap:7px;color:#f6e7a5}.home-hero-eyebrow small{color:#f4e7b4;font-size:var(--text-caption);font-weight:800;letter-spacing:1.6px;opacity:.9}.home-hero-eyebrow>span{font-size:8px;text-shadow:0 0 8px #fff1aa}.home-hero.mystic-welcome h2{margin:5px 0 4px;color:#fffdf0;font-size:1.55rem;font-weight:850;letter-spacing:-.3px;text-shadow:0 2px 18px #8ee1bb33}.home-hero.mystic-welcome h2 em{color:#f9e99f;font-size:.72em;font-style:normal;text-shadow:0 0 13px #fff2a8}.home-hero.mystic-welcome p{max-width:570px;overflow:visible;margin:0;color:#e1f2e9;font-size:var(--text-sm);line-height:1.55;text-overflow:clip;white-space:normal}.home-hero-mantra{display:flex;align-items:center;gap:7px;margin-top:10px;color:#cce9db;font-size:var(--text-caption);font-weight:700}.home-hero-mantra span{padding:3px 8px;border:1px solid #e9f7d72b;border-radius:99px;background:#f7ffed0d;box-shadow:inset 0 1px #ffffff18}.home-hero-mantra i{color:#e8d37b;font-style:normal}@keyframes mysticMist{to{transform:translate3d(4%,-5%,0) scale(1.04)}}@keyframes mysticOrbit{to{transform:rotate(360deg)}}@keyframes mysticStars{0%{opacity:.42}to{opacity:1}}@media (max-width: 600px){.home-hero.mystic-welcome{min-height:170px;align-items:flex-start;gap:13px;padding:19px 16px 17px;border-radius:21px}.mystic-welcome .home-identity-avatar{width:54px;height:54px;flex-basis:54px;padding:2px}.home-hero.mystic-welcome h2{margin-top:4px;font-size:1.25rem}.home-hero.mystic-welcome p{display:-webkit-box;overflow:hidden;font-size:var(--text-xs);-webkit-box-orient:vertical;-webkit-line-clamp:3}.home-hero-eyebrow{gap:5px}.home-hero-eyebrow small{max-width:100%;overflow:hidden;font-size:.625rem;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap}.home-hero-mantra{gap:4px;margin-top:8px;font-size:.625rem}.home-hero-mantra span{padding:3px 6px}.home-hero-mystic i:nth-child(1){right:-34px;top:-65px}}@media (max-width: 380px){.home-hero.mystic-welcome{min-height:160px;gap:10px;padding-inline:13px}.mystic-welcome .home-identity-avatar{width:48px;height:48px;flex-basis:48px}.home-hero-mantra i{display:none}}@media (prefers-reduced-motion: reduce){.home-hero.mystic-welcome:before,.home-hero-mystic i,.home-hero-mystic>span,.mystic-welcome .home-identity-avatar:after{animation:none}}.group-fee-fact{align-self:flex-start;padding:5px 9px;border-radius:9px;background:#fff5d7;color:#805d0c}.venue-owner-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;border:1px solid #dce7df;border-radius:14px;background:#f8fbf8}.venue-owner-fields>div{grid-column:1 / -1}.venue-owner-fields>div small{color:#28754a;font-size:var(--text-caption);font-weight:850;letter-spacing:1px}.venue-owner-fields>div p{margin:3px 0 0;color:#718078;font-size:var(--text-xs)}.venue-owner-contact{display:flex;flex-direction:row!important;flex-wrap:wrap;gap:5px;margin-top:6px}.venue-card .venue-owner-contact>span,.venue-card .venue-owner-contact>a{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:8px;background:#edf5ef;color:#315f42;font-size:var(--text-caption);line-height:1.3;text-decoration:none}.venue-card .venue-owner-contact>a{background:#e8f1fb;color:#2f6391}.venue-owner-contact svg{width:13px;height:13px;flex:0 0 13px}.venue-add-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px;padding:4px;border:1px solid #dfe7e1;border-radius:13px;background:#edf2ee}.venue-add-modes button{min-height:40px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#62736a;font-size:var(--text-xs);font-weight:750}.venue-add-modes button.active{background:#fff;color:#1f6840;box-shadow:0 2px 8px #173d2a12}.club-system-venue-picker{display:grid;gap:10px}.club-system-venue-picker>div:first-child small{color:#398859;font-size:var(--text-caption);font-weight:850;letter-spacing:1px}.club-system-venue-picker h4,.club-system-venue-picker p{margin:3px 0}.club-system-venue-picker>div:nth-child(2){display:grid;gap:7px}.club-system-venue-picker article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid #e3e9e4;border-radius:12px;background:#fafcfa}.club-system-venue-picker article>svg{width:19px;color:#28754a}.club-system-venue-picker article>span{display:flex;min-width:0;flex-direction:column}.club-system-venue-picker article small{overflow:hidden;color:#718078;text-overflow:ellipsis;white-space:nowrap}.club-system-venue-picker article button{padding:7px 9px;border:0;border-radius:9px;background:#173d2a;color:#fff;font-size:var(--text-xs)}.club-system-venue-picker article button:disabled{background:#e5eae6;color:#78857e}@media (max-width: 600px){.venue-owner-fields{grid-template-columns:1fr}.venue-owner-fields>div{grid-column:auto}.venue-card{grid-template-columns:32px minmax(0,1fr) auto;gap:9px}.venue-owner-contact{margin-top:7px}.venue-add-modes{grid-template-columns:1fr}.club-system-venue-picker article{grid-template-columns:28px minmax(0,1fr)}.club-system-venue-picker article button{grid-column:2;justify-self:start}}.system-venue-page{display:grid;gap:14px}.system-venue-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.system-venue-heading small{color:#398859;font-size:var(--text-caption);font-weight:850;letter-spacing:1.2px}.system-venue-heading h2{margin:3px 0}.system-venue-heading p{margin:0;color:#718078}.system-venue-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.system-venue-filters label{display:grid;gap:5px;font-size:var(--text-xs);font-weight:700}.system-venue-filters select{padding:9px 10px}.system-venue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.system-venue-card{display:grid;align-content:start;gap:9px;min-width:0;padding:14px;border:1px solid #dfe7e1;border-radius:17px;background:#fff;box-shadow:0 5px 18px #173d2a0a}.system-venue-card.inactive{opacity:.72;background:#f6f7f6}.system-venue-card-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px}.system-venue-card-head>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e8f3eb;color:#28754a}.system-venue-card-head svg{width:19px}.system-venue-card-head>div{display:flex;min-width:0;flex-direction:column}.system-venue-card-head small{color:#398859;font-size:var(--text-caption);font-weight:750}.system-venue-card-head h3{overflow:hidden;margin:1px 0;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap}.system-venue-card-head em{padding:4px 7px;border-radius:99px;background:#dff3e5;color:#17683a;font-size:var(--text-caption);font-style:normal;font-weight:700}.system-venue-card.inactive .system-venue-card-head em{background:#e8eae9;color:#69766f}.system-venue-card>p{margin:0;color:#62736a;font-size:var(--text-xs)}.system-venue-note{padding-top:7px;border-top:1px dashed #e2e9e3;color:#718078}.system-venue-admin-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:8px;border-top:1px solid #edf1ee}.system-venue-admin-actions button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:0;border-radius:9px;background:#edf3ee;color:#315f42;font-size:var(--text-xs)}.system-venue-admin-actions svg{width:14px}.system-venue-admin-actions .danger-text{background:#fff0ef;color:#9b3a3a}.system-venue-form{margin:0}.system-venue-form>.title{margin-bottom:4px}@media (max-width: 600px){.system-venue-heading{align-items:flex-start}.system-venue-heading p{font-size:var(--text-xs)}.system-venue-filters,.system-venue-grid{grid-template-columns:1fr}.system-venue-card{padding:12px}.system-venue-card-head{grid-template-columns:38px minmax(0,1fr) auto}.system-venue-card-head>span{width:38px;height:38px}.system-venue-card-head em{max-width:72px;text-align:center}.system-venue-form{padding:12px}}.venue-review{display:grid;gap:14px;margin:0;border-color:#d9e7dc}.venue-review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.venue-review-heading small,.google-attribution{color:#28784a;font-size:var(--text-caption);font-weight:850;letter-spacing:.7px}.venue-review-heading h3{margin:3px 0}.venue-review-heading p{margin:0;color:#6c7b72;font-size:var(--text-xs)}.venue-review-layout{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.5fr);min-height:250px;border:1px solid #e2e9e4;border-radius:14px;overflow:hidden}.venue-candidate-list{max-height:520px;overflow:auto;border-right:1px solid #e2e9e4;background:#f7faf7}.venue-candidate-row{display:grid;width:100%;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;padding:11px;border:0;border-bottom:1px solid #e5ebe6;background:transparent;color:#344b3d;text-align:left}.venue-candidate-row:hover,.venue-candidate-row.selected{background:#e8f3eb}.venue-candidate-row>span{display:grid;min-width:0;gap:2px}.venue-candidate-row small{overflow:hidden;color:#758078;font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap}.venue-candidate-row svg{width:16px}.venue-review-empty{padding:18px;color:#6b786f;font-size:var(--text-xs)}.venue-review-detail{min-width:0;padding:14px}.venue-review-placeholder{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;color:#738078;text-align:center}.venue-review-placeholder>svg{width:34px;color:#3c8a5a}.venue-google-review-form{display:grid;gap:12px}.google-attribution span{color:#4285f4}.google-place-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.google-place-summary h3{margin:0}.google-place-summary p{margin:3px 0 0;color:#67756c;font-size:var(--text-xs)}.google-place-summary a,.google-place-facts a{display:flex;align-items:center;gap:4px;color:#28784a;font-size:var(--text-xs);font-weight:700}.google-place-summary svg,.google-place-facts svg{width:14px}.google-place-facts{display:flex;flex-wrap:wrap;gap:6px}.google-place-facts>span,.google-place-facts>a{padding:5px 7px;border-radius:8px;background:#f0f5f1;color:#52645a;font-size:var(--text-caption)}.venue-google-review-form details{font-size:var(--text-xs)}.venue-google-review-form details ul{margin:7px 0;padding-left:20px}.venue-storage-notice{margin:0;padding:9px 10px;border-left:3px solid #e6a23c;background:#fff8e8;color:#725519;font-size:var(--text-xs)}.venue-review-fields{margin:0;padding:0;border:0;box-shadow:none}.venue-review-confirm{display:flex;align-items:flex-start;gap:7px;color:#55675c;font-size:var(--text-xs)}.venue-review-confirm input{width:var(--choice-control-size);height:var(--choice-control-size);min-width:var(--choice-control-size);flex:0 0 var(--choice-control-size);margin-top:2px;accent-color:#347a50}.venue-review-actions{display:flex;justify-content:flex-end;gap:8px}.venue-review-actions button{display:flex;align-items:center;gap:5px}.venue-review-actions svg{width:16px}.venue-review-actions .danger-text{border:0;background:#fff0ef;color:#9b3a3a}.spin{animation:venue-spin 1s linear infinite}@keyframes venue-spin{to{transform:rotate(360deg)}}@media (max-width: 760px){.venue-review-layout{grid-template-columns:1fr}.venue-candidate-list{max-height:210px;border-right:0;border-bottom:1px solid #e2e9e4}.venue-review-detail{padding:11px}.google-place-summary{display:grid}.venue-review-actions{display:grid;grid-template-columns:1fr 1fr}.venue-review-actions button{justify-content:center}}body{min-width:320px;overflow-x:hidden}.app,.content,.content>*,.panel,.home-page,.home-section{min-width:0}.app>nav button{min-height:48px}.app-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;min-height:74px;height:auto;padding-top:max(12px,env(safe-area-inset-top))}.header-brand{min-width:0;text-align:center}.header-brand small,.header-brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-menu-trigger,.app-menu-heading button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:14px}.header-menu-trigger{background:#ffffff19;color:#fff}.header-menu-trigger:active,.header-action:active{transform:scale(.96)}.header-menu-trigger:focus-visible,.header-action:focus-visible,.app-menu-heading button:focus-visible,.app-menu-list button:focus-visible,nav button:focus-visible{outline:3px solid #e7f655;outline-offset:2px}.header-menu-trigger svg,.app-menu-heading svg{width:22px;height:22px}.app-menu-layer{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;background:#07150e99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:menuBackdropIn .18s ease-out}.app-menu-drawer{width:min(340px,88vw);height:100dvh;margin-right:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));overflow-y:auto;background:#fbfcfa;box-shadow:18px 0 48px #07150e45;animation:menuDrawerIn .22s ease-out}.app-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 18px;border-bottom:1px solid #e2e9e3}.app-menu-heading>div{display:flex;min-width:0;flex-direction:column}.app-menu-heading small{color:#568066;font-size:var(--text-caption);font-weight:800;letter-spacing:1.2px}.app-menu-heading strong{color:#173d2a;font-size:var(--text-xl)}.app-menu-heading button{flex:0 0 44px;background:#edf2ee;color:#40594b}.app-menu-list{display:grid;gap:7px;padding:16px 0}.app-menu-list button{position:relative;width:100%;min-height:52px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:7px 12px 7px 8px;border:1px solid transparent;border-radius:14px;background:transparent;color:#445b4e;text-align:left}.app-menu-list button>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf3ee;color:#397250}.app-menu-list button svg{width:20px;height:20px}.app-menu-list button b{font-size:var(--text-body)}.app-menu-list button i{min-width:23px;padding:3px 6px;border-radius:99px;background:#d84b45;color:#fff;font-size:var(--text-caption);font-style:normal;text-align:center}.app-menu-list button.active{border-color:#c8ddcd;background:#eaf4ec;color:#155f37}.app-menu-list button.active>span{background:#173d2a;color:#e7f655}.app-menu-drawer>p{margin:4px 4px 0;color:#7a8980;font-size:var(--text-xs);line-height:1.5}@keyframes menuBackdropIn{0%{opacity:0}}@keyframes menuDrawerIn{0%{transform:translate(-100%)}}@media (min-width: 760px){.app-menu-drawer{margin-left:calc((100vw - 760px)/2)}}@media (max-width: 600px){.app{width:100%;padding-bottom:0}.app-header{grid-template-columns:42px minmax(0,1fr) 42px;min-height:66px;padding-right:12px;padding-bottom:10px;padding-left:12px}.header-menu-trigger,.header-action{width:42px;height:42px}.header-brand strong{font-size:1.125rem}.content{width:100%;padding:12px}.home-page{gap:16px}.home-hero{padding:20px 16px;border-radius:20px}.panel,.profile{padding:14px;border-radius:16px}.actions>button,.actions>a,.primary,.secondary,.group-tabs button,.friend-actions button{min-height:42px}.chip-list,.section-tabs,.community-feed-tabs,.home-actions-section .home-quick-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch}.chip-list::-webkit-scrollbar,.section-tabs::-webkit-scrollbar,.community-feed-tabs::-webkit-scrollbar,.home-actions-section .home-quick-grid::-webkit-scrollbar{display:none}.row,.member,.conversation,.friend-card,.group{min-width:0}.row>*,.member>*,.conversation>*,.friend-card>*,.group>*{min-width:0}.app>nav{min-height:64px;padding:6px 4px max(7px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px #173d2a0d}nav button{min-width:0;min-height:48px;justify-content:center;gap:2px;padding:3px 1px;font-size:var(--text-caption)}nav button>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav button:nth-child(3) .nav-icon{width:34px;height:34px;margin-top:-14px;border:3px solid white;border-radius:50%;background:#173d2a;color:#e7f655;box-shadow:0 5px 14px #173d2a30}nav button:nth-child(3).active .nav-icon{background:#28754a}nav button:nth-child(3) svg{width:19px}.notification-panel{top:calc(62px + env(safe-area-inset-top));width:calc(100% - 16px);max-height:calc(100dvh - 150px);padding:10px;border-radius:16px}.message-toast{right:10px;bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100% - 20px)}.home-community-section .highlight-list{display:grid;gap:10px;overflow:visible;padding:0;border:0;border-radius:0;background:transparent}.home-community-section .highlight-list .highlight-card{position:relative;display:grid;grid-template-columns:28px 50px minmax(0,1fr) 42px;grid-template-rows:auto auto;align-items:center;gap:10px;min-width:0;padding:12px;overflow:hidden;border:1px solid #dfe8e1;border-radius:16px;background:linear-gradient(145deg,#fff,#fbfdfb);box-shadow:0 5px 16px #173d2a0b}.home-community-section .highlight-list .highlight-card:last-child{border-bottom:1px solid #dfe8e1}.home-community-section .highlight-list .highlight-card.is-current{border-color:#a9ceb2;background:linear-gradient(145deg,#f1f9f3,#fff);box-shadow:0 5px 18px #28754a14}.home-community-section .highlight-list .highlight-rank{grid-column:1;grid-row:1;align-self:start;width:28px;height:28px;border-radius:9px;font-size:var(--text-caption);font-weight:850}.home-community-section .highlight-list .highlight-avatar,.home-community-section .highlight-list .highlight-card>img{grid-column:2;grid-row:1;width:50px;height:50px;border:2px solid white;box-shadow:0 0 0 1px #d6e4d9;font-size:var(--text-sm)}.home-community-section .highlight-list .highlight-info{grid-column:3;grid-row:1;align-self:center;gap:4px;padding:0}.home-community-section .highlight-list .highlight-info b{font-size:var(--text-body);line-height:1.3}.home-community-section .highlight-list .highlight-info small{display:inline-flex;align-self:flex-start;padding:3px 7px;border-radius:99px;background:#e9f3eb;color:#28754a;font-size:var(--text-caption);font-weight:700;line-height:1.2}.home-community-section .highlight-list .highlight-chat,.home-community-section .highlight-list .highlight-you{grid-column:4;grid-row:1;align-self:center;justify-self:end}.home-community-section .highlight-list .highlight-chat{position:static;width:42px;height:42px;border-radius:13px;background:#edf5ef;color:#28754a}.home-community-section .highlight-list .highlight-chat svg{width:19px;height:19px}.home-community-section .highlight-list .highlight-you{width:auto;min-width:40px;height:28px;padding:0 9px;font-size:var(--text-caption)}.home-community-section .highlight-list .highlight-stats{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:2px;padding-top:10px;overflow:visible;border-top:1px solid #ebf0ec;border-left:0}.home-community-section .highlight-list .highlight-stats>span{align-items:center;justify-content:center;min-width:0;min-height:48px;gap:2px;padding:6px 3px;border:0;border-radius:10px;background:#f4f7f4;text-align:center}.home-community-section .highlight-list .highlight-stats>span:first-child{padding-left:3px;background:#edf6ef}.home-community-section .highlight-list .highlight-stats small{max-width:100%;overflow:hidden;color:#76857c;font-size:.625rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.home-community-section .highlight-list .highlight-stats strong{margin:0;color:#244b34;font-size:var(--text-sm);line-height:1.2}}@media (max-width: 380px){.header-brand small{display:none}.content{padding-right:10px;padding-left:10px}.app-menu-drawer{width:92vw}.home-community-section .highlight-list .highlight-card{grid-template-columns:26px 44px minmax(0,1fr) 38px;gap:8px;padding:10px}.home-community-section .highlight-list .highlight-avatar,.home-community-section .highlight-list .highlight-card>img{width:44px;height:44px}.home-community-section .highlight-list .highlight-chat{width:38px;height:38px}.home-community-section .highlight-list .highlight-stats{gap:3px}.home-community-section .highlight-list .highlight-stats>span{min-height:45px;padding-inline:2px}}@media (prefers-reduced-motion: reduce){.app-menu-layer,.app-menu-drawer{animation:none}}.desktop-sidebar,.desktop-context{display:none}@media (min-width: 1120px){body{background:radial-gradient(circle at 8% 8%,rgb(231 246 85 / 12%),transparent 24rem),radial-gradient(circle at 92% 22%,rgb(48 126 77 / 9%),transparent 28rem),#f1f5f0}.app{width:min(1440px,100%);max-width:none;height:100dvh;min-height:0;display:grid;grid-template-columns:236px minmax(0,760px) 276px;grid-template-rows:auto minmax(0,1fr);justify-content:center;align-items:stretch;gap:0 24px;margin:0 auto;padding:22px 24px;overflow:hidden;background:transparent}.desktop-sidebar,.desktop-context{display:flex;position:relative;top:auto;height:100%;max-height:100%;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.desktop-sidebar{grid-column:1;grid-row:1 / span 2;gap:18px;padding:16px;border:1px solid #dce6de;border-radius:24px;background:#ffffffe0;box-shadow:0 18px 55px #19432b1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.desktop-brand{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;padding:5px;border:0;background:transparent;color:#173d2a;text-align:left}.desktop-brand>span{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#173d2a,#347b51);color:#e7f655;box-shadow:0 7px 18px #173d2a33;font-size:1.2rem;font-weight:850}.desktop-brand div{min-width:0}.desktop-brand strong,.desktop-brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-brand strong{font-size:1rem}.desktop-brand small{margin-top:2px;color:#718078;font-size:.65rem}.desktop-navigation{display:grid;gap:5px}.desktop-navigation button{width:100%;min-height:48px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px 6px 7px;border:1px solid transparent;border-radius:14px;background:transparent;color:#4c6255;text-align:left;transition:.18s ease}.desktop-navigation button:hover{background:#f0f5f1;color:#1f633b;transform:translate(2px)}.desktop-navigation button>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#edf3ee}.desktop-navigation button svg{width:18px;height:18px}.desktop-navigation button b{font-size:.82rem}.desktop-navigation button i,.desktop-notification-card i{min-width:23px;padding:3px 6px;border-radius:99px;background:#d84b45;color:#fff;font-size:.62rem;font-style:normal;text-align:center}.desktop-navigation button.active{border-color:#bfd9c5;background:linear-gradient(110deg,#e7f3e9,#f3f8ee);color:#155f37;box-shadow:inset 3px 0 #398859}.desktop-navigation button.active>span{background:#173d2a;color:#e7f655}.desktop-sidebar-note{display:grid;gap:5px;margin-top:auto;padding:14px;border-radius:16px;background:linear-gradient(145deg,#183e2c,#326f4b);color:#fff}.desktop-sidebar-note b{font-size:.78rem}.desktop-sidebar-note span{color:#d8e7dc;font-size:.67rem;line-height:1.5}.app-header{grid-column:2;grid-row:1;top:auto;min-height:68px;border:1px solid rgb(255 255 255 / 26%);border-radius:22px}.app-header .header-menu-trigger{display:none}.app-header{grid-template-columns:minmax(0,1fr) 44px}.app-header .header-brand{text-align:left}.app-header .header-brand strong{font-size:1.25rem}.content{grid-column:2;grid-row:2;width:100%;min-height:0;overflow-y:auto;padding:22px 0 0}.desktop-context{grid-column:3;grid-row:1 / span 2;gap:14px}.desktop-context-card,.desktop-notification-card{border:1px solid #dce6de;border-radius:21px;background:#ffffffe5;box-shadow:0 14px 42px #19432b14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.desktop-context-card{padding:18px}.desktop-context-card>small,.desktop-context-heading small{color:#398859;font-size:.62rem;font-weight:850;letter-spacing:1.2px}.desktop-context-card h2{margin:7px 0;font-size:1.25rem}.desktop-context-card h3{margin:4px 0 12px;font-size:.96rem}.desktop-context-card p{margin:0 0 14px;color:#66776e;font-size:.75rem;line-height:1.55}.desktop-welcome-card{overflow:hidden;background:radial-gradient(circle at 100% 0,rgb(231 246 85 / 22%),transparent 42%),linear-gradient(145deg,#173d2a,#2e6e49);color:#fff}.desktop-welcome-card>small{color:#e7f655}.desktop-welcome-card p{color:#d9e8dd}.desktop-welcome-card>button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;background:#e7f655;color:#173d2a;font-size:.76rem;font-weight:800}.desktop-welcome-card>button svg{width:17px}.desktop-shortcuts{display:grid;gap:7px}.desktop-shortcuts button{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:8px;border:0;border-radius:12px;background:#f3f7f4;color:#31533e;text-align:left}.desktop-shortcuts button:hover{background:#e9f2eb}.desktop-shortcuts button>svg{width:36px;height:36px;padding:9px;border-radius:11px;background:#fff;color:#398859}.desktop-shortcuts span,.desktop-notification-card div{display:grid;gap:2px;min-width:0}.desktop-shortcuts b,.desktop-notification-card b{font-size:.76rem}.desktop-shortcuts small,.desktop-notification-card small{overflow:hidden;color:#74837a;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.desktop-notification-card{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;color:#31533e;text-align:left}.desktop-notification-card>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf4ef;color:#398859}.desktop-notification-card svg{width:19px}.app>nav{display:none}.app-menu-layer{display:none}.notification-panel{top:100px;width:min(720px,calc(100% - 48px))}.message-toast{right:max(24px,calc((100vw - 1392px)/2));bottom:24px}}@media (min-width: 1120px) and (max-width: 1279px){.app{grid-template-columns:210px minmax(0,720px)}.desktop-context{display:none}}.pwa-install-banner{position:fixed;z-index:12;left:50%;bottom:84px;width:min(720px,calc(100% - 24px));display:grid;grid-template-columns:42px minmax(0,1fr) auto 34px;align-items:center;gap:10px;padding:11px 12px;transform:translate(-50%);border:1px solid #cfe0d3;border-radius:17px;background:#fff;box-shadow:0 15px 45px #10291e3b;color:#263d31}.pwa-install-banner>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e7f655;color:#173d2a}.pwa-install-banner>span svg{width:21px}.pwa-install-banner>div{display:grid;min-width:0;gap:2px}.pwa-install-banner b{font-size:var(--text-sm)}.pwa-install-banner small{color:#66766c;font-size:var(--text-caption);line-height:1.4}.pwa-install-banner .primary{display:flex;align-items:center;gap:5px;padding:9px 11px}.pwa-install-banner .primary svg{width:15px}.pwa-install-banner>.icon-button{width:34px;height:34px;display:grid;place-items:center;padding:0;border-radius:50%;background:#f0f3f1}.pwa-settings{display:grid;gap:14px;margin-top:0;background:linear-gradient(145deg,#fff,#f6faf7)}.pwa-settings-heading{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:start;gap:11px}.pwa-settings-heading>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e7f655;color:#173d2a}.pwa-settings-heading>span svg{width:22px}.pwa-settings-heading small{color:#398859;font-size:var(--text-caption);font-weight:850;letter-spacing:1px}.pwa-settings-heading h3{margin:2px 0}.pwa-settings-heading p{margin:0;color:#6b7a71;font-size:var(--text-xs);line-height:1.5}.pwa-settings-heading em{padding:5px 8px;border-radius:99px;background:#edf0ee;color:#67736c;font-size:var(--text-caption);font-style:normal;font-weight:750}.pwa-settings-heading em.enabled{background:#ddf2e3;color:#17683a}.pwa-ios-help,.pwa-server-warning{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:11px;background:#eef5ff;color:#3e5f85;font-size:var(--text-xs);line-height:1.5}.pwa-ios-help svg{width:17px;flex:0 0 auto}.pwa-server-warning{background:#fff6e5;color:#7d5c1d}.pwa-notification-actions{display:flex}.pwa-notification-actions button{display:flex;align-items:center;justify-content:center;gap:6px}.pwa-notification-actions svg{width:17px}.pwa-preference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pwa-preference-list label{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;padding:10px;border:1px solid #e0e7e2;border-radius:12px;background:#fff;cursor:pointer}.pwa-preference-list label>span{display:grid;gap:2px}.pwa-preference-list b{font-size:var(--text-xs)}.pwa-preference-list small{color:#78857d;font-size:var(--text-caption);line-height:1.35}.pwa-preference-list input{position:absolute;width:1px;height:1px;opacity:0}.pwa-preference-list i{width:38px;height:22px;padding:3px;border-radius:99px;background:#dfe5e1;transition:.16s}.pwa-preference-list i svg{width:16px;height:16px;padding:2px;transform:translate(0);border-radius:50%;background:#fff;color:transparent;transition:.16s}.pwa-preference-list input:checked+i{background:#28754a}.pwa-preference-list input:checked+i svg{transform:translate(16px);color:#28754a}.pwa-settings>.success,.pwa-settings>.inline-error{margin:0}@media (max-width: 600px){.pwa-install-banner{bottom:78px;grid-template-columns:38px minmax(0,1fr) 30px;padding:9px}.pwa-install-banner>span{width:38px;height:38px}.pwa-install-banner .primary{grid-column:2;width:max-content;padding:7px 10px}.pwa-install-banner>.icon-button{grid-column:3;grid-row:1}.pwa-settings{padding:13px}.pwa-settings-heading{grid-template-columns:42px minmax(0,1fr)}.pwa-settings-heading>span{width:42px;height:42px}.pwa-settings-heading em{grid-column:2;justify-self:start}.pwa-preference-list{grid-template-columns:1fr}.pwa-notification-actions button{width:100%}}
