.member-daily-shell{
  --mh-primary:#17B39F;
  --mh-primary-strong:#0F8F74;
  --mh-navy:#1D325C;
  --mh-blue:#243B6B;
  --mh-gold:#C9A67D;
  --mh-text:#0F172A;
  --mh-muted:#64748B;
  --mh-border:#E3EAF2;
  width:100%;
  max-width:480px;
  margin:0 auto;
  display:grid;
  gap:14px;
  padding:2px 0 10px;
  direction:rtl;
}

.member-daily-shell *{box-sizing:border-box;min-width:0}

.member-focus-card{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.14), transparent 24%),
    radial-gradient(circle at 0% 100%, rgba(255,255,255,.08), transparent 28%),
    linear-gradient(135deg, #102954 0%, #1D325C 55%, #17B39F 100%);
  box-shadow:0 18px 38px rgba(29,50,92,.18);
}
.member-focus-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  pointer-events:none;
}
.member-focus-orb{
  position:absolute;
  inset:auto -38px -58px auto;
  width:164px;
  height:164px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.16), rgba(255,255,255,0) 68%);
  pointer-events:none;
}
.member-focus-top,
.member-focus-main,
.member-focus-level,
.member-focus-actions{position:relative;z-index:1}

.member-focus-top{display:grid;gap:4px}
.member-focus-main{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:14px;
  align-items:center;
  direction:ltr;
}
.member-focus-content{direction:rtl;text-align:right;display:grid;gap:7px;align-content:center;min-width:0}
.member-focus-greeting{display:grid;gap:3px;text-align:right}
.member-focus-greeting h1{margin:0;color:#fff;font-size:1.22rem;line-height:1.18;font-weight:950;letter-spacing:-.03em}
.member-focus-greeting p{margin:0;color:rgba(255,255,255,.78);font-size:.77rem;line-height:1.45;font-weight:760}

.member-focus-avatar{
  width:160px;
  height:160px;
  border-radius:34px;
  overflow:hidden;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 30px rgba(0,0,0,.17);
}
.member-focus-avatar img{width:100%;height:100%;object-fit:cover;display:block}

.member-focus-copy{direction:rtl;text-align:right;display:grid;gap:2px;align-content:center}
.member-focus-copy h2{margin:0;color:#fff;font-size:1.06rem;line-height:1.28;font-weight:950;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.member-focus-copy p{margin:0;color:rgba(255,255,255,.84);font-size:.74rem;line-height:1.38;font-weight:760}
.member-focus-course-label{color:rgba(255,255,255,.68)!important;font-size:.68rem!important;font-weight:780!important;line-height:1.2!important}
.member-focus-course-title{color:#fff!important;font-size:.84rem!important;font-weight:900!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

.member-focus-level{display:grid;gap:5px}
.member-focus-level-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.member-focus-level-head strong{display:block;color:#fff;font-size:.86rem;line-height:1.35;font-weight:900}
.member-focus-level-head small{color:rgba(255,255,255,.88);font-size:.68rem;line-height:1.35;font-weight:820;text-align:left}
.member-focus-level-track{width:100%;height:8px;border-radius:999px;overflow:hidden;background:rgba(7,19,42,.42)}
.member-focus-level-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#C9A67D 0%,#F3D8A8 100%)}

.member-focus-actions{display:block}
.member-focus-primary{
  width:100%;
  min-height:40px;
  padding:0 16px;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg, #17B39F, #0F8F74);
  box-shadow:0 10px 22px rgba(0,0,0,.16);
  font-size:.84rem;
  font-weight:950;
}
.member-focus-primary:hover{color:#fff;transform:translateY(-1px)}

.member-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.member-stat-card{
  min-height:104px;
  padding:14px 14px 12px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(227,234,242,.96);
  box-shadow:0 14px 30px rgba(15,23,42,.06);
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.member-stat-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(23,179,159,.10), rgba(23,179,159,.03));
  color:var(--mh-primary);
  font-size:2rem;
  line-height:1;
}
.member-stat-copy{display:grid;gap:4px;text-align:right}
.member-stat-copy strong{color:var(--mh-primary);font-size:2rem;line-height:1;font-weight:950}
.member-stat-copy small{color:var(--mh-text);font-size:.82rem;font-weight:850;line-height:1.35}

.member-review-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:26px;
  background:#fff;
  border:1px solid var(--mh-border);
  box-shadow:0 14px 30px rgba(15,23,42,.07);
  overflow:hidden;
}
.member-review-visual{
  width:112px;
  height:84px;
  border-radius:18px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(23,179,159,.10),rgba(23,179,159,.03));
}
.member-review-visual img{width:100%;height:100%;display:block;object-fit:contain;max-width:100%;max-height:100%}
.member-review-copy{text-align:right;display:grid;gap:5px}
.member-review-copy h2{margin:0;color:var(--mh-navy);font-size:1.02rem;line-height:1.3;font-weight:950}
.member-review-copy p{margin:0;color:var(--mh-muted);font-size:.83rem;line-height:1.55;font-weight:800}
.member-review-copy span{color:var(--mh-muted);font-size:.77rem;font-weight:760}
.member-review-button{
  min-width:96px;
  min-height:44px;
  padding:0 16px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--mh-primary),var(--mh-primary-strong));
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:.84rem;
  font-weight:950;
  white-space:nowrap;
}

.member-active-section{display:grid;gap:10px}
.member-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}
.member-section-head h2{margin:0;color:var(--mh-navy);font-size:1.04rem;font-weight:950}
.member-section-head a{color:var(--mh-primary-strong);text-decoration:none;font-size:.78rem;font-weight:900}
.member-active-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.member-active-course{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--mh-border);
  box-shadow:0 12px 24px rgba(15,23,42,.06);
}
.member-active-cover{
  width:72px;
  height:72px;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(23,179,159,.12),rgba(36,59,107,.08));
  display:grid;
  place-items:center;
  font-size:1.55rem;
}
.member-active-cover img{width:100%;height:100%;object-fit:cover;display:block}
.member-active-copy{display:grid;gap:7px;text-align:right}
.member-active-copy strong{direction:rtl;text-align:right;unicode-bidi:isolate;color:var(--mh-navy);font-size:.84rem;line-height:1.4;font-weight:950;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.member-active-progress{display:grid;gap:5px}
.member-active-progress span{color:var(--mh-primary-strong);font-size:.76rem;font-weight:950}
.member-active-progress .progress-track{height:7px;border-radius:999px;background:rgba(15,23,42,.10);overflow:hidden}
.member-active-progress .progress-fill{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--mh-primary-strong),var(--mh-primary))}
.member-active-copy a{
  min-height:32px;
  border-radius:12px;
  border:1px solid rgba(23,179,159,.30);
  color:var(--mh-primary-strong);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:.77rem;
  font-weight:930;
  background:#fff;
}

.member-rhythm-card{display:grid;gap:11px;padding:14px 14px 12px;border-radius:24px;background:#fff;border:1px solid var(--mh-border);box-shadow:0 12px 28px rgba(15,23,42,.06)}
.member-rhythm-card h2{margin:0;color:var(--mh-navy);font-size:1.02rem;font-weight:950;text-align:right}
.member-rhythm-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.member-rhythm-day{display:grid;justify-items:center;gap:7px;text-align:center}
.member-rhythm-day span{color:var(--mh-muted);font-size:.68rem;font-weight:850;white-space:nowrap}
.member-rhythm-day b{width:22px;height:22px;border-radius:999px;display:block;background:#E5E7EB;border:2px solid #F1F5F9;box-shadow:inset 0 0 0 1px rgba(15,23,42,.03)}
.member-rhythm-day.is-active b{background:linear-gradient(135deg,var(--mh-primary),var(--mh-primary-strong));border-color:rgba(23,179,159,.16);box-shadow:0 7px 13px rgba(15,143,116,.22)}
.member-rhythm-day.is-today b{outline:2px solid rgba(201,166,125,.42);outline-offset:3px}

@media (max-width:430px){
  .member-daily-shell{max-width:none;gap:12px}
  .member-focus-card{padding:13px;border-radius:26px;gap:9px}
  .member-focus-greeting h1{font-size:1.03rem}
  .member-focus-greeting p{font-size:.70rem;line-height:1.35}
  .member-focus-main{grid-template-columns:128px minmax(0,1fr);gap:10px;align-items:center}
  .member-focus-avatar{width:128px;height:128px;border-radius:30px}
  .member-focus-content{gap:5px}
  .member-focus-copy h2{font-size:.92rem;line-height:1.28;-webkit-line-clamp:2}
  .member-focus-copy p{font-size:.68rem;line-height:1.3}
  .member-focus-course-label{font-size:.62rem!important}
  .member-focus-course-title{font-size:.74rem!important;line-height:1.25!important}
  .member-focus-level-head{align-items:center;flex-direction:row;gap:8px}
  .member-focus-level-head strong{font-size:.78rem}
  .member-focus-level-head small{font-size:.62rem;text-align:left;line-height:1.25}
  .member-focus-level-track{height:7px}
  .member-focus-primary{min-height:34px;font-size:.76rem;border-radius:13px;padding:0 12px}
  .member-stat-row{gap:8px}
  .member-stat-card{min-height:90px;border-radius:20px;padding:10px;grid-template-columns:42px minmax(0,1fr);gap:8px}
  .member-stat-icon{width:42px;height:42px;border-radius:14px;font-size:1.45rem}
  .member-stat-copy strong{font-size:1.45rem}
  .member-stat-copy small{font-size:.68rem}
  .member-review-card{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"visual copy" "visual action";gap:10px;padding:12px;border-radius:23px}
  .member-review-visual{grid-area:visual;width:96px;height:96px;border-radius:18px}
  .member-review-copy{grid-area:copy}
  .member-review-button{grid-area:action;width:100%;min-width:0;min-height:38px;font-size:.78rem;border-radius:13px}
  .member-active-grid{gap:8px}
  .member-active-course{grid-template-columns:1fr;gap:8px;padding:9px;border-radius:20px}
  .member-active-cover{width:100%;height:auto;aspect-ratio:1.28/1;border-radius:16px}
  .member-active-copy strong{font-size:.8rem;-webkit-line-clamp:1}
  .member-rhythm-days{gap:6px}
  .member-rhythm-day b{width:20px;height:20px}
}

@media (max-width:350px){
  .member-focus-main{grid-template-columns:128px minmax(0,1fr);gap:8px}
  .member-focus-copy h2{font-size:.86rem}
  .member-focus-greeting h1{font-size:.96rem}
  .member-focus-primary{min-height:32px;font-size:.72rem}
}