:root{font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#1c2430;background:#f4f6f8}body{margin:0}.app{min-height:100vh}.top-banner{background:#b3261e;color:#fff;padding:8px 16px;text-align:center}.title{padding:12px 16px;font-weight:700;background:#1c2430;color:#fff}.layout{display:grid;grid-template-columns:240px 1fr;gap:16px;padding:16px}.device-list{display:flex;flex-direction:column;gap:8px}.device-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #c9d1d9;border-radius:6px;background:#fff;cursor:pointer;font:inherit}.device-row.active{border-color:#1f6feb;box-shadow:0 0 0 2px #1f6feb33}.badge{font-size:12px;padding:2px 8px;border-radius:10px}.badge.connected{background:#d3f2dc;color:#14532d}.badge.disconnected{background:#e5e7eb;color:#4b5563}.detail-header{display:flex;align-items:baseline;gap:12px}.detail-header h1{margin:0;font-size:22px}.board{font-size:13px;padding:2px 8px;border-radius:10px;background:#dbeafe}.updated{margin-left:auto;color:#4b5563;font-size:13px}.lost-banner{margin:12px 0;padding:8px 12px;background:#fde8e6;color:#7a1a14;border-radius:6px}.detail-body.dimmed{opacity:.55}.card{background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:12px 16px;margin-top:12px}.card h2{margin:0 0 8px;font-size:15px}.vtgt dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0}.vtgt dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:3px 8px;border-bottom:1px solid #eef1f4}.dir.unset,.dir.unknown,.empty{color:#6b7280}
