/* Personal results are part of Community: shared shell, licensed fonts and palette. */
.personal-body { color-scheme:light; }
.personal-body .msg-chat-dock { display:none; }
#lonvit-panel { --lp-bg:var(--paper,#f5f5eb);--lp-surface:#fff;--lp-text:var(--ink,#0c1a23);--lp-muted:#52616a;--lp-line:#d8dbd1;--lp-inset:#eceee5;--lp-accent:#33505f;--lp-on-accent:#f5f5eb;--lp-sleep:#52658e;--lp-green:#30715d;--lp-hrv:#33505f;--lp-warn:#8b501b;color:var(--lp-text);font:16px/1.55 'General Sans',system-ui,sans-serif; }
#lonvit-panel * { box-sizing:border-box; }
#lonvit-panel a { color:inherit;text-decoration:none; }
#lonvit-panel button,#lonvit-panel input,#lonvit-panel select,#lonvit-panel textarea { font:inherit; }
#lonvit-panel button,#lonvit-panel summary { cursor:pointer; }
#lonvit-panel :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #517d85;outline-offset:4px; }
#lonvit-panel :is(h1,h2,h3,p) { margin:0; }
#lonvit-panel :is(h1,h2,h3) { font-family:'Clash Display','General Sans',sans-serif;font-weight:500;letter-spacing:-.025em; }
#lonvit-panel h1 { font-size:clamp(30px,3.1vw,42px);line-height:1.15;overflow-wrap:anywhere; }
#lonvit-panel h2 { font-size:24px;line-height:1.22; }
#lonvit-panel h3 { font-size:23px;line-height:1.3; }
#lonvit-panel .lp-main { max-width:1320px;margin:auto;padding:36px clamp(20px,3vw,54px) 16px; }
#lonvit-panel .lp-section-nav { display:flex;gap:28px;padding:0 clamp(20px,3vw,54px);min-height:64px;border-bottom:1px solid var(--lp-line);align-items:stretch; }
#lonvit-panel .lp-section-nav a { display:flex;align-items:center;border-bottom:3px solid transparent;font-size:14px;padding:14px 0;white-space:nowrap; }
#lonvit-panel .lp-section-nav a[aria-current=page] { border-color:var(--lp-text);font-weight:600; }
#lonvit-panel .lp-settings-link { margin-left:auto;color:var(--lp-muted); }
#lonvit-panel .lp-head { display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px; }
#lonvit-panel .lp-subtitle { color:var(--lp-muted);font-size:15px;line-height:1.6;margin-top:10px; }
#lonvit-panel .lp-eyebrow { color:var(--lp-muted);font-size:13px;margin-bottom:10px; }
#lonvit-panel .lp-caption { color:var(--lp-muted);font-size:13px;line-height:1.6; }
#lonvit-panel .lp-section-gap { margin-top:28px; }
#lonvit-panel .lp-stack { display:flex;flex-direction:column;gap:22px; }
#lonvit-panel .lp-panel { padding:26px;border:1px solid var(--lp-line);border-radius:12px;background:var(--lp-surface);min-width:0; }
#lonvit-panel .lp-section-title { display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px; }
#lonvit-panel .lp-section-title .lp-caption { margin-top:5px; }
#lonvit-panel .lp-button { display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #bac2bd;border-radius:6px;font-size:14px;font-weight:500;line-height:1.4;text-align:center;background:transparent;transition:background 150ms ease-out,border-color 150ms ease-out; }
#lonvit-panel .lp-button.primary { background:var(--lp-text);color:var(--lp-on-accent);border-color:var(--lp-text); }
#lonvit-panel .lp-button:disabled { opacity:.55;cursor:not-allowed; }
#lonvit-panel .lp-date { display:flex;gap:8px;align-items:center;padding:4px;border:1px solid var(--lp-line);border-radius:6px;background:#fff;flex-shrink:0; }
#lonvit-panel .lp-date input { border:0;background:transparent;color:var(--lp-text);padding:8px;width:150px;font-size:14px; }
#lonvit-panel .lp-date button { min-height:40px;border:0;background:var(--lp-inset);border-radius:3px;padding:8px 12px;font-size:14px; }
#lonvit-panel .lp-stat-row { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px; }
#lonvit-panel .lp-stat { background:#fff;border:1px solid var(--lp-line);border-radius:12px;padding:22px 24px;min-width:0; }
#lonvit-panel .lp-stat-top { display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px; }
#lonvit-panel .lp-stat-top>span:last-child { color:var(--lp-muted); }
#lonvit-panel .lp-stat-label { font-weight:500; }
#lonvit-panel .lp-stat-value { font:500 clamp(32px,3.4vw,46px)/1.25 'Clash Display',sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:12px 0 8px; }
#lonvit-panel .lp-stat-unit { font:400 16px/1.5 'General Sans',sans-serif;color:var(--lp-muted);letter-spacing:0; }
#lonvit-panel .lp-stat-hint { display:block;font-size:13px;color:var(--lp-muted); }
#lonvit-panel .lp-sleep .lp-stat-value { color:var(--lp-sleep); }
#lonvit-panel .lp-green .lp-stat-value { color:var(--lp-green); }
#lonvit-panel .lp-grid-two { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px; }
#lonvit-panel .lp-chart { min-height:210px;position:relative;margin-top:12px; }
#lonvit-panel .lp-chart svg { width:100%;display:block;overflow:visible; }
#lonvit-panel .lp-chart-readout { min-height:24px;margin-top:6px;color:var(--lp-muted);font-size:13px; }
#lonvit-panel .lp-chart [role=button] { cursor:pointer; }
#lonvit-panel .lp-chart [role=button]:focus { outline:none;stroke:#33505f;stroke-width:2; }
#lonvit-panel .lp-chart-summary strong { font:500 30px/1.2 'Clash Display',sans-serif;letter-spacing:-.02em;display:block;margin-bottom:4px; }
#lonvit-panel .lp-list-row { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--lp-line);font-size:14px; }
#lonvit-panel .lp-list-row:last-child { border-bottom:0; }
#lonvit-panel .lp-panel>.lp-caption+.lp-button { margin-top:14px; }
#lonvit-panel .lp-list-row span { color:var(--lp-muted); }
#lonvit-panel .lp-list-row strong { text-align:right;font-weight:600; }
#lonvit-panel .lp-list-row small { font-size:12px;font-weight:400; }
#lonvit-panel .lp-list-row span small { display:block;margin-top:5px; }
#lonvit-panel .lp-mini-device { display:flex;align-items:center;gap:22px;margin-bottom:20px; }
#lonvit-panel .lp-mini-device img { width:120px;height:96px;object-fit:contain;background:#0b1820;border-radius:8px;flex-shrink:0; }
#lonvit-panel .lp-tabs { display:flex;gap:10px;flex-wrap:wrap;align-items:center; }
#lonvit-panel .lp-discover-strip { display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--lp-line);padding:28px 0 0;margin-top:32px; }
#lonvit-panel .lp-discover-strip h2 { font-size:21px;margin-bottom:6px; }
#lonvit-panel .lp-discover-strip .lp-button { flex-shrink:0; }
#lonvit-panel .lp-notice { background:#e6ebe6;color:#3e534e;padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:14px; }
#lonvit-panel .lp-warn { background:#f1e5d8;color:#754315; }
#lonvit-panel .lp-empty { padding:48px 32px;background:#fff;border:1px solid var(--lp-line);border-radius:12px;text-align:center;margin-bottom:24px; }
#lonvit-panel .lp-empty svg { width:40px;height:40px;margin:0 auto 20px; }
#lonvit-panel .lp-empty p { max-width:560px;margin:16px auto 24px;color:var(--lp-muted); }
#lonvit-panel .lp-empty .lp-tabs { justify-content:center; }
#lonvit-panel .lp-metric-groups { display:flex;gap:24px;margin:0 0 24px;border-bottom:1px solid var(--lp-line); }
#lonvit-panel .lp-metric-groups a { padding:10px 0 14px;border-bottom:3px solid transparent; }
#lonvit-panel .lp-metric-groups a[aria-current=page] { border-color:var(--lp-text);font-weight:600; }
#lonvit-panel .lp-metric-picker label { display:block;color:var(--lp-muted);font-size:13px;margin-bottom:6px; }
#lonvit-panel .lp-metric-picker>div { display:flex;gap:8px; }
#lonvit-panel .lp-metric-picker select { max-width:330px;padding:10px 34px 10px 12px;border:1px solid var(--lp-line);border-radius:6px;background:#fff;min-height:44px; }
#lonvit-panel .lp-period { display:flex;gap:3px;padding:3px;background:var(--lp-inset);border-radius:6px;align-self:flex-end; }
#lonvit-panel .lp-period a { display:flex;align-items:center;min-height:40px;padding:7px 15px;border-radius:4px;font-size:14px;white-space:nowrap; }
#lonvit-panel .lp-period a[aria-current=page] { background:var(--lp-text);color:var(--lp-on-accent); }
#lonvit-panel .lp-stats-head { margin:30px 0 12px; }
#lonvit-panel .lp-stats-head h2 { font:500 15px/1.4 'General Sans',sans-serif;letter-spacing:0; }
#lonvit-panel .lp-big-value { font:500 48px/1.2 'Clash Display',sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:10px 0; }
#lonvit-panel .lp-metric-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px; }
#lonvit-panel .lp-metric-grid a { padding:20px;border:1px solid var(--lp-line);border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--lp-muted); }
#lonvit-panel .lp-metric-grid a[aria-current] { border-color:#33505f; }
#lonvit-panel .lp-metric-grid strong { color:var(--lp-text);font:500 24px/1.3 'Clash Display',sans-serif; }
#lonvit-panel .lp-metric-grid small { font:400 12px/1.4 'General Sans',sans-serif; }
#lonvit-panel .lp-stage-list { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
#lonvit-panel .lp-stage-list span { font-size:13px;border-left:3px solid #8a98b3;padding:8px 12px;background:#f4f5f8; }
#lonvit-panel .lp-stage-list strong { display:block;font-size:16px;margin-top:8px;font-weight:500; }
#lonvit-panel .lp-stage-list .lp-stage-deep { border-color:#52658e; }
#lonvit-panel .lp-stage-list .lp-stage-awake { border-color:#b17b43; }
#lonvit-panel .lp-history { border:1px solid var(--lp-line);border-radius:8px;padding:0 22px;background:#fff; }
#lonvit-panel .lp-history summary { list-style:none;display:flex;justify-content:space-between;padding:20px 0; }
#lonvit-panel .lp-history[open] summary { border-bottom:1px solid var(--lp-line); }
#lonvit-panel .lp-table-scroll { overflow:auto; }
#lonvit-panel .lp-table { width:100%;border-collapse:collapse;font-size:14px; }
#lonvit-panel .lp-table td,#lonvit-panel .lp-table th { text-align:left;padding:16px 6px;border-bottom:1px solid var(--lp-line); }
#lonvit-panel .lp-table th { font-weight:500;color:var(--lp-muted); }
#lonvit-panel .lp-table a { text-decoration:underline;text-underline-offset:4px; }
#lonvit-panel .lp-products { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px; }
#lonvit-panel .lp-product { border:1px solid var(--lp-line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0; }
#lonvit-panel .lp-product-image { display:block;aspect-ratio:3/2;background:#0b1820; }
#lonvit-panel .lp-product-image img { display:block;width:100%;height:100%;object-fit:contain; }
#lonvit-panel .lp-product-body { display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px;flex:1; }
#lonvit-panel .lp-product-body p { font-size:14px;color:var(--lp-muted);max-width:40ch; }
#lonvit-panel .lp-product-body .lp-button { margin-top:auto; }
#lonvit-panel .lp-product-price { font-size:14px; }
#lonvit-panel .lp-product-actions { margin-top:auto;display:flex;flex-wrap:wrap;gap:10px; }
#lonvit-panel .lp-product-body .lp-product-actions .lp-button { margin-top:0; }
#lonvit-panel .lp-status { display:inline-block;font-size:12px;font-weight:500;padding:5px 10px;border-radius:5px;background:var(--lp-inset); }
#lonvit-panel .lp-owned { display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:32px;align-items:center; }
#lonvit-panel .lp-owned-image img { display:block;width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:8px;background:#0b1820; }
#lonvit-panel .lp-owned h2 { margin-top:12px; }
#lonvit-panel .lp-device-facts { display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0; }
#lonvit-panel .lp-device-facts dt { font-size:12px;color:var(--lp-muted); }
#lonvit-panel .lp-device-facts dd { margin:6px 0 0;font-size:15px; }
#lonvit-panel .lp-detail-grid { display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start; }
#lonvit-panel .lp-detail-image { background:#0b1820;border-radius:12px;overflow:hidden; }
#lonvit-panel .lp-detail-image img { display:block;width:100%;height:auto;object-fit:contain; }
#lonvit-panel .lp-detail-copy { display:flex;flex-direction:column;align-items:flex-start;gap:20px; }
#lonvit-panel .lp-detail-copy>p { color:var(--lp-muted);font-size:15px; }
#lonvit-panel .lp-detail-copy .lp-list { width:100%; }
#lonvit-panel .lp-detail-actions { display:flex;flex-wrap:wrap;gap:10px; }
#lonvit-panel .lp-form-panel { max-width:680px;margin:28px auto; }
#lonvit-panel .lp-modal-product { display:flex;align-items:center;gap:18px;margin-bottom:24px; }
#lonvit-panel .lp-modal-product img { width:100px;height:auto;border-radius:6px; }
#lonvit-panel .lp-profile-form label { display:flex;flex-direction:column;gap:8px;font-size:14px; }
#lonvit-panel .lp-profile-form :is(input:not([type=checkbox]):not([type=hidden]),select,textarea) { width:100%;padding:12px;border:1px solid #adb7b2;border-radius:6px;background:#fff;color:var(--lp-text);min-height:46px; }
#lonvit-panel .lp-check { display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;font-size:14px; }
#lonvit-panel .lp-check input { width:20px;height:20px;flex:none;margin:3px 0;accent-color:#33505f; }
#lonvit-panel .lp-user-button { display:flex;gap:14px;align-items:center; }
#lonvit-panel .lp-user-button small { display:block;color:var(--lp-muted); }
#lonvit-panel .lp-avatar { position:relative;width:48px;height:48px;border-radius:50%;background:#eceee5;overflow:hidden;display:grid;place-items:center;flex:none; }
#lonvit-panel .lp-avatar img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1; }
#lonvit-panel .lp-avatar img.is-unavailable { display:none; }
#lonvit-panel .lp-community-menu { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
#lonvit-panel .lp-community-entry { display:flex;gap:20px;padding:28px;background:#fff;border:1px solid var(--lp-line);border-radius:12px; }
#lonvit-panel .lp-community-entry svg { width:28px;height:28px; }
#lonvit-panel .lp-community-entry strong { display:block;font-size:22px; }
#lonvit-panel .lp-community-entry span span { display:block;margin-top:10px;color:var(--lp-muted); }
#lonvit-panel .lp-navigation-status { font-size:13px;color:var(--lp-muted);margin-top:12px; }
#lonvit-panel.lp-login { display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,90px);max-width:1200px;margin:auto;padding:clamp(36px,6vw,80px) clamp(20px,4vw,60px);align-items:center; }
#lonvit-panel .lp-login-copy h1 { font-size:clamp(32px,4vw,54px); }
#lonvit-panel .lp-login-copy>p:not(.lp-eyebrow) { margin-top:24px;color:var(--lp-muted);max-width:40ch; }
#lonvit-panel .lp-login-copy ul { padding-left:20px;margin:26px 0;font-size:14px; }
#lonvit-panel .lp-login-copy li { margin:12px 0; }
#lonvit-panel .lp-login-copy>a { font-size:14px;text-decoration:underline;text-underline-offset:5px; }
#lonvit-panel .lp-login-card { background:#fff;border:1px solid var(--lp-line);border-radius:12px;padding:36px; }
#lonvit-panel .lp-login-card>svg { width:38px;height:38px;margin-bottom:24px; }
#lonvit-panel .lp-login-card h2 { font-size:30px; }
#lonvit-panel .lp-login-card>p { margin:18px 0 24px;color:var(--lp-muted);font-size:14px; }
#lonvit-panel .lp-login-card .lp-button { width:100%;margin-bottom:12px; }
#lonvit-panel .lp-login-card p.lp-caption { font-size:12px;margin:14px 0 0; }
.lp-sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
.lp-app.is-private-suspended #personal-main { visibility:hidden; }
#lonvit-panel [aria-busy=true] { opacity:.65; }
@media(hover:hover) and (pointer:fine) { #lonvit-panel .lp-button:hover { background:#e6e9e0; } #lonvit-panel .lp-button.primary:hover { background:#33505f; } #lonvit-panel .lp-stat:hover,#lonvit-panel .lp-metric-grid a:hover { border-color:#849892; } }
@media(max-width:1100px) { #lonvit-panel .lp-grid-two { grid-template-columns:1.3fr 1fr;gap:18px; } #lonvit-panel .lp-panel { padding:22px; } #lonvit-panel .lp-stat { padding:20px; } }
@media(max-width:900px) { #lonvit-panel .lp-grid-two { grid-template-columns:1fr; } #lonvit-panel .lp-head { align-items:flex-start; } #lonvit-panel .lp-settings-link { font-size:12px; } #lonvit-panel .lp-owned { grid-template-columns:1fr 1fr;gap:24px; } #lonvit-panel .lp-detail-grid { gap:24px; } }
@media(max-width:760px) {
 #lonvit-panel .lp-main { padding:26px 20px 8px; } #lonvit-panel .lp-head { flex-direction:column;gap:20px; }
 #lonvit-panel .lp-section-nav { gap:24px;padding:0 20px;min-height:60px;flex-wrap:wrap;row-gap:0; } #lonvit-panel .lp-settings-link { margin-left:0;flex-basis:100%;padding-top:4px;padding-bottom:12px;font-size:12px; }
 #lonvit-panel .lp-stat-row { gap:10px; } #lonvit-panel .lp-stat { padding:16px; } #lonvit-panel .lp-stat-value { font-size:32px; } #lonvit-panel .lp-stat-label { font-size:13px; } #lonvit-panel .lp-stat-hint { font-size:12px; }
 #lonvit-panel .lp-metric-grid { grid-template-columns:1fr 1fr; } #lonvit-panel .lp-section-title { flex-wrap:wrap; } #lonvit-panel .lp-detail-grid,#lonvit-panel .lp-owned { grid-template-columns:1fr; }
 #lonvit-panel .lp-stage-list { grid-template-columns:1fr 1fr; } #lonvit-panel .lp-products { grid-template-columns:1fr; } #lonvit-panel .lp-owned-image { max-width:480px; }
 #lonvit-panel .lp-discover-strip { align-items:flex-start;flex-direction:column; } #lonvit-panel .lp-community-menu { grid-template-columns:1fr; }
 #lonvit-panel.lp-login { grid-template-columns:1fr;gap:28px; } #lonvit-panel .lp-login-copy ul { display:none; } #lonvit-panel .lp-login-copy>a { display:inline-block;margin-top:16px; }
 #lonvit-panel .lp-metric-picker select { max-width:100%;min-width:0;font-size:16px;width:100%; } #lonvit-panel .lp-metric-picker { max-width:100%;width:100%; } #lonvit-panel .lp-metric-picker>div { max-width:100%; } #lonvit-panel .lp-metric-picker .lp-button { flex-shrink:0; }
 #lonvit-panel .lp-profile-form :is(input,select,textarea),#lonvit-panel .lp-date input { font-size:16px; }
}
@media(max-width:480px) {
 #lonvit-panel .lp-stat-row { grid-template-columns:1fr; } #lonvit-panel .lp-stat { display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px; }
 #lonvit-panel .lp-stat-value { grid-column:2;grid-row:1/3;margin:0;font-size:34px;white-space:nowrap; } #lonvit-panel .lp-stat-unit { font-size:13px; }
 #lonvit-panel .lp-stat-hint { grid-column:1;grid-row:2; } #lonvit-panel .lp-stat-top>span:last-child { display:none; } #lonvit-panel .lp-panel { padding:20px; }
 #lonvit-panel .lp-mini-device { gap:16px;align-items:flex-start; } #lonvit-panel .lp-mini-device img { width:90px;height:80px; } #lonvit-panel .lp-mini-device h2 { font-size:21px; }
 #lonvit-panel .lp-login-card { padding:26px; } #lonvit-panel .lp-metric-grid a { padding:15px; } #lonvit-panel .lp-big-value { font-size:40px; }
 #lonvit-panel .lp-list-row strong { max-width:55%;overflow-wrap:anywhere; } #lonvit-panel .lp-device-facts { grid-template-columns:1fr;gap:14px; }
}
@media(prefers-reduced-motion:reduce) { #lonvit-panel * { transition:none!important; } }
