:root{--app-bg:#edf0f8;--ink:#10214f;--muted:#68718b;--surface:#fafdff;--line:#d1d8ea;--side:#10214f;--side-ink:#f7f9ff;--side-active:#c9ff4717;--accent:#c9ff47;--accent-ink:#10214f;--soft:#e2e7f3;--radius:18px}.membership-mini{border:1px solid #ffffff25;border-radius:14px;padding:14px;display:grid}.membership-mini span{color:#c9ff47;font-size:.72rem}.membership-mini b{font-size:.76rem;margin-top:4px}.performance{background:#10214f;color:#fff;border-radius:28px;padding:30px;display:grid;grid-template-columns:220px 1fr 180px;gap:35px;align-items:center;margin-bottom:18px}.rings{display:grid;place-items:center}.ring{border-radius:50%;display:grid;place-items:center}.outer{width:190px;aspect-ratio:1;background:conic-gradient(#c9ff47 80%,#ffffff15 0)}.middle{width:150px;aspect-ratio:1;background:#10214f}.inner{width:120px;aspect-ratio:1;background:conic-gradient(#ff8068 68%,#ffffff15 0);border:18px solid #10214f;display:flex;flex-direction:column}.inner b{font-size:1.6rem}.inner span{font-size:.55rem}.performance-copy h3{font-size:1.8rem;margin:.7em 0 .2em}.performance-copy p{opacity:.65}.activity-bars{height:110px;display:flex;align-items:flex-end;gap:9px}.activity-bars i{flex:1;height:var(--h);background:#ffffff24;border-radius:4px 4px 0 0;position:relative}.activity-bars .today{background:#c9ff47}.activity-bars span{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);font-style:normal;font-size:.55rem}.performance>aside{border-inline-start:1px solid #ffffff20;padding-inline-start:25px}.performance>aside span{font-size:.7rem;opacity:.6}.performance>aside strong{display:block;font-size:4.5rem;line-height:1}.performance>aside p{font-size:.7rem;opacity:.6}.live{background:#c9ff47}.next-class{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.class-time{width:78px;aspect-ratio:1;border-radius:18px;background:#ff8068;display:grid;place-items:center;align-content:center}.class-time small{font-size:.55rem}.facility{display:grid;grid-template-columns:100px 1fr 40px;gap:12px;align-items:center;margin:15px 0}.capacity{height:8px;background:#e2e7f3;border-radius:99px}.capacity i{display:block;width:var(--progress);height:100%;background:#5776ef;border-radius:inherit}.class-chips{margin-bottom:18px}.class-list{display:grid;gap:10px}.class-list article{background:#fafdff;border:1px solid #d1d8ea;border-radius:18px;padding:18px;display:grid;grid-template-columns:80px 12px 1fr 90px auto;gap:15px;align-items:center}.class-list time{font-size:1.3rem;font-weight:800}.class-list time small{display:block;font-size:.55rem}.class-dot{width:9px;aspect-ratio:1;border-radius:50%;background:#c9ff47}.class-dot.coral{background:#ff8068}.class-dot.blue{background:#6ebcff}.class-list h3,.class-list p{margin:.2em 0}.booking-grid{display:grid;gap:14px}.booking-ticket{background:#fafdff;border:1px solid #d1d8ea;border-radius:20px;padding:18px;display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center}.booking-ticket .date{width:70px;aspect-ratio:1;border-radius:16px;background:#c9ff47;display:grid;place-items:center;align-content:center}.booking-ticket .date.blue{background:#8ac8ff}.booking-ticket .date b{font-size:1.8rem}.booking-ticket h3,.booking-ticket p{margin:.2em 0}.booking-ticket button{border:0;background:transparent;color:#c44b4b}.profile-card{background:#10214f;color:#fff;border-radius:28px;padding:35px}.member-head{display:flex;align-items:center;gap:22px}.member-avatar{width:90px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#c9ff47;color:#10214f;font-size:2.5rem;font-weight:800}.member-head h2{font-size:2.6rem;margin:.2em 0}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-block:1px solid #ffffff25}.member-stats div{padding:20px;border-inline-end:1px solid #ffffff25}.member-stats b,.member-stats span{display:block}.member-stats b{font-size:2.4rem}.class-confirm{display:flex;gap:18px;align-items:center;margin:20px 0}.class-confirm>span{background:#c9ff47;color:#10214f;padding:18px;border-radius:14px;font-weight:800}@media(max-width:1100px){.performance{grid-template-columns:180px 1fr}.performance>aside{grid-column:1/-1;border:0;border-top:1px solid #ffffff20;padding:18px 0 0}.class-list article{grid-template-columns:70px 10px 1fr auto}.class-list article>b{display:none}}@media(max-width:650px){.performance{grid-template-columns:1fr}.rings{display:none}.next-class{grid-template-columns:auto 1fr}.next-class .button{grid-column:2}.class-list article{grid-template-columns:60px 1fr}.class-dot{display:none}.class-list article>b,.class-list .button{grid-column:2;display:block}.booking-ticket{grid-template-columns:65px 1fr}.booking-ticket button{grid-column:2}.member-stats{grid-template-columns:1fr}.member-stats div{border-bottom:1px solid #ffffff25}}