.remember { display:flex; align-items:center; gap:9px; margin:14px 0 0; color:#8ca9bb; font:11px Consolas; letter-spacing:.03em; cursor:pointer; }
.remember input { width:17px; height:17px; margin:0; accent-color:var(--cyan); }
.pwa-grid { display:grid; grid-template-columns:1fr 2fr; gap:12px; margin:12px 0 30px; }
.pwa-card h2,.devices-card h2 { margin:10px 0 7px; font-size:18px; }
.pwa-card p,.devices-card > p { margin:0 0 15px; color:var(--muted); line-height:1.5; }
.device-list { display:grid; gap:8px; }
.device-row { display:grid; grid-template-columns:minmax(120px,1fr) minmax(150px,1.4fr) auto; align-items:center; gap:12px; padding:11px 12px; border:1px solid rgba(91,213,255,.14); background:rgba(2,9,18,.45); }
.device-row b { color:var(--text); }
.device-row small { display:block; margin-top:3px; color:var(--muted); }
.device-row button { border:1px solid #693549; background:rgba(255,102,138,.06); color:var(--red); padding:8px 10px; cursor:pointer; font:700 10px var(--mono); }
.current-device { color:var(--green); font:700 10px var(--mono); }
@media(max-width:820px) { .pwa-grid { grid-template-columns:1fr; }.device-row { grid-template-columns:1fr auto; }.device-row > span { grid-column:1/-1; } }
@media(max-width:540px) { .pwa-grid { margin-bottom:20px; }.device-row { grid-template-columns:1fr; }.device-row > span { grid-column:auto; }.device-row button { width:100%; } }