:root{color:#f7f5ee;font-synthesis:none;--text-primary:#f7f5ee;--bg:#001d36;--surface:#073247;--surface-2:#0a4055;--surface-gradient:linear-gradient(145deg, #073247f0, #00273ef5);--sidebar:#00182df0;--line:#24657c;--muted:#9fb9c9;--soft:#d4e2e8;--accent:#65c4c9;--accent-mid:#36939b;--accent-deep:#052f45;--accent-dark:#0a3b50;--watermark:#8ed7da;--watermark-opacity:.045;--module-health:#36c1d7;--module-exercise:#ff756e;--module-nutrition:#51db86;--module-social:#cf79ef;--module-research:#858beb;--module-dashboard:#f6b84c;--brand-gradient:linear-gradient(135deg, #052f45 0%, #175f76 55%, #65c4c9 100%);background:#001d36;font-family:Inter,system-ui,sans-serif}:root[data-theme=light]{color:#10283a;--text-primary:#10283a;--bg:#eaf2f5;--surface:#f9fbfc;--surface-2:#deebef;--surface-gradient:linear-gradient(145deg, #fffffffa, #f2f8fafa);--sidebar:#f6fafbf0;--line:#c3d5db;--muted:#607685;--soft:#385462;--accent:#147883;--accent-mid:#268b92;--accent-deep:#123f4a;--accent-dark:#d7eaed;--watermark:#2e7c87;--watermark-opacity:.045;--module-health:#0891b2;--module-exercise:#d94a42;--module-nutrition:#168447;--module-social:#9438d1;--module-research:#4f54cf;--module-dashboard:#ad6800;--brand-gradient:linear-gradient(135deg, #155b66 0%, #247e86 58%, #66aeb2 100%);background:#eaf2f5}@media (prefers-color-scheme:light){:root:not([data-theme]){color:#10283a;--text-primary:#10283a;--bg:#eaf2f5;--surface:#f9fbfc;--surface-2:#deebef;--surface-gradient:linear-gradient(145deg, #fffffffa, #f2f8fafa);--sidebar:#f6fafbf0;--line:#c3d5db;--muted:#607685;--soft:#385462;--accent:#147883;--accent-mid:#268b92;--accent-deep:#123f4a;--accent-dark:#d7eaed;--watermark:#2e7c87;--watermark-opacity:.045;--module-health:#0891b2;--module-exercise:#d94a42;--module-nutrition:#168447;--module-social:#9438d1;--module-research:#4f54cf;--module-dashboard:#ad6800;--brand-gradient:linear-gradient(135deg, #155b66 0%, #247e86 58%, #66aeb2 100%);background:#eaf2f5}}*{box-sizing:border-box}html{width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 75% -20%, color-mix(in srgb, var(--accent-mid), transparent 72%) 0, transparent 32rem), var(--bg);min-width:320px;min-height:100dvh;margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;aspect-ratio:1;pointer-events:none;background:var(--watermark);width:clamp(430px,43vw,760px);opacity:var(--watermark-opacity);position:fixed;bottom:clamp(-160px,-10vw,-70px);right:clamp(-150px,-8vw,-60px);-webkit-mask:url(/brand/namtil-watermark.svg) 50%/contain no-repeat;mask:url(/brand/namtil-watermark.svg) 50%/contain no-repeat}#root{z-index:1;min-height:100vh;position:relative}img,svg,video,canvas{max-width:100%}button,input,textarea,select{font:inherit}button,select{min-height:44px}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent), white 22%);outline-offset:2px}.skip-link{z-index:100;color:#fff;border:2px solid var(--accent);background:var(--accent-deep);border-radius:10px;padding:11px 15px;transition:transform .15s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.content:focus{outline:none}.health-page{gap:18px;max-width:980px;margin:0 auto;display:grid}.health-page h2{margin:14px 0 0}.health-page-header{justify-content:space-between;align-items:flex-start;display:flex}.health-page-header h1{margin:0;font-size:clamp(2.6rem,7vw,4.5rem)}.health-page-header p{color:var(--muted)}.health-page-header button{color:var(--module-health);background:0 0;border:0;font-size:2.5rem}.health-summary-card,.health-chart-card,.health-indicator-card{border:1px solid color-mix(in srgb, var(--module-health), transparent 58%);background:color-mix(in srgb, var(--surface), transparent 15%);border-radius:26px;box-shadow:0 16px 50px #031e2624}.health-summary-card{grid-template-columns:repeat(4,1fr);padding:24px 12px;display:grid}.health-summary-card>div{border-right:1px solid var(--line);place-items:center;gap:7px;display:grid}.health-summary-card>div:last-child{border-right:0}.health-summary-card span,.health-summary-card strong,.health-indicator-card span,.health-indicator-card strong{color:var(--module-health)}.health-summary-card span{font-size:2rem}.health-summary-card strong{font-size:1.25rem}.health-chart-card{padding:22px}.health-chart-card svg{width:100%;overflow:visible}.sleep-chart-scroll{overscroll-behavior-inline:contain;scrollbar-gutter:stable;padding-bottom:7px;overflow-x:auto}.sleep-chart-scroll svg{width:1040px;min-width:1040px}.health-chart-card svg text{fill:var(--muted);font-size:12px}.health-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4}.health-legend,.heart-stats{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:clamp(12px,4vw,34px);display:flex}.heart-line{fill:none;stroke:var(--module-health);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.heart-stats strong{color:var(--module-health)}.health-indicator-card{grid-template-columns:1fr 1fr;padding:22px;display:grid}.health-indicator-card>div{justify-content:center;align-items:center;gap:16px;min-height:86px;display:flex}.health-indicator-card>div:first-child{border-right:1px solid var(--line)}.health-indicator-card span{font-size:2rem}.health-indicator-card small,.health-indicator-card strong{display:block}.health-indicator-card strong{margin-top:5px;font-size:1.5rem}.sleep-chart-card>svg{width:100%;min-width:0}.sleep-night-summary{flex-wrap:wrap;gap:clamp(22px,6vw,70px);margin-bottom:8px;display:flex}.sleep-night-summary div{gap:3px;display:grid}.sleep-night-summary small{color:var(--muted)}.sleep-night-summary strong{font-variant-numeric:tabular-nums;font-size:clamp(1.3rem,3vw,2rem)}.sleep-window{color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}.sleep-stage-summary{gap:11px;margin-top:12px;display:grid}.sleep-stage-summary>div{grid-template-columns:minmax(90px,130px) 1fr 72px 38px;align-items:center;gap:10px;display:grid}.sleep-stage-name{font-size:.9rem!important}.sleep-stage-bar{background:color-mix(in srgb,var(--line),transparent 15%);border-radius:99px;height:8px;overflow:hidden}.sleep-stage-bar i{border-radius:inherit;height:100%;display:block}.sleep-stage-summary strong,.sleep-stage-summary small{text-align:right;font-variant-numeric:tabular-nums}.sleep-stage-summary small{color:var(--muted)}.health-surface-tabs{border:1px solid color-mix(in srgb, var(--module-health), transparent 55%);background:color-mix(in srgb, var(--surface), transparent 22%);border-radius:999px;grid-template-columns:1fr 1.25fr;gap:4px;padding:4px;display:grid}.health-surface-tabs button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:999px;font-weight:700}.health-surface-tabs button[aria-selected=true]{color:var(--text-primary);background:color-mix(in srgb, var(--module-health), transparent 68%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--module-health), transparent 65%)}.health-privacy-note{color:var(--muted);line-height:1.45}.healthcare-data-view,.healthcare-detail{gap:18px;display:grid}.healthcare-essential-card,.healthcare-category-list{border:1px solid color-mix(in srgb, var(--module-health), transparent 58%);background:color-mix(in srgb, var(--surface), transparent 12%);border-radius:24px;overflow:hidden}.healthcare-card-title{color:var(--module-health);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:12px;padding:18px;font-size:.78rem;display:flex}.healthcare-card-title button{color:var(--module-health);background:0 0;border:0;font-weight:750}.healthcare-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.healthcare-row>span{color:var(--muted)}.healthcare-row>strong{text-align:right}.healthcare-category-list>button{border:0;border-top:1px solid var(--line);width:100%;min-height:72px;color:var(--text-primary);text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 18px;display:grid}.healthcare-category-list>button:first-child{border-top:0}.healthcare-category-list>button>span:first-child{width:38px;height:38px;color:var(--module-health);background:color-mix(in srgb, var(--module-health), transparent 88%);border-radius:12px;place-items:center;font-size:1.15rem;display:grid}.healthcare-category-list strong,.healthcare-category-list small{display:block}.healthcare-category-list small{color:var(--muted);margin-top:5px}.healthcare-category-list b{color:var(--muted);font-size:1.8rem}.healthcare-dialog-shade{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#01141d9e;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.healthcare-dialog{border:1px solid color-mix(in srgb, var(--module-health), transparent 45%);width:min(680px,100%);max-height:min(760px,90vh);color:var(--text-primary);background:var(--surface-2);border-radius:28px;padding:20px;overflow-y:auto;box-shadow:0 30px 80px #00000061}.healthcare-dialog header{grid-template-columns:94px 1fr 94px;align-items:center;gap:8px;display:grid}.healthcare-dialog header h2{text-align:center;margin:0;font-size:1.1rem}.healthcare-dialog header button{background:var(--bg);border:0;border-radius:22px;min-height:42px;font-weight:800}.healthcare-dialog .cancel-action{color:#ff626b}.healthcare-dialog .confirm-action-button{color:var(--text-primary)}.healthcare-picker-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.healthcare-picker-grid label,.healthcare-free-field{color:var(--muted);gap:7px;font-size:.8rem;display:grid}.healthcare-picker-grid select,.healthcare-free-field input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text-primary);background:var(--bg);border-radius:14px;padding:0 13px}.healthcare-free-field{margin-top:14px}.healthcare-dialog fieldset{border:1px solid var(--line);border-radius:18px;gap:0;margin-top:18px;padding:0;display:grid}.healthcare-dialog legend{color:var(--muted);margin-left:12px;padding:0 6px}.healthcare-dialog fieldset label{border-top:1px solid var(--line);align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.healthcare-dialog fieldset label:first-of-type{border-top:0}.healthcare-back{border:1px solid var(--module-health);min-height:40px;color:var(--text-primary);background:0 0;border-radius:20px;justify-self:start;padding:0 14px}.healthcare-detail h2{margin:0}.healthcare-essential-card>p{color:var(--muted);padding:18px}.healthcare-import-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.healthcare-import-actions button,.healthcare-add{border:1px solid color-mix(in srgb, var(--module-health), transparent 35%);min-height:48px;color:var(--text-primary);background:color-mix(in srgb, var(--module-health), transparent 87%);border-radius:16px;font-weight:750}.healthcare-add{width:100%}.healthcare-editable-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:stretch;display:grid}.healthcare-editable-row:first-child{border-top:0}.healthcare-editable-row button{color:var(--text-primary);background:0 0;border:0}.healthcare-editable-row>button:first-child{text-align:left;gap:4px;padding:14px 18px;display:grid}.healthcare-editable-row small{color:var(--muted)}.healthcare-editable-row .delete-healthcare-record{color:#e04b50;width:52px;font-size:1.5rem}.healthcare-record-editor{color:var(--text-primary);gap:9px;font-weight:700;display:grid}.healthcare-record-editor textarea{resize:vertical;border:1px solid color-mix(in srgb, var(--module-health), transparent 45%);min-height:120px;color:var(--text-primary);background:color-mix(in srgb, var(--surface), transparent 8%);font:inherit;border-radius:18px;padding:14px;font-weight:400}.healthcare-record-editor button{border:1px solid var(--module-health);min-width:110px;min-height:44px;color:var(--text-primary);background:color-mix(in srgb, var(--module-health), transparent 75%);border-radius:22px;justify-self:end;font-weight:750}@media (width<=620px){.health-page{gap:13px}.health-summary-card{padding:16px 5px}.health-summary-card>div{gap:4px}.health-summary-card span{font-size:1.55rem}.health-summary-card small{font-size:.68rem}.health-summary-card strong{font-size:.92rem}.health-chart-card{border-radius:22px;padding:12px 8px}.health-indicator-card{padding:10px}.health-indicator-card>div{gap:8px}.health-indicator-card strong{font-size:1.12rem}.healthcare-row{grid-template-columns:1fr;gap:5px}.healthcare-row>strong{text-align:left}.healthcare-dialog-shade{padding:0}.healthcare-dialog{border-radius:28px 28px 0 0}.healthcare-picker-grid{grid-template-columns:1fr 1fr}}.landing-page{isolation:isolate;min-height:100svh;color:var(--text-primary);background:radial-gradient(circle at 76% 18%, color-mix(in srgb, var(--accent), transparent 80%), transparent 28rem), linear-gradient(145deg, var(--bg), color-mix(in srgb, var(--surface), var(--bg) 54%));grid-template-rows:auto 1fr;padding:clamp(28px,5vw,72px);display:grid;position:relative;overflow-x:hidden}.landing-page:before{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;background:var(--watermark);width:min(62vw,820px);opacity:var(--watermark-opacity);position:absolute;bottom:-34%;right:-14vw;-webkit-mask:url(/brand/namtil-watermark.svg) 50%/contain no-repeat;mask:url(/brand/namtil-watermark.svg) 50%/contain no-repeat}.landing-glow{z-index:-1;filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.landing-glow-one{background:#40829121;width:28rem;height:28rem;top:-12rem;right:-8rem}.landing-glow-two{background:#15455833;width:20rem;height:20rem;bottom:-10rem;left:-10rem}.landing-header{width:min(1180px,100%);margin:0 auto}.landing-header img{width:clamp(220px,31vw,430px);height:auto;display:block}.landing-hero{grid-template-columns:minmax(0,1.35fr) minmax(360px,460px);align-items:center;gap:clamp(44px,7vw,110px);width:min(1280px,100%);margin:auto;padding:clamp(52px,8vh,100px) 0;display:grid}.landing-copy{min-width:0}.landing-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin:0 0 22px;font-size:clamp(.72rem,1.1vw,.92rem);font-weight:800}.landing-hero>.landing-copy h1{max-width:780px;color:var(--text-primary);letter-spacing:-.075em;text-wrap:balance;margin:0;font-size:clamp(3.5rem,6.4vw,7rem);line-height:.93}.landing-auth{justify-self:end;width:min(460px,100%)}.landing-auth-panel{border-color:color-mix(in srgb, var(--accent), transparent 65%);background:color-mix(in srgb, var(--surface), transparent 10%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;padding:clamp(22px,4vw,32px);box-shadow:0 24px 80px #031e2638}.landing-auth-panel h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.05}.landing-auth-panel>p:not(.eyebrow){margin-top:10px}.landing-auth-panel .namtil-auth-form{margin-top:20px}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);background:var(--sidebar);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-weight:700;display:flex}.brand-mark{object-fit:cover;border-radius:11px;width:36px;height:36px;display:block;box-shadow:0 8px 22px #03121b4d}aside nav{gap:7px;margin-top:48px;display:grid}.nav-item{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-weight:600;display:flex}.nav-item span{color:var(--soft);font-size:1.3rem}.nav-item[data-module=dashboard] span{color:var(--module-dashboard)}.nav-item[data-module=nutrition] span{color:var(--module-nutrition)}.nav-item[data-module=exercise] span{color:var(--module-exercise)}.nav-item[data-module=social] span{color:var(--module-social)}.nav-item[data-module=health] span{color:var(--module-health)}.nav-item[data-module=settings] span{color:var(--accent)}.nav-item:hover{color:var(--text-primary);background:var(--surface)}.nav-item.active{color:var(--text-primary);background:var(--surface-2);box-shadow:inset 3px 0 var(--accent)}.nav-item.active span{color:var(--text-primary)}.nav-item.active[data-module=dashboard]{box-shadow:inset 3px 0 var(--module-dashboard)}.nav-item.active[data-module=nutrition]{box-shadow:inset 3px 0 var(--module-nutrition)}.nav-item.active[data-module=exercise]{box-shadow:inset 3px 0 var(--module-exercise)}.nav-item.active[data-module=social]{box-shadow:inset 3px 0 var(--module-social)}.nav-item.active[data-module=health]{box-shadow:inset 3px 0 var(--module-health)}.sidebar-footer{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:auto;font-size:.75rem;display:grid}.sidebar-footer button{color:var(--soft);text-align:left;background:0 0;border:0;grid-column:1/-1;padding:0}.connection-dot{background:#3ddc97;border-radius:50%;width:8px;height:8px}.content{width:min(1180px,100%);margin:0 auto;padding:56px clamp(24px,5vw,72px) 80px}.page-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin:0 0 10px;font-size:.72rem;font-weight:700}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}h2{margin:0;font-size:1rem}.page-description{max-width:580px;color:var(--muted);margin:14px 0 0;line-height:1.55}.header-actions{align-items:center;gap:12px;display:flex}.button{border:1px solid var(--accent);color:#f7fbfb;background:var(--brand-gradient);border-radius:12px;padding:0 18px;font-weight:700}.button:hover{filter:brightness(1.1)}.button:disabled{cursor:not-allowed;opacity:.45}.button.secondary{color:#fff;border-color:var(--line);background:0 0}.status-pill{border-radius:99px;align-items:center;min-height:30px;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-flex}.status-fresh{color:#6ce8b4;background:#12352b}.status-stale{color:#ffd477;background:#3a2b12}.status-syncing{color:#66d9ef;background:#12333a}.status-offline{color:#ff9b9b;background:#3a1c20}.toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:flex;overflow-x:auto}.segmented button{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:0 14px}.segmented button[aria-pressed=true]{color:var(--text-primary);background:var(--surface-2)}.toolbar label{color:var(--muted);align-items:center;gap:10px;font-size:.8rem;display:flex}select{color:#fff;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 32px 0 12px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card,.panel,.post-card,.integration-card{border:1px solid var(--line);background:var(--surface-gradient);border-radius:16px;box-shadow:0 12px 34px #031e261f}.metric-card{flex-direction:column;min-height:150px;padding:20px;display:flex}.metric-card>span{color:var(--muted);font-size:.82rem}.metric-card strong{letter-spacing:-.04em;margin-top:auto;font-size:1.65rem}.metric-card small{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;overflow:hidden}.detail-grid{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{padding:22px}.panel h2{margin-bottom:20px}.trend-panel{margin-top:14px}.trend-header{justify-content:space-between;align-items:start;gap:24px;display:flex}.trend-header h2{margin-bottom:6px}.trend-header p{color:var(--muted);margin:0}.trend-header label{color:var(--muted);gap:6px;font-size:.8rem;display:grid}.trend-summary{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;display:grid;overflow:hidden}.trend-summary div{background:var(--surface);gap:5px;padding:14px;display:grid}.trend-summary span{color:var(--muted);font-size:.75rem}.trend-summary strong{font-size:1rem}.trend-figure{margin:0}.trend-chart{width:100%;height:auto;min-height:180px;margin-top:18px;display:block;overflow:visible}.chart-axis{stroke:var(--line);stroke-width:2px}.chart-line{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-point{fill:var(--bg);stroke:var(--accent);stroke-width:3px;vector-effect:non-scaling-stroke}.trend-figure figcaption{color:var(--soft);justify-content:space-between;gap:20px;line-height:1.5;display:flex}.trend-figure figcaption small{color:var(--muted);flex:none}.trend-state{min-height:240px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.trend-state strong{color:#fff}.trend-state.error{color:#ffb0b0}.data-notice{color:#f1d58f;background:#302610;border:1px solid #765c26;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:.82rem;line-height:1.45}.data-notice strong{color:#ffe4a6}.insight-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.insight-list li{gap:12px;display:flex}.insight-list strong,.insight-list small{display:block}.insight-list small{color:var(--muted);margin-top:5px;line-height:1.45}.insight-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.provenance p,.muted{color:var(--muted)}.provenance dl{margin:20px 0 0}.provenance dl div{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:11px 0;display:flex}.provenance dt{color:var(--muted)}.provenance dd{text-align:right;margin:0}.state-card{min-height:230px;color:var(--muted);text-align:center;border:1px dashed #394355;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.state-card strong{color:#fff;font-size:1.15rem}.state-card.error{border-color:#6b3038}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.feed{gap:14px;max-width:760px;display:grid}.post-card{padding:20px}.post-card header{align-items:center;gap:12px;display:flex}.post-card header div{gap:3px;display:grid}.post-card small,.post-card footer{color:var(--muted)}.post-card p{line-height:1.55}.avatar{color:#051619;background:var(--accent);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.composer{max-width:760px;margin-bottom:18px}.composer>label{margin-bottom:10px;font-weight:700;display:block}.composer textarea,.safety-panel textarea{resize:vertical;color:#fff;background:var(--bg);border:1px solid var(--line);border-radius:10px;width:100%;min-height:110px;padding:12px}.composer-controls{grid-template-columns:1fr 1.3fr auto;align-items:end;gap:12px;margin-top:12px;display:grid}.composer-controls label,.safety-panel label{color:var(--muted);gap:6px;font-size:.8rem;display:grid}.composer-controls select,.safety-panel select{width:100%}.composer>small{color:var(--muted);margin-top:12px;line-height:1.45;display:block}.social-alert{border:1px solid var(--line);color:var(--soft);background:var(--surface);border-radius:10px;margin-top:12px;padding:11px 13px;line-height:1.45}.social-alert.success{color:#6ce8b4;border-color:#245a46}.social-alert.error{color:#ffb0b0;background:#3a1c20;border-color:#6b3038}.share-card{background:var(--accent-dark);border:1px solid #245a66;border-radius:12px;gap:5px;margin:14px 0;padding:14px;display:grid}.share-card strong{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.share-card span{color:#fff}.post-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.post-actions button,.text-button{min-height:44px;color:var(--soft);background:0 0;border:0;border-radius:9px;padding:0 10px}.post-actions button:hover,.text-button:hover{color:#fff;background:var(--surface)}.post-actions button[aria-pressed=true]{color:var(--accent);background:var(--accent-dark)}.comments{background:var(--bg);border-radius:12px;margin-top:12px;padding:14px}.comments h3{margin:0 0 14px;font-size:.9rem}.comment{border-top:1px solid var(--line);padding:10px 0}.comment p{margin:4px 0 0}.comments form{margin-top:14px}.comments form>label{color:var(--muted);margin-bottom:6px;font-size:.8rem;display:block}.comments form>div{grid-template-columns:1fr auto;gap:8px;display:grid}.comments input{color:#fff;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;padding:0 12px}.safety-actions{border-top:1px solid var(--line);margin-top:10px;padding-top:4px}.safety-panel{border:1px solid var(--line);background:var(--bg);border-radius:12px;gap:12px;padding:14px;display:grid}.safety-panel>div:not(.social-alert){flex-wrap:wrap;gap:8px;display:flex}.button.danger{color:#fff;background:#b72e3a;border-color:#d44854}.danger-text{color:#ff858f}.feed-more{justify-content:center;max-width:760px;padding:20px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.social-header{align-items:center}.social-switch{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.social-switch button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 18px;font-weight:700}.social-switch button[aria-pressed=true]{color:var(--text-primary);background:color-mix(in srgb, var(--module-social), var(--surface) 42%);box-shadow:0 8px 28px #bd4ef02e}.story-section{margin-bottom:24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-heading>div{gap:4px;display:grid}.section-heading span{font-weight:800}.section-heading small{color:var(--muted)}.story-strip{scrollbar-width:thin;gap:12px;padding:2px 2px 8px;display:flex;overflow-x:auto}.story{color:var(--muted);background:0 0;border:0;flex:0 0 76px;justify-items:center;gap:7px;padding:0;display:grid}.story-avatar{border:4px solid var(--surface-2);color:#07141d;background:#80b9bd;border-radius:50%;place-items:center;width:60px;height:60px;font-weight:900;display:grid}.story.new .story-avatar{border-color:var(--module-social);box-shadow:0 0 0 3px var(--bg) inset}.story.new{color:#fff}.story-composer{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-bottom:16px;padding:14px}.story-composer>label{color:var(--muted);margin-bottom:7px;font-size:.8rem;display:block}.story-composer>div{grid-template-columns:1fr auto;gap:8px;display:grid}.story-composer input,.affection-composer input,.affection-composer textarea{width:100%;min-width:0;color:var(--text-primary);border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:11px 13px}.story-composer small{color:var(--muted);margin-top:8px;display:block}.affection-wall{gap:18px;display:grid}.affection-wall>header h2{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.affection-wall>header p:not(.eyebrow){color:var(--muted)}.affection-composer{gap:8px;display:grid;position:relative}.affection-composer>label{color:var(--muted);font-size:.8rem}.affection-composer textarea{resize:vertical;min-height:110px}.affection-composer>div:last-child{justify-content:space-between;align-items:center;gap:16px;display:flex}.affection-composer small{color:var(--muted);line-height:1.4}.affection-people{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:6px;display:grid}.affection-people button{color:var(--text-primary);text-align:left;background:0 0;border:0;border-radius:10px;padding:0 12px}.affection-people button:hover{background:var(--surface)}.affection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.affection-entry{border:1px solid color-mix(in srgb, var(--module-social), var(--line) 58%);background:linear-gradient(145deg,#173b50f5,#7a2c9780);border-radius:28px;flex-direction:column;min-height:220px;padding:24px;display:flex}.affection-symbol{color:#e6adff;font-size:1.5rem}.affection-entry>p{font-size:1.16rem;line-height:1.55}.affection-entry footer{justify-content:space-between;align-items:end;gap:12px;margin-top:auto;display:flex}.affection-entry footer>span{color:var(--soft);gap:5px;display:grid}.affection-entry footer small{color:var(--muted)}.story-view{border:1px solid color-mix(in srgb, var(--module-social), var(--line) 55%);background:linear-gradient(135deg, var(--surface), color-mix(in srgb, var(--module-social), var(--surface) 82%));border-radius:20px;align-items:center;gap:10px;margin-top:10px;padding:18px;display:flex}.story-view>div{min-width:0;margin-right:auto}.story-view p{color:var(--soft);margin:5px 0 0;line-height:1.45}.social-columns{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);align-items:start;gap:24px;display:grid}.social-main{min-width:0}.social-main .composer,.social-main .feed,.social-main .feed-more{max-width:none}.social-rail{gap:14px;display:grid;position:sticky;top:24px}.community-card,.affection-card{border:1px solid var(--line);background:var(--surface-gradient);border-radius:24px;padding:20px}.community-card{gap:9px;display:grid}.community-icon{color:#fff;background:var(--module-social);border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:4px;display:grid}.community-card p,.affection-card p{color:var(--muted);margin:0;line-height:1.5}.community-card small{color:var(--muted)}.community-card .text-button,.affection-card .text-button{color:var(--module-social);justify-self:start;padding-left:0;font-weight:800}.affection-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface), var(--module-social) 8%), color-mix(in srgb, var(--surface), var(--module-social) 42%));gap:10px;display:grid}.affection-card>span{color:#e6adff;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.post-card{background:var(--surface-gradient);border-radius:24px}.post-media{color:#ffffffb8;background:linear-gradient(135deg, var(--accent-deep), #8e2bd0);border-radius:20px;place-items:end start;min-height:280px;margin:18px 0;padding:20px;display:grid;overflow:hidden}.post-actions button[aria-pressed=true],.social-button{color:#fff;border-color:var(--module-social);background:linear-gradient(135deg, #8e2bd0, var(--module-social))}.avatar{color:var(--bg);background:#80b9bd}.direct-layout{border:1px solid var(--line);background:var(--surface);border-radius:28px;grid-template-columns:minmax(290px,360px) minmax(0,1fr);min-height:690px;display:grid;overflow:hidden}.direct-inbox{border-right:1px solid var(--line);min-width:0;padding:20px 14px}.direct-heading{justify-content:space-between;align-items:center;gap:12px;padding:0 8px 16px;display:flex}.direct-heading .eyebrow{margin-bottom:4px}.direct-heading h2{font-size:1.6rem}.direct-new{margin-bottom:14px;padding:14px}.direct-new form{gap:8px;display:grid}.direct-new form>div{grid-template-columns:1fr auto;gap:8px;display:grid}.direct-new label{color:var(--muted);font-size:.76rem}.direct-new input,.direct-new textarea,.message-composer input{color:#fff;border:1px solid var(--line);background:var(--bg);border-radius:14px;min-width:0;padding:11px 13px}.direct-new textarea{resize:vertical;min-height:80px}.person-result,.conversation-row{color:#fff;text-align:left;background:0 0;border:0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;padding:10px 12px;display:grid}.person-result:hover,.person-result.selected,.conversation-row:hover,.conversation-row.active{background:var(--surface-2)}.person-result span:not(.avatar),.conversation-copy{gap:4px;min-width:0;display:grid}.person-result small,.conversation-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-list{gap:6px;display:grid}.conversation-row .avatar{width:46px;height:46px}.unread{color:#fff;background:var(--module-social);border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:.72rem;font-weight:800;display:grid}.direct-state{min-height:180px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.direct-chat{background:var(--bg);grid-template-rows:auto auto minmax(280px,1fr) auto auto;min-width:0;display:grid}.chat-header{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:11px;padding:14px 18px;display:flex}.chat-header>div{gap:3px;margin-right:auto;display:grid}.chat-header small{color:var(--muted)}.mobile-chat-back{color:#fff;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;place-items:center;width:38px;height:38px;font-size:1.5rem;display:none}.request-banner{border:1px solid color-mix(in srgb, var(--module-social), var(--line) 55%);background:var(--surface-2);border-radius:20px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:14px;padding:14px;display:grid}.request-banner>div{gap:4px;display:grid}.request-banner span{color:var(--muted);font-size:.78rem}.message-list{flex-direction:column;gap:12px;min-height:0;padding:22px;display:flex;overflow-y:auto}.message-bubble{background:var(--surface-2);border-radius:22px;align-self:flex-start;max-width:min(72%,440px);padding:12px 14px}.message-bubble.mine{color:var(--bg);background:#80b9bd;align-self:flex-end}.message-bubble p{margin:0 0 5px;line-height:1.45}.message-bubble small{color:color-mix(in srgb, currentColor, transparent 40%)}.direct-safety{color:var(--muted);background:var(--surface);border-radius:16px;margin:0 18px 12px;padding:11px 13px;font-size:.76rem}.message-composer{grid-template-columns:1fr auto;gap:10px;padding:0 18px 18px;display:grid}.message-composer input{background:var(--surface-2);min-height:48px}.group-members{border:1px solid var(--line);background:var(--line);border-radius:18px;gap:1px;max-height:260px;margin:0 18px 12px;display:grid;overflow-y:auto}.group-members>div{background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 14px;display:flex}.group-members span{align-items:center;gap:8px;display:flex}.group-members span:first-child{flex-direction:column;align-items:flex-start;gap:2px}.group-members small{color:var(--muted);font-size:.68rem}.direct-new>label{color:var(--muted);gap:6px;font-size:.8rem;display:grid}.direct-new>label input{width:100%}.integration-grid{gap:14px;display:grid}.integration-card{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px;display:grid}.integration-icon{width:48px;height:48px;color:var(--accent);background:var(--accent-dark);border-radius:14px;place-items:center;display:grid}.integration-card p{color:var(--muted);margin:6px 0 0}.settings-grid{gap:16px;display:grid}.preference-card{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);align-items:start;gap:32px;display:grid}.preference-card>div:first-child{gap:8px;display:grid}.preference-card h2{font-size:1.15rem}.preference-card p,.preference-fields small{color:var(--muted);margin:0;line-height:1.5}.preference-icon{width:46px;height:46px;color:var(--accent);background:var(--accent-dark);border-radius:15px;place-items:center;margin-bottom:6px;font-size:1.2rem;font-weight:800;display:grid}.choice-grid{border:0;grid-template-columns:repeat(3,1fr);gap:10px;min-width:0;margin:0;padding:0;display:grid}.choice{min-height:78px;color:var(--muted);border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:18px;place-items:center;gap:5px;padding:12px;display:grid}.choice span{color:var(--soft)}.choice input{accent-color:var(--accent)}.choice.active{color:var(--text-primary);border-color:var(--accent);background:var(--accent-dark)}.preference-fields{gap:7px;display:grid}.preference-fields label{color:var(--muted);font-size:.8rem}.preference-fields select,.preference-fields input{width:100%;margin-bottom:7px}.settings-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-actions .social-alert{margin:0}.profile-form{margin-bottom:28px}.personal-fields{gap:8px;display:grid}.personal-fields>label{color:var(--muted);font-size:.8rem}.personal-fields>input{width:100%;min-height:44px;color:var(--text-primary);border:1px solid var(--line);background:var(--bg);border-radius:11px;padding:0 12px}.personal-fields small{color:var(--muted);line-height:1.45}.selector-field{width:100%;min-height:54px;color:var(--text-primary);border:1px solid var(--line);background:var(--bg);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:0 14px;display:flex}.selector-field span{color:var(--soft)}.selector-field strong{text-align:right}.selector-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00080eb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.selector-popover{width:min(460px,100%);color:var(--text-primary);border:1px solid var(--line);background:var(--surface);border-radius:24px;gap:20px;padding:24px;display:grid;box-shadow:0 24px 80px #00000073}.selector-popover h2{margin:0}.selector-popover label{color:var(--muted);gap:10px;display:grid}.selector-popover input,.selector-popover select{width:100%;min-height:48px}.selector-popover input[type=range]{accent-color:var(--accent)}.selector-popover>div{justify-content:flex-end;gap:10px;display:flex}.session-page{place-items:center;min-height:100vh;padding:24px;display:grid}.session-panel{border:1px solid var(--line);background:var(--surface-gradient);border-radius:24px;width:min(560px,100%);padding:clamp(28px,6vw,52px);box-shadow:0 36px 100px #0006}.session-panel .brand{margin-bottom:54px}.session-panel h1{font-size:clamp(2.2rem,7vw,3.8rem)}.session-panel>p:not(.eyebrow),.session-panel>small{color:var(--muted);line-height:1.6}.session-panel .button{width:100%;margin:24px 0 18px}.auth-error{color:#ffb0b0;background:#3a1c20;border:1px solid #6b3038;border-radius:12px;margin-top:22px;padding:14px;line-height:1.45}.auth-progress{min-height:90px;color:var(--soft);justify-content:center;align-items:center;gap:12px;margin:20px 0 12px;display:flex}.namtil-auth-panel{background:linear-gradient(160deg,#001d36fa,#073247f5)}.namtil-auth-form{gap:10px;margin:24px 0 16px;display:grid}.namtil-auth-form label{color:var(--soft);font-weight:700}.namtil-auth-form input{width:100%;min-height:48px;color:var(--text);background:color-mix(in srgb, var(--surface-2), transparent 12%);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.namtil-auth-form .button{margin:10px 0 4px}.provider-button{border:1px solid var(--line);cursor:pointer;border-radius:14px;min-height:48px;font-weight:800}.provider-button.apple{color:#111;background:#fff}.provider-button.google{color:#1f1f1f;background:#f7f7f7}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:6px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.privacy-shield{background:var(--bg)}.project-settings{margin-top:22px}.landing-auth-panel.namtil-auth-panel{background:var(--surface-gradient)}.mobile-nav{display:none}.nutrition-accent{color:var(--module-nutrition)}.nutrition-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.nutrition-metric{border:1px solid color-mix(in srgb, var(--module-nutrition), var(--line) 65%);background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--module-nutrition), var(--surface) 92%));border-radius:22px;flex-direction:column;gap:10px;min-height:155px;padding:20px;display:flex}.nutrition-metric>span,.nutrition-metric>small{color:var(--muted)}.nutrition-metric strong{margin-top:auto;font-size:1.55rem}.nutrition-metric strong small{font-size:.78rem;font-weight:500}.progress-track{background:var(--bg);border-radius:999px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--module-nutrition);height:100%;display:block}.nutrition-columns{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:start;gap:18px;margin-top:18px;display:grid}.nutrition-stack{gap:18px;display:grid}.quick-water>form{grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:10px;display:grid}.quick-water input,.food-log input{width:100%;min-width:0;min-height:46px;color:var(--text-primary);border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:0 13px}.food-log{gap:9px;display:grid;position:relative}.food-log>label,.food-fields label{color:var(--muted);gap:6px;font-size:.8rem;display:grid}.food-log>small{color:var(--muted);line-height:1.45}.food-results{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:6px;display:grid}.food-results button{color:var(--text-primary);text-align:left;background:0 0;border:0;border-radius:9px;gap:3px;padding:9px 11px;display:grid}.food-results button:hover{background:var(--surface)}.food-results small{color:var(--muted)}.food-fields{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;display:grid}.jarvis-card{border:1px solid color-mix(in srgb, var(--module-nutrition), var(--line) 52%);background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--module-nutrition), var(--bg) 88%));border-radius:30px;grid-template-columns:auto 1fr;gap:14px;height:auto;padding:26px;display:grid;position:sticky;top:24px}.jarvis-card p:not(.eyebrow),.jarvis-card>small{color:var(--soft);grid-column:1/-1;margin:0;line-height:1.65}.jarvis-card>small{color:var(--muted);font-size:.74rem}.jarvis-orb{color:#fff;background:linear-gradient(135deg, var(--accent-deep), #2ed36f);border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid;box-shadow:0 10px 32px #00000040}.jarvis-card h2{font-size:1.1rem}.jarvis-card .eyebrow{color:#7ee3a2;margin-bottom:5px}.exercise-accent{color:var(--module-exercise)}.workout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.workout-card{border:1px solid color-mix(in srgb, var(--module-exercise), var(--line) 65%);background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--module-exercise), var(--surface) 93%));border-radius:26px;flex-direction:column;min-height:310px;padding:24px;display:flex}.workout-card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.workout-card header small,.workout-card p{color:var(--muted)}.workout-card h2{margin:24px 0 8px;font-size:1.35rem}.workout-card p{line-height:1.5}.workout-status{color:#ffd0cc;background:color-mix(in srgb, var(--module-exercise), transparent 78%);border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800}.workout-card dl{border:1px solid var(--line);background:var(--line);border-radius:13px;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0;display:grid;overflow:hidden}.workout-card dl div{background:var(--bg);padding:11px}.workout-card dt{color:var(--soft);font-size:.7rem}.workout-card dd{margin:5px 0 0;font-size:.85rem}.workout-card blockquote{color:var(--soft);border-left:3px solid var(--module-exercise);margin:0 0 18px;padding-left:12px}.workout-card footer{margin-top:auto}.exercise-button{border-color:var(--module-exercise);background:linear-gradient(135deg, #a5282c, var(--module-exercise))}.nutrition-management{margin-top:28px}.nutrition-management>.segmented{width:max-content;margin-bottom:16px}.management-columns{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:start;gap:16px;display:grid}.management-list{gap:12px;display:grid}.management-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:8px;padding:18px;display:grid}.management-card>div{justify-content:space-between;gap:12px;display:flex}.management-card p{margin:0;line-height:1.5}.management-card small,.management-card span{color:var(--muted)}.management-card .text-button{color:var(--module-nutrition);justify-self:start;padding-left:0}.recipe-form,.goal-form{gap:10px;display:grid}.recipe-form>label,.goal-form>label{color:var(--muted);gap:6px;font-size:.8rem;display:grid}.recipe-form input,.goal-form input,.workout-logger input{width:100%;min-width:0;min-height:44px;color:var(--text-primary);border:1px solid var(--line);background:var(--bg);border-radius:11px;padding:0 11px}.meal-correction{gap:8px;padding-top:5px;display:grid}.meal-correction label{color:var(--muted);font-size:.8rem}.meal-correction textarea{resize:vertical;width:100%;min-height:90px;color:var(--text-primary);border:1px solid var(--line);background:var(--bg);border-radius:11px;padding:11px}.meal-correction>div{flex-wrap:wrap;gap:8px;display:flex}.confirm-action{border:1px solid var(--module-nutrition);background:color-mix(in srgb, var(--module-nutrition), transparent 90%);border-radius:15px;gap:8px;padding:14px;display:grid}.confirm-action>span{color:var(--muted)}.confirm-action>div{gap:8px;display:flex}.workout-logger{border:1px solid var(--line);background:var(--bg);border-radius:18px;gap:10px;margin:6px 0 20px;padding:16px;display:grid}.workout-logger h3{margin:0}.workout-logger>label,.log-fields label{color:var(--muted);gap:5px;font-size:.75rem;display:grid}.workout-logger select{width:100%}.log-fields{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.workout-logger>small{color:var(--soft)}.workout-logger ul{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.workout-logger li{border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding-top:7px;font-size:.75rem;display:flex}.workout-logger li span{color:var(--muted)}.jarvis-launcher{z-index:24;color:#fff;background:linear-gradient(135deg, var(--accent-deep), #287985);border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:9px;min-height:58px;padding:8px 17px 8px 8px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 44px #0000006b}.jarvis-launcher span{background:#ffffff24;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.jarvis-panel{z-index:23;width:min(440px,100vw - 32px);color:var(--text-primary);border:1px solid var(--line);background:color-mix(in srgb, var(--surface), var(--bg) 18%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;grid-template-rows:auto auto minmax(120px,1fr) auto auto auto;gap:12px;padding:20px;display:grid;position:fixed;top:16px;bottom:92px;right:16px;overflow:hidden;box-shadow:0 28px 100px #00000085}.jarvis-panel>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.jarvis-panel h2,.jarvis-panel h3{margin:0}.jarvis-conversation-bar{grid-template-columns:1fr auto;gap:8px;display:grid}.jarvis-conversation-bar select{min-width:0}.jarvis-events{flex-direction:column;gap:10px;min-height:0;padding:8px 4px;scroll-padding-bottom:16px;display:flex;overflow-y:auto}.jarvis-message{background:var(--surface-2);border-radius:18px 18px 18px 5px;align-self:flex-start;max-width:86%;padding:11px 13px}.jarvis-message.mine{color:var(--bg);background:#80b9bd;border-radius:18px 18px 5px;align-self:flex-end}.jarvis-message p{white-space:pre-wrap;margin:0 0 5px;line-height:1.45}.jarvis-message small{color:color-mix(in srgb, currentColor, transparent 40%)}.jarvis-formatted-text{gap:12px;margin-bottom:7px;line-height:1.45;display:grid}.jarvis-text-block{gap:7px;display:grid}.jarvis-formatted-text p{white-space:pre-wrap;margin:0}.jarvis-formatted-text ul{gap:7px;margin:0;padding-left:1.35rem;display:grid}.jarvis-formatted-text li{padding-left:.2rem}.jarvis-actions{background:#ca8a0417;border:1px solid #ca8a04;border-radius:18px;gap:8px;max-height:min(34vh,230px);padding:12px;display:grid;overflow-y:auto}.jarvis-actions h3{font-size:.9rem}.jarvis-actions article{border-top:1px solid #ca8a0466;gap:6px;padding-top:8px;display:grid}.jarvis-actions article>small{color:var(--muted)}.jarvis-actions article>div{gap:8px;display:flex}.jarvis-composer{z-index:1;grid-template-columns:1fr auto;gap:8px;display:grid;position:relative}.jarvis-composer textarea{resize:vertical;min-height:74px}.jarvis-disclaimer{color:var(--muted);line-height:1.4}.jarvis-formatted-text{gap:8px;line-height:1.4}.jarvis-text-block{gap:4px}.jarvis-formatted-text ul{gap:3px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}@media (width<=860px){.app-shell{display:block}.app-shell>aside{display:none}.content{padding:36px 18px 104px}.mobile-nav{z-index:10;isolation:isolate;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2), transparent 6%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);touch-action:pan-y;border-radius:22px;padding:6px;display:grid;position:fixed;inset:auto 12px 12px}.mobile-nav-lens{z-index:0;pointer-events:none;border:1px solid color-mix(in srgb, var(--accent), white 32%);background:color-mix(in srgb, var(--surface-2), transparent 28%);box-shadow:0 8px 24px color-mix(in srgb, var(--accent), transparent 76%), inset 0 0 0 1px #ffffff24;-webkit-backdrop-filter:blur(12px)saturate(125%);border-radius:20px;transition:left .14s ease-out,width .14s ease-out,transform .14s ease-out;position:absolute;top:4px;bottom:4px;transform:scale(1.08,1.12)}.mobile-nav.dragging .mobile-nav-lens{transition:left 45ms linear;transform:scale(1.12,1.16)}.mobile-nav .nav-item{z-index:1;color:var(--text-primary);flex-direction:column;justify-content:center;gap:1px;padding:5px;font-size:.64rem;transition:transform .12s ease-out;position:relative}.mobile-nav .nav-item span{color:var(--text-primary)}.mobile-nav .nav-item.active{box-shadow:none}.mobile-nav .nav-item.preview{transform:scale(1.09)}.page-header{flex-direction:column;align-items:flex-start}.social-header{align-items:stretch}.social-switch{width:100%}.social-switch button{flex:1}.social-columns{grid-template-columns:1fr}.social-rail{position:static}.affection-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.segmented{width:100%}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.trend-header{flex-direction:column}.trend-header label,.trend-header select{width:100%}.composer-controls{grid-template-columns:1fr 1fr}.composer-controls .button{grid-column:1/-1}.direct-layout{grid-template-columns:minmax(0,1fr);min-height:720px}.direct-layout:not(.has-selection) .direct-chat,.direct-layout.has-selection .direct-inbox{display:none}.direct-inbox{border-right:0}.direct-chat{border-top:0;min-height:680px}.mobile-chat-back{display:grid}.chat-header{flex-wrap:wrap}.chat-header .text-button{font-size:.72rem}.conversation-row{min-height:72px}.request-banner{grid-template-columns:1fr 1fr}.request-banner>div{grid-column:1/-1}.preference-card{grid-template-columns:1fr;gap:20px}}@media (width<=520px){.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:128px}.header-actions{justify-content:space-between;width:100%}.integration-card{grid-template-columns:auto 1fr}.integration-card .status-pill{grid-column:2;justify-self:start}.provenance dl div{display:block}.provenance dd{text-align:left;margin-top:5px}.trend-summary{grid-template-columns:1fr}.trend-figure figcaption{flex-direction:column;gap:6px}.trend-chart{min-height:140px}.composer-controls,.story-composer>div{grid-template-columns:1fr}.composer-controls .button{grid-column:auto}.affection-composer>div:last-child{flex-direction:column;align-items:stretch}.comments form>div{grid-template-columns:1fr}.post-actions button{flex:30%}}@media (width<=900px){.landing-hero{grid-template-columns:1fr;align-items:start}.landing-auth{justify-self:start;margin-top:4px}}@media (width<=520px){.landing-page{padding:24px}.landing-header img{width:230px}.landing-hero{gap:34px;padding:54px 0}.landing-hero>.landing-copy h1{font-size:clamp(3rem,15vw,4.6rem)}.landing-auth{margin-top:0}.landing-auth-panel{border-radius:22px}}@media (width<=860px){.nutrition-columns,.management-columns{grid-template-columns:1fr}.jarvis-card{position:static}.nutrition-metrics,.workout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.log-fields{grid-template-columns:repeat(2,1fr)}.jarvis-launcher{bottom:96px;right:16px}.jarvis-panel{bottom:164px}.jarvis-launcher strong{display:none}.jarvis-launcher{padding:8px}}@media (width<=520px){.choice-grid{grid-template-columns:1fr}.choice{grid-template-columns:auto 1fr;justify-content:start;min-height:56px}.nutrition-metrics,.food-fields,.workout-grid,.log-fields{grid-template-columns:1fr}.quick-water>form{grid-template-columns:1fr auto}.quick-water .button{grid-column:1/-1}.workout-card dl{grid-template-columns:1fr}.mobile-nav .nav-item{font-size:.58rem}.nutrition-management>.segmented{width:100%}.nutrition-management>.segmented button{flex:1}.workout-logger li{flex-direction:column;align-items:flex-start}}:root[data-theme=light] body,:root:not([data-theme]) body{color:var(--text-primary)}:root[data-theme=light] aside,:root[data-theme=light] .session-panel,:root[data-theme=light] .metric-card,:root[data-theme=light] .panel,:root[data-theme=light] .post-card,:root[data-theme=light] .integration-card{background:color-mix(in srgb, var(--surface), transparent 3%)}:root[data-theme=light] select,:root[data-theme=light] input,:root[data-theme=light] textarea,:root[data-theme=light] .button.secondary,:root[data-theme=light] .person-result,:root[data-theme=light] .conversation-row,:root[data-theme=light] .state-card strong,:root[data-theme=light] .trend-state strong{color:var(--text-primary)}:root[data-theme=light] .community-card{background:var(--surface)}:root[data-theme=light] .affection-card{background:linear-gradient(135deg,#dcecee,#ead7f7)}:root[data-theme=light] .direct-new input,:root[data-theme=light] .direct-new textarea,:root[data-theme=light] .message-composer input,:root[data-theme=light] .composer textarea,:root[data-theme=light] .safety-panel textarea,:root[data-theme=light] .comments input{color:var(--text-primary)}:root[data-theme=light] .affection-entry{background:linear-gradient(145deg,#fff,#ead7f7)}.health-history-card{border:1px solid var(--line);background:var(--surface);border-radius:28px;gap:22px;width:min(860px,100%);margin:24px 0;padding:clamp(22px,4vw,38px);display:grid;box-shadow:0 28px 90px #0000004d}.health-history-card h2{margin:0 0 8px;font-size:clamp(1.35rem,3vw,2rem)}.health-history-card p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.55}.history-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.history-choice{min-height:150px;color:var(--text-primary);text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:18px;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;display:flex}.history-choice span{color:var(--soft);line-height:1.45}.history-choice em{color:var(--accent);margin-top:auto;font-style:normal;font-weight:700}.history-choice.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-dark)}.history-onboarding{place-items:center;width:100%;display:grid}.history-setup-page{padding:max(22px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));align-content:center;gap:18px}.history-setup-page>.brand{width:min(860px,100%)}@media (width<=860px){.content{padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right));padding-bottom:calc(112px + env(safe-area-inset-bottom))}.mobile-nav{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);background:#07324780}.selector-popover{max-height:calc(100dvh - 32px);overflow-y:auto}}@media (width<=620px){.history-choice-grid{grid-template-columns:1fr}.history-choice{min-height:108px}.health-history-card{border-radius:22px}}.account-kind-selector{border:1px solid var(--line);border-radius:18px;gap:10px;padding:14px;display:grid}.selector-popover h2{color:var(--text-primary)}.selector-popover label{color:var(--soft)}.selector-popover>div .text-button{color:#ff646b;background:var(--bg);border-radius:999px;padding:0 16px;font-weight:800}.selector-popover>div .button{color:#f7f8f4;border-color:var(--line);background:var(--bg);border-radius:999px}.account-kind-selector legend{padding:0 8px;font-weight:700}.segmented-control{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented-control button{border:1px solid var(--line);color:var(--text-primary);background:var(--bg);border-radius:12px;padding:11px}.segmented-control button.active{border-color:var(--accent);background:var(--accent-dark)}.professional-data{white-space:pre-wrap;max-height:60vh;overflow:auto}@media (prefers-color-scheme:light){:root:not([data-theme]) aside,:root:not([data-theme]) .session-panel,:root:not([data-theme]) .metric-card,:root:not([data-theme]) .panel,:root:not([data-theme]) .post-card,:root:not([data-theme]) .integration-card{background:color-mix(in srgb, var(--surface), transparent 3%)}:root:not([data-theme]) select,:root:not([data-theme]) input,:root:not([data-theme]) textarea,:root:not([data-theme]) .button.secondary,:root:not([data-theme]) .person-result,:root:not([data-theme]) .conversation-row,:root:not([data-theme]) .state-card strong,:root:not([data-theme]) .trend-state strong{color:var(--text-primary)}:root:not([data-theme]) .community-card{background:var(--surface)}:root:not([data-theme]) .affection-card{background:linear-gradient(135deg,#dcecee,#ead7f7)}}.health-metric-icon{fill:none;width:2rem;height:2rem;stroke:var(--module-health);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 2rem}.health-metric-image{object-fit:contain;flex:0 0 3rem;width:3rem;height:3rem}.fitness-tabs{width:min(520px,100%);margin-bottom:24px}.fitness-tabs button{flex:1;min-height:44px}.fitness-activity-view{gap:28px;display:grid}.fitness-activity-view h2{margin-bottom:14px}.fitness-filters{justify-content:space-between;align-items:end;gap:18px;display:flex}.fitness-filters .segmented,.fitness-filters .segmented button{flex:1}.fitness-filters label{min-width:250px;color:var(--muted);gap:7px;font-size:.8rem;display:grid}.fitness-filters select{min-height:44px}.fitness-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.fitness-summary-grid article{border:1px solid color-mix(in srgb, var(--module-exercise), var(--line) 70%);background:var(--surface-gradient);border-radius:20px;align-content:space-between;gap:12px;min-height:112px;padding:18px;display:grid}.fitness-summary-grid span{color:var(--muted)}.fitness-summary-grid strong{font-size:1.25rem}.fitness-chart-panel{overflow:hidden}.fitness-bars{width:100%;min-height:220px;display:block}.fitness-bars rect{fill:var(--module-exercise);opacity:.88}.fitness-bars text{fill:var(--muted);text-anchor:middle;font-size:11px}.activity-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.activity-card{border:1px solid var(--line);background:var(--surface-gradient);border-radius:22px;overflow:hidden}.activity-card-summary{width:100%;min-height:112px;color:var(--text-primary);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:18px;display:grid}.activity-card-summary>span:nth-child(2){gap:5px;display:grid}.activity-card-summary small{color:var(--muted)}.activity-icon{background:color-mix(in srgb,var(--module-exercise),transparent 84%);border-radius:15px;place-items:center;width:46px;height:46px;font-size:1.35rem;display:grid}.activity-primary{color:var(--module-exercise);font-weight:800}.activity-details{border-top:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:0;display:grid}.activity-details div{background:var(--surface);padding:13px}.activity-details dt{color:var(--muted);font-size:.72rem}.activity-details dd{margin:5px 0 0}.nutrition-dashboard{border:1px solid color-mix(in srgb,var(--module-nutrition),var(--line) 65%);background:var(--surface-gradient);border-radius:28px;margin-bottom:28px;padding:24px}.nutrition-dashboard-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.nutrition-dashboard-heading h2{margin:3px 0 0}.nutrition-period-summary{border:1px solid var(--line);background:var(--line);border-radius:18px;grid-template-columns:repeat(4,1fr);gap:1px;margin:24px 0 16px;display:grid;overflow:hidden}.nutrition-period-summary article{background:var(--surface);gap:8px;padding:18px;display:grid}.nutrition-period-summary span{color:var(--muted)}.nutrition-period-summary strong{font-size:1.15rem}.nutrition-history-chart{margin:0}.nutrition-history-chart h3{margin:0 0 8px}.nutrition-history-chart svg{width:100%;min-height:220px;display:block}.nutrition-history-chart rect{fill:var(--module-nutrition)}.nutrition-history-chart text{fill:var(--muted);text-anchor:middle;font-size:11px}.domain-dashboard{margin-top:14px}.domain-dashboard header{justify-content:space-between;display:flex}.domain-bars{gap:14px;display:grid}.domain-bars>div{grid-template-columns:100px minmax(0,1fr) 90px;align-items:center;gap:12px;display:grid}.domain-bars>div>div{background:var(--bg);border-radius:999px;height:18px;overflow:hidden}.domain-bars i{border-radius:inherit;background:var(--accent);height:100%;display:block}.domain-training-load .domain-bars i{background:var(--module-exercise)}.domain-cutting .domain-bars i{background:var(--module-nutrition)}.domain-bars strong{text-align:right}.avatar:is(img){object-fit:cover;background:var(--surface-2)}.sleep-window{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.sleep-window strong{color:var(--text);font-variant-numeric:tabular-nums}.sleep-window span:last-child{text-align:right}.sleep-inactive-mask{pointer-events:none}.sleep-range-handle{cursor:ew-resize;touch-action:none}.sleep-range-handle line{stroke:var(--module-health);stroke-width:2px}.sleep-range-handle rect{fill:var(--surface);stroke:var(--module-health);stroke-width:2px}.sleep-range-handle circle{fill:var(--module-health)}@media (width<=1000px){.fitness-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nutrition-period-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.fitness-filters,.nutrition-dashboard-heading{flex-direction:column;align-items:stretch}.fitness-filters label{min-width:0}.fitness-summary-grid,.activity-card-grid{grid-template-columns:1fr}.activity-details{grid-template-columns:repeat(2,1fr)}.nutrition-period-summary{grid-template-columns:1fr}}.heart-chart-card,.heart-chart-card svg{overflow:hidden}.heart-range{stroke:#ff315b;stroke-width:8px;stroke-linecap:round}.jarvis-attachment-control{align-self:end;position:relative}.jarvis-attachment-button{width:48px;min-width:48px;padding-inline:0;font-size:1.25rem}.jarvis-attachment-menu{z-index:3;border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:4px;min-width:150px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 34px #00000052}.jarvis-attachment-menu label{cursor:pointer;border-radius:9px;padding:9px 11px}.jarvis-attachment-menu label:hover{background:var(--surface-2)}.jarvis-attachment-list{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.jarvis-attachment-list span{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 9px;font-size:.78rem;display:inline-flex}.jarvis-attachment-list span button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:1rem}.body-composition-section{gap:12px;display:grid}.body-composition-section>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.body-composition-section h2{margin:0}.body-composition-section small{color:var(--muted)}.body-composition-actions{gap:8px;display:flex}.body-composition-actions button{border:1px solid color-mix(in srgb,var(--module-health),transparent 35%);background:color-mix(in srgb,var(--surface),transparent 22%);width:42px;height:42px;color:var(--module-health);cursor:pointer;border-radius:50%;font-size:1.35rem}.body-composition-actions .body-composition-details-button{background:0 0;border-color:#0000;padding:0;overflow:hidden}.body-composition-details-button img{object-fit:contain;width:100%;height:100%;display:block}.body-composition-section .health-indicator-card{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.body-composition-section .health-indicator-card>div{border-right:1px solid var(--line)}.body-composition-section .health-indicator-card>div:last-child{border-right:0}.body-metric-card{padding:14px 42px 14px 10px;position:relative;align-items:flex-start!important}.body-metric-card p{color:var(--muted);margin:8px 0 0;font-size:.78rem;line-height:1.4}.body-metric-info{position:absolute;top:8px;right:8px;width:28px!important;height:28px!important;font-size:1rem!important}.body-composition-section .body-composition-summary-card{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:6px;padding:12px}.body-composition-summary-card .body-metric-card{text-align:center;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:118px;padding:10px 5px}.body-composition-summary-card .body-metric-card>div{min-width:0}.body-composition-summary-card .body-metric-card small{min-height:2.1em;line-height:1.05}.body-composition-summary-card .body-metric-card strong{white-space:nowrap;font-size:clamp(.95rem,3vw,1.35rem)}.body-composition-summary-card .health-metric-image{flex-basis:2.75rem;width:2.75rem;height:2.75rem}.body-composition-card-arrow{width:30px;height:58px;color:var(--module-health);background:color-mix(in srgb,var(--module-health),transparent 82%);cursor:pointer;border:0;border-radius:999px;align-self:center;padding:0;font-size:1.75rem}.body-composition-full-page .health-indicator-card{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.body-mass-distribution{border:1px solid color-mix(in srgb,var(--module-health),transparent 58%);background:color-mix(in srgb,var(--surface),transparent 15%);text-align:center;border-radius:24px;padding:18px}.body-mass-distribution h3{text-align:left;margin:0 0 12px}.body-mass-distribution>div{grid-template-columns:1fr 96px 1fr;align-items:center;gap:16px;display:grid}.body-mass-distribution strong{color:var(--module-health);gap:5px;display:grid}.body-mass-distribution svg{width:96px;height:180px;fill:var(--module-health);filter:drop-shadow(0 8px 18px #00000040)}.body-mass-distribution p{max-width:620px;color:var(--muted);margin:10px auto 0;font-size:.78rem}.body-explorer nav{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0;display:flex}.body-explorer nav button{border:1px solid var(--line);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:20px;padding:10px 18px}.body-explorer nav button[aria-pressed=true]{background:var(--module-health);color:#052438}.body-explorer>.body-explorer-stage{justify-content:center;gap:24px;min-height:400px;display:flex}.body-explorer-stage svg{width:190px;height:400px;fill:color-mix(in srgb,currentColor 26%,var(--surface));stroke:currentColor;stroke-width:1.7px;transition:color .25s}.body-explorer-stage .body-anatomy-image{object-fit:cover;mix-blend-mode:screen;width:190px;height:400px}.body-explorer-value{text-align:left;align-content:center;gap:8px;max-width:140px;display:grid}.body-explorer-stage strong{font-size:1.65rem}.body-explorer>.body-reference{background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.body-reference meter{width:100%;max-width:360px;height:18px}.body-explorer a{color:var(--module-health);text-decoration:underline}@media (width<=420px){.body-explorer>.body-explorer-stage{gap:10px}.body-explorer-stage svg{width:155px}.body-explorer-stage strong{font-size:1.25rem}.body-explorer-stage .body-anatomy-image{width:155px}}.body-explorer>.body-regional-stage{isolation:isolate;grid-template-rows:repeat(3,1fr);grid-template-columns:minmax(0,1fr) minmax(130px,1fr) minmax(0,1fr);gap:14px 6px;height:400px;min-height:400px;display:grid;position:relative}.body-regional-stage>.body-anatomy-image,.body-regional-stage>svg{object-fit:contain;pointer-events:none;z-index:-1;width:267px;max-width:none;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%)}.body-region-card{text-align:left;background:color-mix(in srgb,var(--surface) 65%,#000);border-radius:18px;align-content:center;gap:10px;min-width:0;padding:14px 10px;display:grid}.body-region-card>span{overflow-wrap:break-word;font-size:.9rem}.body-region-card>strong{color:var(--text-primary);font-size:1.15rem}.body-region-card>small{color:var(--muted);font-size:.7rem}.region-right_arm{grid-area:1/1}.region-left_arm{grid-area:1/3}.region-trunk{grid-area:2/1}.region-right_leg{grid-area:3/1}.region-left_leg{grid-area:3/3}.body-explorer>.body-explorer-total{justify-content:center;gap:10px;margin:12px 0;display:flex}@media (width<=420px){.body-explorer>.body-regional-stage{grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);gap:10px 4px}.body-region-card{border-radius:14px;padding:12px 7px}.body-region-card>span{font-size:.75rem}.body-region-card>strong{font-size:.95rem}}