body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f0ec;font-family:Apple SD Gothic Neo,Pretendard,Malgun Gothic,Noto Sans KR,sans-serif}:root{--green:#43a047;--green-light:#e8f5ee;--green-mid:#c7e8d6;--navy:#1a2b3c;--gray-50:#f8f9fa;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-600:#6b7280;--gray-900:#111827;--cream:#f5f3ee;--white:#fff}.app-wrap{background:linear-gradient(165deg,#dbe4e8,#eef2f0 42%,#e8f5ec);justify-content:center;min-height:100dvh;padding:20px 16px 24px}.app-wrap,.phone-shell{align-items:stretch;display:flex}.phone-shell{background:linear-gradient(160deg,#1e293b,#0f172a);border-radius:42px;box-shadow:0 4px 6px #0f172a14,0 24px 48px #0f172a47;flex-direction:column;margin:0 auto;max-width:408px;padding:10px;position:relative;width:100%}.phone-notch{background:#0b1220;border-radius:0 0 18px 18px;flex-shrink:0;height:26px;margin:2px auto 4px;width:120px}.phone-inner{background:#f3f4f6;background:var(--gray-100);border-radius:32px;flex:1 1;flex-direction:column;height:min(calc(100dvh - 88px),820px);max-height:min(calc(100dvh - 88px),820px);overflow:hidden}.phone-inner,.phone-inner>*{display:flex;min-height:0;width:100%}.phone-inner>*{flex:1 1 auto;flex-direction:column;min-width:0}@media (max-width:440px){.app-wrap{background:#f3f4f6;background:var(--gray-100);padding:0}.phone-shell{background:#0000;border-radius:0;box-shadow:none;max-width:none;padding:0}.phone-notch{display:none}.phone-inner{border-radius:0;height:100dvh;max-height:none}}.screen{background:#f3f4f6;background:var(--gray-100);display:flex;flex:1 1;flex-direction:column;max-width:none;min-height:100%;width:100%}.login-hero{background:#1a2b3c;background:var(--navy);border-radius:0 0 32px 32px;padding:60px 22px 36px;text-align:center}.logo-text{color:#fff;font-size:42px;font-weight:900;letter-spacing:-2px}.logo-text .green{color:#43a047;color:var(--green)}.logo-sub{color:#ffffff59;font-size:12px;letter-spacing:3px;margin-top:5px}.logo-desc{color:#fff9;font-size:14px;line-height:1.9;margin-top:16px}.app-header{background:#fff;background:var(--white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);flex-shrink:0;padding:14px 16px 0}.app-header-top{justify-content:space-between;margin-bottom:12px}.app-header-top,.app-logo{align-items:center;display:flex}.app-logo{gap:0}.app-logo-dn{color:#1a2b3c;color:var(--navy)}.app-logo-dn,.app-logo-mo{font-size:22px;font-weight:900;letter-spacing:-1px}.app-logo-mo{color:#43a047;color:var(--green)}.app-location{align-items:center;color:#1a2b3c;color:var(--navy);cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:3px;margin-left:8px}.app-location-arrow{color:#9ca3af;color:var(--gray-400);font-size:10px;margin-top:1px}.app-header-icons{align-items:center;display:flex;gap:6px}.header-icon-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:17px;height:38px;justify-content:center;width:38px}.app-header--promo{padding:12px 14px 0}.home-header-top{grid-gap:8px 10px;align-items:center;display:grid;gap:8px 10px;grid-template-columns:auto 1fr auto;margin-bottom:10px}.home-brand{align-items:center;color:#1a2b3c;color:var(--navy);display:flex;font-size:15px;font-weight:900;gap:1px;letter-spacing:-.5px;-webkit-user-select:none;user-select:none}.home-brand-mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.home-brand-mono--accent{color:#43a047;color:var(--green)}.home-region-pill{align-items:center;background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;cursor:pointer;display:inline-flex;font-family:inherit;gap:5px;justify-self:center;max-width:100%;padding:7px 12px}.home-region-pill__pin{flex-shrink:0;font-size:12px}.home-region-pill__text{color:#1a2b3c;color:var(--navy);font-size:13px;font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-region-pill__chev{color:#9ca3af;color:var(--gray-400);flex-shrink:0;font-size:9px}.home-header-actions{align-items:center;display:flex;gap:6px}.home-banner-promo{align-items:flex-end;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:16px;box-shadow:0 2px 10px #43a04714;display:flex;justify-content:space-between;margin-bottom:18px;min-height:112px;overflow:hidden;padding:18px 16px 16px 18px}.category-tabs{-ms-overflow-style:none;border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:none;border:none;border-bottom:2.5px solid #0000;color:#9ca3af;color:var(--gray-400);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 14px;transition:all .15s;white-space:nowrap}.category-tab.active{border-bottom-color:#43a047;border-bottom-color:var(--green);color:#43a047;color:var(--green);font-weight:800}.content{flex:1 1;overflow-y:auto;padding:14px 16px 16px}.top-bar{background:#fff;background:var(--white);border-bottom:.5px solid #e5e7eb;border-bottom:.5px solid var(--gray-200);gap:10px;padding:18px 16px 10px}.back-btn,.top-bar{align-items:center;display:flex}.back-btn{background:#f3f4f6;background:var(--gray-100);border:.5px solid #e5e7eb;border:.5px solid var(--gray-200);border-radius:50%;color:#6b7280;color:var(--gray-600);cursor:pointer;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.screen-title{color:#111827;color:var(--gray-900);font-size:17px;font-weight:700}.progress-bar{background:#e5e7eb;background:var(--gray-200);height:2.5px}.progress-fill{background:#43a047;background:var(--green);height:100%;transition:width .3s}.home-banner{align-items:center;background:#f5f3ee;background:var(--cream);border-radius:14px;display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:18px 18px 16px;position:relative}.banner-text-title{color:#1a2b3c;color:var(--navy);font-size:16px;font-weight:800;line-height:1.45;margin-bottom:12px}.banner-btn{background:#43a047;background:var(--green);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:9px 18px}.banner-emoji{flex-shrink:0;font-size:48px;opacity:.85}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-title{color:#111827;color:var(--gray-900);font-size:17px;font-weight:800}.section-more{background:none;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600}.club-card{align-items:flex-start;background:#fff;background:var(--white);border:.5px solid #e5e7eb;border:.5px solid var(--gray-200);border-radius:14px;cursor:default;display:flex;gap:12px;margin-bottom:10px;padding:14px;transition:all .12s}.club-card:hover{background:#f8f9fa;background:var(--gray-50)}.club-thumb{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;width:64px}.club-thumb--promo{border-radius:12px;font-size:30px;height:72px;width:72px}.club-card--promo{align-items:stretch;border:1px solid #0f172a0f;border-radius:16px;box-shadow:0 4px 18px #0f172a0d;padding:12px}.club-card--promo:hover{box-shadow:0 8px 26px #0f172a14}.club-card--chatting{border-color:#93c5fd!important;border-width:1.5px}.club-card-promo-main{align-items:stretch;display:flex;flex:1 1;gap:10px;justify-content:space-between;min-width:0}.club-card-promo-center{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.club-card-title--promo{align-items:center;display:flex;flex-wrap:wrap;font-size:15px;font-weight:800;gap:4px 6px;line-height:1.35;white-space:normal}.club-badge-chat{background:#dbeafe;color:#1d4ed8}.club-badge-chat,.club-badge-host{border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px}.club-badge-host{background:#eff6ff;color:#1e40af}.club-card-catline{color:#9ca3af;color:var(--gray-400);font-size:12px}.club-card-locline{color:#6b7280;color:var(--gray-600);font-size:12px;font-weight:500}.club-card-timel{color:#9ca3af;color:var(--gray-400);font-size:11px;line-height:1.45}.club-card-promo-aside{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px;justify-content:flex-start;min-width:56px}.club-card-capacity{color:#43a047;color:var(--green);font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1}.club-card-capacity--blue{color:#2563eb}.club-card-capacity .cap-slash{font-size:14px;font-weight:700;margin:0 1px;opacity:.75}.club-card-cap-ico{font-size:12px;line-height:1;opacity:.85}.pill--promo{border:none;border-radius:8px!important;cursor:pointer;font-family:inherit;font-size:11px!important;font-weight:700;padding:6px 10px!important}.pill--green{background:#43a047!important;background:var(--green)!important;color:#fff!important}.pill--blue{background:#2563eb!important;color:#fff!important}.pill--muted{background:#e5e7eb!important;background:var(--gray-200)!important;color:#6b7280!important;color:var(--gray-600)!important}.pill--warn{background:#fef3c7!important;color:#92400e!important}.pill--wait{background:#f3f4f6!important;background:var(--gray-100)!important;color:#6b7280!important;color:var(--gray-600)!important;font-size:10px!important}.club-thumb.wine{background:#fef2f2}.club-thumb.brunch{background:#fff8ee}.club-thumb.talk{background:#eef6ff}.club-thumb.culture{background:#f5f0ff}.club-thumb.walk{background:#edfff4}.club-card-body{flex:1 1;min-width:0}.club-card-title{color:#111827;color:var(--gray-900);font-size:15px;font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px}.club-tag{background:#f3f4f6;background:var(--gray-100);border-radius:5px;color:#6b7280;color:var(--gray-600);font-size:12px;font-weight:500;padding:2px 7px}.club-card-meta{align-items:center;display:flex;justify-content:space-between}.club-card-location{color:#9ca3af;color:var(--gray-400);font-size:12px}.club-card-members{align-items:center;color:#43a047;color:var(--green);display:flex;font-size:12px;font-weight:700;gap:3px}.club-card-action{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.card{background:#fff;background:var(--white);border:.5px solid #e5e7eb;border:.5px solid var(--gray-200);border-radius:14px;margin-bottom:10px;padding:16px}.info-card{background:#f8f9fa;background:var(--gray-50)}.card-title{color:#111827;color:var(--gray-900);font-size:15px;font-weight:700}.card-sub{color:#9ca3af;color:var(--gray-400);font-size:13px;margin-bottom:12px}.hobby-quick-grid{-ms-overflow-style:none;display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.hobby-quick-grid::-webkit-scrollbar{display:none}.hobby-quick-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.hobby-quick-icon{align-items:center;background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:16px;display:flex;font-size:24px;height:54px;justify-content:center;transition:all .15s;width:54px}.hobby-quick-item:hover .hobby-quick-icon{background:#e8f5ee;background:var(--green-light);border-color:#43a047;border-color:var(--green)}.hobby-quick-label{color:#6b7280;color:var(--gray-600);font-size:11px;font-weight:600;line-height:1.3;text-align:center;white-space:pre-line}.info-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.info-row .lbl{color:#6b7280;color:var(--gray-600)}.info-row .val{color:#111827;color:var(--gray-900);font-weight:600}.pill{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:5px;padding:5px 11px;white-space:nowrap}.pill.waiting{background:#fef9c3;color:#713f12}.pill.done{background:#dcfce7;color:#166534}.pill.waiting-mine{background:#e8f5ee;background:var(--green-light);color:#43a047;color:var(--green)}.pill.recruiting{background:#43a047;background:var(--green);border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:6px 13px}.pulse{animation:pulse 1.4s infinite;background:currentColor;border-radius:50%;display:inline-block;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}.btn-primary{background:#43a047;background:var(--green);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:15px;transition:opacity .15s;width:100%}.btn-primary:hover{opacity:.9}.btn-primary:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}.btn-outline{background:#fff;background:var(--white);border:1.5px solid #43a047;border:1.5px solid var(--green);border-radius:14px;color:#43a047;color:var(--green);padding:14px}.btn-kakao,.btn-outline{cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;width:100%}.btn-kakao{background:#fee500;border:none;border-radius:14px;color:#3c1e1e}.btn-google,.btn-kakao{margin-bottom:9px;padding:15px}.btn-google{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:14px;color:#3c4043;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;width:100%}.notice{border-radius:9px;font-size:13px;line-height:1.7;margin-bottom:12px;padding:12px 14px}.notice.blue{background:#eef7ff;color:#1e4e8c}.notice.cancel{background:#fffbeb;border-left:3px solid #f59e0b}.notice.cancel,.notice.coin-free{border-radius:0 9px 9px 0;color:#92400e}.notice.coin-free{background:#fef9c3;border-left:3px solid #fcd34d}.notice.coin-paid{background:#eef7ff;border-left:3px solid #93c5fd;border-radius:0 9px 9px 0;color:#1e40af}.divider{background:#e5e7eb;background:var(--gray-200);height:.5px;margin:13px 0}.divider-row{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;font-size:13px;gap:10px;margin:16px 0}.divider-row:after,.divider-row:before{background:#e5e7eb;background:var(--gray-200);content:"";flex:1 1;height:.5px}.terms{color:#9ca3af;color:var(--gray-400);font-size:12px;line-height:1.9;text-align:center}.terms span{cursor:pointer;text-decoration:underline}.bottom-area{padding:12px 16px 20px}.bottom-area,.tab-bar{background:#fff;background:var(--white);border-top:.5px solid #e5e7eb;border-top:.5px solid var(--gray-200)}.tab-bar{align-items:flex-end;display:flex;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0)}.tab-bar--fab{padding-top:6px;position:relative}.tab{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font:inherit;gap:3px;justify-content:flex-end;padding:6px 0 10px}.tab-icon{font-size:20px;line-height:1}.tab-label{color:#9ca3af;color:var(--gray-400);font-size:10px;font-weight:700}.tab.active .tab-label{color:#43a047;color:var(--green)}.tab.active .tab-icon{filter:none}.tab--fab-slot{flex:1 1;flex-direction:column;justify-content:flex-end;padding-bottom:8px;pointer-events:auto;position:relative}.tab--fab-slot,.tab-fab{align-items:center;display:flex}.tab-fab{background:#43a047;background:var(--green);border:4px solid #fff;border:4px solid var(--white);border-radius:50%;box-shadow:0 6px 16px #43a0476b;color:#fff;cursor:pointer;font-family:inherit;font-size:26px;font-weight:300;height:52px;justify-content:center;line-height:1;margin-bottom:2px;margin-top:-26px;width:52px}.tab-label--fab{color:#9ca3af;color:var(--gray-400);font-size:9px;font-weight:700;line-height:1.2;max-width:64px;text-align:center}.tab--fab-slot .tab-fab:active{transform:scale(.96)}.page-title{color:#111827;color:var(--gray-900);font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.page-sub{color:#6b7280;color:var(--gray-600);font-size:14px;margin-bottom:18px}.sec-label{color:#9ca3af;color:var(--gray-400);font-size:11px;font-weight:800;letter-spacing:.8px;margin-bottom:9px;text-transform:uppercase}.sec-title{color:#374151;font-size:14px;font-weight:700;margin:16px 0 9px}.tag-grid{display:flex;flex-wrap:wrap;gap:7px}.tag{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;color:#6b7280;color:var(--gray-600);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:5px;padding:8px 14px}.tag.selected{background:#e8f5ee;background:var(--green-light);border-color:#43a047;border-color:var(--green);color:#43a047;color:var(--green)}.tag-badge{border-radius:5px;font-size:10px;font-weight:700;padding:1px 5px}.tag-badge.blue{background:#dbeafe;color:#1d4ed8}.tag-badge.pink{background:#fce7f3;color:#9d174d}.user-chip{background:#f8f9fa;background:var(--gray-50);border:.5px solid #e5e7eb;border:.5px solid var(--gray-200);border-radius:12px;gap:10px;margin-bottom:16px;padding:10px 14px}.user-chip,.user-chip-avatar{align-items:center;display:flex}.user-chip-avatar{background:#43a047;background:var(--green);border-radius:50%;color:#fff;flex-shrink:0;font-size:15px;font-weight:700;height:38px;justify-content:center;width:38px}.user-chip-name{color:#111827;color:var(--gray-900);font-size:14px;font-weight:700}.user-chip-age{color:#6b7280;color:var(--gray-600);font-size:12px;margin-top:2px}.form-group{margin-bottom:16px}.form-label{color:#6b7280;color:var(--gray-600);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.verified{color:#43a047;color:var(--green);font-size:11px}.form-input{background:#f8f9fa;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:9px;color:#6b7280;color:var(--gray-600);font-family:inherit;font-size:14px;outline:none;padding:12px 14px;width:100%}.form-input:focus{border-color:#43a047;border-color:var(--green)}.form-select{appearance:none;background:#fff;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='m1 1 4.5 5L10 1' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:9px;color:#111827;color:var(--gray-900);font-family:inherit;font-size:14px;outline:none;padding:12px 32px 12px 14px;width:100%}.form-select:focus{border-color:#43a047;border-color:var(--green)}.gender-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.gender-card{background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:12px;cursor:pointer;font-family:inherit;padding:16px;text-align:center;transition:all .12s}.gender-card.selected{background:#e8f5ee;background:var(--green-light);border-color:#43a047;border-color:var(--green)}.gender-icon{font-size:24px;margin-bottom:5px}.gender-label{color:#111827;color:var(--gray-900);font-size:14px;font-weight:700}.ratio-card{background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:14px;cursor:pointer;margin-bottom:10px;padding:16px;transition:all .12s}.ratio-card.selected{background:#e8f5ee;background:var(--green-light);border-color:#43a047;border-color:var(--green)}.ratio-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.ratio-card-title{color:#111827;color:var(--gray-900);font-size:15px;font-weight:700}.ratio-badge{background:#e8f5ee;background:var(--green-light);border-radius:10px;color:#43a047;color:var(--green);font-size:11px;font-weight:700;padding:3px 10px}.ratio-card-desc{color:#6b7280;color:var(--gray-600);font-size:13px;line-height:1.6;margin-bottom:10px}.ratio-dots{display:flex;flex-wrap:wrap;gap:6px}.ratio-dot{border-radius:50%;height:28px;width:28px}.ratio-dot.m{background:#dbeafe}.ratio-dot.f{background:#fce7f3}.confirm-hobby-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.confirm-hobby-name{color:#111827;color:var(--gray-900);font-size:15px;font-weight:700}.coin-badge{border-radius:10px;font-size:11px;font-weight:700;padding:4px 10px}.coin-badge.free{background:#fef3c7;color:#92400e}.coin-badge.paid{background:#eff6ff;color:#1e40af}.agree-row{align-items:flex-start;color:#6b7280;color:var(--gray-600);display:flex;font-size:13px;gap:9px;line-height:1.6;margin-bottom:12px}.agree-row input{accent-color:#43a047;accent-color:var(--green);flex-shrink:0;height:16px;margin-top:3px;width:16px}.match-card{background:#fff;background:var(--white);border:.5px solid #e5e7eb;border:.5px solid var(--gray-200);border-radius:14px;margin-bottom:12px;overflow:hidden;padding:18px;position:relative}.match-card-bar{background:#43a047;background:var(--green);height:2px;left:0;position:absolute;right:0;top:0}.match-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.match-card-title{color:#111827;color:var(--gray-900);font-size:15px;font-weight:800}.match-card-sub{color:#6b7280;color:var(--gray-600);font-size:13px;margin-top:2px}.countdown-box{background:#fef3c7;border:.5px solid #fbbf2466;border-radius:7px;margin-bottom:11px;padding:11px 13px}.countdown-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.countdown-label{color:#92400e;font-size:12px;font-weight:700}.countdown-time{color:#92400e;font-size:12px;font-weight:800}.countdown-bar-wrap{background:#e5e7eb;background:var(--gray-200);border-radius:3px;height:5px;overflow:hidden}.countdown-bar{background:#43a047;background:var(--green);border-radius:3px;height:100%}.countdown-sub{color:#9ca3af;color:var(--gray-400);font-size:11px;margin-top:3px}.member-box{background:#f8f9fa;background:var(--gray-50);border:.5px solid #e5e7eb;border:.5px solid var(--gray-200);border-radius:9px;padding:14px}.member-box-title{color:#9ca3af;color:var(--gray-400);font-size:12px;font-weight:700;margin-bottom:10px}.avatar-row{display:flex;flex-wrap:wrap;gap:7px}.avatar{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:40px;justify-content:center;width:40px}.avatar.m{background:#dbeafe;color:#1d4ed8}.avatar.f{background:#fce7f3;color:#9d174d}.avatar.me{background:#e8f5ee;background:var(--green-light);border:2px solid #43a047;border:2px solid var(--green);color:#43a047;color:var(--green)}.avatar.blurred{background:#e5e7eb;background:var(--gray-200);color:#0000;filter:blur(7px);-webkit-user-select:none;user-select:none}.avatar-more{background:#f3f4f6;background:var(--gray-100);border:1px dashed #e5e7eb;border:1px dashed var(--gray-200);border-radius:50%;font-weight:700;height:40px;justify-content:center;width:40px}.avatar-more,.lock-row{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;font-size:12px}.lock-row{gap:6px;margin-top:10px}.chat-link{background:none;border:none;color:#43a047;color:var(--green);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:0}.chat-header{align-items:center;background:#1a2b3c;background:var(--navy);color:#fff;display:flex;gap:10px;padding:15px 16px 13px}.chat-back{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;height:36px;width:36px}.chat-title{font-size:15px;font-weight:800}.chat-sub{color:#fff9;font-size:11px;margin-top:2px}.chat-announce{background:#fff;background:var(--white);border:.5px solid #e5e7eb;border:.5px solid var(--gray-200);border-radius:0 7px 7px 0;color:#374151;font-size:14px;line-height:1.75;padding:12px 14px}.chat-announce-tag{color:#43a047;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:5px}.msg-row{align-items:flex-end;display:flex;gap:8px}.msg-row.mine{flex-direction:row-reverse}.msg-bubble{border-radius:16px;font-size:14px;line-height:1.55;max-width:210px;padding:10px 14px}.msg-bubble.other{background:#fff;background:var(--white);border:.5px solid #e5e7eb;border:.5px solid var(--gray-200);border-bottom-left-radius:3px;color:#111827;color:var(--gray-900)}.msg-bubble.mine{background:#43a047;background:var(--green);border-bottom-right-radius:3px;color:#fff}.msg-meta{font-size:11px;margin-bottom:3px}.msg-meta,.msg-time{color:#9ca3af;color:var(--gray-400)}.msg-time{flex-shrink:0;font-size:10px;padding-bottom:2px}.msg-avatar{align-self:flex-start;border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;margin-top:4px;width:32px}.chat-input-area,.msg-avatar{align-items:center;display:flex}.chat-input-area{background:#fff;background:var(--white);border-top:.5px solid #e5e7eb;border-top:.5px solid var(--gray-200);gap:8px;padding:10px 12px 16px}.chat-input{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;color:#111827;color:var(--gray-900);flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:11px 14px}.chat-input:focus{border-color:#43a047;border-color:var(--green)}.chat-send{align-items:center;background:#43a047;background:var(--green);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.coin-wallet-card{background:#1a2b3c;background:var(--navy);border-radius:14px;margin-bottom:10px;padding:20px}.coin-wallet-label{color:#ffffff80;font-size:12px;font-weight:600;margin-bottom:8px}.coin-wallet-amount{color:#fff;font-size:36px;font-weight:800;letter-spacing:-1px}.month-bar-wrap{background:#ffffff1a;border-radius:4px;height:5px;margin:12px 0 5px;overflow:hidden}.month-bar-fill{background:#43a047;background:var(--green);border-radius:4px;height:100%}.month-bar-info{color:#ffffff59;display:flex;font-size:11px;justify-content:space-between}.coin-wallet-desc{color:#ffffff73;font-size:12px;margin-top:10px}.coin-history-row{align-items:center;border-bottom:.5px solid #e5e7eb;border-bottom:.5px solid var(--gray-200);display:flex;justify-content:space-between;padding:12px 0}.coin-history-row:last-child{border-bottom:none}.coin-history-label{color:#111827;color:var(--gray-900);font-size:13px;font-weight:600}.coin-history-sub{color:#9ca3af;color:var(--gray-400);font-size:11px;margin-top:2px}.coin-amount{font-size:14px;font-weight:800}.coin-amount.plus{color:#43a047;color:var(--green)}.coin-amount.minus{color:#991b1b}.charge-option{align-items:center;background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:9px;padding:16px;position:relative;transition:all .12s}.charge-option.selected{background:#e8f5ee;background:var(--green-light)}.charge-option.best,.charge-option.selected{border-color:#43a047;border-color:var(--green)}.charge-best-badge{background:#43a047;background:var(--green);border-radius:0 0 8px 8px;color:#fff;font-size:11px;font-weight:800;padding:3px 10px;position:absolute;right:14px;top:-1px}.charge-coins{color:#111827;color:var(--gray-900);font-size:15px;font-weight:700}.charge-label{color:#6b7280;color:var(--gray-600);font-size:13px;margin-top:2px}.charge-save{color:#43a047;color:var(--green);font-size:12px;font-weight:600;margin-top:2px}.charge-price{color:#111827;color:var(--gray-900);font-size:15px;font-weight:800}.profile-hero{background:#1a2b3c;background:var(--navy);border-radius:14px;gap:14px;margin-bottom:10px;padding:20px}.profile-avatar,.profile-hero{align-items:center;display:flex}.profile-avatar{background:#ffffff26;border:2px solid #fff3;border-radius:50%;color:#fff;flex-shrink:0;font-size:24px;font-weight:800;height:58px;justify-content:center;width:58px}.profile-name{color:#fff;font-size:18px;font-weight:800}.profile-age{color:#fff9;font-size:13px;margin-top:2px}.profile-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.profile-badge{background:#ffffff1f;border-radius:9px;color:#fffc;font-size:11px;font-weight:700;padding:3px 9px}.setting-row{align-items:center;background:#fff;background:var(--white);border:.5px solid #e5e7eb;border:.5px solid var(--gray-200);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:7px;padding:14px 15px}.setting-row:hover{background:#f8f9fa;background:var(--gray-50)}.setting-icon{align-items:center;border-radius:9px;display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;width:34px}.setting-label{color:#111827;color:var(--gray-900);font-size:14px;font-weight:600}.setting-sub{color:#9ca3af;color:var(--gray-400);font-size:12px;margin-top:1px}.toggle{background:#e5e7eb;background:var(--gray-200);border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:42px}.toggle.on{background:#43a047;background:var(--green)}.toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:left .2s;width:18px}.toggle.on:after{left:21px}.search-input{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:9px;color:#111827;color:var(--gray-900);font-family:inherit;font-size:14px;outline:none;padding:11px 14px;width:100%}.search-input:focus{border-color:#43a047;border-color:var(--green)}.filter-label{color:#9ca3af;color:var(--gray-400);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:7px}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;color:#6b7280;color:var(--gray-600);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:6px 12px}.filter-chip.active{background:#e8f5ee;background:var(--green-light);border-color:#43a047;border-color:var(--green);color:#43a047;color:var(--green)}.search-result-row{align-items:center;background:#fff;background:var(--white);border-bottom:.5px solid #e5e7eb;border-bottom:.5px solid var(--gray-200);display:flex;justify-content:space-between;padding:14px 16px}.search-result-row:hover{background:#f8f9fa;background:var(--gray-50)}.notif-item{background:#fff;background:var(--white);border-bottom:.5px solid #e5e7eb;border-bottom:.5px solid var(--gray-200);cursor:pointer;display:flex;gap:12px;padding:14px 16px}.notif-item.unread{background:#f0fbf5}.notif-item:hover{background:#f8f9fa;background:var(--gray-50)}.notif-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.notif-title{color:#111827;color:var(--gray-900);font-size:14px;font-weight:700}.notif-desc{color:#6b7280;color:var(--gray-600);font-size:13px;line-height:1.5;margin-top:2px}.notif-time{color:#9ca3af;color:var(--gray-400);font-size:11px;margin-top:4px}.page-fixed{background:#f3f4f6;background:var(--gray-100);display:flex;flex:1 1;flex-direction:column;height:100%;max-width:none;min-height:0;overflow:hidden;width:100%}.fixed-header{background:#fff;background:var(--white);border-bottom:.5px solid #e5e7eb;border-bottom:.5px solid var(--gray-200);flex-shrink:0}.fixed-scroll{flex:1 1;overflow-y:auto;padding:14px 16px}.fixed-bottom{background:#fff;background:var(--white);border-top:.5px solid #e5e7eb;border-top:.5px solid var(--gray-200);flex-shrink:0;padding:12px 16px 16px}.club-row{align-items:center;border-bottom:.5px solid #e5e7eb;border-bottom:.5px solid var(--gray-200);display:flex;justify-content:space-between;padding:12px 0}.club-row:last-child{border-bottom:none;padding-bottom:0}.club-name{color:#111827;color:var(--gray-900);font-size:14px;font-weight:700}.club-info{color:#6b7280;color:var(--gray-600);font-size:12px;margin-top:2px}.coin-chip-header{align-items:center;background:#e8f5ee;background:var(--green-light);border:1px solid #c7e8d6;border:1px solid var(--green-mid);border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:6px 12px}.coin-chip-header span{color:#43a047;color:var(--green);font-size:12px;font-weight:700}.coin-chip-header .div{background:#c7e8d6;background:var(--green-mid);height:12px;width:1px}.club-thumb--photo{border:1px solid #0f172a0f;box-shadow:0 2px 8px #0f172a0f;overflow:hidden;padding:0}.club-thumb-img{display:block;height:100%;object-fit:cover;width:100%}.club-thumb--compact{border-radius:12px;font-size:22px;height:52px;width:52px}.cover-field-optional{color:#9ca3af;color:var(--gray-400);font-size:12px;font-weight:600}.cover-field-row{align-items:stretch;display:flex;gap:14px;margin-top:8px}.cover-field-preview{align-items:center;background:linear-gradient(160deg,#f8fafc,#f1f5f9);border:1px dashed #0f172a1f;border-radius:16px;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:112px;justify-content:center;overflow:hidden;padding:0;width:112px}.cover-field-preview:focus-visible{outline:2px solid #43a047;outline:2px solid var(--green);outline-offset:2px}.cover-field-preview-img{height:100%;object-fit:cover;width:100%}.cover-field-placeholder{color:#9ca3af;color:var(--gray-400);font-size:12px;font-weight:600;line-height:1.45;padding:0 10px;text-align:center}.cover-field-actions{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center}.btn-cover-clear,.btn-cover-pick{border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:11px 14px}.btn-cover-pick{background:#43a047;background:var(--green);border:none;box-shadow:0 4px 14px #43a04759;color:#fff}.btn-cover-clear{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);color:#6b7280;color:var(--gray-600)}.confirm-cover-row{align-items:center;border-top:.5px solid #f3f4f6;border-top:.5px solid var(--gray-100);display:flex;gap:12px;justify-content:space-between;margin-top:6px;padding-top:8px}.confirm-cover-row .lbl{color:#6b7280;color:var(--gray-600);font-size:14px}.confirm-cover-img{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;height:56px;object-fit:cover;width:56px}.chat-header{background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:1px solid #ffffff0f;box-shadow:0 6px 20px #0f172a33}.chat-room-thumb{border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #0003;flex-shrink:0;height:42px;overflow:hidden;width:42px}.chat-room-thumb img{display:block;height:100%;object-fit:cover;width:100%}.match-row-card{align-items:center;background:#fff;background:var(--white);border:1px solid #0f172a0f;border-radius:16px;box-shadow:0 2px 12px #0f172a0a;display:flex;gap:12px;margin-bottom:10px;padding:12px 14px}.match-row-card--host{background:linear-gradient(135deg,#fff,#f8fbff);border-color:#93c5fdd9}.match-row-body{flex:1 1;min-width:0}.match-row-title{align-items:center;color:#111827;color:var(--gray-900);display:flex;flex-wrap:wrap;font-size:15px;font-weight:800;gap:6px;line-height:1.35}.match-row-host-badge{background:#eff6ff;border-radius:4px;color:#1e40af;font-size:10px;font-weight:700;padding:2px 6px}.match-row-sub{color:#6b7280;color:var(--gray-600);font-size:13px;margin-top:3px}.match-row-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.match-row-chat-btn{background:#43a047;background:var(--green);border:none;border-radius:11px;box-shadow:0 3px 10px #43a04759;color:#fff;cursor:pointer;font-size:15px;padding:8px 12px}
/*# sourceMappingURL=main.a28d9ffc.css.map*/