.family-eyebrow{font-size:10px;letter-spacing:1.2px;color:var(--muted);margin:0 0 9px}.page-heading{align-items:center}.page-heading .muted{margin-top:9px}.family-status{font-size:12px!important;white-space:nowrap;border:1px solid var(--line);border-radius:20px;padding:7px 12px;color:var(--muted)}.family-status.active{background:#f0f8f4;color:#267853;border-color:#d7e9de}.family-overview{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:20px;margin-top:24px}.family-chart{min-height:220px;display:grid;place-items:center;margin-top:18px}.family-chart svg{width:100%;height:auto;stroke:none}.family-chart text{font:11px -apple-system,BlinkMacSystemFont,sans-serif;fill:#73758b}.chart-description{font-size:12px;margin-top:8px}.family-device{padding:24px}.family-device h2{font-size:23px;overflow-wrap:anywhere;margin-bottom:22px}.family-device dl{min-width:0;max-width:none}.family-device dl>div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.family-device dt{font-size:12px;margin:0}.family-device dd{margin:0;text-align:right}.family-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.level-panel{padding:20px}.level-panel h3{font-size:14px;font-weight:550;margin-bottom:14px}.level-panel strong{font-size:25px;font-weight:450;display:block;letter-spacing:-.6px}.level-panel strong small{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}.level-panel p{font-size:12px;color:var(--muted);margin-top:9px}.metric-panel h2{font-size:13px;color:var(--muted)}#message:empty{display:none}#message{padding:14px 0;color:var(--muted);line-height:1.6}.empty-progress{color:var(--muted);text-align:center;padding:45px 15px}.empty-progress p{margin-top:8px;font-size:12px}.family-chart svg .trend-line{stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}.family-chart svg .trend-point{fill:var(--accent);stroke:white;stroke-width:2}.family-chart svg .chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5}@media(max-width:1000px){.family-overview{grid-template-columns:1fr}.family-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.family-levels{gap:12px}.level-panel{padding:16px}.page-heading{align-items:flex-start;gap:12px;flex-direction:column}.page-heading>span{display:inline-block}.family-overview{gap:16px}.family-device{padding:20px}.family-chart{min-height:170px}.family-status{margin-top:5px}.section-heading>.muted{font-size:11px}.data-section table{min-width:550px}.metric-panel h2{font-size:12px}}
@media(max-width:640px){.family-chart svg text{font-size:24px}.family-overview .activity-panel{min-height:0}.family-chart{min-height:150px}}
.family-link-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.scan-connect{color:var(--accent);background:#fff}.family-scanner{width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 24px 90px #25254125;overflow:auto;scrollbar-width:none}.family-scanner::-webkit-scrollbar{display:none}.family-scanner::backdrop{background:#20203588}.family-scanner header{display:flex;align-items:center;justify-content:space-between;gap:16px}.family-scanner h2{font-size:21px;font-weight:500}.scanner-hint{font-size:13px;color:var(--muted);line-height:1.6;margin:14px 0 18px}.scanner-preview{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#171722}.scanner-preview video{width:100%;height:100%;object-fit:contain;display:block}.scanner-guide{position:absolute;width:58%;aspect-ratio:1;left:21%;top:50%;transform:translateY(-50%);border:2px solid #ddd7ff;border-radius:10px;pointer-events:none;box-shadow:0 0 0 100vmax #11111118}.scanner-status{font-size:13px;line-height:1.6;margin:16px 0 10px}.scanner-privacy{font-size:11px;color:var(--muted);margin-top:14px}.family-scanner>button{margin-top:6px}@media(max-width:640px){.family-link-actions{margin-top:4px}.family-scanner{padding:20px}.family-scanner h2{font-size:19px}}