:root{--luna-nav-adjust:0px}
@media(max-width:789px){
.bottomnav{bottom:calc(0px - var(--luna-nav-adjust))!important}
}
.luna-connect-card{padding:18px;margin:14px 0;border:1px solid #303a55;border-radius:18px;background:#141b2c;color:#e9edfb}
.luna-connect-card h2{margin:0 0 8px;font-size:17px}
.luna-connect-card p{color:#aeb9d2;font-size:13px;line-height:1.5}
.luna-connect-card input[type=text]{width:100%;box-sizing:border-box;background:#0b1222;color:white;border:1px solid #47516b;border-radius:10px;padding:12px;font-size:16px}
.luna-connect-card input[type=range]{width:100%;accent-color:#b6a2ff}
.luna-connect-card .luna-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.luna-connect-card button{background:#37336b;border:1px solid #615e99;color:white;border-radius:10px;padding:10px 12px;font-size:13px}
.luna-connect-card .luna-note{font-size:12px;color:#b6c2dc}

.luna-drive-badge{display:inline-block;margin:4px 0 12px!important;padding:7px 12px;border-radius:999px;background:#2b3041;color:#bfc6d6!important;border:1px solid #51596e;font-weight:650;font-size:13px!important}
.luna-drive-badge.is-connected{background:#17382e;border-color:#397d64;color:#9be5c4!important}