/* LAST LOOP Mail — standalone scoped styles */
#mail-screen{background:#000;color:#f7f7f7;font-family:-apple-system,BlinkMacSystemFont,"Pretendard",sans-serif;overflow:hidden}
#mail-screen[hidden]{display:none!important}
#mail-screen button,#mail-screen input,#mail-screen textarea{font:inherit}
#mail-screen button{cursor:pointer;color:inherit}
#mail-screen .llmail-shell{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:12px;background:#000;overflow:hidden}
#mail-screen .llmail-top{display:flex;align-items:center;justify-content:space-between;padding:3px 18px 12px;min-height:46px;flex-shrink:0}
#mail-screen .llmail-topright{display:flex;gap:9px}
#mail-screen .llmail-circle,#mail-screen .llmail-pill{height:34px;min-width:34px;border:0;border-radius:22px;background:#29292c;display:grid;place-items:center;padding:0 10px}
#mail-screen .llmail-circle svg{width:20px;height:20px}
#mail-screen .llmail-pill{font-size:13px}
#mail-screen h1{font-size:33px;letter-spacing:-1.3px;margin:4px 20px 0;font-weight:750;line-height:1.15}
#mail-screen .llmail-account{font-size:13px;color:#999;margin:7px 20px 16px}
#mail-screen .llmail-cats{display:flex;gap:7px;overflow-x:auto;padding:0 17px 12px;scrollbar-width:none;flex-shrink:0}
#mail-screen .llmail-cats button{white-space:nowrap;border:0;background:#29292d;border-radius:18px;padding:8px 12px;font-size:12px}
#mail-screen .llmail-cats button.active{background:#1676eb;color:white}
#mail-screen .llmail-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:none}
#mail-screen .llmail-intro{margin:0 14px 10px;padding:13px 15px;background:#253c5b;border-radius:13px}
#mail-screen .llmail-intro strong{font-size:15px}
#mail-screen .llmail-intro p{font-size:12px;line-height:1.5;color:#c5d2e2;margin:7px 0 12px}
#mail-screen .llmail-intro div{display:flex;gap:17px}
#mail-screen .llmail-intro button{border:0;background:none;color:#83b9ff;font-size:12px;padding:0}
#mail-screen .llmail-item{width:100%;display:flex;text-align:left;gap:9px;align-items:flex-start;border:0;border-bottom:1px solid #272729;background:transparent;padding:13px 16px 13px 13px;min-height:83px}
#mail-screen .llmail-item:active{background:#19191b}
#mail-screen .llmail-dot{width:7px;height:7px;background:#0a84ff;border-radius:50%;margin-top:19px;flex-shrink:0}
#mail-screen .llmail-item.is-read .llmail-dot{background:transparent}
#mail-screen .llmail-avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#414147;color:white;font-size:17px;font-weight:600}
#mail-screen .llmail-item-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
#mail-screen .llmail-line{display:flex;gap:4px;justify-content:space-between;align-items:baseline}
#mail-screen .llmail-line strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mail-screen .llmail-line time{font-size:10px;color:#98989e;white-space:nowrap}
#mail-screen .llmail-item-content b{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mail-screen .llmail-item-content small{font-size:12px;color:#9b9ba0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mail-screen .llmail-item.is-read .llmail-line strong,#mail-screen .llmail-item.is-read .llmail-item-content b{font-weight:450}
#mail-screen .llmail-bottom{display:flex;align-items:center;gap:10px;padding:11px 14px 30px;background:#161618;flex-shrink:0}
#mail-screen .llmail-bottom .llmail-circle{background:#333338}
#mail-screen .llmail-search{display:flex;align-items:center;gap:7px;min-width:0;flex:1;border-radius:20px;background:#333338;padding:8px 12px}
#mail-screen .llmail-search svg{width:17px;height:17px;color:#a8a8ac;flex-shrink:0}
#mail-screen .llmail-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:white;font-size:13px}
#mail-screen .llmail-compose{color:#0a84ff!important}
#mail-screen .llmail-empty{padding:24px;text-align:center;color:#888;font-size:13px}
#mail-screen .llmail-back{border:0;background:none;color:#0a84ff;display:flex;align-items:center;gap:2px;font-size:14px}
#mail-screen .llmail-back svg{width:19px;height:19px}
#mail-screen .llmail-detail-scroll{flex:1;min-height:0;overflow:auto;padding:10px 19px 20px}
#mail-screen .llmail-detail-scroll h2{font-size:24px;line-height:1.25;margin:8px 0 25px;letter-spacing:-.5px}
#mail-screen .llmail-from{display:flex;align-items:center;gap:10px;border-bottom:1px solid #29292c;padding-bottom:17px}
#mail-screen .llmail-from>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
#mail-screen .llmail-from strong{font-size:13px}
#mail-screen .llmail-from small,#mail-screen .llmail-from time{color:#8e8e93;font-size:10px}
#mail-screen .llmail-body{padding-top:25px;font-size:14px;line-height:1.85;word-break:keep-all;color:#e9e9ed}
#mail-screen .llmail-detail-bottom{display:flex;justify-content:space-around;padding:9px 15px 28px;background:#1c1c1e}
#mail-screen .llmail-detail-bottom button{border:0;background:none;color:#0a84ff;font-size:25px}
#mail-screen .llmail-detail-bottom button:disabled{color:#505056}
#mail-screen .llmail-compose-top{display:flex;justify-content:space-between;align-items:center;padding:8px 17px 18px;font-size:14px}
#mail-screen .llmail-compose-top button{border:0;background:none;color:#0a84ff}
#mail-screen .llmail-field{padding:14px 20px;border-top:1px solid #333;color:#aaa;font-size:13px;display:flex;gap:10px}
#mail-screen .llmail-field input{flex:1;background:none;border:0;outline:0;color:white}
#mail-screen .llmail-write{flex:1;background:transparent;border:0;border-top:1px solid #333;outline:0;resize:none;padding:20px;color:white;font-size:14px}
#mail-screen .llmail-toast{position:absolute;bottom:94px;left:20px;right:20px;padding:12px;background:#333;border-radius:12px;text-align:center;font-size:12px;z-index:4}

/* Mail detail toolbar — iOS-style grouped controls */
#mail-screen .llmail-detail-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 25px 31px;background:#1c1c1e;gap:16px}
#mail-screen .llmail-action-group{display:flex;align-items:center;justify-content:space-around;gap:0;min-width:0;width:63%;height:55px;padding:0 8px;border:1px solid #55545a;border-radius:31px;background:linear-gradient(160deg,#424147,#343338);box-shadow:inset 0 1px 1px #6664}
#mail-screen .llmail-detail-bottom .llmail-action-group button{flex:1;display:grid;place-items:center;min-width:0;height:100%;border:0;background:none;color:#f5f5f7;padding:0}
#mail-screen .llmail-detail-bottom svg{width:27px;height:27px;stroke-width:1.8}
#mail-screen .llmail-detail-bottom .llmail-detail-compose{display:grid;place-items:center;width:55px;height:55px;flex-shrink:0;border:1px solid #55545a;border-radius:50%;background:linear-gradient(160deg,#424147,#343338);color:#f5f5f7;padding:0}
#mail-screen .llmail-detail-bottom button:active{opacity:.65}

/* Mail refinement: flatter, sharper iOS-style controls */
#mail-screen .llmail-detail-bottom{
  min-height:93px;
  box-sizing:border-box;
  padding:10px 23px 30px;
  background:#1c1c1e;
  border-top:1px solid #29292c;
}
#mail-screen .llmail-action-group{
  height:49px;
  width:64%;
  border-radius:27px;
  border:1px solid #505055;
  background:#343438;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  padding:0 5px;
}
#mail-screen .llmail-detail-bottom .llmail-detail-compose{
  width:49px;height:49px;
  background:#343438;
  border:1px solid #505055;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
#mail-screen .llmail-detail-bottom svg{
  width:24px;height:24px;
  stroke-width:1.75;
  shape-rendering:geometricPrecision;
}
#mail-screen .llmail-action-group button + button{
  border-left:1px solid rgba(255,255,255,.10);
}
@media(max-width:767px){
  /* Shared HTML home indicator belongs at the bottom of Mail's gray footer. */
  .device:has(#mail-screen:not([hidden])) .game > .home-indicator{
    bottom:calc(5px + env(safe-area-inset-bottom,0px)) !important;
    height:5px !important;
    z-index:1100 !important;
  }
  #mail-screen .llmail-detail-bottom{padding-bottom:26px}
  #mail-screen .llmail-bottom{padding-bottom:26px}
}