:root {
  color-scheme: light;
  --lmd-ink: #172033;
  --lmd-muted: #667085;
  --lmd-line: #e1e7f0;
  --lmd-primary: #2e67f8;
  --lmd-primary-dark: #2153d5;
  --lmd-warning: #8a4b08;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: #f5f7fb; color: var(--lmd-ink); }
body { display: grid; min-height: 100vh; min-height: 100svh; margin: 0; place-items: center; background: #f5f7fb; }
button, a { font: inherit; }
button:focus-visible, a:focus-visible { outline: 3px solid rgba(46, 103, 248, .32); outline-offset: 3px; }
[hidden] { display: none !important; }

.lmd-main { width: min(100% - 24px, 460px); padding: max(20px, env(safe-area-inset-top)) 0 max(20px, env(safe-area-inset-bottom)); }
.lmd-card { border: 1px solid var(--lmd-line); border-radius: 24px; background: #fff; box-shadow: 0 14px 42px rgba(23, 32, 51, .07); }
.lmd-download { padding: 36px 28px 30px; text-align: center; }
.lmd-app-lockup { display: flex; flex-direction: column; align-items: center; }
.lmd-app-lockup img { display: block; width: 88px; height: 88px; border-radius: 21px; box-shadow: 0 9px 24px rgba(46, 103, 248, .17); }
h1 { margin: 18px 0 0; font-size: 25px; line-height: 1.25; letter-spacing: -.025em; }

.lmd-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin: 22px 0 24px; }
.lmd-meta div { min-width: 0; padding: 0 4px; }
.lmd-meta div + div { border-left: 1px solid var(--lmd-line); }
.lmd-meta dt { margin-bottom: 5px; color: var(--lmd-muted); font-size: 11px; }
.lmd-meta dd { overflow-wrap: anywhere; margin: 0; font-size: 12px; font-weight: 800; line-height: 1.35; }

.lmd-primary, .lmd-secondary, .lmd-copy {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px;
  border: 0; border-radius: 14px; cursor: pointer; font-weight: 850; text-decoration: none;
}
.lmd-primary { background: var(--lmd-primary); color: #fff; box-shadow: 0 9px 20px rgba(46, 103, 248, .23); }
.lmd-primary:hover { background: var(--lmd-primary-dark); }
.lmd-primary.is-disabled { background: #d9dee7; box-shadow: none; color: #798295; cursor: not-allowed; pointer-events: none; }
.lmd-secondary { margin-top: 10px; border: 1px solid var(--lmd-line); background: #fff; color: var(--lmd-ink); }

.lmd-browser-guide { margin-top: 14px; padding: 15px; border: 1px solid #f1d39e; border-radius: 14px; background: #fff9ee; }
.lmd-browser-guide strong { display: block; color: #70420a; font-size: 14px; line-height: 1.5; }
.lmd-copy { min-height: 42px; margin-top: 11px; border: 1px solid #e7c17f; background: #fff; color: #70420a; font-size: 13px; }
.lmd-copy-result { display: block; min-height: 0; margin-top: 7px; color: var(--lmd-muted); font-size: 11px; line-height: 1.5; }
.lmd-copy-result:empty { display: none; }

@media (max-width: 390px) {
  .lmd-main { width: min(100% - 20px, 460px); }
  .lmd-download { padding: 30px 18px 24px; }
  .lmd-meta { margin-top: 20px; }
  .lmd-meta dt { font-size: 10px; }
  .lmd-meta dd { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; }
}