.lpw { max-width:460px;margin:0 auto;background:#06090f;border-radius:14px;border:1px solid #1a3a5c;overflow:hidden;font-family:'Courier New',monospace;color:#cde }
.lpw-hdr { display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #1a3a5c;background:#080d18 }
.lpw-obs { font-size:9px;letter-spacing:.25em;color:#4ab3ff;font-weight:bold;text-transform:uppercase }
.lpw-dt  { font-size:11px;color:#5a7a9a;margin-top:3px }
.lpw-badge { font-size:9px;color:#2a5a7a;padding:3px 8px;border:1px solid #1a3a5c;border-radius:3px;letter-spacing:.1em }
.lpw-badge-on { color:#4ab3ff!important;border-color:#1a4a7c!important }
.lpw-main { display:flex;align-items:center;gap:16px;padding:18px 16px 14px;background:#070c16 }
.lpw-moon-wrap { position:relative;flex-shrink:0;width:140px;height:140px }
#lpw-moon { border-radius:50%;display:block;background:#0a1020 }
.lpw-spinner { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a1020 }
.lpw-spinner::after { content:'';width:24px;height:24px;border:2px solid #1a3a5c;border-top-color:#4ab3ff;border-radius:50%;animation:lpw-spin 1s linear infinite }
@keyframes lpw-spin { to { transform:rotate(360deg) } }
.lpw-info { flex:1;min-width:0 }
.lpw-pname { font-size:16px;font-weight:bold;color:#fff;letter-spacing:.04em;line-height:1.2 }
.lpw-psub  { font-size:9px;color:#3a6a8a;letter-spacing:.2em;margin:4px 0 12px;text-transform:uppercase }
.lpw-grid  { display:grid;grid-template-columns:1fr 1fr;gap:6px }
.lpw-card  { background:#0a1520;border-radius:6px;padding:8px;text-align:center }
.lpw-cv    { font-size:17px;font-weight:bold;color:#f5c842 }
.lpw-blue .lpw-cv { color:#4ab3ff }
.lpw-cl    { font-size:8px;color:#3a6a8a;letter-spacing:.1em;margin-top:2px;text-transform:uppercase }
.lpw-cycle { padding:0 16px 12px;background:#070c16;border-top:1px solid #0d1e30 }
.lpw-track { height:3px;background:#0d1e30;border-radius:2px;position:relative;margin:12px 0 10px }
.lpw-fill  { position:absolute;left:0;top:0;height:100%;border-radius:2px;background:linear-gradient(to right,#1a3a6a,#4ab3ff) }
.lpw-dot   { position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#f5c842;border:2px solid #06090f }
.lpw-emojis { display:flex;justify-content:space-between }
.lpw-emojis span { font-size:14px;opacity:.25;filter:grayscale(1) }
.lpw-emojis span.lpw-e-act { opacity:1;filter:none;transform:scale(1.4);display:inline-block }
.lpw-l100-wrap { border-top:1px solid #1a3a5c }
.lpw-l100-hdr  { display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#080d18;border-bottom:1px solid #0d1e30 }
.lpw-l100-t { font-size:9px;letter-spacing:.2em;color:#4ab3ff;font-weight:bold;text-transform:uppercase }
.lpw-l100-s { font-size:9px;color:#2a5a7a }
.lpw-l100-list { max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1a3a5c transparent }
.lpw-l100-list::-webkit-scrollbar { width:3px }
.lpw-l100-list::-webkit-scrollbar-thumb { background:#1a3a5c }
.lpw-item { display:grid;grid-template-columns:36px 1fr 44px;gap:8px;padding:7px 16px;border-bottom:1px solid #0a1520;align-items:start }
.lpw-item:hover { background:rgba(74,179,255,.04) }
.lpw-id   { font-size:9px;font-weight:bold;color:#4ab3ff;padding-top:1px }
.lpw-name { display:block;font-size:11px;font-weight:bold;color:#cde }
.lpw-type { display:block;font-size:9px;color:#f5c842;margin-top:1px }
.lpw-desc { display:block;font-size:10px;color:#4a7a9a;font-style:italic;margin-top:2px;line-height:1.35 }
.lpw-coords { text-align:right }
.lpw-coords span { display:block;font-size:9px;color:#2a5a7a;line-height:1.8 }
.lpw-ftr { padding:8px 16px;border-top:1px solid #1a3a5c;background:#080d18;font-size:9px;color:#2a5a7a;letter-spacing:.08em;text-align:center }