/* TWINS v0.2.97 — compact My Page list + polished TWIN save action */

/* My Page: native-app style compact rows instead of large square cards. */
.me-home-page{padding-bottom:105px}
.me-menu-list{
  display:grid;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:12px;
  background:#121017;
}
.me-menu-list a{
  position:relative;
  min-height:68px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 22px;
  gap:11px;
  align-items:center;
  padding:9px 11px;
  border-bottom:1px solid rgba(255,255,255,.055);
  color:inherit;
  text-decoration:none;
  background:transparent;
}
.me-menu-list a:last-child{border-bottom:0}
.me-menu-list a:active{background:rgba(255,255,255,.035)}
.me-list-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(223,67,177,.28);
  border-radius:10px;
  background:rgba(223,67,177,.075);
  color:#dc7ac0;
}
.me-list-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.me-list-icon.is-twin{color:#e68bd0}
.me-list-copy{min-width:0}
.me-list-copy strong{
  display:block;
  color:#f3edf5;
  font-size:13px;
  line-height:1.25;
}
.me-list-copy small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#817986;
  font-size:9px;
  line-height:1.3;
}
.me-menu-list>a>b{
  justify-self:end;
  color:#625b68;
  font-size:21px;
  line-height:1;
  font-weight:300;
}

/* TWIN settings: explicit, finished primary action rather than a bare browser button. */
.twin-settings-save-area{
  padding:4px 0 calc(6px + env(safe-area-inset-bottom));
}
.twin-settings-save{
  width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 16px;
  border:1px solid rgba(238,72,174,.34);
  border-radius:10px;
  background:linear-gradient(135deg,#2b1425,#35152b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  color:#f8edf4;
  font:inherit;
  font-size:12px;
  font-weight:850;
  letter-spacing:.01em;
  cursor:pointer;
}
.twin-settings-save svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:#ef78bd;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.twin-settings-save:active{
  transform:translateY(1px);
  background:linear-gradient(135deg,#32172b,#3b1830);
}

@media(min-width:700px){
  .me-menu-list{max-width:none}
  .me-menu-list a{min-height:66px}
}
@media(max-width:430px){
  .me-menu-list a{
    min-height:64px;
    grid-template-columns:40px minmax(0,1fr) 20px;
    gap:10px;
    padding:8px 10px;
  }
  .me-list-icon{width:40px;height:40px}
  .me-list-copy strong{font-size:12px}
}