/* ============================================================
   Lumora - refined mobile UI
   ============================================================ */
:root{
  --lm-bg:#f6f7f9;
  --lm-surface:#ffffff;
  --lm-surface-2:#f0f2f5;
  --lm-ink:#202735;
  --lm-ink-soft:#667085;
  --lm-muted:#98a2b3;
  --lm-line:#e4e7ec;
  --lm-primary:#5b7cfa;
  --lm-primary-dark:#4564dc;
  --lm-primary-soft:#eef2ff;
  --lm-night:#202735;
  --lm-night-2:#344054;
  --lm-warn:#d08b24;
  --lm-danger:#d95050;
  --lm-radius-xl:20px;
  --lm-radius:18px;
  --lm-radius-sm:12px;
  --lm-pill:999px;
  --lm-shadow:0 20px 50px rgba(76,93,150,.11),0 4px 14px rgba(16,24,40,.05);
  --lm-shadow-sm:0 10px 28px rgba(76,93,150,.08),0 2px 8px rgba(16,24,40,.04);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#eef0f3}
body{padding-top:0!important}
body,.lm-body{
  color:var(--lm-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
main.content{min-height:100vh;padding:0!important;margin:0!important;background:var(--lm-bg)}

.lm-app{
  position:relative;
  width:100%;
  max-width:480px;
  min-height:100vh;
  min-height:100dvh;
  margin:0 auto;
  overflow-x:hidden;
  background:var(--lm-bg);
}
.lm-app::before{display:none}
.lm-app>*{position:relative}
.lm-tabbed{padding-bottom:88px}
.lm-spacer{flex:1}
.lm-center{text-align:center}
.lm-mt{margin-top:12px}
.lm-link,.lm-link:visited,.lm-link:hover,.lm-link:focus{color:var(--lm-primary-dark)!important;font-weight:750;text-decoration:none}
.lm-icon{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lm-icon-sm{width:18px;height:18px}

/* Header */
.lm-topbar{
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  min-height:60px;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--lm-line);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.lm-brand{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--lm-ink);
  font-size:18px;
  font-weight:820;
  letter-spacing:-.35px;
}
.lm-brand img{display:block;width:30px;height:30px}
.lm-back{
  display:flex;
  width:38px;
  height:38px;
  margin-left:-7px;
  align-items:center;
  justify-content:center;
  color:var(--lm-ink);
  border:1px solid var(--lm-line);
  border-radius:12px;
  background:rgba(255,255,255,.74);
  text-decoration:none;
}
.lm-balance-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  color:var(--lm-primary-dark);
  border-radius:var(--lm-pill);
  background:var(--lm-primary-soft);
  box-shadow:none;
  font-size:12px;
  font-weight:760;
  white-space:nowrap;
}
.lm-balance-pill::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--lm-primary);
  box-shadow:none;
}

/* Type and page sections */
.lm-eyebrow{
  color:var(--lm-primary-dark);
  font-size:10px;
  font-weight:850;
  letter-spacing:1.45px;
  text-transform:uppercase;
}
.lm-page-title{
  margin:6px 0 0;
  color:var(--lm-ink);
  font-size:27px;
  font-weight:820;
  letter-spacing:-1px;
  line-height:1.12;
}
.lm-page-copy{
  margin:7px 0 0;
  color:var(--lm-ink-soft);
  font-size:13px;
  line-height:1.55;
}
.lm-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  padding:20px 18px 10px;
}
.lm-section-title{
  color:var(--lm-ink);
  font-size:17px;
  font-weight:800;
  letter-spacing:-.35px;
}
.lm-section-meta{color:var(--lm-muted);font-size:11px;font-weight:650}

/* Cards */
.lm-card{
  margin:16px;
  padding:22px;
  border:1px solid var(--lm-line);
  border-radius:var(--lm-radius-xl);
  background:#fff;
  box-shadow:var(--lm-shadow);
  animation:lmRise .45s ease both;
}
.lm-card-tight{padding:14px}
@keyframes lmRise{
  from{opacity:0;transform:translateY(9px)}
  to{opacity:1;transform:translateY(0)}
}

/* Forms */
.lm-form-head{margin-bottom:18px}
.lm-form-title{font-size:21px;font-weight:750;letter-spacing:-.4px}
.lm-form-copy{margin-top:6px;color:var(--lm-ink-soft);font-size:13px;line-height:1.5}
.lm-field{margin-bottom:13px}
.lm-label{
  display:block;
  margin:0 0 8px 2px;
  color:#475467;
  font-size:12px;
  font-weight:760;
}
.lm-input{
  width:100%;
  height:48px;
  padding:0 16px;
  color:var(--lm-ink);
  border:1px solid #dce1eb;
  border-radius:var(--lm-radius-sm);
  outline:none;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  box-shadow:inset 0 1px 2px rgba(16,24,40,.025),0 1px 0 rgba(255,255,255,.9);
  font-size:14px;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.lm-input::placeholder{color:#a2afac}
.lm-input:hover{border-color:#cbd1dc}
.lm-input:focus{
  border-color:var(--lm-primary);
  background:#fff;
  box-shadow:0 0 0 4px rgba(91,124,250,.11),0 8px 20px rgba(91,124,250,.08);
}
.lm-help{
  display:flex;
  gap:8px;
  margin-top:11px;
  color:var(--lm-muted);
  font-size:11px;
  line-height:1.5;
}

/* Buttons */
.lm-btn{
  display:flex;
  width:100%;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  color:inherit;
  border:0;
  border-radius:var(--lm-radius-sm);
  cursor:pointer;
  font-size:14px;
  font-weight:800;
  letter-spacing:.05px;
  text-decoration:none;
  transition:transform .14s,box-shadow .2s,background .2s,border-color .2s;
}
.lm-btn-primary{
  color:#fff;
  border:1px solid rgba(69,100,220,.25);
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),transparent 48%),
    linear-gradient(135deg,#7892ff 0%,#5b7cfa 48%,#4968e6 100%);
  box-shadow:0 12px 24px rgba(73,104,230,.24),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(39,65,170,.2);
  text-shadow:0 1px 1px rgba(35,54,130,.22);
}
.lm-btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#8299ff,#5b7cfa 52%,#4361dc);box-shadow:0 15px 30px rgba(73,104,230,.28),inset 0 1px 0 rgba(255,255,255,.4)}
.lm-btn-primary:active{transform:translateY(1px);box-shadow:0 7px 15px rgba(73,104,230,.2),inset 0 2px 4px rgba(44,66,150,.18)}
.lm-btn-ghost{
  color:var(--lm-ink)!important;
  border:1px solid var(--lm-line);
  background:#fff;
}
.lm-btn-ghost:visited,.lm-btn-ghost:hover,.lm-btn-ghost:focus{color:var(--lm-ink)!important}
.lm-btn-ghost:hover{border-color:#b9cbc6;background:#f8faf9}
.lm-btn[disabled]{cursor:not-allowed;opacity:.55}

/* Authentication */
.lm-auth{
  position:relative;
  display:flex;
  min-height:100vh;
  min-height:100dvh;
  flex-direction:column;
  overflow:hidden;
  background:
    radial-gradient(320px 250px at 10% 4%,rgba(142,174,255,.22),transparent 70%),
    radial-gradient(300px 260px at 102% 38%,rgba(178,145,255,.16),transparent 70%),
    radial-gradient(330px 260px at 18% 100%,rgba(109,211,236,.12),transparent 72%),
    linear-gradient(160deg,#fafbff 0%,#f5f7fc 47%,#f7f8fb 100%);
}
.lm-auth::before{
  content:"";
  position:absolute;
  inset:0;
  display:block;
  opacity:.42;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(91,124,250,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,124,250,.035) 1px,transparent 1px);
  background-size:32px 32px;
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 68%);
  mask-image:linear-gradient(to bottom,black,transparent 68%);
}
.lm-auth::after{
  content:"";
  position:absolute;
  top:56px;
  left:50%;
  width:270px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(91,124,250,.14),transparent 68%);
  filter:blur(12px);
  pointer-events:none;
  transform:translateX(-50%);
}
.lm-hero{
  position:relative;
  z-index:2;
  display:flex;
  min-height:112px;
  padding:25px 20px 17px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:var(--lm-ink);
  background:transparent;
}
.lm-hero::after{display:none}
.lm-hero-brand{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 16px 10px 11px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(246,248,255,.66));
  box-shadow:0 14px 35px rgba(76,93,150,.12),inset 0 1px 0 #fff;
  font-size:19px;
  font-weight:820;
  letter-spacing:-.45px;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.lm-hero-brand::after{
  content:"";
  position:absolute;
  right:14px;
  bottom:-8px;
  left:14px;
  height:12px;
  border-radius:50%;
  background:rgba(70,93,180,.14);
  filter:blur(8px);
  z-index:-1;
}
.lm-hero-logo{
  display:block;
  width:42px;
  height:42px;
  padding:0;
  border:0;
  border-radius:14px;
  background:transparent;
  box-shadow:0 9px 18px rgba(75,103,223,.23),0 2px 4px rgba(52,73,160,.12);
}
.lm-hero-copy{position:relative;z-index:1;margin-top:26px;max-width:300px}
.lm-hero-kicker{color:#66e9cb;font-size:10px;font-weight:850;letter-spacing:1.7px;text-transform:uppercase}
.lm-hero-name{margin-top:10px;font-size:34px;font-weight:820;letter-spacing:-1.4px;line-height:1.08;text-shadow:none}
.lm-hero-sub{margin-top:12px;color:rgba(236,255,250,.68);font-size:13px;font-weight:520;letter-spacing:0;line-height:1.55;text-transform:none}
.lm-auth-card{
  position:relative;
  z-index:3;
  width:calc(100% - 32px);
  margin:0 16px 16px;
  padding:25px 22px 22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.96);
  border-radius:26px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(126,150,255,.48),rgba(255,255,255,.9)) border-box;
  box-shadow:0 28px 70px rgba(65,80,130,.14),0 8px 24px rgba(16,24,40,.06),inset 0 1px 0 #fff;
}
.lm-auth-card::before{
  content:"";
  position:absolute;
  top:0;
  right:26px;
  left:26px;
  height:2px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,transparent,#94a9ff 35%,#c3b2ff 65%,transparent);
  box-shadow:0 2px 10px rgba(91,124,250,.28);
}
.lm-auth-card::after{
  content:"";
  position:absolute;
  z-index:0;
  top:-95px;
  right:-95px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(119,145,255,.1),transparent 68%);
  pointer-events:none;
}
.lm-auth-card>*{position:relative;z-index:1}
.lm-auth .lm-form-title{
  font-size:24px;
  font-weight:800;
  letter-spacing:-.7px;
  background:linear-gradient(135deg,#222b3d 15%,#5266b8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lm-auth .lm-form-copy{color:#7a859a}
.lm-auth .lm-label{color:#48556c}
.lm-auth .lm-field{position:relative}
.lm-auth-switch{margin-top:15px;color:var(--lm-muted);font-size:12px;text-align:center}
.lm-auth-switch .lm-link{margin-left:4px}

/* Home */
.lm-home-summary{
  display:flex;
  align-items:center;
  gap:12px;
  margin:14px 16px 2px;
  padding:15px 16px;
  border:1px solid var(--lm-line);
  border-radius:16px;
  background:#fff;
}
.lm-home-name{color:var(--lm-ink);font-size:16px;font-weight:720}
.lm-home-balance{margin-top:4px;color:var(--lm-primary-dark);font-size:13px;font-weight:720}
.lm-home-balance span{color:var(--lm-muted);font-weight:500}
.lm-home-action{
  display:flex;
  width:36px;
  height:36px;
  margin-left:auto;
  align-items:center;
  justify-content:center;
  color:var(--lm-muted);
  border:1px solid var(--lm-line);
  border-radius:10px;
  background:#fff;
  text-decoration:none;
}
.lm-section-sub{margin-top:3px;color:var(--lm-muted);font-size:11px}
.lm-greet{
  display:flex;
  align-items:center;
  gap:12px;
  padding:20px 18px 12px;
}
.lm-greet-hi{font-size:25px;font-weight:820;letter-spacing:-.85px}
.lm-greet-sub{margin-top:4px;color:var(--lm-ink-soft);font-size:12px}
.lm-greet-out{
  display:flex;
  width:40px;
  height:40px;
  margin-left:auto;
  align-items:center;
  justify-content:center;
  color:var(--lm-ink-soft);
  border:1px solid var(--lm-line);
  border-radius:13px;
  background:rgba(255,255,255,.78);
  text-decoration:none;
}
.lm-earn-banner{
  position:relative;
  display:flex;
  min-height:108px;
  margin:4px 16px 2px;
  padding:19px 20px;
  overflow:hidden;
  align-items:center;
  color:#effffb;
  border-radius:24px;
  background:linear-gradient(135deg,#102824 0%,#18463e 100%);
  box-shadow:0 16px 34px rgba(16,40,36,.17);
}
.lm-earn-banner::after{
  content:"";
  position:absolute;
  right:-18px;
  top:-38px;
  width:130px;
  height:130px;
  border:1px solid rgba(97,234,205,.22);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(97,234,205,.04);
}
.lm-earn-copy{position:relative;z-index:1;max-width:235px}
.lm-earn-label{color:#64e6c8;font-size:10px;font-weight:850;letter-spacing:1.35px;text-transform:uppercase}
.lm-earn-title{margin-top:6px;font-size:17px;font-weight:790;letter-spacing:-.25px}
.lm-earn-sub{margin-top:4px;color:rgba(237,255,250,.6);font-size:11px;line-height:1.45}
.lm-earn-orb{
  position:absolute;
  z-index:1;
  right:21px;
  display:flex;
  width:48px;
  height:48px;
  align-items:center;
  justify-content:center;
  color:#09231d;
  border-radius:16px;
  background:linear-gradient(145deg,#83f4da,#24c6a8);
  transform:rotate(7deg);
  box-shadow:0 10px 24px rgba(31,201,168,.26);
}
.lm-earn-orb .lm-icon{width:25px;height:25px;transform:rotate(-7deg)}

/* Products */
.lm-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:0 16px 16px}
.lm-prod{
  position:relative;
  display:flex;
  min-width:0;
  overflow:hidden;
  min-height:82px;
  flex-direction:row;
  color:inherit;
  border:1px solid var(--lm-line);
  border-radius:15px;
  background:#fff;
  box-shadow:none;
  text-decoration:none;
  transition:transform .16s,box-shadow .2s;
}
.lm-prod:hover{transform:translateY(-1px);box-shadow:var(--lm-shadow-sm)}
.lm-prod:active{transform:scale(.985)}
.lm-prod .pic{display:block;width:82px;height:82px;flex:none;object-fit:cover;background:#f0f2f5}
.lm-prod .meta{display:flex;min-width:0;flex:1;padding:9px 11px;justify-content:center;flex-direction:column}
.lm-prod .title{
  display:-webkit-box;
  min-height:34px;
  overflow:hidden;
  color:#253633;
  font-size:12px;
  font-weight:620;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.lm-prod .row{display:flex;align-items:center;gap:6px;justify-content:space-between;margin-top:5px}
.lm-prod .price{overflow:hidden;color:var(--lm-ink);font-size:14px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}
.lm-prod-new{animation:lmProductIn .32s ease both}
@keyframes lmProductIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
.lm-product-loader{
  display:flex;
  min-height:64px;
  margin:0 16px 14px;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:var(--lm-muted);
  border:1px dashed #d9deea;
  border-radius:14px;
  background:rgba(255,255,255,.55);
  font-size:11px;
  font-weight:650;
}
.lm-loader-spinner{
  display:none;
  width:17px;
  height:17px;
  border:2px solid #dce3ff;
  border-top-color:var(--lm-primary);
  border-radius:50%;
  animation:lmSpin .7s linear infinite;
}
.lm-product-loader.is-loading .lm-loader-spinner{display:block}
.lm-product-loader.is-loading{color:var(--lm-primary-dark);border-style:solid;background:#f8f9ff}
.lm-product-loader.is-finished{min-height:42px;color:#a1a9b7;border-color:transparent;background:transparent}
.lm-product-loader.is-error{color:var(--lm-danger);border-color:#f3caca;background:#fff8f8}
@keyframes lmSpin{to{transform:rotate(360deg)}}
.lm-badge{
  display:inline-flex;
  max-width:76px;
  align-items:center;
  padding:4px 7px;
  overflow:hidden;
  border-radius:var(--lm-pill);
  font-size:9px;
  font-weight:800;
  letter-spacing:.15px;
  text-overflow:ellipsis;
  text-transform:capitalize;
  white-space:nowrap;
}
.lm-badge.ebay{color:#315bc0;background:#eaf0ff}
.lm-badge.alibaba{color:#b65722;background:#fff0e8}
.lm-badge.amazon{color:#836115;background:#fff4d7}

/* Browse session */
.lm-browse-wrap{padding:16px}
.lm-browse-card{
  margin:0;
  padding:12px;
  border-radius:18px;
  background:#fff;
}
.lm-browse-media{position:relative;overflow:hidden;border-radius:19px;background:#edf1ef}
.lm-browse-pic{display:block;width:100%;aspect-ratio:1.08/1;object-fit:contain;background:#fff}
.lm-live-chip{
  position:absolute;
  top:12px;
  left:12px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  color:#fff;
  border-radius:var(--lm-pill);
  background:rgba(69,100,220,.92);
  font-size:10px;
  font-weight:800;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.lm-live-chip::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#fff;
  box-shadow:none;
}
.lm-countdown-overlay{
  position:absolute;
  z-index:4;
  right:12px;
  bottom:12px;
  left:12px;
  padding:13px 14px 14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.85);
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 30px rgba(16,24,40,.14);
  opacity:1;
  transform:translateY(0) scale(1);
  transform-origin:bottom right;
  transition:opacity .2s,transform .2s;
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
}
.lm-countdown-overlay.is-hidden{
  opacity:0;
  pointer-events:none;
  transform:translateY(8px) scale(.96);
}
.lm-countdown-close{
  position:absolute;
  z-index:2;
  top:9px;
  right:9px;
  display:flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  color:var(--lm-muted);
  border:0;
  border-radius:9px;
  background:#f2f4f7;
  cursor:pointer;
}
.lm-countdown-close:hover{color:var(--lm-ink);background:#e9ecf1}
.lm-countdown-head{padding-right:34px}
.lm-countdown-head .lm-session-status{font-size:12px}
.lm-countdown-head .lm-session-status::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--lm-primary);
  box-shadow:0 0 0 4px rgba(91,124,250,.12);
}
.lm-countdown-head .lm-session-gain{margin-top:3px;padding-left:15px}
.lm-countdown-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:12px;
}
.lm-countdown-item{display:flex;align-items:center;gap:10px}
.lm-countdown-ring{
  --progress:0;
  position:relative;
  display:grid;
  width:66px;
  height:66px;
  flex:none;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(var(--lm-primary) calc(var(--progress) * 1%),#e8ecf5 0);
  transition:background .35s linear;
}
.lm-countdown-ring::before{
  content:"";
  position:absolute;
  width:54px;
  height:54px;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(228,231,236,.8);
}
.lm-countdown-ring-reward{
  background:conic-gradient(#8b6ff2 calc(var(--progress) * 1%),#ece9f8 0);
}
.lm-countdown-core{
  position:relative;
  z-index:1;
  display:flex;
  align-items:baseline;
  justify-content:center;
  color:var(--lm-ink);
  font-variant-numeric:tabular-nums;
  line-height:1;
}
.lm-countdown-core span{font-size:17px;font-weight:800;letter-spacing:-.5px}
.lm-countdown-core small{margin-left:2px;color:var(--lm-muted);font-size:8px;font-weight:700}
.lm-countdown-label{
  max-width:58px;
  color:var(--lm-ink-soft);
  font-size:10px;
  font-weight:700;
  line-height:1.25;
}
.lm-countdown-open{
  position:absolute;
  z-index:3;
  right:12px;
  bottom:12px;
  display:flex;
  min-height:34px;
  align-items:center;
  gap:6px;
  padding:0 11px;
  color:#fff;
  border:0;
  border-radius:var(--lm-pill);
  background:rgba(69,100,220,.94);
  box-shadow:0 8px 20px rgba(69,100,220,.22);
  opacity:0;
  cursor:pointer;
  font-size:10px;
  font-weight:750;
  pointer-events:none;
  transform:translateY(5px);
  transition:opacity .2s,transform .2s;
}
.lm-countdown-open.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.lm-browse-info{padding:15px 4px 4px}
.lm-browse-title{
  display:-webkit-box;
  min-height:42px;
  margin:0 0 9px;
  overflow:hidden;
  color:var(--lm-ink);
  font-size:15px;
  font-weight:690;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.lm-browse-price-row{display:flex;align-items:center;justify-content:space-between}
.lm-browse-price{color:var(--lm-ink);font-size:19px;font-weight:850;letter-spacing:-.3px}
.lm-session-status{display:flex;align-items:center;gap:8px;color:var(--lm-primary-dark);font-size:11px;font-weight:780}
.lm-session-gain{color:var(--lm-muted);font-size:10px}
.lm-source-link{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:13px;font-size:12px}

/* Bottom navigation */
.lm-tabbar{
  position:fixed;
  z-index:40;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  width:100%;
  max-width:480px;
  min-height:72px;
  margin:0 auto;
  padding:8px 12px max(8px,env(safe-area-inset-bottom));
  border-top:1px solid rgba(223,231,228,.92);
  background:rgba(252,253,253,.94);
  box-shadow:0 -10px 30px rgba(29,55,50,.06);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.lm-tabbar a{
  position:relative;
  display:flex;
  flex:1;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  color:#91a09d;
  border-radius:15px;
  font-size:10px;
  font-weight:720;
  text-decoration:none;
}
.lm-tabbar a .ico{display:flex;align-items:center;justify-content:center}
.lm-tabbar a .lm-icon{width:21px;height:21px}
.lm-tabbar a.active{color:var(--lm-primary-dark);background:var(--lm-primary-soft)}
.lm-tabbar a.active::before{
  content:"";
  position:absolute;
  top:5px;
  width:14px;
  height:2px;
  border-radius:2px;
  background:var(--lm-primary);
}

/* Profile */
.lm-profile-hero{
  position:relative;
  margin:16px;
  padding:22px;
  overflow:hidden;
  color:var(--lm-ink);
  border:1px solid var(--lm-line);
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
.lm-profile-hero::after{display:none}
.lm-prof{position:relative;z-index:1;display:flex;align-items:center;gap:14px}
.lm-prof-av{
  display:flex;
  width:60px;
  height:60px;
  flex:none;
  align-items:center;
  justify-content:center;
  color:var(--lm-primary-dark);
  border:0;
  border-radius:16px;
  background:var(--lm-primary-soft);
  box-shadow:none;
  font-size:24px;
  font-weight:850;
}
.lm-prof-name{font-size:20px;font-weight:810;letter-spacing:-.45px}
.lm-prof-sub{margin-top:4px;color:var(--lm-muted);font-size:11px}
.lm-profile-tag{
  display:inline-flex;
  margin-top:9px;
  padding:5px 8px;
  color:var(--lm-primary-dark);
  border:1px solid #dbe3ff;
  border-radius:var(--lm-pill);
  background:var(--lm-primary-soft);
  font-size:9px;
  font-weight:800;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.lm-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 16px}
.lm-stat-card{
  padding:16px 14px;
  border:1px solid var(--lm-line);
  border-radius:19px;
  background:#fff;
  box-shadow:none;
}
.lm-stat-card .n{color:var(--lm-ink);font-size:20px;font-weight:850;letter-spacing:-.45px}
.lm-stat-card .l{margin-top:4px;color:var(--lm-muted);font-size:9px;font-weight:760;letter-spacing:.65px;text-transform:uppercase}
.lm-stat-card .hint{margin-top:7px;color:var(--lm-primary-dark);font-size:10px;font-weight:700}
.lm-menu{
  margin:16px;
  overflow:hidden;
  border:1px solid var(--lm-line);
  border-radius:22px;
  background:#fff;
  box-shadow:none;
}
.lm-mrow{
  display:flex;
  min-height:66px;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  color:inherit;
  border-bottom:1px solid var(--lm-line);
  text-decoration:none;
}
.lm-mrow:last-child{border-bottom:0}
.lm-mrow .mi{
  display:flex;
  width:39px;
  height:39px;
  flex:none;
  align-items:center;
  justify-content:center;
  color:var(--lm-primary-dark);
  border-radius:12px;
  background:var(--lm-primary-soft);
}
.lm-mrow .mi .lm-icon{width:19px;height:19px}
.lm-mrow .mt{color:var(--lm-ink);font-size:13px;font-weight:760}
.lm-mrow .ms{margin-top:2px;color:var(--lm-muted);font-size:10px}
.lm-mrow .ma{display:flex;margin-left:auto;color:#a1afac}
.lm-logout-row .mi{color:var(--lm-danger);background:#fff0f0}
.lm-logout-row .mt{color:var(--lm-danger)}

/* Wallet, withdraw, records */
.lm-content-head{padding:22px 18px 2px}
.lm-chain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lm-chain{
  position:relative;
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  color:var(--lm-ink-soft);
  border:1px solid var(--lm-line);
  border-radius:13px;
  background:#f8faf9;
  cursor:pointer;
  font-size:11px;
  font-weight:760;
}
.lm-chain input{position:absolute;opacity:0}
.lm-chain:has(input:checked){
  color:#075d4d;
  border-color:var(--lm-primary);
  background:var(--lm-primary-soft);
  box-shadow:0 0 0 3px rgba(15,191,159,.09);
}
.lm-balance-card{
  position:relative;
  margin:16px;
  padding:22px;
  overflow:hidden;
  color:var(--lm-ink);
  border:1px solid var(--lm-line);
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
.lm-balance-card::after{display:none}
.lm-balance-label{color:var(--lm-muted);font-size:10px;font-weight:760;letter-spacing:1px;text-transform:uppercase}
.lm-balance-value{position:relative;z-index:1;margin-top:7px;font-size:31px;font-weight:850;letter-spacing:-1px}
.lm-balance-value span{color:var(--lm-muted);font-size:11px;font-weight:700;letter-spacing:.2px}
.lm-balance-usdt{margin-top:4px;color:var(--lm-primary-dark);font-size:12px;font-weight:700}
.lm-wallet-destination{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:17px;
  padding-top:15px;
  border-top:1px solid var(--lm-line);
}
.lm-wallet-destination .lm-icon{flex:none;color:var(--lm-primary)}
.lm-wallet-k{color:var(--lm-muted);font-size:9px;text-transform:uppercase}
.lm-wallet-v{margin-top:4px;overflow-wrap:anywhere;color:var(--lm-ink);font-size:11px;line-height:1.4}
.lm-form-card{margin-top:0}
.lm-record-list{
  margin:16px;
  overflow:hidden;
  border:1px solid var(--lm-line);
  border-radius:22px;
  background:#fff;
  box-shadow:none;
}
.lm-row{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid var(--lm-line)}
.lm-row:last-child{border-bottom:0}
.lm-record-icon{
  display:flex;
  width:39px;
  height:39px;
  flex:none;
  align-items:center;
  justify-content:center;
  color:var(--lm-primary-dark);
  border-radius:12px;
  background:var(--lm-primary-soft);
}
.lm-row .k{color:var(--lm-ink);font-size:14px;font-weight:780}
.lm-row .sub{margin-top:3px;color:var(--lm-muted);font-size:10px}
.lm-row .v{margin-left:auto;color:var(--lm-ink-soft);font-weight:650}
.lm-tag{display:inline-flex;padding:5px 9px;border-radius:var(--lm-pill);font-size:9px;font-weight:800;text-transform:capitalize}
.lm-tag.pending{color:#976116;background:#fff4dc}
.lm-tag.approved,.lm-tag.completed{color:#087863;background:#ddf8f1}
.lm-tag.rejected{color:#b43f3f;background:#ffebeb}
.lm-pagination{color:var(--lm-muted);font-size:11px;text-align:center}

/* Empty and feedback */
.lm-empty{padding:72px 24px;color:var(--lm-muted);text-align:center}
.lm-empty-icon{
  display:flex;
  width:58px;
  height:58px;
  margin:0 auto 14px;
  align-items:center;
  justify-content:center;
  color:#77908b;
  border:1px solid var(--lm-line);
  border-radius:19px;
  background:#fff;
  box-shadow:var(--lm-shadow-sm);
}
.lm-empty-title{color:var(--lm-ink);font-size:15px;font-weight:780}
.lm-empty-copy{margin-top:5px;font-size:11px}
.lm-toast{
  position:fixed;
  z-index:80;
  left:50%;
  bottom:90px;
  max-width:calc(100% - 32px);
  padding:12px 18px;
  opacity:0;
  color:#effffb;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--lm-pill);
  background:rgba(16,40,36,.96);
  box-shadow:0 15px 34px rgba(16,40,36,.25);
  font-size:12px;
  font-weight:760;
  pointer-events:none;
  transform:translateX(-50%) translateY(16px);
  transition:opacity .25s,transform .25s;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.lm-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (min-width:481px){
  .lm-app{box-shadow:0 0 0 1px rgba(16,40,36,.04),0 30px 80px rgba(16,40,36,.12)}
}
@media (max-width:360px){
  .lm-topbar{padding-right:13px;padding-left:13px}
  .lm-grid{gap:9px;padding-right:12px;padding-left:12px}
  .lm-balance-pill{padding-right:9px;padding-left:9px}
  .lm-auth-card{width:calc(100% - 24px);margin-right:12px;margin-left:12px}
  .lm-countdown-grid{gap:8px}
  .lm-countdown-item{gap:7px}
  .lm-countdown-ring{width:60px;height:60px}
  .lm-countdown-ring::before{width:49px;height:49px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
