/* One responsive member lounge shell, with the member home as the common entry. */
body.member-auth{background:#f8f9f6}
.member-auth .app-shell{max-width:1280px;margin:0 auto;border-radius:0;overflow:visible;box-shadow:none;position:relative;background:#f8f9f6}
.member-auth .app-header{height:88px;padding:20px 48px;background:#f8f9f6;border-bottom:1px solid #e1e6df}
.member-auth .app-shell>main{max-width:1056px;margin:auto;padding:36px 32px 44px;min-height:calc(100dvh - 88px)}
.member-auth.page-home .app-shell>main,.member-auth.page-cosmetics .app-shell>main{max-width:1216px}
.member-auth .member-home-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:22px}
.member-home-grid>*,.member-home-grid .level-line>div{min-width:0}
.member-home-grid .home-greeting{grid-column:1/-1;margin:0;padding:0 0 8px}
.member-home-grid .home-greeting>p{font-size:18px;color:#70806e}
.member-home-grid .home-greeting h1{font-size:36px;letter-spacing:-.04em;margin-top:4px;font-weight:700}
.member-home-grid .level-summary,.member-home-grid .point-summary,.member-home-grid .home-store,.member-home-grid .home-recent{margin:0;border:1px solid #e1e6dd;background:#fff;border-radius:20px;padding:26px}
.member-home-grid .level-summary{grid-row:2/span 2;display:flex;flex-direction:column;justify-content:center}
.member-home-grid .level-summary .section-head{margin-bottom:23px}
.member-home-grid .level-summary .level-line{display:block}
.member-home-grid .level-summary .level-line>div{gap:10px}
.member-home-grid .level-summary .rank-badge{width:56px;height:56px}
.member-home-grid .level-summary .level-line strong{font-size:29px}
.member-home-grid .level-summary .level-name{font-size:18px}
.member-home-grid .xp-count{display:block;margin:16px 0 6px;font-size:24px}
.member-home-grid .level-summary progress{margin:10px 0}
.member-home-grid .hint{font-size:14px}
.member-home-grid .point-summary{grid-column:2;grid-row:2;align-items:center}
.member-home-grid .point-summary>a:first-child>span{font-size:15px}
.member-home-grid .point-summary strong{font-size:30px;margin-top:8px}
.member-home-grid .point-summary .green-link{font-size:15px}
.member-home-grid .cos-lounge-link{grid-column:3;grid-row:2/span 2;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;margin:0;padding:28px;background:#244f3f;color:#f4f7ec;border-radius:20px;position:relative;overflow:hidden}
.member-home-grid .cos-lounge-link:after{content:'';position:absolute;width:140px;height:140px;border:1px solid #c7d9aa25;border-radius:50%;right:-55px;bottom:-45px}
.member-home-grid .cos-lounge-link strong{font-size:24px;letter-spacing:-.03em;line-height:1.5;max-width:225px;margin-bottom:10px}
.member-home-grid .cos-lounge-link small{font-size:16px;line-height:1.8;color:#cbd9c3}
.member-home-grid .cos-lounge-link>.icon{width:30px;height:30px;padding:5px;background:#e8efcf;color:#345737;border-radius:50%;box-sizing:content-box}
.member-home-grid .coupon-shortcuts{grid-column:2;grid-row:3;margin:0;display:grid;grid-template-columns:1fr;gap:12px;padding:0;border:0}
.member-home-grid .coupon-shortcuts>a{border:1px solid #e1e6dd;background:#fff;border-radius:15px;padding:15px 18px;min-height:71px;gap:12px;display:flex}
.member-home-grid .coupon-shortcuts>a span{flex:1}
.member-home-grid .coupon-shortcuts strong{font-size:16px}.member-home-grid .coupon-shortcuts small{font-size:13px}
.member-home-grid .home-store{grid-column:1/-1;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:30px;padding:24px 28px}
.member-home-grid .home-store .section-head{margin:0;display:block}.member-home-grid .home-store .section-head>a{display:inline-flex;margin-top:7px}
.member-home-grid .home-store :is(.favorite-invite,.store-inline){margin:0;padding:0;border:0}.member-home-grid .favorite-invite strong,.member-home-grid .store-inline strong{font-size:18px}.member-home-grid .favorite-invite small,.member-home-grid .store-inline small{font-size:15px}
.member-home-grid .next-round{grid-column:1/span 2;margin:0;padding:0;border:0}
.member-home-grid .section-head h2{font-size:23px;letter-spacing:-.035em;font-weight:600}.member-home-grid .section-head>a{font-size:14px}
.member-home-grid .course-banner{height:280px;border-radius:20px;margin:0}
.member-home-grid .course-banner strong{font-size:26px;max-width:440px}.member-home-grid .course-banner small{font-size:11px}.member-home-grid .course-banner>span>span{font-size:16px}
.member-home-grid .home-recent{grid-column:3}.member-home-grid .home-recent .quiet-empty{font-size:16px;line-height:1.9;padding:42px 0;margin:0}.member-home-grid .round-row{font-size:16px}
.member-home-grid>.menu-row{grid-column:1/-1;padding:19px 24px;margin:0;background:#edf1e7;border:1px solid #e1e6dd;border-radius:15px;font-size:17px}
.cos-art-upload img,.cos-art-upload video{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:2}.cos-art-upload:after{display:none}
@media(min-width:960px){.member-auth .bottom-nav{position:absolute;top:8px;bottom:auto;right:110px;left:auto;transform:none;width:440px;max-width:none;padding:0;border:0;background:transparent;backdrop-filter:none;gap:8px}.member-auth .bottom-nav .nav-item{min-height:72px;padding:6px 0;gap:3px;font-size:14px;border-radius:12px}.member-auth .bottom-nav .nav-item.active{background:#edf2e7;color:#345e41}.member-auth .bottom-nav .nav-icon{background:transparent;box-shadow:none;color:inherit;width:26px;height:26px;transform:none;border:0}.member-auth .bottom-nav .nav-icon .icon{width:22px;height:22px}.member-auth .bottom-nav .nav-qr{margin:0}.member-auth .bottom-nav .nav-qr .nav-icon{background:#edf2e7;border-radius:7px;margin-top:0}.member-auth .member-brand img{width:159px}}
@media(max-width:1100px) and (min-width:960px){.member-auth .member-home-grid{grid-template-columns:1fr 1fr}.member-home-grid .level-summary{grid-row:2/span 2}.member-home-grid .point-summary{grid-column:2;grid-row:2}.member-home-grid .coupon-shortcuts{grid-column:2;grid-row:3}.member-home-grid .cos-lounge-link{grid-column:1/-1;grid-row:4;flex-direction:row;align-items:center;justify-content:space-between;padding:24px}.member-home-grid .cos-lounge-link strong{max-width:none}.member-home-grid .next-round{grid-column:1}.member-home-grid .home-recent{grid-column:2}}
@media(max-width:959px){.member-auth .app-header{height:80px;padding:18px 28px}.member-auth .app-shell>main{padding:28px 28px calc(115px + env(safe-area-inset-bottom))}.member-auth .bottom-nav{max-width:100%;padding-left:max(12px,calc((100% - 520px)/2));padding-right:max(12px,calc((100% - 520px)/2))}.member-auth .member-home-grid{display:block;max-width:680px;margin:auto}.member-home-grid>*,.member-home-grid .level-summary,.member-home-grid .point-summary,.member-home-grid .coupon-shortcuts,.member-home-grid .cos-lounge-link,.member-home-grid .home-store,.member-home-grid .next-round,.member-home-grid .home-recent{margin-bottom:22px}.member-home-grid .home-greeting{margin-bottom:24px}.member-home-grid .home-greeting h1{font-size:31px}.member-home-grid .level-summary .level-line{display:flex}.member-home-grid .level-summary .rank-badge{width:44px;height:44px}.member-home-grid .level-summary .level-line strong{font-size:25px}.member-home-grid .level-summary .level-name{font-size:17px}.member-home-grid .xp-count{margin:0;font-size:20px}.member-home-grid .level-summary .section-head{margin-bottom:16px}.member-home-grid .level-summary progress{margin:19px 0 10px}.member-home-grid .coupon-shortcuts{grid-template-columns:1fr 1fr;gap:12px}.member-home-grid .coupon-shortcuts>a{padding:17px 14px;gap:9px}.member-home-grid .cos-lounge-link{flex-direction:row;justify-content:space-between;align-items:center;padding:24px}.member-home-grid .cos-lounge-link strong{max-width:none;font-size:22px}.member-home-grid .home-store{display:block}.member-home-grid .home-store .section-head{display:flex;margin-bottom:20px}.member-home-grid .home-store .section-head>a{margin:0}.member-home-grid .section-head h2{font-size:22px}.member-home-grid .course-banner{height:260px}.member-home-grid .home-recent .quiet-empty{padding:22px 0}.member-home-grid .cos-lounge-link>.icon{flex:none}}
@media(max-width:639px){.member-auth .app-header{height:74px;padding:16px 20px}.member-auth .member-brand img{width:139px}.member-auth .member-brand>span{padding-left:12px}.member-auth .app-shell>main{padding:26px 20px calc(110px + env(safe-area-inset-bottom))}.member-home-grid .home-greeting h1{font-size:29px}.member-home-grid .home-greeting>p{font-size:16px}.member-home-grid .level-summary,.member-home-grid .point-summary,.member-home-grid .home-store,.member-home-grid .home-recent{padding:22px 20px;border-radius:18px}.member-home-grid .level-summary .level-line{flex-wrap:wrap;gap:10px}.member-home-grid .xp-count{margin-left:auto;font-size:19px}.member-home-grid .cos-lounge-link{padding:23px 20px;gap:14px;border-radius:18px}.member-home-grid .cos-lounge-link strong{font-size:21px}.member-home-grid .cos-lounge-link small{font-size:14px}.member-home-grid .cos-lounge-link>.icon{width:22px;height:22px}.member-home-grid .coupon-shortcuts{gap:10px}.member-home-grid .coupon-shortcuts>a{padding:16px 12px;gap:8px}.member-home-grid .coupon-shortcuts>a>.icon:last-child{display:none}.member-home-grid .coupon-shortcuts strong{font-size:15px}.member-home-grid .coupon-shortcuts small{font-size:12px}.member-home-grid .section-head h2{font-size:21px}.member-home-grid .section-head>a{font-size:13px}.member-home-grid .course-banner{height:240px}.member-home-grid .course-banner strong{font-size:23px}.member-home-grid .favorite-invite strong,.member-home-grid .store-inline strong{font-size:16px}.member-home-grid .favorite-invite small,.member-home-grid .store-inline small{font-size:13px}.member-home-grid .home-store .store-symbol{width:38px;height:38px;flex:none}.member-home-grid .home-store .favorite-invite{gap:10px}.member-home-grid .home-recent .quiet-empty{font-size:15px}}
@media(max-width:374px){.member-auth .app-header{padding:16px}.member-auth .app-shell>main{padding-left:16px;padding-right:16px}.member-auth .member-brand img{width:125px}.member-auth .member-brand>span{font-size:12px;padding-left:9px}.member-home-grid .home-greeting h1{font-size:26px}.member-home-grid .cos-lounge-link strong{font-size:19px}.member-home-grid .coupon-shortcuts strong{font-size:14px}.member-home-grid .coupon-shortcuts>a>.icon{width:18px}.member-home-grid .level-summary .level-line strong{font-size:23px}.member-home-grid .level-summary .level-name{font-size:16px}}
