/* TempoLife /demo v4 — the live app's own stylesheets (APP ), pruned to the rules the
   snapshot can use. Generated by scripts/promo-shots/demo_build.js from a snapshot taken 2026-09-23T11:40:55.352Z. Do not edit by hand. */
.sv2-home { margin: 10px 0px 14px; }
.sv2-home-row { display: flex; gap: 8px; margin-bottom: 8px; }
.sv2-stat { flex: 1 1 0%; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 10px; text-align: center; cursor: pointer; }
.sv2-stat b { display: block; font-size: 20px; color: var(--t1); font-variant-numeric: tabular-nums; }
.sv2-stat span { font-size: 11px; color: var(--t3); }
* { box-sizing: border-box; margin: 0px; padding: 0px; }
:root { --bg: #EEF0F4; --surface: #FFFFFF; --surface2: #F5F7FA; --border: #E2E6EC; --border2: #C8D0DC; --line: #E2E6EC; --t1: #0F1827; --t2: #2D3A4A; --t3: #5A6A7A; --t4: #64748B; --red: #DC2626; --brand: #2563EB; --brand-d: #1D4ED8; --brand-l: #EFF6FF; --r: 8px; --r2: 12px; --r3: 16px; --r4: 20px; --shadow: 0 1px 3px rgba(15,24,39,.1),0 1px 2px rgba(15,24,39,.06); --tl-safe-top: env(safe-area-inset-top,0px); --tl-safe-bottom: env(safe-area-inset-bottom,0px); }
[data-theme="black"] { --bg: #0B0C10; --surface: #12141A; --surface2: #191C24; --border: #232832; --border2: #39404E; --line: #232832; --t1: #F3F4F6; --t2: #B6BCC6; --t3: #8B93A0; --t4: #5F6673; --brand: #AEB6C2; --brand-d: #C7CDD6; --brand-l: #1D212A; }
html[data-theme="dark"], html[data-theme="dark"] body, body[data-theme="dark"] { color: rgb(240, 244, 255); background: rgb(11, 13, 20) !important; }
html[data-theme="black"], html[data-theme="black"] body, body[data-theme="black"] { color: rgb(243, 244, 246); background: rgb(11, 12, 16) !important; }
html[data-theme="black"] .app, body[data-theme="black"] .app { background: rgb(18, 20, 26) !important; }
html[data-theme="black"] .app::before, body[data-theme="black"] .app::before { background: rgb(11, 12, 16) !important; }
html[data-theme="black"] .screen, body[data-theme="black"] .screen { background: rgb(18, 20, 26) !important; }
html, body { margin: 0px; padding: 0px; }
body { font-family: "DM Sans", system-ui, -apple-system, sans-serif; background: var(--bg); color: var(--t1); -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }
@media (min-width: 768px){
.app { max-width: 600px; margin: 0px auto; width: 100%; }
.screen { padding-left: 16px; padding-right: 16px; }
}
@media (orientation: landscape) and (max-height: 600px){
.dash-card { min-width: 0px; }
}
.app { flex: 1 1 0%; display: flex; flex-direction: column; overflow: hidden; }
.screens { flex: 1 1 0%; overflow: hidden; position: relative; }
.screen { position: absolute; inset: 0px; overflow-y: auto; display: none; flex-direction: column; padding-bottom: 140px; }
.screen.active { display: flex; }
.screen > * { flex-shrink: 0; }
.sec-hd { font-size: 0.625rem; font-weight: 700; color: var(--t4); text-transform: uppercase; letter-spacing: 0.1em; padding: 12px 14px 5px; }
.ctl-btn { padding: 6px 14px; border-radius: 20px; border: 1px solid var(--border2); background: var(--surface); color: var(--t2); font-size: 0.75rem; font-family: "DM Sans", sans-serif; cursor: pointer; white-space: nowrap; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--r); padding: 10px 16px; font-size: 0.8125rem; font-weight: 600; font-family: "DM Sans", sans-serif; cursor: pointer; text-align: center; }
.btn-sm { padding: 7px 13px; font-size: 0.75rem; }
.home-hero { margin: 8px 12px 4px; background: linear-gradient(135deg, rgb(30, 64, 175), rgb(37, 99, 235) 55%, rgb(59, 130, 246)); border-radius: var(--r3); padding: 16px; color: rgb(255, 255, 255); position: relative; overflow: hidden; }
.home-hero::before { content: ""; position: absolute; top: -40px; right: -20px; width: 130px; height: 130px; background: rgba(255, 255, 255, 0.07); border-radius: 50%; }
.home-hero::after { content: ""; position: absolute; bottom: -30px; left: -10px; width: 90px; height: 90px; background: rgba(255, 255, 255, 0.05); border-radius: 50%; }
.hh-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; position: relative; z-index: 1; }
.hh-greeting { font-size: 0.6875rem; opacity: 0.8; margin-bottom: 2px; }
.hh-name { font-size: 1.0625rem; font-weight: 700; }
.hh-name-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hh-preview-badge, .hh-tier-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; margin-top: 0px; padding: 4px 10px; border-radius: 999px; vertical-align: middle; line-height: 1.2; border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 3px; white-space: nowrap; }
.hh-tier-badge[hidden] { display: none !important; }
.hh-greeting-sub { font-size: 0.6875rem; opacity: 0.7; margin-top: 2px; }
.hh-avatar { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); display: flex; align-items: center; justify-content: center; font-size: 1.125rem; cursor: pointer; flex-shrink: 0; }
.dash-mini-row { display: flex; gap: 6px; padding: 0px 12px; margin-bottom: 10px; }
.dash-mini { flex: 1 1 0px; min-width: 0px; background: var(--surface); border-radius: var(--r2); padding: 8px 10px; display: flex; align-items: center; gap: 4px; font-size: 0.75rem; color: var(--t2); cursor: pointer; overflow: hidden; white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 3px; position: relative; }
.dash-mini > * { min-width: 0px; flex-shrink: 0; }
.dash-mini > span[data-i18n] { overflow: hidden; text-overflow: ellipsis; flex-shrink: 1; }
.dash-mini strong { font-size: 0.875rem; font-weight: 700; flex-shrink: 0; }
.hyd-bar-wrap { height: 8px; background: var(--surface-2,rgba(59,130,246,.08)); border-radius: 4px; overflow: hidden; }
.hyd-bar { height: 100%; background: linear-gradient(90deg, rgb(59, 130, 246), rgb(6, 182, 212)); border-radius: 4px; transition: width 0.3s; }
.hyd-btn { flex: 1 1 auto; min-width: 0px; padding: 8px 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; background: linear-gradient(135deg, rgb(59, 130, 246), rgb(6, 182, 212)); color: rgb(255, 255, 255); font-size: 0.75rem; font-weight: 600; font-family: inherit; cursor: pointer; box-shadow: rgba(59, 130, 246, 0.15) 0px 1px 3px; }
.hyd-btn:active { transform: scale(0.97); }
.hyd-btn-ghost { background: var(--surface); color: var(--t2); border: 1px solid var(--border2); box-shadow: none; }
.streaks-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.streak-tile { background: var(--surface-2,rgba(37,99,235,.05)); border-radius: 10px; padding: 8px 6px; text-align: center; border: 1px solid var(--border,rgba(37,99,235,.08)); }
.streak-tile.hot { background: linear-gradient(135deg, rgba(249, 115, 22, 0.12), rgba(239, 68, 68, 0.08)); border-color: rgba(249, 115, 22, 0.25); }
.streak-tile.food-pin { background: linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(52, 211, 153, 0.08)); border-color: rgba(16, 185, 129, 0.28); }
.streak-tile .st-emoji { font-size: 1.125rem; line-height: 1; }
.streak-tile .st-val { font-size: 0.9375rem; font-weight: 800; color: var(--t1); margin-top: 2px; }
.streak-tile .st-lbl { font-size: 0.5625rem; color: var(--t3); text-transform: uppercase; letter-spacing: 0.04em; }
@keyframes dcfSlide { 
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
.hh-focus-btn { width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 0.9375rem; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hh-focus-btn:active { transform: scale(0.95); }
.dash-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0px 12px; margin-bottom: 8px; }
.dash-card { background: var(--surface); border-radius: var(--r3); padding: 14px; cursor: pointer; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 4px; }
.dash-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; border-radius: var(--r3) var(--r3) 0 0; }
.dash-cal::before { background: linear-gradient(90deg, rgb(52, 211, 153), rgb(16, 185, 129)); }
.dash-heart::before { background: linear-gradient(90deg, rgb(251, 113, 133), rgb(225, 29, 72)); }
.dash-card-ico { font-size: 1.25rem; margin-bottom: 4px; }
.dash-card-val { font-size: 1.5rem; font-weight: 800; color: var(--t1); line-height: 1.1; }
.dash-card-lbl { font-size: 0.6875rem; color: var(--t3); margin-top: 2px; }
.dash-card-target, .dash-card-sub { font-size: 0.625rem; color: var(--t4); margin-top: 2px; }
.card-hide-btn { display: none; position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; border-radius: 50%; background: var(--red); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 0.75rem; cursor: pointer; align-items: center; justify-content: center; z-index: 5; line-height: 1; }
.bottomnav { display: flex; background: var(--surface); border-top: 1px solid var(--border); flex-shrink: 0; padding: 6px 2px 14px; position: relative; z-index: 50; }
.bn-item { flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 4px 2px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; cursor: pointer; position: relative; border-radius: var(--r); min-width: 0px; font-family: "DM Sans", sans-serif; }
.bn-ico { font-size: 1.125rem; line-height: 1; }
.bn-lbl { font-size: 0.5625rem; color: var(--t4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; text-align: center; }
.bn-item.active .bn-lbl { color: var(--brand); font-weight: 700; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.health-score-wrap { margin: 0px 12px 10px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r3); padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; min-height: 60px; }
.week-avg-tab { flex: 1 1 0%; min-width: 0px; padding: 10px 8px; min-height: 36px; font-size: 0.6875rem; font-weight: 600; color: var(--t2); background: var(--surface2); border: 1px solid var(--border); border-radius: 8px; cursor: pointer; white-space: nowrap; }
.week-avg-tab.active { background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand); }
* { box-sizing: border-box; margin: 0px; padding: 0px; }
:root { --bg: #EEF0F4; --surface: #FFFFFF; --surface2: #F5F7FA; --card: #FFFFFF; --bg1: #F5F7FA; --border: #E2E6EC; --border2: #C8D0DC; --line: #E2E6EC; --t1: #0F1827; --t2: #2D3A4A; --t3: #5A6A7A; --t4: #64748B; --red: #DC2626; --red-b: #FEF2F2; --red-m: rgba(220,38,38,.15); --orange: #C2410C; --orange-b: #FFF7ED; --yellow: #92400E; --yellow-b: #FFFBEB; --green: #15803D; --green-b: #F0FDF4; --blue: #1D4ED8; --blue-b: #EFF6FF; --purple: #6D28D9; --purple-b: #F5F3FF; --teal: #0F766E; --teal-b: #F0FDFA; --brand: #3A4351; --brand-d: #2C333E; --brand-l: #EFF1F4; --r: 8px; --r2: 12px; --r3: 16px; --r4: 20px; --shadow: 0 1px 3px rgba(15,24,39,.1),0 1px 2px rgba(15,24,39,.06); --shadow2: 0 4px 12px rgba(15,24,39,.12),0 2px 4px rgba(15,24,39,.06); --tl-safe-top: env(safe-area-inset-top,0px); --tl-safe-bottom: env(safe-area-inset-bottom,0px); }
[data-theme="black"] { --bg: #0B0C10; --surface: #12141A; --surface2: #191C24; --card: #12141A; --bg1: #191C24; --border: #232832; --border2: #39404E; --line: #232832; --t1: #F3F4F6; --t2: #B6BCC6; --t3: #8B93A0; --t4: #5F6673; --red-b: #1F0A0A; --orange-b: #1F110A; --yellow-b: #1F1800; --green-b: #061408; --blue-b: #060F22; --purple-b: #100920; --teal-b: #06150F; --brand: #AEB6C2; --brand-d: #C7CDD6; --brand-l: #1D212A; --brand-solid: #484F5C; }
* { box-sizing: border-box; }
html, body { overscroll-behavior-y: contain; }
body { margin: 0px; font-family: "DM Sans", system-ui, sans-serif; background: var(--bg); color: var(--t1); transition: background 0.25s, color 0.25s; -webkit-font-smoothing: antialiased; }
.ctl-btn { padding: 6px 14px; border-radius: 20px; border: 1px solid var(--border2); background: var(--surface); color: var(--t2); font-size: 12px; font-family: "DM Sans", sans-serif; cursor: pointer; transition: 0.15s; white-space: nowrap; }
.ctl-btn:hover, .ctl-btn.active { background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand); }
.app { flex: 1 1 0%; display: flex; flex-direction: column; overflow: hidden; }
.screens { flex: 1 1 0%; overflow: hidden; position: relative; }
.screen { position: absolute; inset: 0px; overflow-y: scroll; display: none; flex-direction: column; padding-bottom: 140px; overscroll-behavior: contain; }
.screen > * { flex-shrink: 0; }
.screen.active { display: flex; }
.screen::-webkit-scrollbar { width: 2px; }
.screen::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 2px; }
.sec-hd { font-size: 0.6875rem; font-weight: 700; color: var(--t4); text-transform: uppercase; letter-spacing: 0.1em; padding: 12px 14px 5px; }
.screen-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px 8px; border-bottom: 1px solid var(--border); }
.screen-title { font-size: 16px; font-weight: 700; color: var(--t1); }
.screen-sub { font-size: 11px; color: var(--t3); margin-top: 2px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--r); padding: 10px 16px; font-size: 13px; font-weight: 600; font-family: "DM Sans", sans-serif; cursor: pointer; transition: 0.15s; letter-spacing: 0.01em; text-align: center; }
.btn-primary { background: var(--brand); color: rgb(255, 255, 255); }
.btn-primary:hover { background: var(--brand-d); }
.btn-primary:disabled { background: var(--t4); cursor: not-allowed; }
.btn-sm { padding: 7px 13px; font-size: 12px; }
.bottomnav { display: flex; background: var(--surface); border-top: 1px solid var(--border); flex-shrink: 0; padding: 6px 2px 14px; position: relative; z-index: 50; }
.bn-item { flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 4px 2px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; cursor: pointer; position: relative; border-radius: var(--r); transition: 0.15s; min-width: 0px; font-family: "DM Sans", sans-serif; }
.bn-item:hover { background: var(--surface2); }
.bn-ico { font-size: 18px; line-height: 1; transition: transform 0.15s; }
#nav-more .bn-ico { color: var(--t1); font-weight: 900; }
.bn-item.active .bn-ico { transform: scale(1.1); }
.bn-lbl { font-size: 8.5px; color: var(--t2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; text-align: center; }
.bn-item.active .bn-lbl { color: var(--t1); font-weight: 700; }
.home-hero { margin: 8px 12px 4px; background: linear-gradient(135deg, rgb(37, 44, 56), rgb(57, 66, 79) 55%, rgb(74, 85, 101)); border-radius: var(--r3); padding: 16px; color: rgb(255, 255, 255); position: relative; overflow: hidden; }
.home-hero::before { content: ""; position: absolute; top: -40px; right: -20px; width: 130px; height: 130px; background: rgba(255, 255, 255, 0.07); border-radius: 50%; }
.home-hero::after { content: ""; position: absolute; bottom: -30px; left: -10px; width: 90px; height: 90px; background: rgba(255, 255, 255, 0.05); border-radius: 50%; }
.hh-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; position: relative; z-index: 1; }
.hh-greeting { font-size: 11px; opacity: 0.8; margin-bottom: 2px; }
.hh-name { font-size: 17px; font-weight: 700; }
@keyframes fadeUp { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.screen.active > * { animation: 0.1s ease 0s 1 normal both running fadeUp; }
@media (max-width: 640px){
html, body { margin: 0px !important; padding: 0px !important; height: 100% !important; overflow: hidden !important; background: var(--bg) !important; }
.app { position: fixed !important; inset: 0px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; background: var(--bg) !important; padding-top: max(env(safe-area-inset-top,0px),var(--tl-safe-top,0px)) !important; }
.screens { flex: 1 1 0% !important; min-height: 0px !important; overflow-y: auto !important; position: relative !important; }
.screen { padding-bottom: 140px !important; }
.bottomnav { flex-shrink: 0 !important; padding: 0px !important; margin: 6px 12px max(10px,env(safe-area-inset-bottom,0px),var(--tl-safe-bottom,0px)) !important; }
}
html[data-theme="dark"], html[data-theme="dark"] body, html[data-theme="dark"] .app, body[data-theme="dark"] { color: rgb(240, 244, 255); background: rgb(11, 13, 20) !important; }
html[data-theme="black"], html[data-theme="black"] body, html[data-theme="black"] .app, body[data-theme="black"] { color: rgb(243, 244, 246); background: rgb(11, 12, 16) !important; }
html[data-theme="black"] .app, body[data-theme="black"] .app { background: rgb(18, 20, 26) !important; }
html[data-theme="black"] .app::before, body[data-theme="black"] .app::before { background: rgb(11, 12, 16) !important; }
html[data-theme="black"] .screen, body[data-theme="black"] .screen { background: rgb(18, 20, 26) !important; }
html.is-apk, html.is-apk body { margin: 0px !important; padding: 0px !important; height: 100% !important; overflow: hidden !important; background: var(--bg) !important; }
@media (max-width: 480px){
body { font-size: 14.5px; }
.btn, .bnav-btn, .ctl-btn, .tab, button.btn { min-height: 44px; }
input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea { min-height: 44px; }
}
.home-hero { background: linear-gradient(135deg, rgb(10, 22, 40) 0%, rgb(13, 33, 55) 100%); padding: 14px 16px 16px; flex-shrink: 0; }
#sc-home .home-hero { background: linear-gradient(135deg, rgb(37, 44, 56), rgb(57, 66, 79) 55%, rgb(74, 85, 101)); }
.hh-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 14px; }
.hh-greeting { font-size: 11px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 0.08em; }
.hh-name { font-size: 22px; font-weight: 800; color: rgb(255, 255, 255); letter-spacing: -0.02em; margin-top: 2px; }
.hh-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, rgb(0, 180, 216), rgb(0, 119, 182)); display: flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; flex-shrink: 0; overflow: hidden; }
.qa-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 6px 12px 4px; }
.qa-btn { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 12px 10px; cursor: pointer; font-family: "DM Sans", sans-serif; text-align: left; transition: 0.15s; display: flex; flex-direction: column; gap: 4px; }
.qa-btn:hover { border-color: rgb(0, 180, 216); background: rgba(0, 180, 216, 0.04); }
.qa-ico { font-size: 22px; }
.qa-title { font-size: 12px; font-weight: 700; color: var(--t1); }
.qa-sub { font-size: 10px; color: var(--t3); line-height: 1.3; }
.bottomnav { display: flex; align-items: stretch; gap: 8px; flex-shrink: 0; margin: 6px 12px 10px; padding: 0px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; position: relative; z-index: 50; }
.bn-pill { flex: 1 1 auto; min-width: 0px; position: relative; display: flex; align-items: stretch; gap: 2px; background: var(--surface); border: 1px solid var(--border); border-radius: 26px; padding: 7px; box-shadow: rgba(15, 24, 39, 0.14) 0px 8px 24px, rgba(15, 24, 39, 0.07) 0px 2px 6px; }
.bn-item { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 7px 4px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; color: var(--t3); font-family: "DM Sans", sans-serif; position: relative; transition: background 0.18s, transform 0.15s; border-radius: 18px; margin: 0px; }
.bn-ico { font-size: 19px; line-height: 1; color: inherit; position: relative; display: inline-flex; align-items: center; justify-content: center; transition: transform 0.15s; }
.bn-ico svg, .nmi-ico svg, .nc-sort-ico svg, .nci-ico svg { width: 1em; height: 1em; display: block; }
.bn-lbl { font-size: 8px; font-weight: 600; color: var(--t2); letter-spacing: 0.02em; transition: color 0.15s; }
.bn-item.active { background: rgba(15, 24, 39, 0.06); }
.bn-item.active .bn-ico { transform: scale(1.05); color: var(--brand); }
.bn-item.active .bn-lbl { color: var(--t1); font-weight: 700; }
.bn-fab { flex: 0 0 auto; align-self: stretch; aspect-ratio: 1 / 1; min-width: 48px; display: flex; align-items: center; justify-content: center; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; border-radius: 50%; background: var(--brand); color: rgb(255, 255, 255); box-shadow: rgba(37, 99, 235, 0.4) 0px 6px 16px; transition: transform 0.15s, box-shadow 0.2s; }
.bn-fab .bn-ico { font-size: 24px; color: rgb(255, 255, 255); }
.bn-fab:hover { transform: scale(1.06); box-shadow: rgba(37, 99, 235, 0.5) 0px 8px 22px; }
.bn-fab:active { transform: scale(0.92); }
.bn-fab:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; border-radius: 50%; }
@media (max-width: 360px){
.bn-pill .bn-lbl { font-size: 7.5px; }
.bn-pill .bn-item { padding: 7px 2px; }
}
@media (max-width: 340px){
.bn-pill .bn-lbl { font-size: 7px; letter-spacing: -0.01em; }
.bn-pill .bn-item { padding: 7px 1px; }
}
.dash-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0px 12px; margin-bottom: 8px; }
.dash-card { background: var(--surface); border-radius: var(--r3); padding: 14px; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; position: relative; overflow: hidden; }
.dash-card:active { transform: scale(0.97); }
.dash-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; border-radius: var(--r3) var(--r3) 0 0; }
.dash-cal::before { background: linear-gradient(90deg, rgb(52, 211, 153), rgb(16, 185, 129)); }
.dash-burn::before { background: linear-gradient(90deg, rgb(125, 211, 252), rgb(56, 189, 248)); }
.dash-weight::before { background: linear-gradient(90deg, rgb(167, 139, 250), rgb(139, 92, 246)); }
.dash-mood::before { background: linear-gradient(90deg, rgb(252, 211, 77), rgb(245, 158, 11)); }
.dash-card-ico { font-size: 20px; margin-bottom: 4px; }
.dash-card-val { font-size: 24px; font-weight: 800; color: var(--t1); line-height: 1.1; }
.dash-card-lbl { font-size: 11px; color: var(--t3); margin-top: 2px; }
.dash-card-target { font-size: 10px; color: var(--t4); margin-top: 2px; }
.dash-card-sub { font-size: 10px; color: var(--t4); margin-top: 2px; }
.dash-mini-row { display: flex; gap: 6px; padding: 0px 12px; margin-bottom: 10px; }
.dash-mini { flex: 1 1 0px; min-width: 0px; background: var(--surface); border-radius: var(--r2); padding: 8px 10px; display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--t2); cursor: pointer; transition: transform 0.15s; overflow: hidden; white-space: nowrap; position: relative; }
.dash-mini > * { min-width: 0px; flex-shrink: 0; }
.dash-mini > span[data-i18n] { overflow: hidden; text-overflow: ellipsis; flex-shrink: 1; }
.dash-mini:active { transform: scale(0.97); }
.dash-mini strong { font-size: 14px; font-weight: 700; flex-shrink: 0; }
@media (max-width: 360px){
.dash-mini { font-size: 11px; padding: 6px 8px; gap: 3px; }
.dash-mini strong { font-size: 12px; }
.dash-mini-row { gap: 4px; padding: 0px 8px; }
}
@media (max-width: 300px){
.dash-mini { font-size: 10px; padding: 5px 6px; }
.dash-mini strong { font-size: 11px; }
.dash-mini-row { gap: 3px; padding: 0px 6px; }
}
.week-avg-tab { flex: 1 1 0%; min-width: 0px; padding: 10px 8px; min-height: 36px; font-size: 11px; font-weight: 600; color: var(--t2); background: var(--bg1,#f6f7fb); border: 1px solid var(--border,#e5e7eb); border-radius: 8px; cursor: pointer; white-space: nowrap; transition: 0.15s; }
.week-avg-tab.active { background: var(--brand,#2563eb); color: rgb(255, 255, 255); border-color: var(--brand,#2563eb); }
.week-avg-tab:active { transform: scale(0.97); }
.nav-badge { display: none; position: absolute; top: -2px; right: -6px; min-width: 16px; height: 16px; line-height: 16px; padding: 0px 4px; border-radius: 8px; background: rgb(220, 38, 38); color: rgb(255, 255, 255); font-size: 9px; font-weight: 700; text-align: center; }
#badge-nutrition, #badge-mental { display: none !important; }
.bn-ico { position: relative; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.btn, .qa-btn, .gender-btn, .act-btn, .setting-row, .card, .dash-card, .dash-mini, .food-recent-item, .bn-item, .dose-check { -webkit-tap-highlight-color: transparent; }
.btn:active, .qa-btn:active { transform: scale(0.95); transition: transform 0.08s; }
.qa-btn { transition: transform 0.15s, box-shadow 0.15s; }
.qa-btn:hover { box-shadow: var(--shadow2); }
.bn-item:active .bn-ico { transform: scale(0.85); transition: transform 0.08s; }
.card:active { transform: scale(0.985); transition: transform 0.08s; }
.screen.transitioning { opacity: 0; transform: translateY(4px); transition: opacity 0.1s, transform 0.1s; pointer-events: none; }
.screen.transitioning.active { opacity: 1; transform: translateY(0px); pointer-events: auto; }
@keyframes ripple { 
  0% { transform: scale(0); opacity: 0.4; }
  100% { transform: scale(2.5); opacity: 0; }
}
@media (prefers-color-scheme: dark){
html:not([data-theme-manual])[data-theme="light"], html[data-theme="auto"] { --bg: #0B0D14; --surface: #141824; --surface2: #1C2233; --card: #141824; --bg1: #1C2233; --card-border: 1px solid #262E42; --border: #262E42; --border2: #364057; --t1: #F0F4FF; --t2: #B8C4D8; --t3: #7A8CA8; --t4: #9AACC6; --red-b: #1F0A0A; --orange-b: #1F110A; --yellow-b: #1F1800; --green-b: #061408; --blue-b: #060F22; --purple-b: #100920; --teal-b: #06150F; --brand: #2563EB; --brand-d: #1D4ED8; --brand-l: #060F22; }
}
.dash-card { box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 4px; transition: transform 0.15s, box-shadow 0.2s; }
.dash-card:hover { box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 16px; transform: translateY(-2px); }
.dash-card:active { transform: scale(0.96); box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px; }
.dash-mini { box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 3px; transition: transform 0.15s, box-shadow 0.2s; }
.dash-mini:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px; transform: translateY(-1px); }
.dash-mini:active { transform: scale(0.96); }
@keyframes badgePop { 
  0% { transform: scale(0); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.health-score-wrap { margin: 0px 12px 10px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r3); padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; }
.health-score-header { display: flex; align-items: center; gap: 14px; }
.health-score-ring { position: relative; width: 60px; height: 60px; flex-shrink: 0; }
.health-score-ring svg { transform: rotate(-90deg); }
.health-score-ring .hs-val { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; color: var(--t1); font-family: "DM Mono", monospace; }
.health-score-info { flex: 1 1 0%; min-width: 0px; }
.health-score-label { font-size: 10px; color: var(--t3); text-transform: uppercase; letter-spacing: 0.06em; }
.health-score-title { font-size: 14px; font-weight: 700; color: var(--t1); margin-top: 2px; }
.hs-breakdown { display: flex; flex-direction: column; gap: 6px; border-top: 1px solid var(--border); padding-top: 10px; }
.hs-detail-row { display: flex; align-items: center; gap: 8px; }
.hs-detail-label { font-size: 12px; color: var(--t2); width: 72px; flex-shrink: 0; }
.hs-detail-bar { flex: 1 1 0%; height: 6px; border-radius: 3px; background: var(--border); overflow: hidden; }
.hs-detail-bar-fill { height: 100%; border-radius: 3px; transition: width 0.6s; }
.hs-detail-status { font-size: 11px; font-weight: 600; width: 80px; text-align: right; flex-shrink: 0; color: var(--t2); }
.skeleton { position: relative; overflow: hidden; background: var(--border); border-radius: var(--r); }
.skeleton::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent); animation: 1.5s ease 0s infinite normal none running skeletonShimmer; }
@keyframes skeletonShimmer { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.swipe-indicator { display: flex; gap: 4px; justify-content: center; padding: 6px 0px 2px; }
.swipe-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--border2); transition: 0.2s; }
.swipe-dot.active { background: var(--brand); width: 18px; border-radius: 3px; }
.btn, .chip, .period-btn, .act-period-btn, .bn-item, .nav-more-item, .fab-btn, .fab-menu-item { min-height: 44px; }
.period-btn { padding: 10px 4px; }
.nav-more-item { padding: 12px 14px; min-height: 44px; }
.screen { transition: none; }
:root { --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --ts-display: 28px; --ts-display-w: 800; --ts-headline: 22px; --ts-headline-w: 700; --ts-title: 17px; --ts-title-w: 700; --ts-body: 14px; --ts-body-w: 400; --ts-label: 11px; --ts-label-w: 600; --card-sh-1: 0 1px 2px rgba(15,24,39,.04),0 2px 8px rgba(15,24,39,.06); --card-sh-2: 0 2px 4px rgba(15,24,39,.06),0 8px 24px rgba(15,24,39,.08); --card-border: 1px solid #E2E6EC; }
[data-theme="black"] { --card-border: 1px solid #232832; }
.screen-title { font-size: var(--ts-title); font-weight: var(--ts-title-w); letter-spacing: -0.01em; }
.screen-sub { font-size: 12px; color: var(--t3); margin-top: 3px; line-height: 1.4; }
.sec-hd { font-size: 0.6875rem; letter-spacing: 0.08em; padding: 14px 16px 6px; }
.home-hero { padding: var(--sp-4) var(--sp-4) calc(var(--sp-4) + 2px); margin: var(--sp-2) var(--sp-3) var(--sp-2); }
.hh-top { margin-bottom: var(--sp-4); }
.hh-name { font-size: var(--ts-headline); letter-spacing: -0.02em; min-width: 0px; overflow-wrap: anywhere; }
.dash-grid { gap: var(--sp-3); padding: 0 var(--sp-3); margin-bottom: var(--sp-3); }
.dash-card { padding: var(--sp-4); border-radius: 18px; box-shadow: var(--card-sh-1); border: var(--card-border); }
.dash-card:hover { box-shadow: var(--card-sh-2); }
.dash-card-ico { font-size: 22px; margin-bottom: var(--sp-1); }
.dash-card-val { font-size: var(--ts-display); font-weight: var(--ts-display-w); line-height: 1.05; }
.dash-card-lbl { font-size: 11px; margin-top: var(--sp-1); line-height: 1.3; }
.dash-mini-row { gap: var(--sp-2); padding: 0 var(--sp-3); margin-bottom: var(--sp-3); }
.dash-mini { padding: var(--sp-3) var(--sp-3); border-radius: 12px; border: var(--card-border); box-shadow: var(--card-sh-1); font-size: 13px; }
.dash-mini strong { font-size: 15px; }
.qa-grid { gap: var(--sp-3); padding: var(--sp-2) var(--sp-3) var(--sp-1); }
.qa-btn { padding: var(--sp-4) var(--sp-3); border-radius: 16px; box-shadow: var(--card-sh-1); gap: var(--sp-1); }
.qa-ico { font-size: 24px; margin-bottom: var(--sp-1); }
.qa-title { font-size: 13px; font-weight: 700; line-height: 1.2; }
.qa-sub { font-size: 11px; line-height: 1.35; margin-top: 2px; }
.health-score-wrap { padding: var(--sp-4) var(--sp-4); margin: var(--sp-1) var(--sp-3) var(--sp-3); border-radius: 18px; gap: var(--sp-3); box-shadow: var(--card-sh-1); }
.health-score-header { gap: var(--sp-4); }
.health-score-ring { width: 64px; height: 64px; }
.health-score-ring .hs-val { font-size: 20px; }
.health-score-title { font-size: 15px; margin-top: 3px; }
.health-score-label { font-size: 11px; letter-spacing: 0.08em; }
.hs-detail-label { font-size: 12px; width: 80px; }
.hs-detail-status { font-size: 12px; }
.btn { font-size: 14px; padding: 12px 18px; border-radius: 10px; letter-spacing: 0.005em; }
.btn-sm { font-size: 13px; padding: 9px 14px; }
.screen.active > * { animation-duration: 0.14s; }
@media (max-width: 360px){
.hh-name { font-size: 20px; }
.dash-card-val { font-size: 24px; }
.dash-card { padding: var(--sp-3); }
}
.bottomnav { gap: 7px; }
.bn-pill { border-color: color-mix(in srgb, var(--t1) 10%, var(--border)); box-shadow: rgba(15, 24, 39, 0.12) 0px 6px 18px, rgba(15, 24, 39, 0.06) 0px 1px 4px; }
.bn-item { border-radius: 16px; }
.bn-pill .bn-lbl { font-size: 8px; font-weight: 700; letter-spacing: 0px; }
.bn-item.active { background: var(--brand-l); }
.bn-item.active .bn-ico { color: var(--brand); transform: translateY(-1px); }
.bn-item.active .bn-lbl { color: var(--brand-d); }
[data-theme="black"] .bn-item.active { background: rgba(255, 255, 255, 0.08); }
[data-theme="black"] .bn-item.active .bn-lbl { color: rgb(201, 205, 214); }
@media (max-width: 360px){
.bn-pill .bn-lbl { font-size: 7.5px; }
}
[data-theme="black"] .btn-primary, [data-theme="black"] .ctl-btn:hover, [data-theme="black"] .ctl-btn.active, [data-theme="black"] .toggle-track.on, [data-theme="black"] .swipe-dot.active, [data-theme="black"] .bn-fab { color: rgb(255, 255, 255); background: var(--brand-solid, #484F5C) !important; }
[data-theme="black"] .btn-primary:hover, [data-theme="black"] .ctl-btn:hover { background: rgb(86, 94, 110) !important; }
[data-theme="black"] .ctl-btn:hover, [data-theme="black"] .ctl-btn.active { border-color: rgb(86, 94, 110) !important; }
* { box-sizing: border-box; margin: 0px; padding: 0px; }
:root { --bg: #EEF0F4; --surface: #FFFFFF; --surface2: #F5F7FA; --card: #FFFFFF; --bg1: #F5F7FA; --border: #E2E6EC; --border2: #C8D0DC; --line: #E2E6EC; --t1: #0F1827; --t2: #2D3A4A; --t3: #5A6A7A; --t4: #64748B; --red: #DC2626; --red-b: #FEF2F2; --red-m: rgba(220,38,38,.15); --orange: #C2410C; --orange-b: #FFF7ED; --yellow: #92400E; --yellow-b: #FFFBEB; --green: #15803D; --green-b: #F0FDF4; --blue: #1D4ED8; --blue-b: #EFF6FF; --purple: #6D28D9; --purple-b: #F5F3FF; --teal: #0F766E; --teal-b: #F0FDFA; --brand: #3A4351; --brand-d: #2C333E; --brand-l: #EFF1F4; --r: 8px; --r2: 12px; --r3: 16px; --r4: 20px; --shadow: 0 1px 3px rgba(15,24,39,.1),0 1px 2px rgba(15,24,39,.06); --shadow2: 0 4px 12px rgba(15,24,39,.12),0 2px 4px rgba(15,24,39,.06); --tl-safe-top: env(safe-area-inset-top,0px); --tl-safe-bottom: env(safe-area-inset-bottom,0px); }
[data-theme="black"] { --bg: #0B0C10; --surface: #12141A; --surface2: #191C24; --card: #12141A; --bg1: #191C24; --border: #232832; --border2: #39404E; --line: #232832; --t1: #F3F4F6; --t2: #B6BCC6; --t3: #8B93A0; --t4: #5F6673; --red-b: #1F0A0A; --orange-b: #1F110A; --yellow-b: #1F1800; --green-b: #061408; --blue-b: #060F22; --purple-b: #100920; --teal-b: #06150F; --brand: #AEB6C2; --brand-d: #C7CDD6; --brand-l: #1D212A; --brand-solid: #484F5C; }
* { box-sizing: border-box; }
body { margin: 0px; font-family: "DM Sans", system-ui, sans-serif; background: var(--bg); color: var(--t1); transition: background 0.25s, color 0.25s; -webkit-font-smoothing: antialiased; }
.wide-btn { margin: 3px 12px; width: calc(100% - 24px); padding: 11px; background: var(--surface); border: 1px solid var(--brand); border-radius: var(--r2); font-size: 13px; font-weight: 600; font-family: "DM Sans", sans-serif; cursor: pointer; color: var(--brand); transition: 0.15s; display: flex; align-items: center; justify-content: center; gap: 6px; }
.ai-src-row { display: flex; flex-direction: column; gap: 8px; margin: 8px 0px 12px; }
.ai-src-row .wide-btn { margin: 0px 12px; width: calc(100% - 24px); }
.card .ai-src-row, .card-box .ai-src-row, .nutr-plan-actions.ai-src-row { margin-left: 0px; margin-right: 0px; }
.card .ai-src-row .wide-btn, .nutr-plan-actions .wide-btn { margin-left: 0px; margin-right: 0px; width: 100%; }
.wide-btn:hover { background: var(--brand-l); }
.panel-back { width: 32px; height: 32px; border-radius: 8px; background: var(--surface2); border: 1px solid var(--border); color: var(--t1); display: flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; flex-shrink: 0; }
.qa-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 0px 12px 6px; }
.qa-btn { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r2); padding: 10px; text-align: left; cursor: pointer; transition: 0.15s; font-family: "DM Sans", sans-serif; }
.qa-btn:hover { border-color: var(--brand); box-shadow: var(--shadow); }
.qa-ico { font-size: 20px; margin-bottom: 4px; }
.qa-title { font-size: 12px; font-weight: 600; color: var(--t1); }
.qa-sub { font-size: 10px; color: var(--t3); margin-top: 1px; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.card-box { margin: 2px 12px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r2); padding: 10px; }
@keyframes cdot { 
  0%, 80%, 100% { transform: scale(0.7); opacity: 0.5; }
  40% { transform: scale(1.2); opacity: 1; }
}
@keyframes scanA { 
  0% { top: 18%; }
  50% { top: 78%; }
  100% { top: 18%; }
}
html.is-apk *, html.is-apk ::before, html.is-apk ::after { backdrop-filter: none !important; }
@keyframes obSlide { 
  0% { transform: translateY(12px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
.daily-momentum-card { margin: 10px 12px 8px; padding: 14px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); box-shadow: var(--card-sh-1,var(--shadow)); }
.daily-momentum-card[data-mode] { border-color: var(--momentum-accent,var(--border)); background: linear-gradient(135deg,var(--momentum-tint,transparent),var(--surface) 54%); }
.daily-momentum-card[data-mode="celebrate"] { --momentum-accent: rgba(245,158,11,.58); --momentum-tint: rgba(245,158,11,.13); }
.daily-momentum-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.daily-momentum-kicker { font-size: 9px; font-weight: 800; letter-spacing: 0.1em; color: var(--brand); }
.daily-momentum-title { margin-top: 2px; font-size: 15px; font-weight: 750; color: var(--t1); }
.daily-momentum-score { display: flex; align-items: baseline; gap: 2px; color: var(--brand); font-variant-numeric: tabular-nums; }
.daily-momentum-score strong { font-size: 25px; line-height: 1; }
.daily-momentum-score span { font-size: 10px; font-weight: 700; color: var(--t3); }
.daily-momentum-bar { height: 7px; margin: 12px 0px 10px; overflow: hidden; border-radius: 999px; background: var(--surface2); }
.daily-momentum-bar span { display: block; width: 0px; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--brand),#22c55e); transition: width 0.45s; }
.daily-momentum-recommendation { font-size: 12px; line-height: 1.4; color: var(--t2); }
.daily-momentum-primary { display: flex; align-items: center; width: 100%; gap: 9px; margin-top: 10px; padding: 10px; border: 1px solid var(--momentum-accent,var(--brand)); border-radius: 12px; background: var(--surface2); color: var(--t1); font: inherit; text-align: left; cursor: pointer; transition: transform 0.15s, background 0.15s, box-shadow 0.15s; }
.daily-momentum-primary:hover { transform: translateY(-1px); background: var(--momentum-tint,var(--surface2)); box-shadow: rgba(15, 23, 42, 0.09) 0px 5px 14px; }
.daily-momentum-primary:active { transform: translateY(0px); }
.daily-momentum-primary-icon { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border-radius: 9px; background: var(--momentum-tint,rgba(37,99,235,.10)); font-size: 17px; }
.daily-momentum-primary-copy { display: grid; min-width: 0px; gap: 1px; }
.daily-momentum-primary-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 1.3; }
.daily-momentum-primary-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; line-height: 1.3; color: var(--t3); }
.daily-momentum-primary-arrow { margin-left: auto; font-size: 22px; line-height: 1; color: var(--brand); }
.daily-momentum-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 12px; }
.daily-momentum-stats button { min-width: 0px; padding: 7px 3px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface2); color: var(--t1); font: inherit; cursor: pointer; }
.daily-momentum-stats span { display: block; font-size: 13px; }
.daily-momentum-stats b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; margin-top: 2px; }
.daily-momentum-stats small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; color: var(--t3); margin-top: 1px; }
[data-theme="black"] .daily-momentum-card { background: rgb(18, 20, 26); border-color: rgb(57, 64, 78); box-shadow: rgba(0, 0, 0, 0.26) 0px 8px 20px; }
[data-theme="black"] .daily-momentum-card[data-mode] { background: linear-gradient(135deg,var(--momentum-tint,transparent),#12141A 58%); }
.monthly-campaign-host { margin: 0px 12px 10px; }
.monthly-campaign-card { overflow: hidden; position: relative; border: 1px solid rgba(245, 158, 11, 0.46); border-radius: 16px; background: linear-gradient(135deg,rgba(245,158,11,.15),rgba(139,92,246,.10) 55%,var(--surface)); box-shadow: var(--card-sh-1,var(--shadow)); padding: 14px; }
.monthly-campaign-hide { position: absolute; top: 2px; right: 4px; width: 44px; height: 44px; border: 0px; border-radius: 50%; background: transparent; color: var(--t3); font-size: 16px; line-height: 1; cursor: pointer; z-index: 1; }
.monthly-campaign-hide:active { background: rgba(180, 83, 9, 0.14); color: var(--t1); }
.monthly-campaign-kicker { font-size: 9px; letter-spacing: 0.1em; font-weight: 800; color: rgb(146, 64, 14); padding-right: 48px; }
.monthly-campaign-title { margin-top: 3px; font-size: 16px; font-weight: 800; color: var(--t1); }
.monthly-campaign-sub { margin-top: 4px; font-size: 11px; line-height: 1.4; color: var(--t2); }
.monthly-campaign-prize { display: flex; align-items: baseline; gap: 5px; margin: 10px 0px 8px; }
.monthly-campaign-prize strong { font-size: 26px; line-height: 1; color: rgb(180, 83, 9); }
.monthly-campaign-prize span { font-size: 11px; font-weight: 700; color: var(--t2); }
.monthly-campaign-cta { width: 100%; min-height: 44px; margin-top: 9px; padding: 13px 12px; border: 0px; border-radius: 11px; background: linear-gradient(135deg, rgb(180, 83, 9), rgb(154, 52, 18)); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.monthly-campaign-cta:active { transform: scale(0.99); }
.monthly-campaign-status { display: flex; justify-content: space-between; gap: 10px; margin-top: 10px; padding-top: 9px; border-top: 1px solid rgba(180, 83, 9, 0.18); font-size: 11px; color: var(--t2); }
[data-theme="black"] .monthly-campaign-card { background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.14) 55%, rgb(18, 20, 26)); border-color: rgba(245, 158, 11, 0.55); }
.monthly-campaign-cta.secondary { margin-top: 8px; background: transparent; border: 1px solid rgb(180, 83, 9); color: rgb(146, 64, 14); }
.monthly-campaign-meta { margin-top: 9px; font-size: 11px; color: var(--t2); line-height: 1.5; }
body.camp-page { background: var(--bg,#f4f6fb); }
[data-theme="black"] .daily-momentum-stats button, [data-theme="black"] .daily-momentum-primary, [data-theme="black"] .nutr-daily-loop, [data-theme="black"] .fast-next-milestone { background: rgb(25, 28, 36); border-color: rgb(57, 64, 78); }
.wproj-card { --wproj-accent: #7c3aed; --wproj-accent2: #2563eb; position: relative; isolation: isolate; overflow: hidden; margin: 10px 12px; padding: 16px; border: 1px solid rgba(124, 58, 237, 0.22); border-radius: 20px; background: linear-gradient(145deg,rgba(124,58,237,.085),var(--surface) 34%,var(--surface)); box-shadow: rgba(30, 41, 59, 0.08) 0px 10px 30px, rgba(30, 41, 59, 0.06) 0px 1px 3px; }
.wproj-card::before { content: ""; position: absolute; z-index: -1; right: -48px; top: -70px; width: 170px; height: 170px; border-radius: 50%; background: linear-gradient(145deg, rgba(124, 58, 237, 0.17), rgba(37, 99, 235, 0.04)); pointer-events: none; }
.wproj-card--home { margin: 0px 12px 8px; }
.wproj-head { display: flex; align-items: center; gap: 11px; min-width: 0px; }
.wproj-icon { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 13px; background: linear-gradient(145deg,var(--wproj-accent),var(--wproj-accent2)); box-shadow: rgba(124, 58, 237, 0.24) 0px 7px 16px; color: rgb(255, 255, 255); }
.wproj-icon svg { width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wproj-heading { flex: 1 1 0%; min-width: 0px; }
.wproj-title-row { display: flex; align-items: center; gap: 7px; min-width: 0px; }
.wproj-title { min-width: 0px; color: var(--t1); font-size: 14px; font-weight: 800; line-height: 1.25; letter-spacing: -0.015em; }
.wproj-ai-badge { flex: 0 0 auto; padding: 3px 6px; border: 1px solid rgba(124, 58, 237, 0.2); border-radius: 999px; background: rgba(124, 58, 237, 0.1); color: var(--wproj-accent); font-size: 8px; font-weight: 900; line-height: 1; letter-spacing: 0.08em; }
.wproj-sub { margin-top: 3px; color: var(--t3); font-size: 10px; font-weight: 600; line-height: 1.3; }
.wproj-sub:empty { display: none; }
.wproj-refresh { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; padding: 0px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--t2); cursor: pointer; box-shadow: rgba(15, 23, 42, 0.06) 0px 2px 8px; transition: transform 0.16s, border-color 0.16s, color 0.16s; }
.wproj-refresh:hover { border-color: rgba(124, 58, 237, 0.42); color: var(--wproj-accent); transform: translateY(-1px); }
.wproj-refresh:active { transform: translateY(0px) scale(0.97); }
.wproj-refresh:disabled { cursor: wait; transform: none; opacity: 0.58; }
.wproj-refresh svg { width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@keyframes wproj-spin { 
  100% { transform: rotate(360deg); }
}
.wproj-recalc { display: none !important; }
.wproj-card .wproj-body { margin-top: 15px; color: var(--t3); font-size: 12px; line-height: 1.45; }
.wproj-basis-label { margin: 0px 2px 6px; color: var(--t3); font-size: 9px; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; }
.wproj-tabs { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 4px; padding: 4px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface2); }
.wproj-tab { min-width: 0px; height: 36px; padding: 0px 5px; overflow: hidden; border: 0px; border-radius: 9px; background: transparent; color: var(--t3); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 10.5px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; transition: background 0.16s, color 0.16s, box-shadow 0.16s; }
.wproj-tab.active { background: var(--surface); color: var(--t1); box-shadow: rgba(15, 23, 42, 0.09) 0px 2px 8px; }
.wproj-tab:disabled { cursor: not-allowed; opacity: 0.4; }
.wproj-metrics { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 7px; margin-top: 9px; }
.wproj-metric { min-width: 0px; padding: 11px 8px 10px; border: 1px solid var(--border); border-radius: 13px; background: rgba(255, 255, 255, 0.62); text-align: center; }
.wproj-metric-label { display: block; margin-bottom: 5px; color: var(--t3); font-size: 9px; font-weight: 750; line-height: 1; text-transform: uppercase; letter-spacing: 0.035em; }
.wproj-metric-value { display: flex; align-items: baseline; justify-content: center; min-width: 0px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wproj-metric-value strong { font-size: 18px; font-weight: 850; line-height: 1; letter-spacing: -0.045em; }
.wproj-metric-value > span:not(.wproj-capped) { margin-left: 3px; color: var(--t3); font-size: 8.5px; font-weight: 700; }
.wproj-metric[data-tone="loss"] strong { color: rgb(5, 150, 105); }
.wproj-context { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.wproj-context > span { display: inline-flex; align-items: center; gap: 3px; min-height: 25px; padding: 4px 8px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface2); color: var(--t3); font-size: 9px; line-height: 1.2; }
.wproj-context i { font-style: normal; font-size: 10px; }
.wproj-context b { color: var(--t2); font-weight: 800; }
.wproj-insight { position: relative; margin-top: 11px; padding: 11px 12px 11px 34px; border: 1px solid rgba(124, 58, 237, 0.18); border-radius: 13px; background: linear-gradient(135deg, rgba(124, 58, 237, 0.1), rgba(37, 99, 235, 0.06)); color: var(--t2); font-size: 11px; line-height: 1.5; }
.wproj-insight::before { content: "✦"; position: absolute; left: 12px; top: 11px; color: var(--wproj-accent); font-size: 13px; font-weight: 900; }
.wproj-note { margin-top: 11px; padding-top: 10px; border-top: 1px solid var(--border); color: var(--t3); font-size: 9px; line-height: 1.5; }
.wproj-note:empty { display: none; }
[data-theme="black"] .wproj-card { border-color: rgba(139, 92, 246, 0.34); background: linear-gradient(145deg, rgba(124, 58, 237, 0.16), rgb(18, 20, 26) 36%, rgb(18, 20, 26)); box-shadow: rgba(0, 0, 0, 0.28) 0px 12px 32px; }
[data-theme="black"] .wproj-refresh, [data-theme="black"] .wproj-tab.active { background: rgb(32, 38, 56); border-color: rgb(57, 64, 78); }
@media (max-width: 350px){
.wproj-card { padding: 14px; }
.wproj-icon { flex-basis: 38px; width: 38px; height: 38px; border-radius: 12px; }
.wproj-refresh { flex-basis: 38px; width: 38px; height: 38px; }
.wproj-title { font-size: 13px; }
.wproj-metrics { gap: 5px; }
.wproj-metric { padding: 10px 5px 9px; }
.wproj-metric-value strong { font-size: 16px; }
.wproj-context > span { padding: 4px 6px; }
}
@media (prefers-reduced-motion: reduce){
.wproj-refresh, .wproj-tab { transition: none; }
}
.mp-ad { display: flex; align-items: flex-start; gap: 10px; margin: 10px 0px 8px; padding: 10px 12px; border-radius: 12px; background: var(--brand-l, rgba(99,102,241,.08)); border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--border)); }
.mp-ad-ico { font-size: 20px; line-height: 1.2; flex-shrink: 0; }
.mp-ad-title { font-size: 12px; font-weight: 700; color: var(--t1); line-height: 1.3; }
.mp-ad-sub { margin-top: 2px; font-size: 11px; color: var(--t2); line-height: 1.4; }
@keyframes slideUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
.mood-btn { width: 48px; height: 48px; border-radius: 50%; border: 2.5px solid transparent; background: var(--surface2); font-size: 26px; cursor: pointer; transition: 0.25s cubic-bezier(0.22, 1, 0.36, 1); display: flex; align-items: center; justify-content: center; position: relative; }
.mood-btn:hover { transform: scale(1.12); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px; }
.mood-btn[data-mood="1"]:hover { border-color: rgb(252, 165, 165); background: rgb(254, 242, 242); }
.mood-btn[data-mood="2"]:hover { border-color: rgb(253, 186, 116); background: rgb(255, 247, 237); }
.mood-btn[data-mood="3"]:hover { border-color: rgb(252, 211, 77); background: rgb(255, 251, 235); }
.mood-btn[data-mood="4"].sel { border-color: rgb(134, 239, 172); background: linear-gradient(135deg, rgb(240, 253, 244), rgb(220, 252, 231)); transform: scale(1.18); box-shadow: rgba(34, 197, 94, 0.18) 0px 0px 0px 4px, rgba(34, 197, 94, 0.12) 0px 4px 20px; }
.mood-btn[data-mood="4"]:hover { border-color: rgb(134, 239, 172); background: rgb(240, 253, 244); }
.mood-btn[data-mood="5"]:hover { border-color: rgb(103, 232, 249); background: rgb(236, 254, 255); }
.panel-back { min-width: 44px; min-height: 44px; }
.water-add-btn { width: 44px; height: 44px; }
.week-avg-tab { min-height: 44px; }
.wk-cssbars { display: flex; align-items: flex-end; justify-content: space-between; gap: 4px; height: 92px; padding-bottom: 18px; position: relative; }
.wk-cssbars .wk-bar-col { flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; min-width: 0px; gap: 3px; }
.wk-cssbars .wk-bar { width: 100%; max-width: 26px; border-radius: 5px 5px 2px 2px; background: rgba(200, 208, 220, 0.3); min-height: 3px; transition: height 0.3s; position: relative; }
.wk-cssbars .wk-bar.wk-best { box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 2px inset; }
.wk-cssbars .wk-bar-lbl { font-size: 10px; color: var(--t3); line-height: 1; margin-top: 2px; position: absolute; bottom: 0px; }
.wk-cssbars .wk-bar-val { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); font-size: 9px; font-weight: 700; color: var(--t2); white-space: nowrap; opacity: 0; transition: opacity 0.2s; pointer-events: none; }
.wk-cssbars .wk-bar-col:hover .wk-bar-val { opacity: 1; }
.mood-checkin { margin: 0px 12px; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 20px 16px 16px; box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 3px; }
.mci-hero { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 18px; }
.mci-hero-ring { width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgb(243, 240, 255), rgb(237, 233, 254)); border: 3px solid rgb(221, 214, 254); transition: 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
.mci-hero-ring span { font-size: 36px; line-height: 1; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
.mci-hero-label { font-size: 13px; font-weight: 700; color: var(--t2); transition: color 0.3s; }
.mci-picker { display: flex; justify-content: center; gap: 10px; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--border); }
.mci-sliders { display: flex; flex-direction: column; gap: 14px; margin-bottom: 18px; }
.mci-slider-row { display: flex; flex-direction: column; gap: 4px; }
.mci-sr-head { display: flex; justify-content: space-between; align-items: center; }
.mci-sr-head > span:first-child { font-size: 11.5px; font-weight: 600; color: var(--t3); display: flex; align-items: center; gap: 4px; }
.mci-sr-ico { font-size: 15px; }
.mci-sr-val { font-size: 13px; font-weight: 800; min-width: 20px; text-align: right; padding: 2px 8px; border-radius: 8px; background: var(--surface2); transition: 0.15s; }
.mci-sr { appearance: none; width: 100%; height: 8px; border-radius: 4px; outline: none; cursor: pointer; background: var(--border); }
.mci-sr::-webkit-slider-runnable-track { height: 8px; border-radius: 4px; }
.mci-sr::-webkit-slider-thumb { appearance: none; width: 24px; height: 24px; border-radius: 50%; margin-top: -8px; cursor: pointer; border: 3px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 8px; transition: 0.15s; }
.mci-sr::-webkit-slider-thumb:active { transform: scale(1.15); }
#mental-energy::-webkit-slider-thumb { background: rgb(245, 158, 11); }
#mental-anxiety::-webkit-slider-thumb { background: rgb(239, 68, 68); }
#mental-stress::-webkit-slider-thumb { background: rgb(249, 115, 22); }
#mental-sleep-q::-webkit-slider-thumb { background: rgb(99, 102, 241); }
.mci-fields { display: flex; gap: 8px; margin-bottom: 14px; }
.mci-field { flex: 1 1 0%; display: flex; flex-direction: column; gap: 4px; }
.mci-field-wide { flex: 2 1 0%; }
.mci-field label { font-size: 11px; font-weight: 700; color: var(--t3); display: flex; align-items: center; gap: 4px; }
.mci-field input { width: 100%; padding: 10px 12px; border: 1.5px solid var(--border); border-radius: 10px; font-size: 15px; font-family: inherit; background: var(--surface2); color: var(--t1); outline: none; transition: border-color 0.2s, box-shadow 0.2s; }
.mci-field input:focus { border-color: rgb(139, 92, 246); box-shadow: rgba(139, 92, 246, 0.12) 0px 0px 0px 3px; }
.mci-field input::placeholder { color: var(--t4); }
.mood-checkin .mood-save-btn { width: 100%; padding: 13px; background: linear-gradient(135deg, rgb(139, 92, 246), rgb(99, 102, 241)); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 13px; font-size: 14.5px; font-weight: 700; font-family: inherit; cursor: pointer; transition: 0.2s cubic-bezier(0.22, 1, 0.36, 1); box-shadow: rgba(99, 102, 241, 0.25) 0px 2px 8px; }
.mood-checkin .mood-save-btn:hover { transform: translateY(-1px); box-shadow: rgba(99, 102, 241, 0.4) 0px 6px 20px; }
.mood-checkin .mood-save-btn:active { transform: scale(0.97); }
.mental-stat-card { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 12px 10px; text-align: center; transition: 0.2s; }
.mental-stat-card:hover { transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 12px; }
.mental-stat-card .msc-val { font-size: 22px; font-weight: 800; line-height: 1.2; margin-bottom: 2px; }
.mental-stat-card .msc-lbl { font-size: 9.5px; font-weight: 600; color: var(--t3); text-transform: uppercase; letter-spacing: 0.06em; }
.mental-stat-card:nth-child(1) { border-top: 3px solid rgb(168, 85, 247); }
.mental-stat-card:nth-child(2) { border-top: 3px solid rgb(249, 115, 22); }
.mental-stat-card:nth-child(3) { border-top: 3px solid rgb(99, 102, 241); }
.mental-history-item { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: var(--surface); border-radius: 12px; margin-bottom: 6px; border-left: 4px solid transparent; transition: 0.15s; }
.mental-history-item:hover { box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px; transform: translateX(2px); }
.mhi-emoji { font-size: 24px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; }
.mhi-info { flex: 1 1 0%; min-width: 0px; }
.mhi-date { font-size: 12px; font-weight: 600; color: var(--t1); }
.mhi-metrics { font-size: 10.5px; color: var(--t4); margin-top: 3px; }
.mhi-del { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; cursor: pointer; opacity: 0.4; padding: 6px 10px; border-radius: 8px; transition: 0.15s; color: var(--t3); }
.mhi-del:hover { opacity: 1; background: rgb(254, 242, 242); color: rgb(239, 68, 68); }
.fitbit-sleep-card { position: relative; padding: 16px !important; }
.fitbit-sleep-header { display: flex; justify-content: space-between; align-items: flex-start; }
.fitbit-sleep-score { width: 60px; height: 60px; border-radius: 50%; border: 3px solid; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; }
.fitbit-sleep-badge { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: rgb(0, 176, 185); background: rgba(0, 176, 185, 0.08); border-radius: 6px; padding: 4px 10px; margin: 10px 0px 8px; }
.sleep-hist-fitbit { display: inline-block; font-size: 9px; font-weight: 700; color: rgb(0, 176, 185); background: rgba(0, 176, 185, 0.12); border-radius: 4px; padding: 1px 5px; vertical-align: middle; margin-left: 4px; letter-spacing: 0.3px; }
.sleep-hist-score { font-size: 12px; font-weight: 700; color: var(--primary); background: rgba(37, 99, 235, 0.1); border-radius: 4px; padding: 1px 6px; }
.sleep-hist-stages { display: flex; height: 4px; border-radius: 2px; overflow: hidden; gap: 1px; margin-top: 6px; }
.sleep-hist-stages > div { min-width: 2px; }
.mhi-emoji { font-size: 24px; }
.mhi-info { flex: 1 1 0%; min-width: 0px; }
.mhi-date { font-size: 11px; font-weight: 600; color: var(--t2); }
.mhi-metrics { font-size: 10px; color: var(--t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mhi-del { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; cursor: pointer; color: var(--t4); padding: 4px; }
.mhi-del:hover { color: var(--red); }
.act-period-btn { flex: 1 1 0%; min-width: 0px; white-space: normal; border-radius: var(--r1); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 12px; padding: 6px; cursor: pointer; font-weight: 600; color: var(--t3); font-family: inherit; transition: 0.15s; }
.act-period-btn.active { background: var(--brand); color: rgb(255, 255, 255); }
#sc-activity #act-analysis .activity-analysis-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r3); box-shadow: var(--card-sh-1); color: var(--t1); }
#sc-activity #act-analysis .activity-analysis-period { border: 1px solid var(--border); }
#sc-activity #act-analysis .activity-analysis-rec:last-child { border-bottom: 0px !important; }
[data-theme="black"] #sc-activity #act-analysis .activity-analysis-card { background: rgb(18, 20, 26); border-color: rgb(57, 64, 78); box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 20px; }
[data-theme="black"] #sc-activity #act-analysis .activity-analysis-period { border-color: rgb(57, 64, 78); background: rgb(15, 20, 32) !important; color: var(--t2) !important; }
.mood-sparkline-wrap { margin: 0px 12px 8px; background: var(--surface); border-radius: var(--r3); padding: 10px 14px; border: 1px solid var(--border); }
.mood-sparkline-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.mood-sparkline-title { font-size: 11px; font-weight: 700; color: var(--t3); text-transform: uppercase; letter-spacing: 0.06em; }
.mood-sparkline-avg { font-size: 11px; font-weight: 600; color: var(--t2); }
.mood-sparkline { display: flex; align-items: flex-end; gap: 3px; height: 32px; }
.water-widget { margin: 0px 12px 8px; background: var(--surface); border-radius: var(--r3); padding: 12px 14px; display: flex; align-items: center; gap: 12px; }
.water-ring-wrap { position: relative; width: 50px; height: 50px; flex-shrink: 0; cursor: pointer; }
.water-ring-wrap svg { transform: rotate(-90deg); }
.water-ring-val { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; font-size: 14px; pointer-events: none; }
.water-info { flex: 1 1 0%; min-width: 0px; }
.water-title { font-size: 12px; font-weight: 700; color: var(--t1); }
.water-sub { font-size: 11px; color: var(--t3); margin-top: 1px; }
.water-glasses { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
.water-glass { width: 28px; height: 28px; border-radius: 8px; border: 1.5px solid var(--border2); background: var(--surface2); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 13px; transition: 0.15s; padding: 0px; }
.water-glass.filled { background: rgba(59, 130, 246, 0.15); border-color: rgb(59, 130, 246); color: rgb(59, 130, 246); }
.water-glass:active { transform: scale(0.85); }
.water-add-btn { width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--brand); background: transparent; color: var(--brand); font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: 0.15s; }
.water-add-btn:hover { background: var(--brand); color: rgb(255, 255, 255); }
.water-add-btn:active { transform: scale(0.9); }
@keyframes bedFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes counterPop { 
  0% { transform: scale(1); }
  50% { transform: scale(1.15); color: var(--brand); }
  100% { transform: scale(1); }
}
.screens { position: relative; overflow: hidden; }
.screen { transition: none; }
@keyframes slideOutLeft { 
  100% { transform: translateX(-30%); opacity: 0.5; }
}
@keyframes slideInRight { 
  0% { transform: translateX(30%); opacity: 0.5; }
  100% { transform: translateX(0px); opacity: 1; }
}
@keyframes slideOutRight { 
  100% { transform: translateX(30%); opacity: 0.5; }
}
@keyframes slideInLeft { 
  0% { transform: translateX(-30%); opacity: 0.5; }
  100% { transform: translateX(0px); opacity: 1; }
}
.achievement-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 0px 12px 8px; }
@keyframes achBounce { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.25); }
}
@keyframes achPop { 
  0% { transform: translateX(-50%) scale(0.3); opacity: 0; }
  50% { transform: translateX(-50%) scale(1.15); opacity: 1; }
  100% { transform: translateX(-50%) scale(1); opacity: 1; }
}
.fav-row { display: flex; gap: 6px; overflow-x: auto; padding: 0px 12px 8px; scrollbar-width: none; }
.fav-row::-webkit-scrollbar { display: none; }
.timeline-wrap { margin: 0px 12px 8px; }
.timeline-toggle { display: flex; align-items: center; gap: 6px; margin: 0px 12px 6px; cursor: pointer; font-size: 11px; font-weight: 600; color: var(--brand); }
.timeline-toggle:hover { text-decoration: underline; }
@keyframes pwaSlideIn { 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes wiggle { 
  0% { transform: rotate(-0.5deg); }
  100% { transform: rotate(0.5deg); }
}
.card-hide-btn { display: none; position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; border-radius: 50%; background: var(--red); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 12px; cursor: pointer; align-items: center; justify-content: center; z-index: 5; line-height: 1; }
.dash-restore-panel { display: none; margin: 0px 12px 8px; padding: 10px 14px; background: var(--surface2); border: 1px dashed var(--border2); border-radius: var(--r2); font-size: 12px; color: var(--t3); }
.nav-more-menu { position: absolute; bottom: 100%; right: 4px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--shadow2); padding: 6px 0px; z-index: 200; min-width: 160px; display: none; }
.nav-more-item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; font-size: 13px; color: var(--t1); cursor: pointer; transition: background 0.1s; font-family: "DM Sans", sans-serif; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; width: 100%; text-align: left; }
.nav-more-item:hover { background: var(--surface2); }
.nav-more-item .nmi-ico { font-size: 16px; }
.streak-cards { display: flex; gap: 6px; margin: 0px 12px 8px; overflow-x: auto; scrollbar-width: none; }
.streak-cards::-webkit-scrollbar { display: none; }
.period-toggle { display: flex; gap: 2px; background: var(--surface2); border-radius: var(--r); padding: 2px; margin: 8px 12px 4px; }
.period-btn { flex: 1 1 0%; padding: 6px 2px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; font-size: 10px; font-weight: 600; color: var(--t3); background: transparent; cursor: pointer; font-family: "DM Sans", sans-serif; transition: 0.15s; text-align: center; white-space: nowrap; }
.period-btn.active { background: var(--surface); color: var(--brand); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px; }
.collapsible-header { display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 12px 14px; transition: background 0.1s; }
.collapsible-header:hover { background: var(--surface2); }
.collapsible-arrow { font-size: 12px; color: var(--t4); transition: transform 0.2s; flex-shrink: 0; }
.collapsible-body { overflow: hidden; transition: max-height 0.3s, opacity 0.2s; }
.collapsible-body.expanded { opacity: 1; }
@keyframes foodAiSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes drugMenuIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes scaleIn { 
  0% { transform: scale(0.92); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.fast-phase { display: flex; flex-direction: column; align-items: center; gap: 2px; transition: opacity 0.3s; }
.fast-phase-dot { width: 10px; height: 10px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.2); }
.fast-phase span { white-space: nowrap; }
.fast-ring-wrap { position: relative; margin: 0px auto; display: flex; align-items: center; justify-content: center; }
.fast-ring-center { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
.fast-start-btn { width: 100%; max-width: 280px; margin: 16px auto 0px; display: block; font-size: 15px; font-weight: 700; padding: 12px 0px; border-radius: 12px; }
.fast-history-card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 12px; margin-bottom: 8px; transition: transform 0.15s; }
.fast-history-card:active { transform: scale(0.98); }
.fast-hist-top { display: flex; align-items: center; gap: 10px; }
.fast-hist-phase { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fast-hist-info { flex: 1 1 0%; min-width: 0px; }
.fast-hist-title { font-size: 13px; font-weight: 700; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fast-hist-date { font-size: 11px; color: var(--t3); }
.fast-hist-dur { text-align: right; flex-shrink: 0; }
.fast-hist-bar-bg { height: 4px; background: var(--border); border-radius: 2px; margin-top: 8px; overflow: hidden; }
.fast-hist-bar-fill { height: 100%; border-radius: 2px; transition: width 0.5s; }
.fast-cal-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 4px; margin-bottom: 4px; }
.fast-cal-nav { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 20px; cursor: pointer; padding: 4px 10px; color: var(--t1); border-radius: 8px; }
.fast-cal-nav:hover { background: var(--surface2); }
.fast-cal-title { font-size: 15px; font-weight: 700; color: var(--t1); }
.fast-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.fast-cal-day-hdr { text-align: center; font-size: 10px; font-weight: 700; color: var(--t3); padding: 4px 0px; text-transform: uppercase; }
.fast-cal-day { text-align: center; padding: 6px 2px; border-radius: 8px; font-size: 12px; color: var(--t2); position: relative; border: 1.5px solid transparent; cursor: default; min-height: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; }
.fast-cal-done { font-weight: 700; color: var(--t1); cursor: pointer; }
.fast-cal-partial { cursor: pointer; }
.fast-cal-today { font-weight: 800; border-color: var(--brand) !important; }
.fast-cal-dot { width: 5px; height: 5px; border-radius: 50%; }
.fast-badge { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 4px; border-radius: 12px; text-align: center; transition: transform 0.15s; }
.fast-badge:active { transform: scale(0.95); }
.fast-badge.earned { background: var(--surface2); }
.fast-badge.locked { opacity: 0.35; filter: grayscale(1); }
.fast-badge-icon { font-size: 28px; }
.fast-badge-name { font-size: 10px; font-weight: 600; color: var(--t2); line-height: 1.2; }
@keyframes fastRingPulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}
.fast-ms-banner { display: none; align-items: center; gap: 12px; margin: 0px 12px 4px; padding: 14px 16px; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--ms-color,#f97316) 35%, transparent); background: color-mix(in srgb, var(--ms-color,#f97316) 10%, transparent); cursor: pointer; user-select: none; animation: 0.45s cubic-bezier(0.22, 0.68, 0, 1.2) 0s 1 normal forwards running fastMsIn; }
@keyframes fastMsIn { 
  0% { transform: translateY(-10px) scale(0.97); opacity: 0; }
  100% { transform: translateY(0px) scale(1); opacity: 1; }
}
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes aiProgress { 
  0% { width: 0%; }
  30% { width: 40%; }
  60% { width: 65%; }
  80% { width: 80%; }
  100% { width: 95%; }
}
@keyframes aiMealProgress { 
  0% { width: 0%; }
  25% { width: 35%; }
  50% { width: 60%; }
  75% { width: 80%; }
  100% { width: 95%; }
}
@keyframes slideUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes wtFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes wtFadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes wtSlideIn { 
  0% { transform: translateY(-12px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
@keyframes wtSlideOut { 
  0% { transform: translateY(0px); opacity: 1; }
  100% { transform: translateY(-8px); opacity: 0; }
}
@keyframes medStarTwinkle { 
  0% { opacity: 0.4; }
  100% { opacity: 0.9; }
}
@keyframes medBokehFloat { 
  0%, 100% { transform: translate(0px, 0px) scale(1); opacity: 0.35; }
  50% { transform: translate(20px, -30px) scale(1.1); opacity: 0.55; }
}
@keyframes medSosPulse { 
  0%, 100% { box-shadow: rgba(239, 68, 68, 0.4) 0px 4px 12px; }
  50% { box-shadow: rgba(239, 68, 68, 0.7) 0px 6px 20px; }
}
@keyframes medOrbBreathe { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(0.88); }
}
@keyframes medAuraPulse { 
  0%, 100% { transform: scale(1); opacity: 0.5; }
  50% { transform: scale(1.15); opacity: 0.8; }
}
@keyframes medCtaPulse { 
  0%, 100% { transform: scale(1); opacity: 0.85; box-shadow: rgba(99, 102, 241, 0.25) 0px 2px 10px; }
  50% { transform: scale(1.06); opacity: 1; box-shadow: rgba(165, 180, 252, 0.5) 0px 4px 16px; }
}
@keyframes medCompanionBob { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}
@keyframes medCompanionGlow { 
  0%, 100% { filter: drop-shadow(rgba(165, 180, 252, 0.6) 0px 0px 4px); }
  50% { filter: drop-shadow(rgba(251, 191, 36, 0.8) 0px 0px 12px); }
}
@keyframes medWaveBar { 
  0%, 100% { transform: scaleY(0.5); }
  50% { transform: scaleY(1); }
}
@keyframes medPillHue { 
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
@keyframes med-orb-halo { 
  0% { transform: scale(0.95); opacity: 0.55; }
  100% { transform: scale(1.55); opacity: 0; }
}
@keyframes med-orb-guided-breathe { 
  0%, 100% { transform: scale(1); opacity: 0.92; }
  50% { transform: scale(1.08); opacity: 1; }
}
@keyframes medWaveBarBig { 
  0%, 100% { transform: scaleY(0.4); }
  50% { transform: scaleY(1); }
}
@keyframes medMenuOrbPulse { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(0.88); }
}
:root { --glass-light: rgba(255,255,255,0.78); --glass-light-bd: rgba(255,255,255,0.5); --glass-dark: rgba(20,24,36,0.62); --glass-dark-bd: rgba(255,255,255,0.08); --glass-blur: blur(20px) saturate(180%); --glass-bg: var(--glass-light); --glass-bd: var(--glass-light-bd); }
@media (prefers-color-scheme: dark){
html[data-theme="auto"] { --glass-bg: var(--glass-dark); --glass-bd: var(--glass-dark-bd); }
}
.glass-card { background: var(--glass-bg); border: 1px solid var(--glass-bd); border-radius: 18px; box-shadow: rgba(15, 24, 39, 0.08) 0px 8px 28px; position: relative; }
@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)){
.glass-card { backdrop-filter: var(--glass-blur); }
}
@supports not (backdrop-filter: blur(10px)){
.glass-card { background: var(--surface); }
}
@keyframes liquid-wave-drift { 
  0%, 100% { transform: translateX(-2%) rotate(-1deg); }
  50% { transform: translateX(2%) rotate(1.5deg); }
}
.bento-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; padding: 0px 12px; }
.bento-card { border-radius: 14px; padding: 12px; min-height: 96px; position: relative; overflow: hidden; transition: transform 0.15s; }
.bento-card:hover { transform: translateY(-2px); }
.bento-card .bento-label { font-size: 10px; color: var(--t3); text-transform: uppercase; letter-spacing: 0.6px; }
.bento-card .bento-value { font-size: 24px; font-weight: 800; line-height: 1.15; margin-top: 4px; }
.bento-card .bento-sub { font-size: 11px; color: var(--t3); margin-top: 2px; }
.bento-card .bento-drag { position: absolute; top: 6px; right: 6px; opacity: 0.3; font-size: 14px; cursor: grab; user-select: none; }
@keyframes fast-onb-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes phase-confetti-fall { 
  0% { transform: translateY(-120vh) rotate(0deg); opacity: 1; }
  100% { transform: translateY(120vh) rotate(720deg); opacity: 0; }
}
@keyframes phase-flame-rise { 
  0% { opacity: 0; transform: translate(-50%, 8px) scale(0.5); }
  30% { opacity: 1; transform: translate(-50%, -8px) scale(1.15); }
  100% { opacity: 0; transform: translate(-50%, -56px) scale(0.85); }
}
.fast-cal { display: grid; gap: 3px; grid-template-columns: repeat(13, 1fr); padding: 8px 12px 14px; }
.fast-cal-cell { aspect-ratio: 1 / 1; border-radius: 3px; background: var(--surface2); cursor: pointer; transition: transform 0.1s; }
.fast-cal-cell:hover { transform: scale(1.18); }
.fast-cal-cell[data-v="success"] { background: rgb(22, 163, 74); }
.fast-cal-cell[data-v="partial"] { background: rgb(251, 191, 36); }
.fast-cal-cell.today { outline: 2px solid var(--brand); }
.fast-shields-row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; margin: 0px 12px 12px; border-radius: 12px; background: linear-gradient(135deg, rgba(6, 182, 212, 0.18), rgba(59, 130, 246, 0.18)); border: 1px solid rgba(6, 182, 212, 0.35); }
.fast-shields-icons { display: flex; gap: 4px; font-size: 18px; }
.fast-shields-icons .shield-empty { opacity: 0.25; }
.fast-aicoach { margin: 8px 12px 0px; padding: 12px; border-radius: 14px; background: rgba(99, 102, 241, 0.08); border: 1px solid rgba(99, 102, 241, 0.22); }
.fast-aicoach-input { width: 100%; padding: 10px 12px; border-radius: 10px; background: var(--surface); border: 1px solid var(--border); color: var(--t1); font-size: 14px; }
.fast-aicoach-mic { background: linear-gradient(135deg, rgb(99, 102, 241), rgb(139, 92, 246)); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); border-radius: 50%; width: 42px; height: 42px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; flex: 0 0 42px; }
@keyframes fast-mic-pulse { 
  0%, 100% { box-shadow: rgba(139, 92, 246, 0.45) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(139, 92, 246, 0) 0px 0px 0px 12px; }
}
.fast-aicoach .btn-ghost { flex: 1 1 0%; min-height: 48px; padding: 8px 10px; border-radius: 12px; background: rgba(99, 102, 241, 0.1); border: 1px solid rgba(99, 102, 241, 0.28); color: var(--t1); font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: 0.01em; line-height: 1.25; text-align: center; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; white-space: normal; word-break: break-word; transition: background 0.15s, border-color 0.15s, transform 0.1s; -webkit-tap-highlight-color: transparent; }
.fast-aicoach .btn-ghost:hover { background: rgba(99, 102, 241, 0.2); border-color: rgba(99, 102, 241, 0.45); }
.fast-aicoach .btn-ghost:active { transform: scale(0.97); background: rgba(99, 102, 241, 0.28); }
.fast-coach-history { margin: 10px 12px 0px; padding: 10px 12px 12px; border-radius: 14px; background: rgba(249, 115, 22, 0.06); border: 1px solid rgba(249, 115, 22, 0.18); }
.fast-recent-top { margin: 0px 12px 12px; order: 0; }
.fast-coach-history-hd { font-size: 11px; color: var(--t3); text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 8px; font-weight: 600; }
.fast-coach-daily { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.fast-coach-daily-row { display: grid; grid-template-columns: minmax(96px, 1.1fr) 64px 1fr 28px; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; background: var(--card); border: 1px solid var(--border); }
.fast-coach-daily-left { min-width: 0px; }
.fast-coach-daily-date { font-size: 11px; color: var(--t2); margin-top: 2px; line-height: 1.3; }
.fast-coach-daily-row--today { border-color: rgba(249, 115, 22, 0.35); background: rgba(249, 115, 22, 0.06); }
.fast-coach-daily-row--empty { opacity: 0.85; }
.fast-coach-daily-row--completed { border-color: rgba(34, 197, 94, 0.22); }
@keyframes fast-coach-live-pulse { 
  0%, 100% { box-shadow: rgba(99, 102, 241, 0) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(99, 102, 241, 0.12) 0px 0px 0px 4px; }
}
.fast-coach-daily-label { font-size: 12px; font-weight: 700; color: var(--t1); }
.fast-coach-daily-dur { font-size: 26px; font-weight: 800; line-height: 1; text-align: center; }
.fast-coach-daily-dur span { font-size: 14px; font-weight: 700; opacity: 0.85; }
.fast-coach-daily-dur--none { font-size: 20px; color: var(--t3); }
.fast-coach-daily-meta { min-width: 0px; }
.fast-coach-daily-plan { display: block; font-size: 12px; font-weight: 600; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fast-coach-daily-sub { display: block; font-size: 10px; color: var(--t3); margin-top: 1px; }
.fast-coach-daily-badge { text-align: center; font-size: 15px; }
.fast-coach-history-subhd { font-size: 10px; color: var(--t3); text-transform: uppercase; letter-spacing: 0.5px; margin: 4px 0px 6px; font-weight: 600; }
.fast-coach-history-list { display: flex; flex-direction: column; gap: 6px; }
.fast-coach-hist-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--card); border: 1px solid var(--border); }
.fast-coach-hist-item--completed { border-color: rgba(34, 197, 94, 0.25); }
.fast-coach-hist-dur { flex: 0 0 auto; min-width: 44px; font-size: 20px; font-weight: 800; line-height: 1; }
.fast-coach-hist-body { flex: 1 1 0%; min-width: 0px; }
.fast-coach-hist-plan { font-size: 13px; font-weight: 700; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fast-coach-hist-meta { font-size: 11px; color: var(--t3); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fast-coach-hist-badge { flex: 0 0 auto; font-size: 16px; }
@keyframes medLiveDot { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
@keyframes medLivePulse { 
  0%, 100% { box-shadow: rgba(251, 113, 133, 0) 0px 0px 0px; }
  50% { box-shadow: rgba(251, 113, 133, 0.18) 0px 0px 0px 8px; }
}
@keyframes medHrvSlideIn { 
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: none; }
}
@keyframes medQuoteFade { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: none; }
}
@keyframes medSosPulseStrong { 
  0%, 100% { box-shadow: rgba(239, 68, 68, 0.45) 0px 6px 18px, rgba(239, 68, 68, 0.3) 0px 2px 6px; }
  50% { box-shadow: rgba(239, 68, 68, 0.7) 0px 10px 28px, rgba(239, 68, 68, 0.45) 0px 4px 12px; }
}
@keyframes medPrepFadeIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
@keyframes medPrepEmoji { 
  0% { opacity: 0; transform: scale(0.6); }
  60% { opacity: 1; transform: scale(1.08); }
  100% { transform: scale(1); }
}
@keyframes medPrepCountPulse { 
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.85; }
}
@keyframes medStatIgnite { 
  0% { transform: scale(1); text-shadow: none; }
  35% { transform: scale(1.18); text-shadow: rgba(251, 146, 60, 0.7) 0px 0px 18px; }
  100% { transform: scale(1); text-shadow: none; }
}
@keyframes medFlameRise { 
  0% { opacity: 0; transform: translate(-50%, 4px) scale(0.5); }
  30% { opacity: 1; transform: translate(-50%, -4px) scale(1.1); }
  100% { opacity: 0; transform: translate(-50%, -22px) scale(0.9); }
}
@keyframes medCelFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes medCelTrophy { 
  0% { opacity: 0; transform: scale(0.2) rotate(-18deg); }
  55% { opacity: 1; transform: scale(1.15) rotate(4deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@keyframes medCelStatPop { 
  0% { opacity: 0; transform: scale(0.3); }
  60% { opacity: 1; transform: scale(1.1); }
  100% { transform: scale(1); }
}
@keyframes medCelMoodPop { 
  0% { opacity: 0; transform: scale(0.85); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes medConfettiFall { 
  0% { transform: translate(0px, -20px) rotate(0deg); opacity: 1; }
  100% { transform: translate(var(--tx, 30px), 130%) rotate(720deg); opacity: 0.3; }
}
@keyframes medHeroCtaPulse { 
  0%, 100% { box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 30px, rgba(255, 255, 255, 0.5) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 30px, rgba(255, 255, 255, 0) 0px 0px 0px 14px; }
}
@keyframes medAiShimmer { 
  0% { transform: translateX(-30%); }
  100% { transform: translateX(30%); }
}
@keyframes medTheoryUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
@keyframes medFabGlow { 
  0%, 100% { box-shadow: rgba(99, 102, 241, 0.5) 0px 10px 28px, rgba(165, 180, 252, 0.6) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(99, 102, 241, 0.5) 0px 10px 28px, rgba(165, 180, 252, 0) 0px 0px 0px 14px; }
}
@keyframes medSheetFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes medSheetSlideUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
.sl-entry-card { border: 1px solid var(--border); }
.sl-entry-toggle { width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: transparent; border: 0px; cursor: pointer; font-family: "DM Sans", sans-serif; color: var(--t1); text-align: left; transition: background 0.15s; }
.sl-entry-toggle:hover { background: var(--surface2); }
.sl-entry-toggle-ico { font-size: 24px; flex-shrink: 0; }
.sl-entry-toggle-text { flex: 1 1 0%; min-width: 0px; }
.sl-entry-toggle-title { font-size: 14px; font-weight: 700; }
.sl-entry-toggle-sub { font-size: 11px; color: var(--t3); margin-top: 2px; }
.sl-entry-toggle-chev { font-size: 14px; color: var(--t3); transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1); }
.sl-entry-body { max-height: 0px; overflow: hidden; padding: 0px 14px; transition: max-height 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), padding 0.25s; }
.sl-time-row { display: flex; align-items: center; gap: 10px; margin-top: 14px; }
.sl-time-pill { flex: 1 1 0%; position: relative; display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; background: var(--surface2); border: 1px solid var(--border); border-radius: 14px; cursor: pointer; transition: border-color 0.15s, transform 0.08s; }
.sl-time-pill:hover, .sl-time-pill:focus-within { border-color: var(--brand); }
.sl-time-pill:active { transform: scale(0.98); }
.sl-time-pill-ico { font-size: 16px; line-height: 1; }
.sl-time-pill-label { font-size: 10px; font-weight: 600; color: var(--t3); text-transform: uppercase; letter-spacing: 0.6px; }
.sl-time-pill-input { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: 0px; background: transparent; }
.sl-time-pill::after { content: attr(data-val); font-family: "DM Mono", "DM Sans", monospace; font-size: 20px; font-weight: 700; color: var(--t1); letter-spacing: -0.5px; line-height: 1.1; }
.sl-time-arrow { font-size: 18px; color: var(--t3); flex-shrink: 0; }
.sl-date-pill { position: relative; display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 10px 14px; background: var(--surface2); border: 1px solid var(--border); border-radius: 14px; cursor: pointer; transition: border-color 0.15s; }
.sl-date-pill:hover, .sl-date-pill:focus-within { border-color: var(--brand); }
.sl-date-pill-ico { font-size: 16px; }
.sl-date-pill-label { font-size: 10px; font-weight: 600; color: var(--t3); text-transform: uppercase; letter-spacing: 0.6px; flex-shrink: 0; }
.sl-date-pill-input { flex: 1 1 0%; border: 0px; background: transparent; font-family: "DM Sans", sans-serif; font-size: 14px; color: var(--t1); outline: none; cursor: pointer; }
.sl-quality-row { margin-top: 14px; }
.sl-quality-label { font-size: 12px; font-weight: 600; color: var(--t2); margin-bottom: 8px; }
.sl-quality-faces { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.sl-q-face { aspect-ratio: 1 / 1; border: 2px solid transparent; border-radius: 50%; background: var(--surface2); font-size: 22px; cursor: pointer; transition: transform 0.15s cubic-bezier(0.2, 0.8, 0.2, 1.4), border-color 0.15s, background 0.15s; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.sl-q-face:hover { transform: scale(1.08); }
.sl-q-face:active { transform: scale(0.92); }
.sl-q-face.active { border-color: var(--brand); background: var(--brand-l); transform: scale(1.15); box-shadow: rgba(37, 99, 235, 0.25) 0px 4px 12px; }
.sl-q-face span { display: block; line-height: 1; }
.sl-notes-input { width: 100%; margin-top: 12px; padding: 12px 14px; background: var(--surface2); border: 1px solid var(--border); border-radius: 14px; font-family: "DM Sans", sans-serif; font-size: 14px; color: var(--t1); outline: none; transition: border-color 0.15s; }
.sl-notes-input:focus { border-color: var(--brand); }
.sl-notes-input::placeholder { color: var(--t4); }
.sl-save-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: 12px; padding: 14px 20px; background: linear-gradient(135deg, var(--brand) 0%, var(--brand-d) 100%); color: rgb(255, 255, 255); font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 700; border: 0px; border-radius: 14px; cursor: pointer; box-shadow: rgba(37, 99, 235, 0.3) 0px 4px 14px; transition: transform 0.08s, box-shadow 0.2s; }
.sl-save-btn:hover { box-shadow: rgba(37, 99, 235, 0.4) 0px 6px 20px; }
.sl-save-btn:active { transform: scale(0.98); box-shadow: rgba(37, 99, 235, 0.25) 0px 2px 8px; }
@media (prefers-reduced-motion: reduce){
.sl-entry-body, .sl-entry-toggle-chev, .sl-q-face, .sl-save-btn { transition: none; }
.sl-q-face.active { transform: none; }
}
.mfm-row { display: flex; gap: 10px; margin-bottom: 10px; }
.mfm-row > .mfm-pill { flex: 1 1 0%; }
.mfm-pill { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; background: var(--surface2); border: 1px solid var(--border); border-radius: 14px; cursor: text; transition: border-color 0.15s; }
.mfm-pill:hover, .mfm-pill:focus-within { border-color: var(--brand); }
.mfm-pill-ico { position: absolute; top: 8px; right: 12px; font-size: 16px; opacity: 0.5; }
.mfm-pill-label { font-size: 10px; font-weight: 600; color: var(--t3); text-transform: uppercase; letter-spacing: 0.6px; }
.mfm-pill-input { width: 100%; border: 0px; background: transparent; font-family: "DM Mono", "DM Sans", monospace; font-size: 18px; font-weight: 700; color: var(--t1); letter-spacing: -0.3px; outline: none; }
.mfm-pill-input::-webkit-outer-spin-button, .mfm-pill-input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
.mfm-pill-input::placeholder { color: var(--t4); font-weight: 400; }
.mfm-pill-input--date { font-family: "DM Sans", sans-serif; font-size: 16px; }
.mfm-notes-input { width: 100%; margin-top: 6px; padding: 12px 14px; background: var(--surface2); border: 1px solid var(--border); border-radius: 14px; font-family: "DM Sans", sans-serif; font-size: 14px; color: var(--t1); outline: none; transition: border-color 0.15s; }
.mfm-notes-input:focus { border-color: var(--brand); }
.mfm-notes-input::placeholder { color: var(--t4); }
.mfm-btn-primary { flex: 1 1 0%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 20px; background: linear-gradient(135deg, var(--brand) 0%, var(--brand-d) 100%); color: rgb(255, 255, 255); font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 700; border: 0px; border-radius: 14px; cursor: pointer; box-shadow: rgba(37, 99, 235, 0.3) 0px 4px 14px; transition: transform 0.08s, box-shadow 0.2s; }
.mfm-btn-primary:hover { box-shadow: rgba(37, 99, 235, 0.4) 0px 6px 20px; }
.mfm-btn-primary:active { transform: scale(0.98); }
@media (prefers-reduced-motion: reduce){
.mfm-tile, .mfm-btn-primary { transition: none; }
}
@keyframes premWinIn { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: none; }
}
.week-story-card { padding: 14px 16px; background: linear-gradient(135deg,var(--surface) 0%,rgba(37,99,235,.07) 100%); border: 1px solid rgba(37, 99, 235, 0.14); }
.week-story-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 8px; }
.week-story-title { font-size: 13px; font-weight: 700; color: var(--t1); }
.week-story-actions { display: flex; gap: 6px; }
.week-story-btn { width: 32px; height: 32px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; background: var(--surface2); color: var(--t2); font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.week-story-btn:active { transform: scale(0.95); }
.week-story-line { font-size: 12.5px; line-height: 1.45; color: var(--t2); margin: 6px 0px; }
.week-story-win { color: var(--t1); font-weight: 600; }
.week-story-next { color: var(--brand,#2563eb); font-weight: 500; }
.week-story-line:empty { display: none; }
@keyframes qlMicPulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}
#sc-weight .wt-hero { position: relative; overflow: hidden; margin: 12px 12px 0px; padding: 16px 16px 12px; border-radius: 18px; background: var(--surface); color: var(--t1); border: 1px solid var(--border); box-shadow: var(--shadow); }
#sc-weight .wt-hero-top { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
#sc-weight .wt-hero-label { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--t3); }
#sc-weight .wt-hero-label-ico { font-size: 14px; line-height: 1; }
#sc-weight .wt-hero-date { font-size: 11px; font-weight: 600; color: var(--brand); background: var(--brand-l, rgba(37,99,235,.08)); border: 1px solid var(--border); padding: 4px 11px; border-radius: 999px; white-space: nowrap; }
#sc-weight .wt-hero-main { position: relative; z-index: 1; display: flex; align-items: baseline; gap: 9px; margin-top: 6px; }
#sc-weight .wt-hero-num { font-size: 44px; font-weight: 800; line-height: 1.02; letter-spacing: -1.4px; font-variant-numeric: tabular-nums; color: var(--t1); }
#sc-weight .wt-hero-unit { font-size: 15px; font-weight: 600; color: var(--t3); }
#sc-weight .wt-hero-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: 12px; color: var(--t3); }
#sc-weight .wt-hero-streak { font-weight: 700; color: var(--brand); }
#sc-weight .wt-spark { display: block; width: 100%; height: 36px; margin-top: 8px; }
#sc-weight .wt-ritual { margin: 12px 12px 0px; padding: 12px 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--border); }
#sc-weight .wt-ritual[hidden] { display: none; }
#sc-weight .wt-ritual-title { font-size: 14px; font-weight: 700; color: var(--t1); }
#sc-weight .wt-ritual-sub { font-size: 12px; color: var(--t3); margin-top: 2px; }
#sc-weight .wt-ritual-actions { display: flex; gap: 8px; margin-top: 10px; align-items: center; }
#sc-weight .wt-ritual-skip { border: 0px; background: none; color: var(--t3); font-size: 12px; font-weight: 600; cursor: pointer; }
#sc-weight .wt-src { font-size: 11px; color: var(--t3); margin: 0px 2px 8px; }
#sc-weight .wt-tile { border: 0px; text-align: left; cursor: pointer; font: inherit; }
#sc-weight .wt-kg-chip .mfm-pill-input { font-variant-numeric: tabular-nums; font-weight: 700; }
#sc-weight .wt-pace { margin-top: 8px; font-size: 12px; color: var(--t2); }
#sc-weight .wt-sheet { position: fixed; inset: 0px; z-index: 80; background: rgba(15, 24, 39, 0.45); display: flex; align-items: flex-end; justify-content: center; }
#sc-weight .wt-sheet[hidden] { display: none; }
#sc-weight .wt-sheet-card { width: 100%; max-width: 520px; background: var(--surface); border-radius: 18px 18px 0px 0px; padding: 10px 16px calc(18px + env(safe-area-inset-bottom)); }
#sc-weight .wt-sheet-handle { width: 36px; height: 4px; border-radius: 99px; background: var(--border2); margin: 4px auto 12px; }
#sc-weight .wt-sheet-title { font-size: 13px; font-weight: 700; color: var(--t3); text-transform: uppercase; letter-spacing: 0.06em; }
#sc-weight .bmi-sheet-num { font-size: 40px; font-weight: 800; margin-top: 6px; }
#sc-weight .bmi-sheet-cat { font-size: 13px; font-weight: 600; color: var(--t2); margin-bottom: 12px; }
#sc-weight .bmi-bar { position: relative; display: flex; height: 10px; border-radius: 99px; overflow: hidden; }
#sc-weight .bmi-bar-u { flex: 18.5 1 0%; background: rgb(245, 158, 11); }
#sc-weight .bmi-bar-n { flex: 6.4 1 0%; background: rgb(16, 185, 129); }
#sc-weight .bmi-bar-o { flex: 5 1 0%; background: rgb(245, 158, 11); }
#sc-weight .bmi-bar-b { flex: 10 1 0%; background: rgb(239, 68, 68); }
#sc-weight .bmi-bar-dot { position: absolute; top: -3px; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: rgb(255, 255, 255); border: 3px solid var(--t1); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; }
#sc-weight .bmi-sheet-range { font-size: 13px; font-weight: 600; margin-top: 12px; }
#sc-weight .bmi-sheet-copy { font-size: 12px; color: var(--t3); margin: 8px 0px 14px; }
#sc-weight .wt-hist-src { font-size: 10px; color: var(--t4); margin-left: 6px; }
#sc-weight .wt-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 12px 0px; }
#sc-weight .wt-tile { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 13px 13px 12px; margin: 0px; border-radius: 16px; background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow); }
#sc-weight .wt-tile-ico { font-size: 15px; line-height: 1; margin-bottom: 4px; }
#sc-weight .wt-tile-val { font-size: 21px; font-weight: 800; color: var(--t1); letter-spacing: -0.4px; font-variant-numeric: tabular-nums; line-height: 1.1; }
#sc-weight .wt-tile-lbl { font-size: 10px; font-weight: 700; color: var(--t4); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 3px; }
#sc-weight .wt-tile-cat { font-size: 10px; font-weight: 600; color: var(--t3); margin-top: 2px; }
#sc-weight .wt-entry { margin: 12px 12px 0px; padding: 14px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border); }
#sc-weight .wt-entry .mfm-row { margin-bottom: 10px; }
#sc-weight .wt-stepper { display: flex; align-items: center; gap: 4px; width: 100%; }
#sc-weight .wt-stepper .mfm-pill-input { flex: 1 1 0%; width: auto; text-align: center; font-size: 20px; }
#sc-weight .wt-step-btn { flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--border2); background: var(--surface); color: var(--t2); font-family: "DM Sans", sans-serif; font-size: 16px; font-weight: 700; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: transform 0.08s, background 0.15s, color 0.15s, border-color 0.15s; }
#sc-weight .wt-step-btn:hover { border-color: var(--brand); color: var(--brand); background: var(--brand-l); }
#sc-weight .wt-step-btn:active { transform: scale(0.88); }
#sc-weight .wt-entry .mfm-btn-primary { margin-top: 10px; border-radius: 16px; }
#sc-weight .wt-target-card { margin: 12px 12px 0px; padding: 14px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border); }
#sc-weight .wt-target-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
#sc-weight .wt-target-head-l { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
#sc-weight .wt-target-title { font-size: 12px; font-weight: 700; color: var(--t2); letter-spacing: 0.01em; }
#sc-weight .wt-target-sub { font-size: 11px; font-weight: 600; color: var(--t3); }
#sc-weight .wt-target-pct { font-size: 20px; font-weight: 800; color: var(--brand); font-variant-numeric: tabular-nums; letter-spacing: -0.5px; }
#sc-weight .wt-progress { margin-top: 12px; height: 10px; border-radius: 999px; background: var(--surface2); overflow: hidden; box-shadow: rgba(15, 24, 39, 0.08) 0px 1px 2px inset; }
#sc-weight .wt-progress-fill { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--brand) 0%, #8B5CF6 100%); transition: width 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
#sc-weight .wt-target-edit { margin-top: 12px; width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 12px; border: 1.5px dashed var(--border2); background: transparent; color: var(--t2); font-family: "DM Sans", sans-serif; font-size: 13px; font-weight: 600; cursor: pointer; transition: border-color 0.15s, color 0.15s, background 0.15s; }
#sc-weight .wt-target-edit:hover { border-color: var(--brand); color: var(--brand); background: var(--brand-l); }
#sc-weight .wt-analysis { margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: var(--surface2); }
#sc-weight .wt-analysis-title { font-size: 10px; font-weight: 700; color: var(--t4); text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 6px; }
#sc-weight .wt-analysis-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 12px; color: var(--t2); padding: 3px 0px; }
#sc-weight .wt-analysis-row strong { font-weight: 700; font-variant-numeric: tabular-nums; }
#sc-weight .wt-set-target { margin: 12px 12px 0px; padding: 14px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border); }
#sc-weight .wt-set-target-title { font-size: 11px; font-weight: 700; color: var(--t3); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 10px; }
#sc-weight .wt-set-target-row { display: flex; gap: 8px; align-items: stretch; }
#sc-weight .wt-set-target-input { flex: 1 1 0%; display: flex; align-items: center; gap: 6px; padding: 0px 12px; border-radius: 12px; background: var(--surface2); border: 1px solid var(--border); transition: border-color 0.15s; }
#sc-weight .wt-set-target-input:focus-within { border-color: var(--brand); }
#sc-weight .wt-set-target-input .form-control { flex: 1 1 0%; min-width: 0px; border: 0px; background: transparent; outline: none; font-family: "DM Mono", monospace; font-size: 17px; font-weight: 700; color: var(--t1); height: 40px; padding: 0px; }
#sc-weight .wt-set-target-input .form-control::placeholder { color: var(--t4); font-weight: 400; }
#sc-weight .wt-set-target-unit { font-size: 11px; font-weight: 700; color: var(--t4); }
#sc-weight .wt-set-target-save { height: 40px; padding: 0px 18px; border-radius: 12px; font-size: 13px; }
#sc-weight .wt-set-target-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 9px; min-height: 18px; }
#sc-weight .wt-set-target-foot #target-bmi-preview { font-size: 11px; color: var(--t3); }
#sc-weight .wt-set-target-clear { margin-left: auto; padding: 4px 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; background: transparent; color: var(--t4); font-family: "DM Sans", sans-serif; font-size: 12px; font-weight: 600; cursor: pointer; transition: color 0.15s, background 0.15s; }
#sc-weight .wt-set-target-clear:hover { color: var(--red); background: var(--red-b); }
#sc-weight .wt-explain { margin: 12px 12px 0px; padding: 0px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border); overflow: hidden; }
#sc-weight #bmi-explain-body { padding: 0px 14px 13px; }
#sc-weight .wt-explain-text { font-size: 12px; line-height: 1.6; color: var(--t2); }
#sc-weight .wt-explain-ranges { margin-top: 8px; padding: 9px 11px; border-radius: 10px; background: var(--surface2); font-size: 11px; color: var(--t3); }
#sc-weight .wt-explain-range { margin-top: 8px; font-size: 12px; font-weight: 700; color: var(--brand); }
#sc-weight .wt-chart-hd { padding: 16px 16px 6px; font-size: 10px; font-weight: 700; color: var(--t4); text-transform: uppercase; letter-spacing: 0.1em; }
#sc-weight .wt-period { margin: 2px 12px 10px; padding: 3px; gap: 2px; background: var(--surface2); border-radius: 999px; }
#sc-weight .wt-period .period-btn { flex: 1 1 0%; padding: 8px 4px; border-radius: 999px; font-size: 11px; font-weight: 600; color: var(--t3); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-family: "DM Sans", sans-serif; transition: 0.18s; }
#sc-weight .wt-period .period-btn.active { background: var(--brand); color: rgb(255, 255, 255); box-shadow: rgba(37, 99, 235, 0.35) 0px 3px 10px; }
#sc-weight .wt-chart-card { margin: 0px 12px 4px; padding: 10px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border); }
#sc-weight .wt-hist-hd { display: flex; align-items: center; gap: 8px; padding: 14px 16px 8px; }
#sc-weight .wt-hist-title { font-size: 10px; font-weight: 700; color: var(--t4); text-transform: uppercase; letter-spacing: 0.1em; }
#sc-weight .wt-hist-count { font-size: 10px; font-weight: 700; color: var(--brand); background: var(--brand-l); border-radius: 999px; padding: 2px 9px; }
#sc-weight .wt-hist { margin: 0px 12px; display: flex; flex-direction: column; gap: 8px; }
#sc-weight .wt-hist-item { display: flex; align-items: stretch; gap: 12px; padding: 12px 12px 12px 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow); transition: transform 0.12s, box-shadow 0.15s, border-color 0.15s; }
#sc-weight .wt-hist-item:hover { border-color: var(--border2); box-shadow: var(--shadow2); }
#sc-weight .wt-hist-date { flex-shrink: 0; width: 46px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; border-radius: 12px; background: var(--surface2); border: 1px solid var(--border); }
#sc-weight .wt-hist-day { font-size: 17px; font-weight: 800; color: var(--t1); line-height: 1.15; font-variant-numeric: tabular-nums; }
#sc-weight .wt-hist-mon { font-size: 9px; font-weight: 700; color: var(--t4); text-transform: uppercase; letter-spacing: 0.06em; }
#sc-weight .wt-hist-body { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; justify-content: center; gap: 2px; }
#sc-weight .wt-hist-row { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
#sc-weight .wt-hist-val { font-size: 17px; font-weight: 800; color: var(--t1); letter-spacing: -0.3px; font-variant-numeric: tabular-nums; }
#sc-weight .wt-hist-val em { font-style: normal; font-size: 11px; font-weight: 600; color: var(--t4); }
#sc-weight .wt-delta { font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; }
#sc-weight .wt-delta-gap { color: var(--t4); font-weight: 600; }
#sc-weight .wt-delta--down { color: var(--green); }
#sc-weight .wt-delta--up { color: var(--red); }
#sc-weight .wt-delta--flat { color: var(--t3); }
#sc-weight .wt-hist-del { flex-shrink: 0; align-self: center; width: 32px; height: 32px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; background: transparent; cursor: pointer; font-size: 14px; line-height: 1; opacity: 0.55; transition: opacity 0.15s, background 0.15s, transform 0.08s; }
#sc-weight .wt-hist-del:hover { opacity: 1; background: var(--red-b); }
#sc-weight .wt-hist-del:active { transform: scale(0.9); }
@media (prefers-reduced-motion: reduce){
#sc-weight .wt-progress-fill { transition: none; }
}
body.ai-lab-open { overflow: hidden; }
@keyframes hd-mic-pulse { 
  0%, 100% { box-shadow: rgba(239, 68, 68, 0.45) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(239, 68, 68, 0) 0px 0px 0px 6px; }
}
@keyframes tlHelpPulse { 
  0% { box-shadow: rgba(46, 164, 79, 0.55) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(46, 164, 79, 0) 0px 0px 0px 12px; }
  100% { box-shadow: rgba(46, 164, 79, 0) 0px 0px 0px 0px; }
}
:focus-visible { outline: 2px solid var(--brand,#2563EB); outline-offset: 2px; border-radius: 4px; }
.hh-focus-btn { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-size: 18px; padding: 0px; }
.wproj-title { overflow-wrap: anywhere; }
.wproj-metric-value { white-space: normal; overflow-wrap: anywhere; }
.mood-quick-btn { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 4px; font-size: 1rem; line-height: 1; cursor: pointer; border-radius: 8px; min-width: 28px; min-height: 28px; }
.mood-quick-btn:active { transform: scale(0.85); }
.card-hide-btn { width: 28px; height: 28px; font-size: 13px; }
.coach-card { background: var(--surface); border-left: 3px solid var(--coach-accent,#22c55e); border-radius: var(--ui-radius-card,12px); box-shadow: var(--ui-card-shadow); padding: 14px; margin-bottom: 10px; }
.coach-head { display: flex; align-items: center; gap: 12px; }
.coach-score { width: 52px; height: 52px; flex-shrink: 0; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: color-mix(in srgb,var(--coach-accent) 12%,transparent); }
.coach-score b { font-size: 19px; font-weight: 800; line-height: 1; color: var(--coach-accent); }
.coach-score span { font-size: 8px; color: var(--t3); margin-top: 1px; }
.coach-verdict { min-width: 0px; }
.coach-band { font-size: 16px; font-weight: 700; color: var(--t1); line-height: 1.2; }
.coach-sub { font-size: 11px; color: var(--t3); margin-top: 2px; }
.coach-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); gap: 8px; margin: 12px 0px 4px; padding: 10px 0px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.coach-metric { text-align: center; min-width: 0px; }
.coach-metric b { display: block; font-size: 15px; font-weight: 700; color: var(--t1); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.coach-metric span { display: block; font-size: 10px; color: var(--t3); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.coach-lines { margin-top: 8px; }
.coach-line { display: flex; gap: 9px; align-items: flex-start; padding: 6px 0px; }
.coach-line-e { font-size: 15px; flex-shrink: 0; line-height: 1.25; }
.coach-line-b { min-width: 0px; }
.coach-line-t { font-size: 12.5px; font-weight: 600; color: var(--t1); line-height: 1.35; }
.coach-line-x { font-size: 12px; color: var(--t2); line-height: 1.45; }
.coach-more { margin-top: 6px; border-top: 1px solid var(--border); padding-top: 8px; }
.coach-more > summary { cursor: pointer; list-style: none; font-size: 11.5px; font-weight: 600; color: var(--t3); display: flex; align-items: center; gap: 6px; padding: 2px 0px; user-select: none; }
.coach-more > summary::-webkit-details-marker { display: none; }
.coach-more > summary::after { content: "▾"; margin-left: auto; font-size: 11px; transition: transform 0.15s; }
.coach-more-n { background: var(--surface2); color: var(--t3); font-size: 10px; font-weight: 700; padding: 1px 7px; border-radius: 100px; }
.coach-more-b { padding-top: 4px; }
.coach-secondary { border-left: 1px solid var(--border); }
.coach-ai-row { margin-top: 2px; }
.coach-ai-btn { font-weight: 600; border-color: var(--border) !important; color: var(--t2) !important; }
.coach-ai-btn:hover, .coach-ai-btn:focus-visible { border-color: var(--brand) !important; color: var(--brand) !important; }
.coach-metric b { font-variant-numeric: tabular-nums; }
.coach-metric span u { display: block; text-decoration: none; opacity: 0.75; font-size: 9.5px; margin-top: 1px; }
.coach-delta { font-style: normal; font-size: 10px; font-weight: 700; margin-left: 4px; vertical-align: 1px; }
.coach-delta-down { color: rgb(220, 38, 38); }
@keyframes tlDotWave { 
  0%, 100% { opacity: 0.15; transform: translateY(0px); }
  30% { opacity: 1; transform: translateY(-3px); }
}
.coach-slot-bank:not(:empty) { margin-top: 2px; }
[data-coach-dropempty]:empty { display: none; }
@keyframes ux29-tr-in { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ux29-skel-shimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@keyframes ux29-ptr-rotate { 
  100% { transform: rotate(360deg); }
}
@keyframes ux29-offline-in { 
  0% { opacity: 0; transform: translate(-50%, 20px); }
  100% { opacity: 1; transform: translate(-50%, 0px); }
}
@keyframes ux29-offline-out { 
  100% { opacity: 0; transform: translate(-50%, 20px); }
}
@keyframes ux29-fe-rise { 
  0% { transform: translate(-50%, 30vh); opacity: 0; }
  100% { transform: translate(-50%, 0px); opacity: 1; }
}
@keyframes ux29-fe-orb-pulse { 
  0% { transform: scale(1); box-shadow: rgb(245, 158, 11) 0px 0px 60px, rgba(245, 158, 11, 0.4) 0px 0px 120px; }
  100% { transform: scale(1.06); box-shadow: rgb(252, 211, 77) 0px 0px 80px, rgba(252, 211, 77, 0.5) 0px 0px 160px; }
}
@keyframes ux29-fe-fadein { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ux29-fe-fall { 
  0% { transform: translate(0, -6vh) rotate(var(--r)); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translate(var(--dl, 0), 110vh) rotate(calc(var(--r) + 720deg)); opacity: 0.3; }
}
.dash-cal-bar { height: 5px; border-radius: 999px; background: rgba(16, 185, 129, 0.15); margin-top: 8px; overflow: hidden; }
.dash-cal-bar-fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, rgb(52, 211, 153), rgb(16, 185, 129)); transition: width 0.45s cubic-bezier(0.2, 0.8, 0.2, 1); min-width: 0px; }
.dash-cal-left { font-size: 11px; font-weight: 700; color: rgb(5, 150, 105); margin-top: 5px; line-height: 1.25; }
:root { --v210-glass-bg: rgba(255,255,255,0.82); --v210-glass-border: rgba(255,255,255,0.40); --v210-glass-blur: blur(12px) saturate(1.3); --v210-shadow-sm: 0 4px 16px rgba(0,0,0,0.08); --v210-shadow-md: 0 8px 28px rgba(15,23,42,0.10); --v210-radius: 18px; --v210-ease: cubic-bezier(.2,.8,.2,1); --v210-ease-bloom: cubic-bezier(.25,.1,.25,1.4); }
body:not(.v210-off)[data-tod] .screen { animation: v210-screen-in 380ms var(--v210-ease); background-image: var(--v210-tod-grad, linear-gradient(135deg, rgba(219,234,254,.22) 0%, rgba(243,232,255,.22) 100%)) !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; }
body:not(.v210-off) .screen > * { position: relative; z-index: 1; }
body:not(.v210-off) .screen > .heart-pro-tabs { position: sticky; z-index: 21; }
body:not(.v210-off) .screen > .heart-sec-chips { position: sticky; z-index: 20; }
body:not(.v210-off) .screen > .mv-sticky { position: sticky; z-index: 40; }
body:not(.v210-off)[data-tod="morning"] { --v210-tod-grad: linear-gradient(135deg, rgba(255,228,181,.22) 0%, rgba(255,196,225,.22) 55%, rgba(209,196,255,.22) 100%); }
body:not(.v210-off)[data-tod="day"] { --v210-tod-grad: linear-gradient(135deg, rgba(219,234,254,.22) 0%, rgba(191,219,254,.22) 55%, rgba(199,210,254,.22) 100%); }
body:not(.v210-off)[data-tod="evening"] { --v210-tod-grad: linear-gradient(135deg, rgba(254,215,170,.22) 0%, rgba(251,207,232,.22) 50%, rgba(196,181,253,.22) 100%); }
body:not(.v210-off)[data-tod="night"] { --v210-tod-grad: linear-gradient(160deg, rgba(224,231,255,.22) 0%, rgba(221,214,254,.22) 55%, rgba(245,243,255,.22) 100%); }
html[data-theme="dark"] body[data-tod]:not(.v210-off), body[data-theme="dark"][data-tod]:not(.v210-off) { --v210-tod-grad: linear-gradient(135deg,rgba(8,14,26,.24),rgba(10,16,36,.24),rgba(14,16,40,.24)); }
html[data-theme="dark"] body[data-tod="morning"]:not(.v210-off), body[data-theme="dark"][data-tod="morning"]:not(.v210-off) { --v210-tod-grad: linear-gradient(135deg,rgba(26,20,16,.24),rgba(30,22,18,.24),rgba(16,14,32,.24)); }
html[data-theme="dark"] body[data-tod="day"]:not(.v210-off), body[data-theme="dark"][data-tod="day"]:not(.v210-off) { --v210-tod-grad: linear-gradient(135deg,rgba(8,16,30,.24),rgba(10,18,40,.24),rgba(14,16,42,.24)); }
html[data-theme="dark"] body[data-tod="evening"]:not(.v210-off), body[data-theme="dark"][data-tod="evening"]:not(.v210-off) { --v210-tod-grad: linear-gradient(135deg,rgba(22,13,18,.24),rgba(24,12,24,.24),rgba(12,12,32,.24)); }
html[data-theme="dark"] body[data-tod="night"]:not(.v210-off), body[data-theme="dark"][data-tod="night"]:not(.v210-off) { --v210-tod-grad: linear-gradient(160deg,rgba(3,5,14,.24),rgba(7,9,18,.24),rgba(10,11,26,.24)); }
@keyframes v210-screen-in { 
  0% { opacity: 0.3; transform: translateY(6px) scale(0.995); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
body:not(.v210-off) .home-hero, body:not(.v210-off) .screen-header { background: var(--v210-glass-bg); backdrop-filter: var(--v210-glass-blur); border: 1px solid var(--v210-glass-border); border-radius: var(--v210-radius); box-shadow: var(--v210-shadow-sm); margin: 10px 12px 8px; padding: 14px 16px; transition: box-shadow .25s var(--v210-ease), transform .2s var(--v210-ease); }
body:not(.v210-off) .home-hero { background: linear-gradient(135deg, rgb(37, 44, 56), rgb(57, 66, 79) 55%, rgb(74, 85, 101)); }
body:not(.v210-off) .fast-ring-wrap { filter: drop-shadow(rgba(139, 92, 246, 0.28) 0px 14px 30px); position: relative; }
body:not(.v210-off) .fast-ring-wrap::before { content: ""; position: absolute; inset: -18px; border-radius: 50%; background: radial-gradient(circle, rgba(99, 102, 241, 0.22) 0%, transparent 60%); animation: 4.2s ease-in-out 0s infinite alternate none running v210-orb-aura; z-index: 0; pointer-events: none; }
body:not(.v210-off) .fast-ring-wrap::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.35) 0%, transparent 38%), radial-gradient(circle at 70% 72%, rgba(99, 102, 241, 0.18) 0%, transparent 45%); pointer-events: none; z-index: 0; mix-blend-mode: screen; animation: 7s ease-in-out 0s infinite normal none running v210-orb-shimmer; }
body:not(.v210-off) .fast-ring-wrap > svg, body:not(.v210-off) .fast-ring-center { position: relative; z-index: 2; }
@keyframes v210-orb-aura { 
  0% { opacity: 0.5; transform: scale(1); }
  100% { opacity: 0.9; transform: scale(1.06); }
}
@keyframes v210-orb-shimmer { 
  0%, 100% { transform: rotate(0deg); opacity: 0.7; }
  50% { transform: rotate(180deg); opacity: 1; }
}
@keyframes v210-digits-breathe { 
  0%, 100% { opacity: 1; letter-spacing: normal; }
  50% { opacity: 0.92; letter-spacing: 0.5px; }
}
body.fast-zen { overflow: hidden; }
@keyframes v210-bloom-in { 
  0% { opacity: 0; transform: scale(0.94) translateY(4px); }
  60% { opacity: 1; transform: scale(1.015) translateY(0px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
@keyframes v210-ripple-anim { 
  100% { transform: scale(3.2); opacity: 0; }
}
body:not(.v210-off) .bn-item, body:not(.v210-off) .btn, body:not(.v210-off) .qa-btn, body:not(.v210-off) .dash-card, body:not(.v210-off) .ux29-tr-btn, body:not(.v210-off) .ux29-bulk-btn, body:not(.v210-off) .drug-dose-card, body:not(.v210-off) .med3-catcard { position: relative; overflow: hidden; }
body:not(.v210-off) #sc-home.active .home-hero, body:not(.v210-off) #sc-home.active .ux29-tr-card, body:not(.v210-off) #sc-home.active .home-mini-cards > * { animation: v210-bloom-in .45s var(--v210-ease-bloom) backwards; }
@media (prefers-reduced-motion: reduce){
body:not(.v210-off)[data-tod] .screen { animation: auto ease 0s 1 normal none running none; }
body:not(.v210-off) .fast-ring-wrap::before, body:not(.v210-off) .fast-ring-wrap::after, body:not(.v210-off) .fast-timer-digits { animation: auto ease 0s 1 normal none running none !important; }
body:not(.v210-off) .drug-dose-card, body:not(.v210-off) #sc-home.active .home-hero, body:not(.v210-off) #sc-home.active .ux29-tr-card, body:not(.v210-off) #sc-home.active .home-mini-cards > * { animation: auto ease 0s 1 normal none running none !important; }
}
:where(button, a, [role="button"], input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--brand, #2563EB); outline-offset: 2px; border-radius: 6px; }
.bn-item:focus-visible { outline: 2px solid var(--brand, #2563EB); outline-offset: -4px; border-radius: 12px; }
@media (hover: hover){
body:not(.v210-off) .dash-card:hover, body:not(.v210-off) .drug-dose-card:hover, body:not(.v210-off) .card:not(.no-glass):hover { box-shadow: var(--v210-shadow-md); transform: translateY(-1px); transition: box-shadow .2s var(--v210-ease), transform .2s var(--v210-ease); }
}
.skeleton { position: relative; overflow: hidden; background-size: 200% 100%; animation: 1.4s ease-in-out 0s infinite normal none running skeleton-shimmer; border-radius: 8px; min-height: 14px; color: transparent; }
@keyframes skeleton-shimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@media (prefers-reduced-motion: reduce){
.skeleton { animation: auto ease 0s 1 normal none running none; opacity: 0.6; }
}
:root { --ui-space-1: 4px; --ui-space-2: 8px; --ui-space-3: 12px; --ui-space-4: 16px; --ui-space-5: 24px; --ui-radius-control: 12px; --ui-radius-card: 18px; --ui-radius-sheet: 24px; --ui-surface-muted: #F8FAFC; --ui-card-shadow: 0 1px 2px rgba(15,24,39,.04), 0 8px 24px rgba(15,24,39,.055); --ui-card-shadow-raised: 0 2px 4px rgba(15,24,39,.05), 0 14px 34px rgba(15,24,39,.09); --ui-sheet-shadow: 0 -18px 54px rgba(15,24,39,.18); --ui-motion-fast: 150ms; --ui-motion: 220ms; --ui-ease: cubic-bezier(.2,.8,.2,1); }
.card, .dash-card, .health-score-wrap, .daily-momentum-card, .monthly-campaign-card, .wproj-card, .today-doses-bar, .adherence-card, .time-block { border: 1px solid var(--border); border-radius: var(--ui-radius-card); box-shadow: var(--ui-card-shadow); }
.card, .dash-card, .health-score-wrap, .daily-momentum-card, .wproj-card, .today-doses-bar { background: var(--surface); }
.card:active { transform: none; }
.card[onclick], .dash-card, .dash-mini, .more-menu-item, .nav-more-item, .daily-momentum-primary, .monthly-campaign-cta { -webkit-tap-highlight-color: transparent; transition: transform var(--ui-motion-fast) var(--ui-ease),
              box-shadow var(--ui-motion) var(--ui-ease),
              border-color var(--ui-motion-fast) ease,
              background-color var(--ui-motion-fast) ease; }
.card[onclick]:active, .dash-card:active, .dash-mini:active, .more-menu-item:active, .nav-more-item:active, .daily-momentum-primary:active, .monthly-campaign-cta:active { transform: scale(0.985); }
@media (hover: hover){
.card[onclick]:hover, .dash-card:hover, .daily-momentum-primary:hover { border-color: color-mix(in srgb, var(--brand) 30%, var(--border)); box-shadow: var(--ui-card-shadow-raised); transform: translateY(-1px); }
}
.screen-header, .panel-hdr, .sticky-hdr { min-height: 58px; padding: 10px var(--ui-space-4); border-bottom-color: var(--border); background: var(--surface); }
.screen-title { font-size: 17px; line-height: 1.2; letter-spacing: -0.015em; }
.screen-sub { margin-top: 3px; font-size: 11px; line-height: 1.4; }
.sec-hd { padding: 18px 16px 7px; letter-spacing: 0.085em; }
.btn, .app-input, .app-select, .search-input, .week-avg-tab { border-radius: var(--ui-radius-control); }
.btn-primary { background: linear-gradient(135deg, var(--brand-d), var(--brand)); box-shadow: 0 5px 14px color-mix(in srgb, var(--brand) 24%, transparent); }
#sc-home { background: var(--bg); }
body:not(.v210-off) #sc-home .home-hero, #sc-home .home-hero { order: -1000; margin: 10px 12px 4px; padding: 15px 16px; border: 0px; border-radius: 20px; background: linear-gradient(145deg, rgb(37, 44, 56) 0%, rgb(57, 66, 79) 56%, rgb(74, 85, 101) 100%); box-shadow: rgba(15, 24, 39, 0.16) 0px 12px 30px; backdrop-filter: none; }
#sc-home .home-hero::before { top: -70px; right: -55px; width: 170px; height: 170px; background: rgba(255, 255, 255, 0.08); }
#sc-home .home-hero::after { bottom: -70px; left: 35%; width: 150px; height: 150px; background: rgba(255, 255, 255, 0.035); }
#sc-home .hh-top { margin-bottom: 0px; align-items: center; }
#sc-home .hh-greeting { font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase; }
#sc-home .hh-name { font-size: 20px; line-height: 1.15; }
#sc-home .hh-focus-btn, #sc-home .hh-avatar { width: 40px; height: 40px; min-width: 40px; border: 1px solid rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.11); box-shadow: none; }
.tf-dashboard-fallback { display: grid; grid-template-columns: 38px minmax(0px, 1fr) auto; align-items: center; gap: 10px; width: 100%; min-height: 64px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 16px; background: var(--card); color: var(--t1); font: inherit; text-align: left; box-shadow: rgba(31, 52, 90, 0.07) 0px 7px 22px; cursor: pointer; }
.tf-dashboard-fallback > span:first-child { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: color-mix(in srgb,var(--brand) 10%,var(--card)); font-size: 18px; }
.tf-dashboard-fallback > span:nth-child(2) { display: grid; gap: 2px; min-width: 0px; }
.tf-dashboard-fallback strong { font-size: 13px; }
.tf-dashboard-fallback small { color: var(--t3); font-size: 10px; line-height: 1.35; }
.tf-dashboard-fallback > b { color: var(--brand); font-size: 20px; }
.home-section-heading { display: flex; align-items: center; gap: 9px; margin: 15px 14px 7px; color: var(--t1); font-size: 14px; font-weight: 800; letter-spacing: -0.01em; }
.home-section-heading::before { content: ""; width: 4px; height: 17px; flex: 0 0 auto; border-radius: 999px; background: var(--brand); }
.home-section-heading > span:last-child { margin-left: auto; color: var(--t4); font-size: 9px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; }
#home-section-today { order: -990; }
#daily-momentum-card { order: -980; }
#monthly-campaign-home, #premium-daily-teaser { order: -970; }
#timeline-toggle { order: -960; }
#timeline-wrap { order: -959; }
#home-section-progress { order: -950; }
#health-score-wrap { order: -940; }
#wellbeing-dial { order: -930; }
#db-sleep-wrap { order: -920; }
#home-last24-heading { order: -910; }
#home-last24-row { order: -900; }
#hydration-home-card { order: -890; }
#streaks-card { order: -880; }
#bonus-card { order: -870; }
#home-comm-card { order: -860; }
#home-section-trackers { order: -850; }
#dash-edit-wrap { order: -840; }
#home-dash-grid { order: -830; }
#dash-restore-panel { order: -820; }
#home-section-insights { order: -500; }
#sc-home[data-competitive-preview="1"] .daily-home-controls { order: -810; display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 12px 16px; }
#sc-home[data-competitive-preview="1"] .daily-home-controls a, #sc-home[data-competitive-preview="1"] .daily-home-controls button { flex: 1 1 140px; min-height: 44px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--t1); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; text-align: center; text-decoration: none; cursor: pointer; }
#sc-home[data-competitive-preview="1"] .daily-progress-note { margin: 6px 0px; color: var(--t3); font-size: 11px; line-height: 1.5; }
#sc-home[data-competitive-preview="1"] .daily-momentum-stats button[hidden] { display: none !important; }
#sc-home[data-competitive-preview="1"]:not(.daily-details-open) :is(#home-section-progress, #health-score-wrap, #wellbeing-dial, #db-sleep-wrap, #home-last24-heading, #home-last24-row, #streaks-card, #bonus-card, #timeline-toggle, #timeline-wrap, #home-section-insights, #week-story-card, #weekly-summary-wrap, #home-week-avg-card, #ai-weekly-wrap) { display: none !important; }
#sc-home[data-competitive-preview="1"]:not(.daily-details-open) .daily-momentum-score, #sc-home[data-competitive-preview="1"]:not(.daily-details-open) .daily-momentum-bar, #sc-home[data-competitive-preview="1"]:not(.daily-details-open) .daily-progress-note { display: none; }
#daily-momentum-card { margin: 0px 12px 8px; padding: 16px; border-color: color-mix(in srgb, var(--brand) 23%, var(--border)); box-shadow: var(--ui-card-shadow-raised); }
#daily-momentum-card[data-mode] { background: linear-gradient(145deg, var(--momentum-tint,transparent), var(--surface) 48%); }
.daily-momentum-title { font-size: 18px; line-height: 1.2; letter-spacing: -0.02em; }
.daily-momentum-recommendation { margin: 9px 0px 12px; font-size: 12px; line-height: 1.5; }
.daily-momentum-primary { min-height: 58px; padding: 11px 12px; border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--border)); border-radius: 14px; background: var(--surface); box-shadow: rgba(15, 24, 39, 0.055) 0px 4px 14px; }
.daily-momentum-primary-copy strong { font-size: 13px; }
.daily-momentum-primary-copy small { margin-top: 2px; font-size: 10px; line-height: 1.35; }
.daily-momentum-stats { gap: 6px; }
.daily-momentum-stats button { border-radius: 11px; background: var(--ui-surface-muted); }
#health-score-wrap, #hydration-home-card, #streaks-card, #bonus-card, #home-week-avg-card, #weekly-summary-wrap, #ai-lab-card, #ai-weekly-wrap, #ai-insights-card, .wproj-card--home, .week-story-card, .home-comm-card { background-color: var(--surface); box-shadow: var(--ui-card-shadow); margin-left: 12px !important; margin-right: 12px !important; border-color: var(--border) !important; }
#weekly-summary-wrap { padding: 14px; overflow: hidden; }
#weekly-summary-content, .weekly-stat-item { min-width: 0px; }
@media (max-width: 360px){
#weekly-summary-wrap { padding: 12px; }
}
.dash-grid { gap: 10px; }
.dash-card { min-height: 142px; padding: 14px; }
.dash-card::before { display: none; }
.dash-card-ico { display: grid; place-items: center; width: 36px; height: 36px; margin: 0px 0px 10px; border-radius: 12px; background: var(--dash-tint, var(--brand-l)); color: var(--dash-accent, var(--brand)); font-size: 19px; }
.dash-cal { --dash-accent: #047857; --dash-tint: #ECFDF5; }
.dash-burn { --dash-accent: #0369A1; --dash-tint: #F0F9FF; }
.dash-weight { --dash-accent: #6D28D9; --dash-tint: #F5F3FF; }
.dash-mood { --dash-accent: #B45309; --dash-tint: #FFFBEB; }
.dash-card-val { font-size: 25px; letter-spacing: -0.025em; }
.dash-card-lbl { color: var(--t2); font-weight: 650; }
.dash-mini-row { gap: 8px; }
.dash-mini { min-height: 46px; padding: 9px 10px; border: 1px solid var(--border); border-radius: 13px; box-shadow: none; background: var(--surface); }
.bottomnav { gap: 7px; }
.bn-pill { border-color: color-mix(in srgb, var(--t1) 10%, var(--border)); box-shadow: rgba(15, 24, 39, 0.12) 0px 6px 18px, rgba(15, 24, 39, 0.06) 0px 1px 4px; }
.bn-item { border-radius: 16px; }
.bn-pill .bn-lbl { font-size: 8px; font-weight: 700; letter-spacing: 0px; }
.bn-item.active { background: var(--brand-l); }
.bn-item.active .bn-ico { color: var(--brand); transform: translateY(-1px); }
.bn-item.active .bn-lbl { color: var(--brand-d); }
.nav-more-menu { min-width: 228px; max-height: min(68vh, 520px); overflow-y: auto; padding: 8px; border-radius: 18px; box-shadow: var(--ui-card-shadow-raised); }
.nav-more-group, .more-menu-group { padding: 11px 12px 5px; color: var(--t4); font-size: 9px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.nav-more-group:first-child, .more-menu-group:first-of-type { padding-top: 6px; }
.nav-more-item { width: 100%; min-height: 44px; margin: 0px; padding: 9px 10px; border: 0px; border-radius: 11px; background: transparent; color: var(--t1); text-align: left; }
.nav-more-item:hover, .nav-more-item:active { background: var(--brand-l); }
.ui-state, .empty-state, .timeline-empty, .journal-empty, .ql-empty, .offline-sync-empty { margin: 8px 0px; padding: 22px 16px; border: 1px dashed var(--border2); border-radius: 16px; background: var(--ui-surface-muted); color: var(--t3); text-align: center; }
.ui-state-body, .empty-state-sub { max-width: 34ch; margin: 4px auto 0px; color: var(--t3); font-size: 11px; line-height: 1.5; }
@keyframes tlScreenIn { 
  0% { opacity: 0; transform: translateY(3px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes tlMetricSettle { 
  0% { transform: translateY(2px); opacity: 0.65; }
  55% { transform: translateY(-1px); color: var(--brand); }
  100% { transform: translateY(0px); opacity: 1; }
}
.screen.active { animation: tlScreenIn var(--ui-motion) var(--ui-ease) both; }
.screen.active > * { animation: auto ease 0s 1 normal none running none; }
.heart-hero { overflow: hidden; border-color: color-mix(in srgb,#ef4444 24%,var(--border)); background: radial-gradient(circle at 92% 4%,rgba(239,68,68,.13),transparent 42%),
    var(--surface); }
.heart-hero-top { display: flex; align-items: center; gap: 15px; }
.heart-pulse-orb { position: relative; display: grid; place-items: center; width: 54px; height: 54px; flex: 0 0 54px; border-radius: 18px; color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(251, 113, 133), rgb(220, 38, 38)); box-shadow: rgba(225, 29, 72, 0.24) 0px 9px 24px; }
.heart-pulse-orb::after { content: ""; position: absolute; inset: -5px; border: 1px solid rgba(239, 68, 68, 0.28); border-radius: 22px; animation: 2s ease-out 0s infinite normal none running heartPulse; }
.heart-pulse-orb span { font-size: 26px; line-height: 1; }
.heart-current-wrap > div:first-child { color: var(--t1); font-size: 30px; font-weight: 800; letter-spacing: -0.04em; }
.heart-bpm-unit { color: rgb(225, 29, 72); font-family: var(--font-mono,monospace); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; }
.heart-meta { min-width: 0px; margin-top: 2px; overflow-wrap: anywhere; word-break: break-word; color: var(--t3); font-size: 11px; line-height: 1.4; }
.heart-freshness-badge { display: inline-flex; align-items: center; gap: 5px; width: max-content; max-width: 100%; margin-top: 6px; padding: 3px 7px; border-radius: 999px; background: var(--surface2); color: var(--t3); font-size: 9px; font-weight: 700; }
.heart-freshness-badge::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentcolor; }
.heart-freshness-badge.is-recent { background: rgba(59, 130, 246, 0.12); color: rgb(37, 99, 235); }
.heart-today-glance { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0px, 1.65fr) minmax(96px, 1fr); grid-template-rows: 1fr 1fr; gap: 8px; }
.heart-glance-tile { min-width: 0px; padding: 9px 10px; border: 1px solid var(--border); border-radius: 12px; background: color-mix(in srgb,var(--surface2) 84%,transparent); }
.heart-glance-latest { grid-row: 1 / 3; padding: 10px; border-color: color-mix(in srgb,#ef4444 22%,var(--border)); background: color-mix(in srgb,var(--surface) 94%,#ef4444 6%); }
.heart-glance-label { overflow: hidden; margin-bottom: 5px; color: var(--t3); font-size: 9px; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; }
.heart-glance-value { display: flex; align-items: baseline; gap: 4px; min-width: 0px; }
.heart-glance-value strong { overflow: hidden; color: var(--t1); font-family: var(--font-mono,monospace); font-size: 18px; font-weight: 850; font-variant-numeric: tabular-nums; letter-spacing: -0.03em; text-overflow: ellipsis; white-space: nowrap; }
.heart-glance-value small { flex: 0 0 auto; color: var(--t3); font-family: var(--font-mono,monospace); font-size: 8px; font-weight: 750; letter-spacing: 0.06em; }
.heart-glance-average { position: relative; z-index: 1; display: flex; align-items: baseline; justify-content: center; gap: 5px; margin-top: 8px; color: var(--t3); font-size: 9px; }
.heart-glance-average strong { color: var(--t1); font-family: var(--font-mono,monospace); font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
.heart-glance-average small { font-family: var(--font-mono,monospace); font-size: 8px; }
.heart-glance-latest .heart-hero-top { gap: 10px; }
.heart-glance-latest .heart-pulse-orb { width: 46px; height: 46px; flex-basis: 46px; border-radius: 15px; }
.heart-glance-latest .heart-pulse-orb::after { border-radius: 19px; }
.heart-glance-latest .heart-current-wrap { min-width: 0px; }
.heart-glance-latest .heart-current-wrap > div:first-child { font-size: 28px; }
@media (max-width: 390px){
.heart-today-glance { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
.heart-glance-latest { grid-area: auto / 1 / auto / -1; }
}
.heart-period-btn { flex: 1 1 0%; min-width: 0px; padding-inline: 4px; border: 0px; background: transparent; color: var(--t3); font-size: 12px; line-height: 1.15; white-space: normal; }
.heart-period-btn.active { color: rgb(190, 18, 60); background: var(--surface); box-shadow: rgba(15, 24, 39, 0.09) 0px 1px 4px; }
.heart-chart-card { margin: 0px 12px; padding: 8px 8px 6px; overflow: hidden; background: var(--card); }
#heart-chart { display: block; width: 100%; height: 190px; box-sizing: border-box; touch-action: pan-y; }
.heart-context-events { display: flex; gap: 6px; overflow-x: auto; padding: 2px 4px 5px; scrollbar-width: none; }
.heart-context-events::-webkit-scrollbar { display: none; }
.heart-context-chip { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; padding: 5px 7px; border: 1px solid color-mix(in srgb,var(--heart-context-color) 24%,var(--border)); border-radius: 999px; color: var(--t2); background: color-mix(in srgb,var(--heart-context-color) 8%,var(--surface)); font-size: 9px; font-weight: 650; }
.heart-context-chip b { color: var(--heart-context-color); font-family: var(--font-mono,monospace); }
.heart-baseline-card, .heart-recovery-card { padding: 14px; }
.heart-baseline-head { display: flex; align-items: center; gap: 11px; }
.heart-baseline-head > div:last-child { min-width: 0px; }
.heart-baseline-head strong { display: block; color: var(--t1); font-size: 13px; line-height: 1.3; }
.heart-baseline-head span { display: block; margin-top: 3px; color: var(--t3); font-size: 10px; line-height: 1.4; }
.heart-baseline-orb { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 13px; font-size: 18px; font-weight: 800; }
.heart-baseline-orb.is-near { color: rgb(5, 150, 105); background: rgba(16, 185, 129, 0.11); }
.heart-baseline-values { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px; margin-top: 14px; }
.heart-baseline-values > div { min-width: 0px; padding: 8px 4px; border-radius: 10px; background: var(--surface2); text-align: center; }
.heart-baseline-values b { display: block; color: var(--t1); font-family: var(--font-mono,monospace); font-size: 16px; }
.heart-baseline-values span { display: block; margin-top: 3px; color: var(--t3); font-size: 8px; line-height: 1.25; }
.heart-coverage { margin-top: 8px; color: var(--t4); font-size: 8px; text-align: center; }
.heart-recovery-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }
.heart-recovery-metric { min-width: 0px; padding: 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface2); }
.heart-recovery-metric > span { display: block; margin-bottom: 5px; font-size: 15px; }
.heart-recovery-metric b { display: block; overflow: hidden; color: var(--t1); font-family: var(--font-mono,monospace); font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.heart-recovery-metric b small { color: var(--t3); font-size: 9px; }
.heart-recovery-metric em { display: block; margin-top: 3px; color: var(--t2); font-size: 9px; font-style: normal; font-weight: 700; }
.heart-recovery-metric > small { display: block; margin-top: 2px; overflow: hidden; color: var(--t4); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.heart-recovery-note { margin-top: 10px; color: var(--t4); font-size: 8px; line-height: 1.4; text-align: center; }
.heart-workouts { display: flex; flex-direction: column; gap: 8px; }
.heart-zone-method { padding: 0px 3px 2px; color: var(--t4); font-size: 9px; line-height: 1.4; }
.heart-workout-card { margin: 0px; padding: 13px; }
.heart-workout-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.heart-workout-head strong { display: block; color: var(--t1); font-size: 13px; }
.heart-workout-head span { display: block; margin-top: 2px; color: var(--t3); font-size: 9px; }
.heart-workout-head > span { margin: 0px; font-size: 19px; }
.heart-workout-stats { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 5px; margin-top: 12px; }
.heart-workout-stats > div { min-width: 0px; text-align: center; }
.heart-workout-stats b { display: block; color: var(--t1); font-family: var(--font-mono,monospace); font-size: 14px; }
.heart-workout-stats span { display: block; margin-top: 2px; color: var(--t4); font-size: 7px; line-height: 1.2; }
.heart-zone-bar { display: flex; height: 7px; margin-top: 12px; overflow: hidden; border-radius: 999px; background: var(--surface2); }
.heart-zone-bar i { display: block; min-width: 0px; height: 100%; }
.heart-zone-legend { display: flex; justify-content: space-between; gap: 3px; margin-top: 6px; }
.heart-zone-legend span { display: flex; align-items: center; gap: 2px; color: var(--t4); font-family: var(--font-mono,monospace); font-size: 7px; }
.heart-zone-legend i { width: 5px; height: 5px; border-radius: 50%; }
.heart-workout-missing { margin-top: 10px; padding: 9px; border-radius: 10px; color: var(--t3); background: var(--surface2); font-size: 9px; line-height: 1.35; text-align: center; }
.heart-reading, .heart-history-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px; padding: 11px 13px; }
.heart-reading-time, .heart-history-date { color: var(--t1); font-size: 12px; font-weight: 700; }
.heart-reading-source, .heart-history-sub { margin-top: 2px; color: var(--t3); font-size: 10px; line-height: 1.35; }
.heart-reading-value, .heart-history-value { flex: 0 0 auto; color: rgb(225, 29, 72); font-family: var(--font-mono,monospace); font-size: 18px; font-weight: 800; }
.heart-reading-value small, .heart-history-value small { margin-left: 2px; color: var(--t3); font-size: 9px; letter-spacing: 0.05em; }
.heart-disclaimer { margin: 10px 18px 0px; color: var(--t4); font-size: 9px; line-height: 1.45; text-align: center; }
.heart-extra-card { padding: 12px; }
.heart-extra-note { margin-top: 8px; color: var(--t4); font-size: 9px; line-height: 1.4; text-align: center; }
.heart-unusual { padding: 11px 13px; border-radius: 14px; border: 1px solid var(--border); background: var(--surface); font-size: 12px; line-height: 1.45; color: var(--t2); }
.heart-overnight-row, .heart-next-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0px; border-bottom: 1px solid var(--border); }
.heart-overnight-row b, .heart-next-row b { color: var(--t1); font-family: var(--font-mono,monospace); font-size: 15px; }
.heart-overnight-row span, .heart-next-row span { display: block; color: var(--t3); font-size: 10px; }
.heart-heatmap { display: grid; grid-template-columns: 18px repeat(24, minmax(0px, 1fr)); gap: 2px; margin-top: 10px; }
.heart-heatmap i { display: block; aspect-ratio: 1 / 1; border-radius: 2px; background: var(--surface2); }
.heart-heatmap .dow { color: var(--t4); font-size: 7px; line-height: 1.8; }
.heart-manual-row { display: flex; gap: 8px; align-items: center; }
.heart-manual-input { flex: 1 1 0%; min-width: 0px; height: 40px; padding: 0px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface2); color: var(--t1); font-size: 16px; }
.heart-history-row { cursor: pointer; }
.heart-zone-stack { display: flex; height: 10px; overflow: hidden; border-radius: 999px; background: var(--surface2); margin-top: 10px; }
.heart-zone-stack i { display: block; height: 100%; min-width: 0px; }
.heart-maxhr-vals { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px; margin-bottom: 10px; }
.heart-maxhr-vals > div { padding: 8px 4px; border-radius: 10px; background: var(--surface2); text-align: center; }
.heart-maxhr-vals b { display: block; color: var(--t1); font-family: var(--font-mono,monospace); font-size: 15px; }
.heart-maxhr-vals span { display: block; margin-top: 3px; color: var(--t3); font-size: 8px; }
.heart-method-row { display: flex; gap: 6px; margin: 8px 0px; }
.heart-method-row button { flex: 1 1 0%; border: 1px solid var(--border); background: var(--surface2); color: var(--t3); border-radius: 10px; padding: 8px 6px; font-size: 10px; font-weight: 700; }
.heart-method-row button.active { color: rgb(190, 18, 60); background: var(--surface); border-color: rgba(225, 29, 72, 0.28); }
#heart-hrv-chart, #heart-circadian-chart, #heart-compare-chart { display: block; width: 100%; }
@keyframes heartPulse { 
  0% { opacity: 0.8; transform: scale(0.88); }
  75%, 100% { opacity: 0; transform: scale(1.13); }
}
@media (max-width: 360px){
.home-section-heading { margin-left: 12px; margin-right: 12px; }
.daily-momentum-stats { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.dash-card { min-height: 132px; padding: 12px; }
.bn-pill .bn-lbl { font-size: 7.5px; }
}
@media (prefers-reduced-motion: reduce){
.screen.active, .value-updated, .more-menu-panel, .ql-sheet, .modal, .mfm-sheet, .heart-pulse-orb::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
.heart-sr-nums { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.heart-chart-tools { display: flex; gap: 6px; margin-top: 6px; justify-content: flex-end; }
.heart-chart-tool { font-size: 10px; font-weight: 700; color: var(--t3); background: var(--surface2); border: 1px solid var(--border); border-radius: 999px; padding: 3px 10px; cursor: pointer; }
.heart-chart-tool.active { color: var(--t1); border-color: var(--accent,#e11d48); background: rgba(244, 63, 94, 0.1); }
.heart-sec-chips { position: sticky; top: var(--heart-tabs-h,35px); z-index: 20; display: flex; gap: 6px; overflow-x: auto; margin: 10px 12px 0px; padding: 6px; background: var(--surface2); border-radius: var(--r2); scrollbar-width: none; }
.heart-sec-chips::-webkit-scrollbar { display: none; }
.heart-sec-chip { flex: 0 0 auto; font-size: 10px; font-weight: 700; color: var(--t2); background: var(--surface); border: 1px solid var(--border); border-radius: 999px; padding: 4px 10px; cursor: pointer; white-space: nowrap; }
.heart-sec-chip:active { transform: scale(0.96); }
.heart-sec-collapsible { cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
.heart-sec-chev { display: inline-block; margin-left: 6px; color: var(--t4); font-size: 10px; transition: transform 0.18s; }
.heart-sec-chev::before { content: "▾"; }
@keyframes heartFlash { 
  0% { box-shadow: rgba(34, 197, 94, 0.55) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(34, 197, 94, 0) 0px 0px 0px 16px; }
}
.heart-ws-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; text-align: center; }
.heart-ws-cell { padding: 8px 4px; border-radius: 10px; background: var(--surface2); }
.heart-ws-cell b { display: block; font-size: 19px; font-weight: 800; color: var(--t1); }
.heart-ws-cell span { font-size: 9px; color: var(--t3); }
.heart-ws-cell.is-avg b { color: rgb(225, 29, 72); }
.heart-ws-cell.is-active b { color: rgb(249, 115, 22); }
.heart-ws-cell.is-load b { color: rgb(99, 102, 241); }
.heart-ws-vs { margin-top: 10px; text-align: center; font-size: 11px; color: var(--t3); }
.heart-ws-vs b { color: var(--t2); }
.heart-phase-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; }
.heart-phase-cell { padding: 10px 4px; border-radius: 10px; background: var(--surface2); }
.heart-phase-cell b { display: block; font-size: 18px; font-weight: 800; color: var(--t1); }
.heart-phase-cell span { font-size: 9px; color: var(--t3); }
.heart-mini-row { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.heart-mini-chip { font-size: 9.5px; font-weight: 600; color: var(--t3); background: var(--surface2); border-radius: 999px; padding: 2px 8px; }
.heart-wake-rise-head { display: flex; align-items: baseline; gap: 8px; }
.heart-wake-rise-head b { font-size: 17px; font-weight: 800; color: var(--t1); }
.heart-wake-rise-head span { font-size: 10px; color: var(--t3); }
.heart-wake-rise-vals { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; text-align: center; }
.heart-wake-rise-vals > div { padding: 8px; border-radius: 10px; background: var(--surface2); }
.heart-wake-rise-vals b { display: block; font-size: 17px; font-weight: 800; color: var(--t1); }
.heart-wake-rise-vals span { font-size: 9px; color: var(--t3); }
.heart-rhr90-head { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }
.heart-dir-chip { font-size: 10px; font-weight: 700; border-radius: 999px; padding: 3px 10px; background: var(--surface2); color: var(--t2); }
.heart-dir-chip.is-improving { background: rgba(16, 185, 129, 0.12); color: rgb(16, 185, 129); }
.heart-rhr90-vals { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; text-align: center; }
.heart-rhr90-vals > div { padding: 8px; border-radius: 10px; background: var(--surface2); }
.heart-rhr90-vals b { display: block; font-size: 17px; font-weight: 800; color: var(--t1); }
.heart-rhr90-vals span { font-size: 9px; color: var(--t3); }
.heart-stand-intro { font-size: 11px; color: var(--t3); line-height: 1.5; margin-bottom: 10px; }
.heart-stand-btn { background: var(--accent,#e11d48); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.heart-meal-chip { font-size: 9.5px; font-weight: 700; border-radius: 999px; padding: 2px 9px; white-space: nowrap; }
.heart-meal-chip.is-up { background: rgba(244, 63, 94, 0.12); color: rgb(225, 29, 72); }
.heart-meal-week { font-size: 11px; font-weight: 700; color: var(--t2); margin-top: 6px; }
.heart-zone-range-legend { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.heart-zone-range-legend span { display: inline-flex; align-items: center; gap: 4px; font-size: 9.5px; font-weight: 600; color: var(--t3); }
.heart-zone-range-legend i { width: 7px; height: 7px; border-radius: 2px; display: inline-block; }
.heart-epoc-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 10px; border-radius: 10px; background: var(--surface2); font-size: 11px; color: var(--t3); }
.heart-epoc-row b { color: var(--t1); font-size: 12px; }
.heart-heatmap i.is-openable { cursor: pointer; }
:root { --hz1: #94a3b8; --hz2: #22c55e; --hz3: #eab308; --hz4: #f97316; --hz5: #e11d48; }
.heart-pro-tabs { display: flex; gap: 4px; margin: 10px 12px 0px; padding: 3px; background: var(--surface2); border-radius: 12px; position: sticky; top: 0px; z-index: 21; }
.heart-pro-tab { flex: 1 1 0%; padding: 8px 4px; border: 0px; border-radius: 9px; background: transparent; color: var(--t3); font-size: 11px; font-weight: 700; letter-spacing: 0.02em; cursor: pointer; transition: background 0.15s, color 0.15s, box-shadow 0.15s; }
.heart-pro-tab.is-active { color: rgb(190, 18, 60); background: var(--surface); box-shadow: rgba(15, 24, 39, 0.12) 0px 1px 5px; }
.heart-pro-tab:focus-visible { outline: 2px solid var(--hz5); outline-offset: 2px; }
.heart-tab-hidden { display: none !important; }
.heart-sticky-bpm { position: sticky; top: var(--heart-tabs-h,35px); z-index: 20; display: flex; align-items: center; gap: 6px; width: calc(100% - 24px); min-height: 40px; margin: 6px 12px 0px; padding: 7px 10px; border: 1px solid color-mix(in srgb,var(--hz5) 22%,var(--border)); border-radius: 12px; background: color-mix(in srgb,var(--surface) 94%,var(--hz5) 6%); color: var(--t1); box-shadow: rgba(15, 24, 39, 0.12) 0px 4px 14px; font-family: inherit; text-align: left; cursor: pointer; }
.heart-sticky-bpm[hidden] { display: none !important; }
.heart-sticky-icon { color: var(--hz5); font-size: 17px; line-height: 1; }
.heart-sticky-bpm strong { font-family: var(--font-mono,monospace); font-size: 17px; font-variant-numeric: tabular-nums; }
.heart-sticky-unit { color: var(--hz5); font-family: var(--font-mono,monospace); font-size: 9px; font-weight: 800; letter-spacing: 0.08em; }
.heart-sticky-age { overflow: hidden; flex: 1 1 0%; color: var(--t3); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.heart-sticky-up { color: var(--t3); font-size: 14px; }
.heart-sticky-bpm:focus-visible { outline: 2px solid var(--hz5); outline-offset: 2px; }
.heart-sticky-bpm[data-heart-freshness="recent"] { border-color: rgba(59, 130, 246, 0.35); }
.heart-hero { position: relative; overflow: hidden; }
.heart-hero-spark-wrap { position: relative; margin-top: 10px; }
#heart-hero-spark { display: block; width: 100%; touch-action: pan-y; }
.heart-spark-tip { position: absolute; top: 0px; z-index: 2; padding: 3px 8px; background: rgba(15, 24, 39, 0.88); color: rgb(255, 255, 255); border-radius: 7px; font-family: var(--font-mono,monospace); font-size: 10px; pointer-events: none; box-shadow: rgba(15, 24, 39, 0.25) 0px 2px 8px; white-space: nowrap; }
.heart-legend-chips { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; margin-top: 2px; }
.heart-legend-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; background: var(--surface2); border-radius: 999px; color: var(--t3); font-size: 9px; font-family: var(--font-mono,monospace); }
.heart-legend-chip i { width: 7px; height: 7px; border-radius: 50%; }
.heart-hero::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(120% 90% at 85% -10%, transparent 55%, rgba(244, 63, 94, 0.07)); }
.heart-hero.hb-evening::before { background: radial-gradient(120% 90% at 85% -10%, transparent 55%, rgba(249, 115, 22, 0.09)); }
.heart-kpi-chips { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin: 8px 0px 6px; }
.heart-kpi-chip { display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 999px; font-size: 9px; font-weight: 700; letter-spacing: 0.02em; background: var(--surface2); color: var(--t3); }
.heart-kpi-chip.is-up { background: rgba(225, 29, 72, 0.12); color: rgb(190, 18, 60); }
.heart-kpi-chip.is-down { background: rgba(34, 197, 94, 0.13); color: rgb(21, 128, 61); }
.heart-kpi-chip.is-good { background: rgba(249, 115, 22, 0.14); color: rgb(194, 65, 12); }
.heart-checkin-row { display: flex; align-items: center; gap: 8px; padding: 6px 0px; }
.heart-checkin-label { flex: 0 0 64px; color: var(--t2); font-size: 11px; font-weight: 650; }
.heart-checkin-dots { display: flex; gap: 6px; flex: 1 1 0%; }
.heart-dot-btn { width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--border2); background: var(--surface); cursor: pointer; transition: transform 0.12s, background 0.15s, border-color 0.15s; }
.heart-dot-btn.is-on { border-color: var(--hz5); background: var(--hz5); box-shadow: rgba(225, 29, 72, 0.3) 0px 2px 6px; }
.heart-dot-btn:active { transform: scale(0.88); }
.heart-dot-btn:focus-visible { outline: 2px solid var(--hz5); outline-offset: 2px; }
.heart-tags-nav { display: flex; gap: 5px; justify-content: center; margin-bottom: 8px; }
.heart-tag-chips { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.heart-tag-chip { padding: 6px 11px; border-radius: 999px; cursor: pointer; border: 1px solid var(--border2); background: var(--surface); color: var(--t2); font-size: 11px; font-weight: 650; transition: background 0.15s, color 0.15s, border-color 0.15s; }
.heart-tag-chip:focus-visible { outline: 2px solid var(--hz5); outline-offset: 2px; }
.heart-dual-stat { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; text-align: center; }
.heart-dual-stat > div { padding: 8px 4px; border-radius: 10px; background: var(--surface2); }
.heart-dual-stat b { display: block; color: var(--t1); font-family: var(--font-mono,monospace); font-size: 17px; }
.heart-dual-stat span { display: block; margin-top: 3px; color: var(--t3); font-size: 9px; line-height: 1.3; }
.heart-rhr-streak-bars { display: flex; align-items: flex-end; gap: 5px; justify-content: center; height: 44px; padding: 4px 0px; }
.heart-rhr-streak-bars i { width: 14px; min-height: 6px; border-radius: 4px; background: linear-gradient(rgb(251, 113, 133), rgb(225, 29, 72)); }
.heart-milestone-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.heart-milestone { padding: 10px 6px; border-radius: 12px; background: var(--surface2); text-align: center; position: relative; overflow: hidden; }
.heart-milestone-ico { position: absolute; top: 6px; right: 8px; font-size: 13px; opacity: 0.7; }
.heart-milestone b { display: block; color: var(--t1); font-family: var(--font-mono,monospace); font-size: 20px; font-weight: 800; }
.heart-milestone span { display: block; margin-top: 3px; color: var(--t3); font-size: 9px; }
.heart-milestone small { display: block; margin-top: 3px; color: var(--t4); font-size: 9px; }
.heart-coverage-head { display: flex; align-items: center; gap: 11px; margin-bottom: 10px; }
.heart-coverage-head strong { display: block; color: var(--t1); font-size: 13px; }
.heart-coverage-head span { display: block; margin-top: 2px; color: var(--t3); font-size: 10px; }
.heart-cov-row { display: flex; align-items: center; gap: 8px; padding: 4px 0px; }
.heart-cov-row > span { flex: 0 0 78px; color: var(--t3); font-size: 10px; }
.heart-cov-track { flex: 1 1 0%; height: 6px; border-radius: 999px; background: var(--surface2); overflow: hidden; }
.heart-cov-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgb(99, 102, 241), rgb(225, 29, 72)); transition: width 0.5s; }
.heart-cov-row b { color: var(--t2); font-size: 10px; font-family: var(--font-mono,monospace); }
.heart-weather-form { display: flex; gap: 6px; margin-top: 10px; }
.heart-breath-stage { display: grid; place-items: center; padding: 14px 0px 6px; }
.heart-breath-ring { display: grid; place-items: center; width: 110px; height: 110px; border-radius: 50%; border: 2px solid color-mix(in srgb,var(--hz4) 55%,var(--surface2)); transition: transform 4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.4s; }
.heart-breath-ring span { font-family: var(--font-mono,monospace); font-size: 30px; font-weight: 800; color: var(--t1); }
@keyframes heartBreathPulse { 
  0%, 100% { box-shadow: rgba(225, 29, 72, 0) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(225, 29, 72, 0.14) 0px 0px 0px 12px; }
}
.heart-workout-pro-row { display: flex; align-items: center; gap: 8px; margin: 8px 0px 2px; flex-wrap: wrap; }
.heart-rpe-select { margin-left: auto; padding: 4px 6px; border-radius: 8px; font-size: 10px; border: 1px solid var(--border2); background: var(--surface); color: var(--t2); }
.heart-replay-btn { width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--border2); background: var(--surface2); color: var(--t2); font-size: 11px; cursor: pointer; display: inline-grid; place-items: center; transition: transform 0.12s; }
.heart-replay-btn:active { transform: scale(0.9); }
#heart-load-sk { display: none; }
.heart-count, .heart-hero-stats strong, .heart-hero-stats span, .heart-stats-card strong, .heart-kpi-chips b, .heart-month-stats b, #heart-replay-readout { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce){
.heart-pulse-orb::after, .heart-breath-stage.is-active .heart-breath-ring, .skeleton::after { animation: auto ease 0s 1 normal none running none !important; }
.heart-breath-ring { transition: none !important; }
}
.sl-pro-row { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0px 4px; }
.sl-pro-pill { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: 12px; color: var(--t1); background: var(--card); border: 1px solid var(--border); }
.sl-pro-pill b { font-variant-numeric: tabular-nums; }
.sl-pro-pill-live { color: rgb(99, 102, 241); border-color: rgba(99, 102, 241, 0.25); background: rgba(99, 102, 241, 0.063); }
.sl-pro-chip { display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; border: 1px solid var(--border); background: var(--card); color: var(--t2); font-variant-numeric: tabular-nums; cursor: default; }
.sl-pro-chip.up { color: rgb(16, 185, 129); border-color: rgba(16, 185, 129, 0.25); }
.sl-pro-block { margin: 10px 0px; padding: 10px 12px; border-radius: var(--r2, 14px); background: var(--card); border: 1px solid var(--border); }
.sl-pro-block-hd { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--t1); margin-bottom: 6px; }
.sl-pro-note { font-size: 11px; color: var(--t3); line-height: 1.5; margin-top: 4px; }
.sl-pro-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.sl-pro-tag { padding: 4px 10px; border-radius: 999px; font-size: 12px; cursor: pointer; border: 1px solid var(--border); background: var(--bg, #f0f2f5); color: var(--t2); }
.sl-pro-mini-btn { display: inline-flex; align-items: center; gap: 3px; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; border: 1px solid var(--border); background: var(--card); color: var(--t1); cursor: pointer; text-decoration: none; }
.sl-pro-mini-btn.active { border-color: rgb(99, 102, 241); background: rgba(99, 102, 241, 0.094); color: rgb(99, 102, 241); }
.sl-pro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
@media (max-width: 420px){
.sl-pro-grid { grid-template-columns: 1fr; }
}
.sl-pro-card { padding: 12px 14px; }
.sl-pro-card-hd { font-size: 13px; font-weight: 700; color: var(--t1); margin-bottom: 6px; }
.sl-pro-big { font-size: 14px; font-weight: 700; color: var(--t1); line-height: 1.45; }
.sl-pro-text { font-size: 12.5px; color: var(--t2); line-height: 1.5; margin: 3px 0px; }
.sl-pro-stage-row { display: flex; justify-content: space-between; align-items: center; padding: 4px 0px; border-bottom: 1px dashed var(--border); font-size: 12.5px; color: var(--t2); }
.sl-pro-stage-row:last-child { border-bottom: 0px; }
#sleep-replay-btn:active { transform: scale(0.97); }
@media (prefers-reduced-motion: reduce){
.sl-pro-mini-btn, .sl-pro-tag, .sl-pro-toggle { transition: none; }
}
#sleep-bedtime-chip { cursor: pointer; }
.sl-circadian-dusk .fitbit-sleep-card { background-image: linear-gradient(160deg, rgba(245, 158, 60, 0.09), rgba(245, 158, 60, 0.02) 55%, transparent); }
.mv-hero { overflow: hidden; }
.mv-hero-top { display: flex; align-items: stretch; gap: 12px; }
.mv-readiness { position: relative; width: 104px; height: 104px; flex: 0 0 auto; }
.mv-ring { width: 104px; height: 104px; transform: rotate(-90deg); }
.mv-ring-bg, .mv-ring-fg { fill: none; stroke-width: 8; stroke-linecap: round; }
.mv-ring-bg { stroke: var(--surface2, #eef1f6); }
.mv-ring-fg { stroke: rgb(99, 102, 241); stroke-dasharray: 0, 314.16; transition: stroke-dasharray 0.6s, stroke 0.4s; }
.mv-readiness-center { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#mv-readiness-score { font-size: 1.55rem; font-weight: 800; line-height: 1; }
.mv-readiness-band { font-size: 0.62rem; color: var(--t3); margin-top: 3px; text-align: center; padding: 0px 4px; }
.mv-hero-mid { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; justify-content: center; }
.mv-hero-steps-num { font-size: 1.7rem; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.mv-hero-steps-sub { font-size: 0.7rem; color: var(--t3); }
.mv-hero-bar { height: 8px; border-radius: 99px; background: var(--surface2, #eef1f6); margin: 8px 0px 4px; overflow: hidden; }
.mv-hero-bar-fill { height: 100%; width: 0%; border-radius: 99px; background: linear-gradient(90deg, rgb(99, 102, 241), rgb(168, 85, 247)); transition: width 0.5s; }
.mv-spark { width: 100%; height: 34px; display: block; }
.mv-hero-right { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-width: 64px; }
.mv-arc { width: 72px; height: 40px; }
.mv-arc-bg, .mv-arc-fg { fill: none; stroke-width: 9; stroke-linecap: round; }
.mv-arc-bg { stroke: var(--surface2, #eef1f6); }
.mv-arc-fg { stroke: rgb(249, 115, 22); stroke-dasharray: 0, 125.66; transition: stroke-dasharray 0.6s; }
.mv-arc-label { font-size: 0.95rem; font-weight: 700; margin-top: -6px; }
.mv-arc-label span:last-child { font-size: 0.6rem; color: var(--t3); margin-left: 2px; }
.mv-hero-sub { font-size: 0.6rem; color: var(--t3); }
.mv-pace-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.mv-chip { font-size: 0.68rem; padding: 4px 9px; border-radius: 99px; background: var(--surface2, #eef1f6); color: var(--t2); }
.mv-chip-down { color: rgb(217, 119, 6); }
.mv-target-line { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; font-size: 0.8rem; color: var(--t2); }
.mv-target-line b { font-variant-numeric: tabular-nums; }
.mv-switch { position: relative; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.mv-switch input { position: absolute; opacity: 0; width: 0px; height: 0px; }
.mv-switch-slider { width: 36px; height: 20px; border-radius: 99px; background: var(--surface2, #d7dce6); transition: background 0.2s; position: relative; flex: 0 0 auto; }
.mv-switch-slider::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; transition: transform 0.2s; }
.mv-switch input:checked + .mv-switch-slider { background: rgb(99, 102, 241); }
.mv-switch input:checked + .mv-switch-slider::after { transform: translateX(16px); }
.mv-switch-label { font-size: 0.75rem; color: var(--t2); }
.mv-sticky { position: sticky; top: 0px; z-index: 40; margin: 0px; padding: 8px 12px; background: var(--bg); }
.mv-sticky-inner { display: flex; align-items: center; gap: 10px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r2); padding: 8px 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 14px; }
.mv-sticky-steps { font-weight: 800; font-size: 0.9rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mv-sticky-sub { font-weight: 400; font-size: 0.7rem; color: var(--t3); }
.mv-sticky-bar { flex: 1 1 0%; height: 8px; border-radius: 99px; background: var(--surface2, #eef1f6); overflow: hidden; }
.mv-sticky-fill { height: 100%; width: 0%; border-radius: 99px; background: linear-gradient(90deg, rgb(99, 102, 241), rgb(168, 85, 247)); transition: width 0.5s; }
.mv-sticky-goal { font-size: 0.75rem; font-weight: 700; color: var(--t2); font-variant-numeric: tabular-nums; }
.mv-quick-row { display: flex; gap: 6px; margin: 8px 12px 0px; overflow-x: auto; padding-bottom: 2px; }
.mv-quick-chip { flex: 0 0 auto; font-size: 0.75rem; padding: 7px 12px; border-radius: 99px; background: var(--surface2, #eef1f6); color: var(--t1); border: 1px solid transparent; }
.mv-quick-chip:active { transform: scale(0.96); }
.mv-clock-card { margin: 0px 12px; padding: 14px; text-align: center; overflow: hidden; }
.mv-clock-wrap { position: relative; width: min(286px, 84vw); margin: -4px auto 0px; }
.mv-clock { display: block; width: 100%; height: auto; overflow: visible; }
.mv-clock-ring { fill: none; stroke: rgba(99, 102, 241, 0.11); stroke-width: 6; }
.mv-clock-ring-fg { fill: none; stroke: rgb(99, 102, 241); stroke-width: 6; stroke-linecap: round; }
.mv-clock-hour { transition: opacity 0.22s, stroke-width 0.22s; cursor: pointer; }
.mv-clock-hour.is-peak { filter: drop-shadow(rgba(249, 115, 22, 0.42) 0px 2px 5px); }
.mv-clock-now { fill: var(--t2,#475569); stroke: none; filter: drop-shadow(rgba(15, 23, 42, 0.22) 0px 1px 3px); }
.mv-clock-number { fill: var(--t3,#64748b); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.mv-clock-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 118px; height: 118px; box-sizing: border-box; padding: 10px; border: 1px solid rgba(99, 102, 241, 0.15); border-radius: 50%; background: var(--surface); box-shadow: rgba(30, 41, 59, 0.1) 0px 8px 28px; pointer-events: none; }
.mv-clock-center-label { max-width: 100px; color: var(--t3); font-size: 0.625rem; font-weight: 750; letter-spacing: 0.055em; line-height: 1.15; text-transform: uppercase; }
.mv-clock-center-time { margin-top: 3px; color: var(--t1); font-size: 1.32rem; font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1.15; white-space: nowrap; }
.mv-clock-center-value { margin-top: 2px; color: rgb(99, 102, 241); font-size: 0.7rem; font-weight: 750; font-variant-numeric: tabular-nums; line-height: 1.15; }
.mv-clock-peak { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 8px; min-width: 0px; margin: -5px auto 0px; padding: 0px 4px; color: var(--t2); font-size: 0.78rem; line-height: 1.35; }
.mv-clock-peak strong { color: var(--t1); font-size: 0.84rem; font-variant-numeric: tabular-nums; }
.mv-clock-peak-share { color: rgb(249, 115, 22); font-weight: 750; }
.mv-clock-hours { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px; margin-top: 11px; }
.mv-clock-hour-chip { display: flex; flex-direction: column; gap: 2px; min-width: 0px; padding: 7px 5px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface2,#eef1f6); }
.mv-clock-hour-chip:first-child { border-color: rgba(249, 115, 22, 0.38); background: rgba(249, 115, 22, 0.08); }
.mv-clock-hour-chip-time { color: var(--t2); font-size: 0.68rem; font-weight: 750; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mv-clock-hour-chip-steps { overflow: hidden; color: var(--t1); font-size: 0.72rem; font-weight: 800; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.mv-clock-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; justify-content: center; min-height: 18px; font-size: 0.68rem; color: var(--t3); margin-top: 9px; }
.mv-clock-legend-key { display: inline-flex; align-items: center; gap: 4px; color: var(--t2); font-weight: 700; }
.mv-clock-legend-bar { display: inline-block; width: 14px; height: 5px; border-radius: 99px; background: rgb(165, 180, 252); }
.mv-clock-legend-bar.is-peak { background: rgb(249, 115, 22); }
.mv-clock-legend-bar.is-now { width: 4px; height: 12px; border-radius: 2px; background: var(--t2,#475569); }
.mv-clock-legend-scale { display: inline-block; width: 34px; height: 6px; border-radius: 99px; background: linear-gradient(90deg, rgb(165, 180, 252), rgb(67, 56, 202)); }
@media (max-width: 360px){
.mv-clock-wrap { width: min(270px, 86vw); }
.mv-clock-center { width: 112px; height: 112px; }
.mv-clock-center-label { font-size: 0.58rem; }
.mv-clock-center-time { font-size: 1.18rem; }
.mv-clock-hours { gap: 4px; }
.mv-clock-hour-chip-steps { font-size: 0.67rem; }
}
@media (prefers-reduced-motion: reduce){
.mv-clock-hour { transition: none; }
}
.mv-debt-head { font-size: 1.05rem; }
.mv-debt-head b { color: rgb(99, 102, 241); font-variant-numeric: tabular-nums; }
.mv-debt-sub { font-size: 0.75rem; color: var(--t3); margin-top: 4px; }
.mv-debt-plan { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.mv-debt-chip { font-size: 0.7rem; background: var(--surface2, #eef1f6); border-radius: 10px; padding: 6px 9px; }
.mv-debt-chip b { color: rgb(99, 102, 241); }
.mv-plan-note { font-size: 0.75rem; color: var(--t3); margin-bottom: 8px; }
.mv-plan-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 0px; border-top: 1px dashed var(--border); font-size: 0.8rem; }
.mv-plan-day { font-weight: 700; min-width: 52px; }
.mv-plan-min { color: var(--t2); }
.mv-plan-hour { color: var(--t3); font-size: 0.7rem; }
.mv-milestone-card { text-align: center; }
.mv-milestone-title { font-size: 0.72rem; color: var(--t3); }
.mv-milestone-num { font-size: 1.35rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.mv-milestone-unit { font-size: 0.7rem; font-weight: 600; color: var(--t3); }
.mv-milestone-sub { font-size: 0.68rem; color: var(--t2); margin-top: 4px; }
.mv-empty { text-align: center; color: var(--t3); font-size: 0.78rem; padding: 8px 0px; }
.mv-bingo-tip { font-size: 0.75rem; color: var(--t3); margin-bottom: 8px; }
.mv-bingo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.mv-bingo-cell { position: relative; min-height: 62px; border-radius: 12px; border: 1px solid var(--border); background: var(--surface, #fff); font-size: 0.68rem; line-height: 1.25; padding: 6px; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--t2); }
.mv-bingo-cell:active { transform: scale(0.97); }
.mv-nudge-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mv-nudge-title { font-weight: 700; font-size: 0.9rem; }
.mv-nudge-sub { font-size: 0.72rem; color: var(--t3); margin-top: 2px; }
#mv-compare-btn.mv-compare-btn { margin-left: 8px; font-size: 0.7rem; padding: 4px 10px; border-radius: 99px; background: var(--surface2, #eef1f6); color: var(--t2); border: 1px solid var(--border); }
#mv-compare-btn.mv-compare-btn.active { background: rgb(99, 102, 241); color: rgb(255, 255, 255); border-color: rgb(99, 102, 241); }
@media (prefers-reduced-motion: reduce){
.mv-ring-fg, .mv-arc-fg, .mv-hero-bar-fill, .mv-sticky-fill, .mv-switch-slider, .mv-switch-slider::after { transition: none; }
.mv-quick-chip:active, .mv-bingo-cell:active { transform: none; }
}
.tl24-legend { margin: 8px 0px 0px; }
.heart-chart-card .tl24-legend { margin: 6px 2px 4px; }
.tl24-hint { color: var(--t3); font-size: 0.6875rem; line-height: 1.35; margin-bottom: 7px; }
.tl24-keys { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 9px; }
.tl24-key { display: inline-flex; align-items: center; gap: 5px; color: var(--t3); font-size: 0.6875rem; font-weight: 600; }
.tl24-sw { display: inline-block; width: 9px; height: 11px; border-radius: 3px; background: rgb(110, 231, 183); }
.tl24-sw.is-strong { background: linear-gradient(rgb(52, 211, 153), rgb(5, 150, 105)); }
.tl24-sw.is-light { background: linear-gradient(rgb(167, 243, 208), rgb(110, 231, 183)); }
.tl24-sw.is-peak { background: rgb(249, 115, 22); height: 5px; border-radius: 2px; }
.tl24-sw.is-goal { width: 12px; height: 0px; border-radius: 0px; background: none; border-top: 2px dashed var(--t3); }
.tl24-sw.is-sleep { background: linear-gradient(rgb(129, 140, 248), rgb(67, 56, 202)); }
.tl24-sw.is-sleep-light { background: linear-gradient(rgb(199, 210, 254), rgb(165, 180, 252)); }
.tl24-sw.is-hr { background: linear-gradient(rgb(251, 113, 133), rgb(220, 38, 38)); }
.tl24-sw.is-hr-avg { width: 9px; height: 9px; border-radius: 50%; background: var(--surface,#fff); border: 2px solid rgb(225, 29, 72); }
.tl24-sw.is-rhr { width: 12px; height: 0px; border-radius: 0px; background: none; border-top: 2px dashed rgb(99, 102, 241); }
.tl24-chips { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px; }
.tl24-chip { display: flex; flex-direction: column; gap: 2px; min-width: 0px; padding: 7px 6px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface2,#eef1f6); }
.tl24-chip.is-accent { border-color: rgba(249, 115, 22, 0.38); background: rgba(249, 115, 22, 0.08); }
.tl24-chip-k { overflow: hidden; color: var(--t3); font-size: 0.625rem; font-weight: 700; letter-spacing: 0.02em; text-overflow: ellipsis; white-space: nowrap; }
.tl24-chip-v { overflow: hidden; color: var(--t1); font-size: 0.75rem; font-weight: 800; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
[data-theme="black"] .act-period-btn.active, [data-theme="black"] .dash-edit-btn.active, [data-theme="black"] .day-check:has(input:checked), [data-theme="black"] .drug-add-btn, [data-theme="black"] .fab-btn, [data-theme="black"] .fam-btn.active, [data-theme="black"] .nchip-on, [data-theme="black"] .ob-next, [data-theme="black"] .pp-btn.active, [data-theme="black"] .ql-chip-primary, [data-theme="black"] .res-btn-p, [data-theme="black"] .streaks-welcome button, [data-theme="black"] .sym-sev-btn.active, [data-theme="black"] .sync-count-badge, [data-theme="black"] .toast-chip, [data-theme="black"] .umod-chip-check, [data-theme="black"] .water-add-btn:hover, [data-theme="black"] #sc-home[data-competitive-preview="1"] .daily-home-controls a, [data-theme="black"] .btn-primary, [data-theme="black"] .btn-primary:hover, [data-theme="black"] .ctl-btn:hover, [data-theme="black"] .ctl-btn.active, [data-theme="black"] .toggle-track.on, [data-theme="black"] .swipe-dot.active, [data-theme="black"] .bn-fab, [data-theme="black"] .nab-primary, [data-theme="black"] .sl-save-btn, [data-theme="black"] .mfm-btn-primary, [data-theme="black"] .vitals-form .btn-block, [data-theme="black"] .glucose-form .btn-block, [data-theme="black"] .chol-form .btn-block, [data-theme="black"] .sym-form .btn-block, [data-theme="black"] .cyc-form .btn-block { color: rgb(255, 255, 255); background: var(--brand-solid, #484F5C) !important; }
[data-theme="black"] .btn-primary:hover, [data-theme="black"] .ctl-btn:hover { background: rgb(86, 94, 110) !important; }
[data-theme="black"] #sc-weight .wt-progress-fill { background: linear-gradient(90deg, rgb(72, 79, 92) 0%, rgb(130, 140, 157) 100%) !important; }
[data-theme="black"] .daily-momentum-bar span { background: linear-gradient(90deg, rgb(90, 99, 117), rgb(130, 140, 157)) !important; }
:root { --md-primary: var(--brand); --md-on-primary: #FFFFFF; --md-primary-container: var(--brand-l); --md-on-primary-container: var(--brand-d); --md-surface: var(--surface); --md-on-surface: var(--t1); --md-surface-variant: var(--bg1); --md-on-surface-variant: var(--t3); --md-surface-container-lowest: var(--bg); --md-surface-container-low: var(--surface2); --md-surface-container: var(--surface2); --md-surface-container-high: var(--surface); --md-outline: var(--border2); --md-outline-variant: var(--border); --md-error: var(--red); --md-error-container: var(--red-b); --md-on-error-container: var(--red); --md-success: var(--green); --md-success-container: var(--green-b); --md-on-success-container: var(--green); --md-warning: var(--orange); --md-warning-container: var(--orange-b); --md-info: var(--blue); --md-info-container: var(--blue-b); --md-shape-sm: var(--r); --md-shape-md: var(--r2); --md-shape-lg: var(--r3); --md-shape-xl: var(--r4); --md-shape-full: 999px; --md-elevation-1: var(--ui-card-shadow, var(--shadow)); --md-elevation-2: var(--ui-card-shadow-raised, var(--shadow2)); --md-motion-1: var(--tl-dur-1, 150ms); --md-motion-2: var(--tl-dur-2, 200ms); --md-motion-3: var(--tl-dur-3, 300ms); --md-ease-standard: var(--tl-ease-standard, cubic-bezier(.2, 0, 0, 1)); --md-ease-emphasized: var(--tl-ease-emphasized, cubic-bezier(.2, 0, 0, 1)); --md-ease-spring: var(--tl-ease-spring, cubic-bezier(.34, 1.4, .64, 1)); --md-type-label: 12px; --md-type-body: 15px; --md-type-title: 17px; --md-type-headline: 22px; --md-type-large-title: 28px; --surface1: var(--surface); --primary: var(--brand); --accent: var(--brand); --r1: var(--r); --hover: var(--surface2); }
@media (max-width: 768px){
body { -webkit-tap-highlight-color: transparent; touch-action: manipulation; overscroll-behavior-y: none; user-select: none; }
.screens, .screen, .slide-panel, .onboard-overlay { overscroll-behavior-y: contain; }
button, .btn, .chip, [role="button"], .bn-item, .tab, input[type="checkbox"], input[type="radio"] { touch-action: manipulation; }
input, textarea, [contenteditable="true"], .meal-block, #comm-thread, #comm-input, .prem-readable-preview { user-select: text; }
}
@media (hover: none), (pointer: coarse){
html body a, html body button, html body .btn, html body .chip, html body .bn-item, html body .ctl-btn, html body .tab, html body .q-cta, html body .list-row, html body .food-log-row, html body .tl-tools-btn, html body .card[role="button"], html body [role="button"] { cursor: default !important; }
}
#sc-home[data-competitive-preview="1"] .daily-home-controls #daily-week-review { background: var(--brand); color: rgb(255, 255, 255); }
#weekly-summary-wrap[data-review-open="1"] { scroll-margin-top: 24px; }
#weekly-summary-wrap:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
@keyframes tlg-mic-pulse { 
  50% { box-shadow: rgba(239, 68, 68, 0.1) 0px 0px 0px 7px; }
}
@keyframes tlg-shimmer { 
  100% { background-position: -200% 0px; }
}
.tl-experience-trial #sc-home > .tempo-feed, .tl-experience-trial #sc-home .tempo-feed[data-feed-surface="dashboard"], .tl-experience-trial #monthly-campaign-home { display: none; }
.trial-card { padding: 16px; margin: 16px 0px; border: 1px solid var(--border,#ddd); border-radius: 18px; background: var(--surface,#fff); color: var(--t1,#222); }
.trial-card summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 600; }
.trial-card summary::before { content: "＋"; margin-right: 10px; }
.tl-experience-trial #sc-home .daily-home-controls { order: -970 !important; }
.tl-experience-trial #sc-home .daily-home-controls > a, .tl-experience-trial #sc-home .daily-home-controls > button { min-height: 44px; display: flex; align-items: center; justify-content: center; }
.tl-experience-trial .trial-dialog :is(button, select, input):focus-visible, .tl-experience-trial .trial-card :is(button, summary):focus-visible { outline: 2px solid var(--brand, #2563eb); outline-offset: 3px; }
.hh-notif-btn { position: relative; }
.hh-notif-pip { position: absolute; top: -4px; right: -4px; min-width: 17px; height: 17px; padding: 0px 4px; border-radius: 9px; background: var(--red,#DC2626); color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; line-height: 17px; text-align: center; box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 0px 2px; pointer-events: none; }
.hh-notif-pip[hidden] { display: none; }
@keyframes tl-i18n-failsafe { 
  100% { visibility: visible; }
}
.screen-header.tl-hdr-back { justify-content: flex-start; gap: 10px; }
.screen-header.tl-hdr-back > div:first-of-type { flex: 1 1 auto; min-width: 0px; }
.bh-strip { display: flex; align-items: center; gap: 2px; margin: 8px 12px; padding: 4px 2px; background: var(--surface,#fff); border: 1px solid var(--border,rgba(120,130,150,.22)); border-radius: var(--r2,12px); box-shadow: var(--card-sh-1,none); }
.bh-nav { width: 30px; align-self: stretch; border: 0px; background: none; color: var(--t3,#64748b); font-size: 20px; cursor: pointer; border-radius: 8px; padding: 0px; }
.bh-nav:disabled { opacity: 0.25; cursor: default; }
.bh-days { flex: 1 1 0%; display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.bh-day { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 0px 5px; border: 0px; background: none; border-radius: 10px; cursor: pointer; color: var(--t1,#0f172a); font-family: inherit; }
.bh-day .bh-dw { font-size: 10px; font-weight: 600; color: var(--t4,#64748b); letter-spacing: 0.05em; text-transform: uppercase; }
.bh-day .bh-dn { font-size: 15px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.bh-day.is-today { box-shadow: inset 0 0 0 1.5px var(--brand,#2563eb); }
.bh-dots { display: flex; gap: 3px; height: 7px; align-items: center; }
.bh-dot { width: 5px; height: 5px; border-radius: 50%; display: block; }
.bh-dot.mv { --c: var(--orange,#f97316); }
.bh-dot.sl { --c: var(--purple,#6366f1); }
.bh-dot.hr { --c: var(--red,#ef4444); }
.bh-dot.f { background: var(--c); }
.bh-dot.r { border: 1.5px solid var(--c); }
@keyframes bhFade { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: none; }
}
.bh-hub { margin: 10px 12px 0px; background: var(--surface,#fff); border: 1px solid var(--border,rgba(120,130,150,.22)); border-radius: var(--r2,12px); box-shadow: var(--card-sh-1,none); padding: 12px 12px 4px; }
.bh-hub-hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 2px 2px 6px; }
.bh-hub-hd b { font-size: 14px; color: var(--t1,#0f172a); }
.bh-hub-hd span { font-size: 11.5px; color: var(--t4,#64748b); flex: 1 1 0%; text-align: right; margin-right: 6px; min-width: 0px; }
.bh-hub-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
.bh-tile { border: 0px; background: var(--bg1,rgba(120,130,150,.08)); border-radius: 10px; padding: 10px 12px; text-align: left; cursor: pointer; font-family: inherit; }
.bh-tile .t { font-size: 10px; text-transform: uppercase; letter-spacing: 0.07em; color: var(--t4,#64748b); font-weight: 600; }
.bh-tile .n { font-size: 18px; font-weight: 800; color: var(--t1,#0f172a); font-variant-numeric: tabular-nums; margin-top: 2px; }
.bh-tile .s { font-size: 11px; color: var(--t3,#64748b); margin-top: 1px; }
.bh-hub .bh-strip { margin: 0px 0px 8px; box-shadow: none; background: transparent; border: 0px; }
.tl-continuity button, .tl-continuity-home button { min-height: 44px; margin: 6px 0px; padding: 9px 13px; white-space: normal; overflow-wrap: anywhere; }
.tl-continuity-home { margin: 12px; padding: 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tl-usability #tl-continuity-home, .tl-usability #food-recent-section, .tl-usability #food-search-results, .tl-usability #tlg-search-hint { display: none !important; }
.tl-usability .daily-momentum-score, .tl-usability .daily-momentum-bar, .tl-usability .daily-momentum-metrics { display: none !important; }
.tu-dialog summary, #tu-home-details > summary { cursor: pointer; min-height: 44px; align-content: center; }
button:disabled { cursor: default; }
.tl-usability .daily-momentum-stats { display: none !important; }
.tl-tools-dialog :is(button, input, select, textarea, a, summary):focus-visible, .tl-tools-hub :is(button, a, summary):focus-visible { outline: 3px solid var(--brand, #2563eb); outline-offset: 3px; }
.tl-tools-dialog .tl-tools-steps > .active, .tl-tools-dialog .tl-tools-steps > .is-current, .tl-tools-dialog .tl-tools-steps > [aria-current="step"] { color: var(--brand, #2563eb); border-color: var(--brand, #2563eb); }
@keyframes tl-tools-enter { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
html.tl-app-feel, html.tl-app-feel body { -webkit-tap-highlight-color: transparent; text-size-adjust: 100%; }
html.tl-app-feel .app, html.tl-app-feel .bottomnav, html.tl-app-feel .screen-header, html.tl-app-feel .home-hero, html.tl-app-feel .bn-item, html.tl-app-feel .bn-fab, html.tl-app-feel .more-menu, html.tl-app-feel .dash-card, html.tl-app-feel .dash-mini, html.tl-app-feel .card, html.tl-app-feel button, html.tl-app-feel .ctl-btn, html.tl-app-feel .hh-avatar, html.tl-app-feel .hh-focus-btn, html.tl-app-feel [onclick] { user-select: none; -webkit-tap-highlight-color: transparent; cursor: default; }
html.tl-app-feel input, html.tl-app-feel textarea, html.tl-app-feel select, html.tl-app-feel [contenteditable="true"], html.tl-app-feel .meal-block, html.tl-app-feel #comm-thread, html.tl-app-feel #comm-input { user-select: text; cursor: auto; }
html.tl-app-feel .screens, html.tl-app-feel .screen { overscroll-behavior: none; }
html.tl-app-feel .app a { text-decoration: none; }
@media (hover: hover) and (pointer: fine){
html.tl-app-feel button, html.tl-app-feel .bn-item, html.tl-app-feel .bn-fab, html.tl-app-feel .dash-card, html.tl-app-feel .dash-mini, html.tl-app-feel .card, html.tl-app-feel .ctl-btn, html.tl-app-feel .hh-avatar, html.tl-app-feel [onclick], html.tl-app-feel .app a { cursor: pointer; }
}
@media (hover: none), (pointer: coarse){
html.tl-app-feel .today-doses-bar:hover, html.tl-app-feel .dash-card:hover, html.tl-app-feel .card:hover, html.tl-app-feel .bn-item:hover, html.tl-app-feel a:hover { border-color: inherit; background: inherit; color: inherit; text-decoration: none; box-shadow: none; }
}
html.tl-app-feel, html.tl-app-feel body { margin: 0px !important; padding: 0px !important; height: 100% !important; overflow: hidden !important; background: var(--md-surface-container-lowest) !important; }
html.tl-app-feel .app { position: fixed !important; inset: 0px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; background: var(--md-surface-container-lowest) !important; max-width: none !important; margin: 0px !important; padding-top: max(env(safe-area-inset-top, 0px), var(--tl-safe-top, 0px)) !important; border-radius: 0px !important; box-shadow: none !important; }
html.tl-app-feel .screens { flex: 1 1 0% !important; min-height: 0px !important; overflow: hidden !important; position: relative !important; }
html.tl-app-feel .bottomnav { flex-shrink: 0 !important; }
html.tl-app-feel .screens { position: relative !important; overflow: hidden !important; }
html.tl-app-feel .bottomnav, html.tl-app-feel .bottomnav .bn-pill, html.tl-app-feel .bottomnav .bn-item, html.tl-app-feel .bottomnav .bn-fab { position: relative; z-index: 200; pointer-events: auto !important; }
@keyframes tl-nav-in { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}
@keyframes tl-nav-out { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-28%); }
}
@keyframes tl-nav-pop-in { 
  0% { transform: translateX(-28%); }
  100% { transform: translateX(0px); }
}
@keyframes tl-nav-pop-out { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(100%); }
}
html.tl-app-feel #monthly-campaign-home, html.tl-app-feel body.focus-mode #monthly-campaign-home { display: block !important; }
@keyframes tl-page-spin { 
  100% { transform: rotate(360deg); }
}
html.tl-app-feel { color-scheme: light; }
html.tl-app-feel .dash-card { box-shadow: none; }
html.tl-app-feel .dash-mini { box-shadow: none; }
html.tl-app-feel #daily-momentum-card { box-shadow: none; }
html.tl-app-feel .sec-hd { text-transform: none; letter-spacing: 0.01em; font-size: var(--md-type-label); }
html.tl-app-feel .v3-sec-hd > span, html.tl-app-feel .v3-hc-lbl, html.tl-app-feel .v3-card-lbl, html.tl-app-feel .v3-habit-lbl, html.tl-app-feel .v3-chip-lbl, html.tl-app-feel .v3-day-item-lbl, html.tl-app-feel .v3-veel-group-hd { text-transform: none; letter-spacing: 0.02em; }
html.tl-app-feel #sc-home .home-hero { border-radius: 0px; margin: 0px; padding: 18px 16px 10px; background: none !important; box-shadow: none !important; }
html.tl-app-feel #sc-home .home-hero::before, html.tl-app-feel #sc-home .home-hero::after { display: none; }
html.tl-app-feel #sc-home .home-hero :is(.hh-name, .hh-alias-inline) { color: var(--md-on-surface) !important; }
html.tl-app-feel #sc-home .home-hero :is(.hh-greeting, .hh-greeting-sub) { color: var(--t2) !important; }
html.tl-app-feel #sc-home .hh-greeting { font-size: var(--md-type-label); text-transform: none; letter-spacing: 0px; opacity: 1; }
html.tl-app-feel #sc-home .hh-name { font-size: var(--md-type-large-title); line-height: 1.15; letter-spacing: -0.02em; }
html.tl-app-feel #sc-home .hh-greeting-sub { font-size: var(--md-type-label); }
html.tl-app-feel #sc-home .home-hero .hh-focus-btn { color: var(--t2); background: var(--md-surface-container-low); border: 1px solid var(--md-outline-variant); }
html.tl-app-feel #sc-home .home-hero .hh-avatar { background: var(--md-surface-container-low); border: 1px solid var(--md-outline-variant); }
html.tl-app-feel .btn:active, html.tl-app-feel .wide-btn:active, html.tl-app-feel .ctl-btn:active, html.tl-app-feel .chip:active, html.tl-app-feel .fav-chip:active, html.tl-app-feel .icon-btn:active, html.tl-app-feel .fab-btn:active, html.tl-app-feel .mood-btn:active { transform: scale(0.96); }
html.tl-app-feel .bn-item:active { opacity: 0.65; }
html.tl-app-feel { --tl-dur-1: 150ms; --tl-dur-2: 200ms; --tl-dur-3: 300ms; --tl-ease-standard: cubic-bezier(.2, 0, 0, 1); --tl-ease-emphasized: cubic-bezier(.2, 0, 0, 1); --tl-ease-spring: cubic-bezier(.34, 1.4, .64, 1); }
html.tl-app-feel .dash-card, html.tl-app-feel .dash-mini, html.tl-app-feel .btn, html.tl-app-feel .wide-btn, html.tl-app-feel .chip, html.tl-app-feel .fav-chip { transition-duration: var(--md-motion-1); transition-timing-function: var(--md-ease-standard); }
html.tl-app-feel .period-toggle { display: inline-flex; align-items: center; gap: 2px; padding: 3px; background: var(--md-surface-container-low, #F5F7FA); border-radius: var(--md-shape-full); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
html.tl-app-feel .period-toggle::-webkit-scrollbar { display: none; }
html.tl-app-feel .period-btn { flex: 0 0 auto; min-height: 32px; padding: 6px 12px; border: 1px solid transparent; border-radius: var(--md-shape-full); background: transparent; color: var(--t2, #5A6A7A); font-size: var(--md-type-label); font-weight: 500; white-space: nowrap; cursor: pointer; transition: background-color var(--md-motion-1) var(--md-ease-standard),
              color var(--md-motion-1) var(--md-ease-standard); }
html.tl-app-feel .period-btn.active { background: var(--md-surface, #FFFFFF); color: var(--md-primary, #2563EB); font-weight: 700; border-color: var(--md-outline-variant, #E2E6EC); }
html.tl-app-feel .period-btn:active { transform: scale(0.96); }
html.tl-app-feel.tl-swipe-lock { touch-action: none; overscroll-behavior-x: none; }
@media (prefers-reduced-motion: no-preference){
html.tl-app-feel :is(.bn-item, .ctl-btn, .btn, .chip, .list-row, .food-log-row, .tl-tools-btn, .q-cta, .tab) { transition: transform 120ms var(--tl-ease-spring, cubic-bezier(.34,1.4,.64,1)); }
html.tl-app-feel :is(.bn-item, .ctl-btn, .btn, .chip, .list-row, .food-log-row, .tl-tools-btn, .q-cta):active:not(:disabled) { transform: scale(0.97); }
}
@keyframes tlFeelShimmer { 
  100% { background-position: -200% 0px; }
}
@keyframes tlfcFly { 
  0% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
  100% { transform: translate(calc(-50% + var(--dx, 0px)), calc(-50% + var(--dy, 0px))) scale(.3); opacity: 0; }
}
html.tl-app-feel .bn-item { position: relative; }
@keyframes tlFeelPulse { 
  0% { transform: scale(0.6); opacity: 0.8; }
  100% { transform: scale(1.6); opacity: 0; }
}
html.tl-app-feel .bottomnav #nav-quickadd.tl-fab-center { display: flex !important; }
html.tl-app-feel .bottomnav .bn-pill > #nav-quickadd.tl-fab-center { display: flex !important; }
html.tl-app-feel .bn-fab.tl-fab-center { flex: 0 0 auto; align-self: stretch; width: auto; height: auto; min-width: 48px; max-width: 56px; margin: 0px 3px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; background: var(--v3s-grad, var(--md-primary, var(--brand, #2563EB))); box-shadow: 0 1px 1px rgba(10, 14, 30, .16),
    0 2px 6px -3px var(--v3s-grad-sh, rgba(37, 99, 235, .55)),
    inset 0 0 0 1px rgba(255, 255, 255, .14),
    inset 0 1px 0 rgba(255, 255, 255, .26); transition: transform 140ms var(--md-ease-standard, cubic-bezier(.2, 0, 0, 1)),
              box-shadow 200ms ease,
              background 200ms ease; }
html.tl-app-feel .bn-fab.tl-fab-center:hover { transform: scale(1.04); box-shadow: 0 1px 1px rgba(10, 14, 30, .18),
    0 4px 10px -4px var(--v3s-grad-sh, rgba(37, 99, 235, .6)),
    inset 0 0 0 1px rgba(255, 255, 255, .16),
    inset 0 1px 0 rgba(255, 255, 255, .28); }
html.tl-app-feel .bn-fab.tl-fab-center:active { transform: scale(0.93); box-shadow: rgba(10, 14, 30, 0.2) 0px 1px 1px, rgba(255, 255, 255, 0.12) 0px 0px 0px 1px inset; }
html.tl-app-feel .bn-fab.tl-fab-center:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--v3s-brand, #4F46E5) 45%, transparent),
    0 1px 1px rgba(10, 14, 30, .16),
    inset 0 1px 0 rgba(255, 255, 255, .26); }
html.tl-app-feel .bn-fab.tl-fab-center .bn-ico { font-size: 28px; color: var(--md-on-primary, #fff); transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1); }
html.tl-app-feel .bn-fab.tl-fab-center .bn-ico svg path { stroke-width: 2.2; }
html.tl-app-feel .bn-fab.tl-fab-center[aria-expanded="true"] .bn-ico { transform: rotate(45deg); }
@media (prefers-reduced-motion: reduce){
html.tl-app-feel .bn-fab.tl-fab-center, html.tl-app-feel .bn-fab.tl-fab-center .bn-ico { transition: none; }
}
html.tl-app-feel .bn-fab { position: relative; }
html.tl-app-feel .bn-fab .tl-fpd { position: absolute; top: -2px; right: -2px; width: 8px; height: 8px; border-radius: 50%; background: var(--md-primary, var(--brand, #2563EB)); box-shadow: 0 0 0 3px var(--md-primary-container, rgba(37, 99, 235, .18)); opacity: 0; transform: scale(0.4); transition: opacity 200ms, transform 200ms; pointer-events: none; }
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #ql-body :is(.ql-row, .ql-chip, .ql-mood-btn, .ql-input), html.tl-app-feel #ql-overlay .ql-x { transition: none; }
}
html.tl-app-feel #sc-home > :not(.v3-home) { display: none !important; }
html.tl-app-feel #sc-home { padding: 0px !important; }
.v3-home { padding: 10px 12px 132px; }
.v3-home, .v3-home * { box-sizing: border-box; }
.v3-top { display: flex; align-items: baseline; justify-content: space-between; padding: 4px 2px 10px; }
.v3-brand { font-size: 15px; font-weight: 800; color: var(--t1); letter-spacing: -0.01em; }
.v3-date { font-size: 12px; color: var(--t3); }
.v3-sec { margin-bottom: 18px; }
.v3-sec-hd { display: flex; align-items: center; justify-content: space-between; padding: 0px 2px 8px; }
.v3-sec-hd > span { font-size: 10.5px; font-weight: 700; letter-spacing: 0.09em; color: var(--t3); text-transform: uppercase; }
.v3-seeall { border: 0px; background: none; padding: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 600; color: var(--brand, #2563EB); cursor: pointer; }
.v3-seeall:active { opacity: 0.6; }
.v3-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.v3-hero-card { border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 14px; background: var(--surface); padding: 12px; text-align: left; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 2px; font-family: inherit; min-width: 0px; }
.v3-hero-card:active { transform: scale(0.985); }
.v3-hero-card.v3-hero-fast { border-top: 2px solid rgb(249, 115, 22); }
.v3-hc-lbl { font-size: 10px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--t3); margin-bottom: 4px; }
.v3-hc-val { font-size: 24px; font-weight: 800; color: var(--t1); line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v3-hc-val .v3-unit { font-size: 12px; font-weight: 600; color: var(--t3); margin-left: 3px; }
.v3-hc-sub { font-size: 11px; color: var(--t3); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v3-spark { width: 100%; height: 34px; margin-top: 8px; display: block; }
.v3-sentence { display: flex; align-items: center; gap: 12px; width: 100%; border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 14px; background: var(--surface); padding: 12px 14px; margin-bottom: 10px; cursor: pointer; text-align: left; font-family: inherit; }
.v3-sentence:active { opacity: 0.85; }
.v3-sentence-num { font-size: 30px; font-weight: 800; color: var(--brand, #2563EB); line-height: 1; min-width: 56px; }
.v3-sentence-txt { flex: 1 1 0%; min-width: 0px; font-size: 13px; color: var(--t2); line-height: 1.35; }
.v3-sentence-txt b { color: var(--t1); }
.v3-sentence-chev { font-size: 18px; color: var(--t4); }
.v3-cards2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.v3-cards3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
.v3-card { position: relative; border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 13px; background: var(--surface); padding: 11px 12px; cursor: pointer; text-align: left; font-family: inherit; min-width: 0px; box-shadow: none; }
.v3-card:active { transform: scale(0.985); }
.v3-card-lbl { font-size: 10px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--t3); display: flex; justify-content: space-between; gap: 4px; }
.v3-card-lbl .v3-period { font-weight: 600; letter-spacing: 0.03em; text-transform: none; color: var(--t4); }
.v3-card-val { font-size: 21px; font-weight: 800; color: var(--t1); margin-top: 5px; line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v3-card-val .v3-unit { font-size: 11.5px; font-weight: 600; color: var(--t3); margin-left: 2px; }
.v3-card-sub { font-size: 10.5px; color: var(--t3); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v3-card-spark { width: 100%; height: 26px; margin-top: 7px; display: block; }
.v3-habit { border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 13px; background: var(--surface); padding: 10px 10px 8px; cursor: pointer; text-align: center; font-family: inherit; }
.v3-habit:active { transform: scale(0.98); }
.v3-habit-lbl { font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--t3); }
.v3-habit-val { font-size: 18px; font-weight: 800; color: var(--t1); margin-top: 3px; }
.v3-habit-val .v3-unit { font-size: 11px; color: var(--t3); font-weight: 600; }
.v3-habit-bar { height: 3px; border-radius: 2px; background: var(--surface-2, rgba(37,99,235,.1)); margin-top: 7px; overflow: hidden; }
.v3-habit-bar > span { display: block; height: 100%; border-radius: 2px; background: var(--brand, #2563EB); width: 0px; transition: width 0.3s; }
.v3-habit-sub { font-size: 9.5px; color: var(--t4); margin-top: 4px; }
.v3-comm { border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 13px; background: var(--surface); overflow: hidden; }
.v3-comm-row { display: flex; align-items: center; gap: 10px; width: 100%; border: 0px; background: none; padding: 12px 14px; font-family: inherit; text-align: left; cursor: pointer; }
.v3-comm-row + .v3-comm-row { border-top: 1px solid var(--border, rgba(0,0,0,.06)); }
.v3-comm-row:active { background: var(--surface-2, rgba(37,99,235,.05)); }
.v3-comm-ico { font-size: 16px; }
.v3-comm-txt { flex: 1 1 0%; min-width: 0px; font-size: 13px; font-weight: 600; color: var(--t1); }
.v3-comm-sub { font-size: 11px; color: var(--t3); font-weight: 400; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v3-comm-chev { color: var(--t4); font-size: 16px; }
.v3-scr { padding: 0 12px calc(80px + env(safe-area-inset-bottom, 0px)); }
.v3-scr-hd { position: sticky; top: 0px; z-index: 10; display: flex; align-items: center; gap: 8px; padding: 10px 0px; background: var(--bg, var(--surface)); }
.v3-scr-hd .v3-back { width: 34px; height: 34px; border: 0px; border-radius: 50%; background: var(--surface-2, rgba(37,99,235,.08)); color: var(--t1); font-size: 20px; line-height: 1; cursor: pointer; flex-shrink: 0; }
.v3-scr-hd .v3-back:active { transform: scale(0.94); }
.v3-scr-title { font-size: 17px; font-weight: 800; color: var(--t1); letter-spacing: -0.01em; flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v3-scr-search { display: flex; align-items: center; gap: 8px; width: 100%; border: 1px solid var(--border, rgba(0,0,0,.12)); border-radius: 12px; background: var(--surface); padding: 12px 14px; margin-bottom: 12px; font-family: inherit; font-size: 13px; color: var(--t3); cursor: text; text-align: left; }
.v3-scr-search .v3-search-ico { color: var(--t4); }
.v3-period { display: flex; gap: 2px; border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 12px; background: var(--surface); padding: 3px; margin: 10px 0px 6px; overflow-x: auto; scrollbar-width: none; }
.v3-period::-webkit-scrollbar { display: none; }
.v3-cal { border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 14px; background: var(--surface); padding: 12px; }
.v3-cal-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.v3-cal-hd button { width: 32px; height: 32px; border: 0px; border-radius: 50%; background: var(--surface-2, rgba(37,99,235,.08)); color: var(--t1); font-size: 16px; cursor: pointer; }
.v3-cal-dow { display: grid; grid-template-columns: repeat(7, 1fr); margin-bottom: 4px; }
.v3-cal-dow span { text-align: center; font-size: 9.5px; font-weight: 700; color: var(--t4); text-transform: uppercase; letter-spacing: 0.05em; padding: 2px 0px; }
.v3-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.v3-cal-day { position: relative; aspect-ratio: 1 / 1; border: 0px; border-radius: 9px; background: none; font-family: inherit; font-size: 12.5px; font-weight: 600; color: var(--t1); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 0px; }
.v3-cal-day:active { background: var(--surface-2, rgba(37,99,235,.08)); }
.v3-cal-day.today { box-shadow: inset 0 0 0 1.5px var(--brand, #2563EB); font-weight: 800; }
.v3-cal-day .v3-dots { display: flex; gap: 2px; height: 4px; }
.v3-cal-day .v3-dots i { width: 4px; height: 4px; border-radius: 50%; }
.v3-dots i.food { background: var(--brand, #2563EB); }
.v3-dots i.fast { background: rgb(249, 115, 22); }
.v3-dots i.weigh { background: rgb(16, 185, 129); }
.v3-cal-legend { display: flex; gap: 12px; justify-content: center; padding-top: 10px; font-size: 10.5px; color: var(--t3); }
.v3-cal-legend i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 4px; vertical-align: middle; }
.v3-day { margin-top: 12px; border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 14px; background: var(--surface); padding: 12px 14px; }
.v3-day-title { font-size: 12.5px; font-weight: 800; color: var(--t1); margin-bottom: 8px; }
.v3-day-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.v3-day-item { border-radius: 10px; background: var(--surface-2, rgba(37,99,235,.05)); padding: 9px 10px; }
.v3-day-item-lbl { font-size: 9.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--t3); }
.v3-day-item-val { font-size: 15px; font-weight: 800; color: var(--t1); margin-top: 2px; }
.v3-tee-block { border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 14px; background: var(--surface); padding: 14px; margin-bottom: 12px; }
.v3-tee-cta { display: flex; align-items: center; gap: 10px; width: 100%; border: 0px; background: none; padding: 0px; margin-top: 10px; font-family: inherit; font-size: 13px; font-weight: 700; color: var(--brand, #2563EB); cursor: pointer; text-align: left; }
.v3-weekly-host { border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 14px; background: var(--surface); padding: 14px; margin: 0px !important; }
#sc-teejuht #weekly-summary-wrap { margin: 0px; }
.v3-veel-group { margin-bottom: 16px; }
.v3-veel-group-hd { font-size: 10.5px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--t3); padding: 0px 2px 6px; }
.v3-veel-list { border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 13px; background: var(--surface); overflow: hidden; }
.v3-veel-row { display: flex; align-items: center; gap: 10px; width: 100%; border: 0px; background: none; padding: 12px 14px; font-family: inherit; text-align: left; cursor: pointer; }
.v3-veel-row + .v3-veel-row { border-top: 1px solid var(--border, rgba(0,0,0,.06)); }
.v3-veel-row:active { background: var(--surface-2, rgba(37,99,235,.05)); }
.v3-veel-ico { font-size: 15px; width: 20px; text-align: center; flex-shrink: 0; }
.v3-veel-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; font-size: 13.5px; font-weight: 600; color: var(--t1); }
.v3-veel-sub { display: block; font-size: 11px; color: var(--t3); font-weight: 400; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v3-veel-chev { color: var(--t4); font-size: 15px; }
html.tl-app-feel .bottomnav .bn-lbl { font-size: 0.625rem; }
@media (prefers-reduced-motion: reduce){
.v3-habit-bar > span { transition: none; }
}
html.tl-app-feel #nav-sleep, html.tl-app-feel #nav-quickadd, html.tl-app-feel #ql-fab-wrap { display: none !important; }
.v3-hero-card .v3-hc-lbl { display: flex; justify-content: space-between; gap: 4px; }
.v3-hc-lbl .v3-period { font-weight: 600; letter-spacing: 0.03em; text-transform: none; color: var(--t4); }
.v3-comm-txt { display: flex; flex-direction: column; }
.v3-comm-sub { display: block; }
.v3-tee-block { display: flex; align-items: center; gap: 12px; }
.v3-tee-block .v3-tee-cta { width: auto; margin-top: 0px; flex-shrink: 0; }
.v3-tee-val { font-size: 16px; font-weight: 800; color: var(--t1); flex-shrink: 0; }
.v3-weekly-host:empty { display: none; }
.v3-weekly-host { margin: -4px 0px 12px; padding: 0px; border: 0px; }
.v3-cal-hd .v3-cal-title { font-size: 13.5px; font-weight: 800; color: var(--t1); }
.v3-cal-hd button:active { transform: scale(0.94); }
.v3-card-lbl, .v3-hc-lbl { justify-content: flex-start; gap: 5px; }
.v3-delta { display: inline-flex; align-items: center; font-size: 9.5px; font-weight: 800; padding: 1.5px 6px; border-radius: 999px; line-height: 1.5; white-space: nowrap; margin-left: auto; flex-shrink: 0; }
.v3-delta.pos { color: rgb(22, 163, 74); background: rgba(22, 163, 74, 0.12); }
.v3-delta.neg { color: rgb(220, 38, 38); background: rgba(220, 38, 38, 0.1); }
.v3-delta.flat { color: var(--t4); background: var(--surface-2, rgba(37,99,235,.06)); }
@keyframes v3Pulse { 
  50% { opacity: 0.55; }
}
.v3-coach { border: 1px solid rgba(249, 115, 22, 0.32); border-radius: 14px; background: linear-gradient(135deg, rgba(249, 115, 22, 0.07), rgba(37, 99, 235, 0.05)); padding: 13px 14px; margin-bottom: 12px; }
.v3-coach-hd { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 800; color: var(--t1); }
.v3-coach-sub { font-size: 10px; font-weight: 700; color: rgb(249, 115, 22); margin-left: auto; letter-spacing: 0.03em; text-transform: uppercase; }
.v3-coach-txt { margin-top: 6px; font-size: 12.5px; color: var(--t2); line-height: 1.55; }
.v3-coach-txt b { color: var(--t1); }
.v3-cal-day.aura-full { background: rgba(22, 163, 74, 0.13); }
.v3-cal-day.aura-part { background: rgba(249, 115, 22, 0.11); }
.v3-cal-score { padding-top: 9px; font-size: 11.5px; font-weight: 700; color: var(--t2); text-align: center; }
.v3-cal-score b { color: var(--brand, #2563EB); }
.v3-thread { border: 1px solid var(--border, rgba(128,128,128,.18)); border-radius: 16px; background: var(--surface, rgba(255,255,255,.02)); padding: 12px 12px 8px; margin-bottom: 14px; }
.v3-thr-hd { display: flex; flex-direction: column; gap: 7px; padding: 0px 2px 10px; border-bottom: 1px solid var(--border, rgba(128,128,128,.14)); }
.v3-thr-title { font-size: 15px; font-weight: 800; color: var(--t1); }
.v3-thr-macros { display: flex; gap: 6px; }
.v3-thr-m { display: inline-flex; align-items: baseline; gap: 3px; font-size: 10.5px; font-weight: 700; color: var(--t4); padding: 2.5px 8px; border-radius: 999px; background: var(--surface-2, rgba(37,99,235,.06)); white-space: nowrap; }
.v3-thr-m b { font-size: 12.5px; font-weight: 800; }
.v3-thr-m[data-m="kcal"] b { color: var(--brand, #2563EB); }
.v3-thr-m[data-m="p"] b { color: rgb(225, 29, 72); }
.v3-thr-m[data-m="f"] b { color: rgb(245, 158, 11); }
.v3-thr-m[data-m="c"] b { color: rgb(16, 185, 129); }
.v3-thr-m i { font-style: normal; font-size: 9.5px; }
#v3-thr-deltas { display: flex; gap: 5px; flex-wrap: wrap; }
#v3-thr-deltas .v3-delta { margin-left: 0px; }
.v3-thr-body { padding: 2px 0px 0px; }
.v3-thr-row { display: flex; align-items: center; gap: 8px; padding: 3px 2px; border-bottom: 1px solid var(--border, rgba(128,128,128,.09)); border-left: 3px solid transparent; min-height: 33px; }
.v3-thr-row:last-child { border-bottom: 0px; }
.v3-thr-row.past { opacity: 0.62; }
.v3-thr-row.now { background: var(--surface-2, rgba(37,99,235,.07)); border-left-color: var(--brand, #2563EB); }
.v3-thr-row.now .v3-thr-hr { color: var(--brand, #2563EB); font-weight: 800; }
.v3-thr-row.aura-part { border-left-color: rgb(249, 115, 22); }
.v3-thr-row.aura-rest { border-left-color: rgba(37, 99, 235, 0.25); }
.v3-thr-hr { width: 38px; flex-shrink: 0; font-size: 10px; font-weight: 700; color: var(--t4); font-variant-numeric: tabular-nums; }
.v3-thr-track { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px; }
.v3-thr-bands { display: flex; height: 5px; border-radius: 3px; overflow: hidden; background: var(--surface-2, rgba(37,99,235,.05)); }
.v3-thr-band { display: block; height: 100%; border-radius: 3px; }
.v3-thr-band.fast { background: linear-gradient(90deg, rgb(249, 115, 22), rgb(251, 146, 60)); }
.v3-thr-band.sleep { background: linear-gradient(90deg, rgb(99, 102, 241), rgb(129, 140, 248)); }
.v3-thr-lane { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.v3-thr-chip { display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; font-weight: 700; color: var(--t2); background: var(--surface-2, rgba(37,99,235,.07)); border-radius: 999px; padding: 1.5px 7px; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v3-thr-chip b { color: var(--brand, #2563EB); font-size: 9.5px; }
.v3-thr-drop { font-size: 10px; letter-spacing: -1px; color: rgb(14, 165, 233); white-space: nowrap; }
.v3-thr-steps { display: inline-flex; align-items: center; gap: 4px; min-width: 42px; }
.v3-thr-steps i { display: block; width: 30px; height: 4px; border-radius: 2px; background: linear-gradient(90deg, rgb(37, 99, 235), rgb(96, 165, 250)); }
.v3-thr-steps em { font-style: normal; font-size: 9px; font-weight: 800; color: var(--t4); font-variant-numeric: tabular-nums; }
.v3-thr-add { width: 24px; height: 24px; flex-shrink: 0; border: 1px solid var(--border, rgba(128,128,128,.3)); border-radius: 50%; background: transparent; color: var(--t3); font-size: 15px; line-height: 1; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.v3-thr-add:active { transform: scale(0.9); background: var(--surface-2, rgba(37,99,235,.08)); color: var(--brand, #2563EB); border-color: var(--brand, #2563EB); }
.v3-thr-coach { display: flex; gap: 7px; align-items: flex-start; margin: 8px 2px 4px; padding: 9px 11px; border-radius: 12px; background: linear-gradient(135deg, rgba(249, 115, 22, 0.08), rgba(37, 99, 235, 0.06)); border: 1px solid rgba(249, 115, 22, 0.3); }
.v3-thr-coach-ico { font-size: 14px; }
.v3-thr-coach-txt { font-size: 11.5px; font-weight: 700; color: var(--t2); line-height: 1.5; }
.v3-thr-hd { position: relative; }
html.tl-app-feel { --v3s-canvas: #F2F4F8; --v3s-glow-a: rgba(15,23,42,.04); --v3s-glow-b: rgba(15,23,42,.03); --v3s-card: #FFFFFF; --v3s-card-grad: none; --v3s-card-2: #F4F6FA; --v3s-line: rgba(15,23,42,.07); --v3s-line-2: rgba(15,23,42,.05); --v3s-shadow: 0 1px 2px rgba(15,23,42,.05), 0 12px 28px -18px rgba(15,23,42,.22); --v3s-hi: inset 0 1px 0 rgba(255,255,255,.9); --v3s-t1: #0B1220; --v3s-t2: #3F4B5F; --v3s-t3: #64748B; --v3s-t4: #94A3B8; --v3s-track: rgba(15,23,42,.08); --v3s-brand: #3A4351; --v3s-brand-2: #5A6472; --v3s-pos: #059669; --v3s-neg: #E11D48; --v3s-nav-shadow: 0 14px 34px -16px rgba(15,23,42,.28); --v3s-mark: linear-gradient(135deg, #3A4351 0%, #5A6472 55%, #7C8694 100%); --v3s-mark-sh: rgba(26,32,40,.35); --v3s-ring: conic-gradient(from 210deg, #7C8694, #3A4351, #B9C0CA, #7C8694); --v3s-grad: linear-gradient(135deg, #2E3541, #454E5C); --v3s-grad-sh: rgba(26,32,40,.4); --v3s-hero: linear-gradient(135deg, #252C38 0%, #39424F 48%, #4A5565 100%); --v3s-hero-sh: rgba(20,26,35,.55); --v3s-hero-a: rgba(255,255,255,.05); --v3s-hero-b: rgba(255,255,255,.03); --v3s-tip: #0B1220; --v3c-energy: #EA580C; --v3c-fast: #7C3AED; --v3c-weight: #0D9488; --v3c-bmi: #0284C7; --v3c-pulse: #E11D48; --v3c-sleep: #3B82F6; --v3c-mood: #D97706; --v3c-protein: #DB2777; --v3c-fat: #CA8A04; --v3c-carbs: #2563EB; --v3c-meals: #16A34A; --v3c-steps: #059669; --v3c-water: #0891B2; --v3c-feed: #2563EB; --v3c-msg: #7C3AED; --v3c-neutral: #64748B; --v3c-gold: #D97706; --v3k-energy: #EA580C; --v3k-fast: #7C3AED; --v3k-weight: #0D9488; --v3k-bmi: #0284C7; --v3k-pulse: #E11D48; --v3k-sleep: #3B82F6; --v3k-mood: #D97706; --v3k-protein: #DB2777; --v3k-fat: #CA8A04; --v3k-carbs: #2563EB; --v3k-meals: #16A34A; --v3k-steps: #059669; --v3k-water: #0891B2; --v3k-feed: #2563EB; --v3k-msg: #7C3AED; --v3k-neutral: #64748B; --v3k-gold: #D97706; --bg: #F2F4F8; --surface: #FFFFFF; --card: #FFFFFF; --surface2: #F4F6FA; --bg1: #F4F6FA; --border: rgba(15,23,42,.07); --border2: rgba(15,23,42,.14); --line: rgba(15,23,42,.07); --card-border: 1px solid rgba(15,23,42,.07); --t1: #0B1220; --t2: #3F4B5F; --t3: #64748B; --shadow: 0 1px 2px rgba(15,23,42,.05), 0 12px 28px -18px rgba(15,23,42,.22); --shadow2: 0 1px 2px rgba(15,23,42,.05), 0 12px 28px -18px rgba(15,23,42,.22); --card-sh-1: 0 1px 2px rgba(15,23,42,.05), 0 12px 28px -18px rgba(15,23,42,.22); --card-sh-2: 0 1px 2px rgba(15,23,42,.05), 0 12px 28px -18px rgba(15,23,42,.22); --ui-card-shadow: 0 1px 2px rgba(15,23,42,.05), 0 12px 28px -18px rgba(15,23,42,.22); --ui-card-shadow-raised: 0 1px 2px rgba(15,23,42,.05), 0 12px 28px -18px rgba(15,23,42,.22); --v210-glass-bg: #FFFFFF; --v210-glass-border: rgba(15,23,42,.07); --v210-shadow-sm: 0 1px 2px rgba(15,23,42,.05), 0 12px 28px -18px rgba(15,23,42,.22); --v210-shadow-md: 0 1px 2px rgba(15,23,42,.05), 0 12px 28px -18px rgba(15,23,42,.22); --glass-bg: #FFFFFF; --glass-bd: rgba(15,23,42,.07); --glass-light: #FFFFFF; --glass-light-bd: rgba(15,23,42,.07); --glass-dark: #FFFFFF; --glass-dark-bd: rgba(15,23,42,.07); --r: 10px; --r4: 22px; --v3i-energy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E"); --v3i-fast: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' x2='14' y1='2' y2='2'/%3E%3Cline x1='12' x2='15' y1='14' y2='11'/%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3C/svg%3E"); --v3i-weight: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='M7.5 11a4.5 4.5 0 0 1 9 0'/%3E%3Cpath d='M12 11l1.9-2.5'/%3E%3C/svg%3E"); --v3i-bmi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 14 4-4'/%3E%3Cpath d='M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E"); --v3i-pulse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3Cpath d='M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27'/%3E%3C/svg%3E"); --v3i-sleep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E"); --v3i-mood: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'/%3E%3Cline x1='9' x2='9.01' y1='9' y2='9'/%3E%3Cline x1='15' x2='15.01' y1='9' y2='9'/%3E%3C/svg%3E"); --v3i-protein: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c6.23-.05 7.87-5.57 7.5-10-.36-4.34-3.95-9.96-7.5-10-3.55.04-7.14 5.66-7.5 10-.37 4.43 1.27 9.95 7.5 10z'/%3E%3C/svg%3E"); --v3i-fat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E"); --v3i-carbs: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22V10'/%3E%3Cpath d='M12 15c-3 0-5-2-5-5 3 0 5 2 5 5z'/%3E%3Cpath d='M12 15c3 0 5-2 5-5-3 0-5 2-5 5z'/%3E%3Cpath d='M12 9.5c-2.2 0-3.6-1.5-3.6-3.8 2.2 0 3.6 1.5 3.6 3.8z'/%3E%3Cpath d='M12 9.5c2.2 0 3.6-1.5 3.6-3.8-2.2 0-3.6 1.5-3.6 3.8z'/%3E%3C/svg%3E"); --v3i-meals: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2'/%3E%3Cpath d='M7 2v20'/%3E%3Cpath d='M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7'/%3E%3C/svg%3E"); --v3i-steps: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z'/%3E%3Cpath d='M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z'/%3E%3Cpath d='M16 17h4'/%3E%3Cpath d='M4 13h4'/%3E%3C/svg%3E"); --v3i-water: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.2 22H8.8a2 2 0 0 1-2-1.79L5 3h14l-1.81 17.21A2 2 0 0 1 15.2 22Z'/%3E%3Cpath d='M6 12a5 5 0 0 1 6 0 5 5 0 0 0 6 0'/%3E%3C/svg%3E"); --v3i-hours: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14'/%3E%3Cpath d='M5 2h14'/%3E%3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E%3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E"); --v3i-feed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2'/%3E%3Cpath d='M18 14h-8'/%3E%3Cpath d='M15 18h-5'/%3E%3Cpath d='M10 6h8v4h-8V6Z'/%3E%3C/svg%3E"); --v3i-msg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); --v3i-brand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E"); --v3i-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); --v3i-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E"); --v3i-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/%3E%3Cpath d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22'/%3E%3Cpath d='M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E"); --v3i-compass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76'/%3E%3C/svg%3E"); --v3i-apple: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z'/%3E%3Cpath d='M10 2c1 .5 2 2 2 5'/%3E%3C/svg%3E"); --v3i-sliders: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E%3Cline x1='10' x2='3' y1='4' y2='4'/%3E%3Cline x1='21' x2='12' y1='12' y2='12'/%3E%3Cline x1='8' x2='3' y1='12' y2='12'/%3E%3Cline x1='21' x2='16' y1='20' y2='20'/%3E%3Cline x1='12' x2='3' y1='20' y2='20'/%3E%3Cline x1='14' x2='14' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='10' y2='14'/%3E%3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E"); --v3i-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E"); --v3i-buoy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93 4.24 4.24'/%3E%3Cpath d='m14.83 9.17 4.24-4.24'/%3E%3Cpath d='m14.83 14.83 4.24 4.24'/%3E%3Cpath d='m9.17 14.83-4.24 4.24'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E"); --v3i-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E"); --v3i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); --v3i-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E"); --v3i-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E"); --v3i-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); --v3i-run: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4a1.6 1.6 0 1 0 3.2 0 1.6 1.6 0 1 0-3.2 0'/%3E%3Cpath d='M4 17l5-1 1.5-3'/%3E%3Cpath d='m15 21-2.5-5-3-2 1.5-5 3.5 3 3.5.5'/%3E%3Cpath d='M8.5 9 11 7.5'/%3E%3C/svg%3E"); }
html.tl-app-feel[data-theme="dark"] { --v3s-canvas: #07090F; --v3s-glow-a: rgba(99,102,241,.20); --v3s-glow-b: rgba(14,165,233,.10); --v3s-card: #0F131D; --v3s-card-grad: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012) 55%); --v3s-card-2: rgba(255,255,255,.05); --v3s-line: rgba(255,255,255,.075); --v3s-line-2: rgba(255,255,255,.055); --v3s-shadow: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --v3s-hi: inset 0 1px 0 rgba(255,255,255,.055); --v3s-t1: #F3F6FC; --v3s-t2: #B7C1D3; --v3s-t3: #8691A7; --v3s-t4: #5D687E; --v3s-track: rgba(255,255,255,.08); --v3s-brand: #8B93FF; --v3s-brand-2: #38BDF8; --v3s-pos: #34D399; --v3s-neg: #FB7185; --v3s-nav-shadow: 0 18px 40px -16px rgba(0,0,0,.85); --v3s-mark: linear-gradient(135deg, #3A4150 0%, #5A6375 55%, #828C9D 100%); --v3s-mark-sh: rgba(0,0,0,.55); --v3s-ring: conic-gradient(from 210deg, #8E97A7, #C6CCD6, #5E6673, #8E97A7); --v3s-grad: linear-gradient(135deg, #2A303C, #3E4554); --v3s-grad-sh: rgba(0,0,0,.5); --v3s-hero: linear-gradient(135deg, #14171E 0%, #1D222C 45%, #2A3140 100%); --v3s-hero-sh: rgba(0,0,0,.6); --v3s-hero-a: rgba(255,255,255,.04); --v3s-hero-b: rgba(255,255,255,.02); --v3s-tip: #0B1220; --v3c-energy: #FF8A4C; --v3c-fast: #B197FC; --v3c-weight: #2DD4BF; --v3c-bmi: #38BDF8; --v3c-pulse: #FB7185; --v3c-sleep: #60A5FA; --v3c-mood: #FBBF24; --v3c-protein: #F472B6; --v3c-fat: #FACC15; --v3c-carbs: #60A5FA; --v3c-meals: #4ADE80; --v3c-steps: #34D399; --v3c-water: #22D3EE; --v3c-feed: #60A5FA; --v3c-msg: #B197FC; --v3c-neutral: #94A3B8; --v3c-gold: #FBBF24; --v3k-energy: #EA580C; --v3k-fast: #7C3AED; --v3k-weight: #0D9488; --v3k-bmi: #0284C7; --v3k-pulse: #E11D48; --v3k-sleep: #3B82F6; --v3k-mood: #D97706; --v3k-protein: #DB2777; --v3k-fat: #CA8A04; --v3k-carbs: #2563EB; --v3k-meals: #16A34A; --v3k-steps: #059669; --v3k-water: #0891B2; --v3k-feed: #2563EB; --v3k-msg: #7C3AED; --v3k-neutral: #64748B; --v3k-gold: #D97706; --bg: #07090F; --surface: #0F131D; --card: #0F131D; --surface2: #161B28; --surface-2: #161B28; --bg1: #161B28; --border: rgba(255,255,255,.075); --border2: rgba(255,255,255,.13); --line: rgba(255,255,255,.075); --card-border: 1px solid rgba(255,255,255,.075); --t1: #F3F6FC; --t2: #B7C1D3; --t3: #8691A7; --shadow: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --shadow2: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --card-sh-1: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --card-sh-2: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --ui-card-shadow: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --ui-card-shadow-raised: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --v210-glass-bg: #0F131D; --v210-glass-border: rgba(255,255,255,.075); --v210-shadow-sm: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --v210-shadow-md: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --glass-bg: #0F131D; --glass-bd: rgba(255,255,255,.075); --glass-light: #0F131D; --glass-light-bd: rgba(255,255,255,.075); --glass-dark: #0F131D; --glass-dark-bd: rgba(255,255,255,.075); --r: 10px; --r4: 22px; }
html.tl-app-feel[data-theme="black"] { --v3s-canvas: #0B0C10; --v3s-glow-a: rgba(255,255,255,.05); --v3s-glow-b: rgba(255,255,255,.03); --v3s-card: #12141A; --v3s-card-grad: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012) 55%); --v3s-card-2: rgba(255,255,255,.05); --v3s-line: rgba(255,255,255,.08); --v3s-line-2: rgba(255,255,255,.055); --v3s-shadow: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --v3s-hi: inset 0 1px 0 rgba(255,255,255,.055); --v3s-t1: #F3F4F6; --v3s-t2: #B6BCC6; --v3s-t3: #8B93A0; --v3s-t4: #5F6673; --v3s-track: rgba(255,255,255,.08); --v3s-brand: #C0C6D0; --v3s-brand-2: #99A2B0; --v3s-pos: #34D399; --v3s-neg: #FB7185; --v3s-nav-shadow: 0 18px 40px -16px rgba(0,0,0,.85); --v3s-mark: linear-gradient(135deg, #3A4150 0%, #5A6375 55%, #828C9D 100%); --v3s-mark-sh: rgba(0,0,0,.55); --v3s-ring: conic-gradient(from 210deg, #8E97A7, #C6CCD6, #5E6673, #8E97A7); --v3s-grad: linear-gradient(135deg, #2A303C, #3E4554); --v3s-grad-sh: rgba(0,0,0,.5); --v3s-hero: linear-gradient(135deg, #14171E 0%, #1D222C 45%, #2A3140 100%); --v3s-hero-sh: rgba(0,0,0,.6); --v3s-hero-a: rgba(255,255,255,.04); --v3s-hero-b: rgba(255,255,255,.02); --v3s-tip: #0B0D12; --v3c-energy: #FF8A4C; --v3c-fast: #B197FC; --v3c-weight: #2DD4BF; --v3c-bmi: #38BDF8; --v3c-pulse: #FB7185; --v3c-sleep: #60A5FA; --v3c-mood: #FBBF24; --v3c-protein: #F472B6; --v3c-fat: #FACC15; --v3c-carbs: #60A5FA; --v3c-meals: #4ADE80; --v3c-steps: #34D399; --v3c-water: #22D3EE; --v3c-feed: #60A5FA; --v3c-msg: #B197FC; --v3c-neutral: #94A3B8; --v3c-gold: #FBBF24; --v3k-energy: #EA580C; --v3k-fast: #7C3AED; --v3k-weight: #0D9488; --v3k-bmi: #0284C7; --v3k-pulse: #E11D48; --v3k-sleep: #3B82F6; --v3k-mood: #D97706; --v3k-protein: #DB2777; --v3k-fat: #CA8A04; --v3k-carbs: #2563EB; --v3k-meals: #16A34A; --v3k-steps: #059669; --v3k-water: #0891B2; --v3k-feed: #2563EB; --v3k-msg: #7C3AED; --v3k-neutral: #64748B; --v3k-gold: #D97706; --bg: #0B0C10; --surface: #12141A; --card: #12141A; --surface2: #191C24; --surface-2: #191C24; --bg1: #191C24; --border: rgba(255,255,255,.08); --border2: rgba(255,255,255,.13); --line: rgba(255,255,255,.08); --card-border: 1px solid rgba(255,255,255,.08); --t1: #F3F4F6; --t2: #B6BCC6; --t3: #8B93A0; --t4: #5F6673; --brand: #AEB6C2; --brand-d: #C7CDD6; --brand-l: #1D212A; --brand-solid: #484F5C; --shadow: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --shadow2: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --card-sh-1: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --card-sh-2: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --ui-card-shadow: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --ui-card-shadow-raised: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --v210-glass-bg: #12141A; --v210-glass-border: rgba(255,255,255,.08); --v210-shadow-sm: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --v210-shadow-md: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --glass-bg: #12141A; --glass-bd: rgba(255,255,255,.08); --glass-light: #12141A; --glass-light-bd: rgba(255,255,255,.08); --glass-dark: #12141A; --glass-dark-bd: rgba(255,255,255,.08); --r: 10px; --r4: 22px; }
@media (prefers-color-scheme: dark){
html.tl-app-feel:not([data-theme-manual])[data-theme="light"], html.tl-app-feel[data-theme="auto"] { --v3s-canvas: #07090F; --v3s-glow-a: rgba(99,102,241,.20); --v3s-glow-b: rgba(14,165,233,.10); --v3s-card: #0F131D; --v3s-card-grad: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012) 55%); --v3s-card-2: rgba(255,255,255,.05); --v3s-line: rgba(255,255,255,.075); --v3s-line-2: rgba(255,255,255,.055); --v3s-shadow: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --v3s-hi: inset 0 1px 0 rgba(255,255,255,.055); --v3s-t1: #F3F6FC; --v3s-t2: #B7C1D3; --v3s-t3: #8691A7; --v3s-t4: #5D687E; --v3s-track: rgba(255,255,255,.08); --v3s-brand: #8B93FF; --v3s-brand-2: #38BDF8; --v3s-pos: #34D399; --v3s-neg: #FB7185; --v3s-nav-shadow: 0 18px 40px -16px rgba(0,0,0,.85); --v3s-mark: linear-gradient(135deg, #3A4150 0%, #5A6375 55%, #828C9D 100%); --v3s-mark-sh: rgba(0,0,0,.55); --v3s-ring: conic-gradient(from 210deg, #8E97A7, #C6CCD6, #5E6673, #8E97A7); --v3s-grad: linear-gradient(135deg, #2A303C, #3E4554); --v3s-grad-sh: rgba(0,0,0,.5); --v3s-hero: linear-gradient(135deg, #14171E 0%, #1D222C 45%, #2A3140 100%); --v3s-hero-sh: rgba(0,0,0,.6); --v3s-hero-a: rgba(255,255,255,.04); --v3s-hero-b: rgba(255,255,255,.02); --v3s-tip: #0B1220; --v3c-energy: #FF8A4C; --v3c-fast: #B197FC; --v3c-weight: #2DD4BF; --v3c-bmi: #38BDF8; --v3c-pulse: #FB7185; --v3c-sleep: #60A5FA; --v3c-mood: #FBBF24; --v3c-protein: #F472B6; --v3c-fat: #FACC15; --v3c-carbs: #60A5FA; --v3c-meals: #4ADE80; --v3c-steps: #34D399; --v3c-water: #22D3EE; --v3c-feed: #60A5FA; --v3c-msg: #B197FC; --v3c-neutral: #94A3B8; --v3c-gold: #FBBF24; --v3k-energy: #EA580C; --v3k-fast: #7C3AED; --v3k-weight: #0D9488; --v3k-bmi: #0284C7; --v3k-pulse: #E11D48; --v3k-sleep: #3B82F6; --v3k-mood: #D97706; --v3k-protein: #DB2777; --v3k-fat: #CA8A04; --v3k-carbs: #2563EB; --v3k-meals: #16A34A; --v3k-steps: #059669; --v3k-water: #0891B2; --v3k-feed: #2563EB; --v3k-msg: #7C3AED; --v3k-neutral: #64748B; --v3k-gold: #D97706; --bg: #07090F; --surface: #0F131D; --card: #0F131D; --surface2: #161B28; --bg1: #161B28; --border: rgba(255,255,255,.075); --border2: rgba(255,255,255,.13); --line: rgba(255,255,255,.075); --card-border: 1px solid rgba(255,255,255,.075); --t1: #F3F6FC; --t2: #B7C1D3; --t3: #8691A7; --shadow: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --shadow2: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --card-sh-1: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --card-sh-2: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --ui-card-shadow: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --ui-card-shadow-raised: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --v210-glass-bg: #0F131D; --v210-glass-border: rgba(255,255,255,.075); --v210-shadow-sm: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --v210-shadow-md: 0 1px 0 rgba(0,0,0,.35), 0 16px 36px -20px rgba(0,0,0,.85); --glass-bg: #0F131D; --glass-bd: rgba(255,255,255,.075); --glass-light: #0F131D; --glass-light-bd: rgba(255,255,255,.075); --glass-dark: #0F131D; --glass-dark-bd: rgba(255,255,255,.075); --r: 10px; --r4: 22px; }
}
html.tl-app-feel, html.tl-app-feel body, html.tl-app-feel .app, html.tl-app-feel[data-theme] .app, html.tl-app-feel body[data-theme] .app { background: var(--v3s-canvas) !important; }
html.tl-app-feel body[data-tod] .screen:not(#sc-meditation), html.tl-app-feel[data-theme] .screen:not(#sc-meditation) { background-image: radial-gradient(120% 50% at 0% 0%, var(--v3s-glow-a), transparent 62%),
                    radial-gradient(90% 40% at 100% 0%, var(--v3s-glow-b), transparent 58%) !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; }
html.tl-app-feel[data-theme] :is(#sc-home, #sc-toit, #sc-teejuht, #sc-veel, #sc-metric), html.tl-app-feel body[data-theme] :is(#sc-home, #sc-toit, #sc-teejuht, #sc-veel, #sc-metric) { background-color: var(--v3s-canvas) !important; }
html.tl-app-feel :is(#sc-home, #sc-toit, #sc-teejuht, #sc-veel, #sc-metric)::before { content: none !important; }
html.tl-app-feel :is(#v3-hero-energy, #v3-macro-cal, #v3-habit-food) { --v3a: var(--v3c-energy); --v3k: var(--v3k-energy); --v3i: var(--v3i-energy); --v3-spark: var(--v3c-energy); }
html.tl-app-feel :is(#v3-hero-fast, #v3-habit-fast) { --v3a: var(--v3c-fast); --v3k: var(--v3k-fast); --v3i: var(--v3i-fast); --v3-spark: var(--v3c-fast); }
html.tl-app-feel #v3-gen-fasth { --v3a: var(--v3c-fast); --v3k: var(--v3k-fast); --v3i: var(--v3i-hours); --v3-spark: var(--v3c-fast); }
html.tl-app-feel :is(#v3-body-weight, #v3-habit-weigh) { --v3a: var(--v3c-weight); --v3k: var(--v3k-weight); --v3i: var(--v3i-weight); --v3-spark: var(--v3c-weight); }
html.tl-app-feel #v3-body-bmi { --v3a: var(--v3c-bmi); --v3k: var(--v3k-bmi); --v3i: var(--v3i-bmi); --v3-spark: var(--v3c-bmi); }
html.tl-app-feel #v3-body-pulse { --v3a: var(--v3c-pulse); --v3k: var(--v3k-pulse); --v3i: var(--v3i-pulse); --v3-spark: var(--v3c-pulse); }
html.tl-app-feel #v3-body-sleep { --v3a: var(--v3c-sleep); --v3k: var(--v3k-sleep); --v3i: var(--v3i-sleep); --v3-spark: var(--v3c-sleep); }
html.tl-app-feel #v3-body-mood { --v3a: var(--v3c-mood); --v3k: var(--v3k-mood); --v3i: var(--v3i-mood); --v3-spark: var(--v3c-mood); }
html.tl-app-feel #v3-macro-protein { --v3a: var(--v3c-protein); --v3k: var(--v3k-protein); --v3i: var(--v3i-protein); --v3-spark: var(--v3c-protein); }
html.tl-app-feel #v3-macro-fat { --v3a: var(--v3c-fat); --v3k: var(--v3k-fat); --v3i: var(--v3i-fat); --v3-spark: var(--v3c-fat); }
html.tl-app-feel #v3-macro-carbs { --v3a: var(--v3c-carbs); --v3k: var(--v3k-carbs); --v3i: var(--v3i-carbs); --v3-spark: var(--v3c-carbs); }
html.tl-app-feel #v3-macro-meals { --v3a: var(--v3c-meals); --v3k: var(--v3k-meals); --v3i: var(--v3i-meals); --v3-spark: var(--v3c-meals); }
html.tl-app-feel #v3-gen-steps { --v3a: var(--v3c-steps); --v3k: var(--v3k-steps); --v3i: var(--v3i-steps); --v3-spark: var(--v3c-steps); }
html.tl-app-feel #v3-gen-water { --v3a: var(--v3c-water); --v3k: var(--v3k-water); --v3i: var(--v3i-water); --v3-spark: var(--v3c-water); }
html.tl-app-feel #v3-comm-feed { --v3a: var(--v3c-feed); --v3k: var(--v3k-feed); --v3i: var(--v3i-feed); }
html.tl-app-feel #v3-comm-msg { --v3a: var(--v3c-msg); --v3k: var(--v3k-msg); --v3i: var(--v3i-msg); }
html.tl-app-feel #v3-teejuht-rewards { --v3a: var(--v3c-gold); --v3k: var(--v3k-gold); --v3i: var(--v3i-star); }
html.tl-app-feel #v3-teejuht-weekly { --v3a: var(--v3c-sleep); --v3k: var(--v3k-sleep); --v3i: var(--v3i-chart); }
html.tl-app-feel #v3-teejuht-challenge { --v3a: var(--v3c-energy); --v3k: var(--v3k-energy); --v3i: var(--v3i-trophy); }
html.tl-app-feel #v3-teejuht-coach { --v3a: var(--v3c-fast); --v3k: var(--v3k-fast); --v3i: var(--v3i-compass); }
html.tl-app-feel [data-v3-go="activity"] { --v3a: var(--v3c-steps); --v3k: var(--v3k-steps); --v3i: var(--v3i-run); }
html.tl-app-feel [data-v3-go="nutrition"] { --v3a: var(--v3c-energy); --v3k: var(--v3k-energy); --v3i: var(--v3i-apple); }
html.tl-app-feel [data-v3-go="weight"] { --v3a: var(--v3c-weight); --v3k: var(--v3k-weight); --v3i: var(--v3i-weight); }
html.tl-app-feel [data-v3-go="sleep"] { --v3a: var(--v3c-sleep); --v3k: var(--v3k-sleep); --v3i: var(--v3i-sleep); }
html.tl-app-feel [data-v3-go="steps"] { --v3a: var(--v3c-steps); --v3k: var(--v3k-steps); --v3i: var(--v3i-steps); }
html.tl-app-feel [data-v3-go="fasting"] { --v3a: var(--v3c-fast); --v3k: var(--v3k-fast); --v3i: var(--v3i-fast); }
html.tl-app-feel [data-v3-go="mental"] { --v3a: var(--v3c-mood); --v3k: var(--v3k-mood); --v3i: var(--v3i-mood); }
html.tl-app-feel [data-v3-go="heart"] { --v3a: var(--v3c-pulse); --v3k: var(--v3k-pulse); --v3i: var(--v3i-pulse); }
html.tl-app-feel [data-v3-go="campaign"] { --v3a: var(--v3c-gold); --v3k: var(--v3k-gold); --v3i: var(--v3i-trophy); }
html.tl-app-feel [data-v3-go="feed"] { --v3a: var(--v3c-feed); --v3k: var(--v3k-feed); --v3i: var(--v3i-feed); }
html.tl-app-feel [data-v3-go="friends"] { --v3a: var(--v3c-msg); --v3k: var(--v3k-msg); --v3i: var(--v3i-msg); }
html.tl-app-feel [data-v3-go="profile"] { --v3a: var(--v3c-neutral); --v3k: var(--v3k-neutral); --v3i: var(--v3i-sliders); }
html.tl-app-feel [data-v3-go="guides"] { --v3a: var(--v3c-bmi); --v3k: var(--v3k-bmi); --v3i: var(--v3i-book); }
html.tl-app-feel [data-v3-go="support"] { --v3a: var(--v3c-pulse); --v3k: var(--v3k-pulse); --v3i: var(--v3i-buoy); }
html.tl-app-feel [data-v3-go="privacy"] { --v3a: var(--v3c-neutral); --v3k: var(--v3k-neutral); --v3i: var(--v3i-lock); }
html.tl-app-feel :is(.v3-card, .v3-habit, .v3-hero-card, .v3-comm, .v3-cal, .v3-day, .v3-tee-block, .v3-veel-list, .v3-chip, .v3-scr-search) { border: 1px solid var(--v3s-line); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: var(--v3s-hi), var(--v3s-shadow); }
html.tl-app-feel .v3-home { padding: 4px 16px 150px; }
html.tl-app-feel .v3-top { position: sticky; top: 0px; z-index: 30; align-items: center; gap: 12px; margin: 0px -16px 4px; padding: 12px 16px 14px; transition: padding 0.28s cubic-bezier(0.2, 0, 0, 1), background-color 0.28s, box-shadow 0.28s; }
html.tl-app-feel .v3-date { max-height: 2.5em; overflow: hidden; transition: max-height 0.28s cubic-bezier(0.2, 0, 0, 1), opacity 0.2s; }
html.tl-app-feel .v3-greet, html.tl-app-feel .v3-mark, html.tl-app-feel .v3-me { transition: 0.28s cubic-bezier(0.2, 0, 0, 1); }
html.tl-app-feel .v3-brand { display: flex; align-items: center; gap: 12px; min-width: 0px; flex: 1 1 0%; font-size: inherit; font-weight: inherit; letter-spacing: 0px; color: var(--v3s-t1); }
html.tl-app-feel .v3-mark { position: relative; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 14px; font-size: 0px; background: var(--v3s-mark); box-shadow: 0 10px 22px -10px var(--v3s-mark-sh), inset 0 1px 0 rgba(255,255,255,.35); }
html.tl-app-feel .v3-mark::after { content: ""; position: absolute; inset: 10px; background: rgb(255, 255, 255); mask: var(--v3i-brand) center / contain no-repeat; }
html.tl-app-feel .v3-hello { display: flex; flex-direction: column; min-width: 0px; }
html.tl-app-feel .v3-date { font-size: 12px; font-weight: 600; letter-spacing: 0.01em; color: var(--v3s-t3); }
html.tl-app-feel .v3-greet { font-size: 21px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.15; color: var(--v3s-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel .v3-me { position: relative; flex: 0 0 40px; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 800; color: var(--v3s-t1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel .v3-me::before { content: ""; position: absolute; inset: -3px; border-radius: 50%; padding: 2px; background: var(--v3s-ring); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); }
html.tl-app-feel .v3-me:active { transform: scale(0.94); }
html.tl-app-feel .v3-sec { margin-bottom: 26px; }
html.tl-app-feel .v3-sec-hd { padding: 0px 2px 12px; }
html.tl-app-feel .v3-sec-hd > span { font-size: 19px; font-weight: 780; letter-spacing: -0.03em; text-transform: none; color: var(--v3s-t1); }
html.tl-app-feel .v3-seeall { font-size: 12.5px; font-weight: 650; color: var(--v3s-brand); padding: 6px 11px; border-radius: 999px; background: color-mix(in srgb, var(--v3s-brand) 13%, transparent); }
html.tl-app-feel .v3-seeall:empty { display: none; }
html.tl-app-feel :is(.v3-cards2, .v3-cards3, .v3-hero) { gap: 12px; }
html.tl-app-feel .v3-cards2 > .v3-card:last-child:nth-child(2n+1) { grid-column: 1 / -1; }
html.tl-app-feel .v3-sentence { position: relative; overflow: hidden; isolation: isolate; gap: 16px; padding: 18px 16px 18px 18px; margin-bottom: 14px; border: 0px; border-radius: 26px; color: rgb(255, 255, 255); background: var(--v3s-hero); box-shadow: 0 22px 44px -24px var(--v3s-hero-sh), inset 0 1px 0 rgba(255,255,255,.08); }
html.tl-app-feel .v3-sentence::before { content: ""; position: absolute; z-index: -1; width: 260px; height: 260px; right: -90px; top: -120px; border-radius: 50%; background: radial-gradient(circle, var(--v3s-hero-a), transparent 65%); }
html.tl-app-feel .v3-sentence::after { content: ""; position: absolute; z-index: -1; width: 220px; height: 220px; left: -80px; bottom: -150px; border-radius: 50%; background: radial-gradient(circle, var(--v3s-hero-b), transparent 65%); }
html.tl-app-feel .v3-sentence { align-items: center; gap: 16px; padding: 16px 18px 16px 16px; min-height: 148px; }
@keyframes v3-drift-a { 
  0% { transform: translate3d(0px, 0px, 0px) scale(1); }
  100% { transform: translate3d(-40px, 30px, 0px) scale(1.2); }
}
@keyframes v3-drift-b { 
  0% { transform: translate3d(0px, 0px, 0px) scale(1); }
  100% { transform: translate3d(48px, -26px, 0px) scale(1.15); }
}
html.tl-app-feel .v3-sentence::before { animation: 9s ease-in-out 0s infinite alternate none running v3-drift-a; }
html.tl-app-feel .v3-sentence::after { animation: 12s ease-in-out 0s infinite alternate none running v3-drift-b; }
html.tl-app-feel .v3-orb { position: relative; flex: 0 0 118px; width: 118px; height: 118px; display: grid; place-items: center; }
html.tl-app-feel .v3-rings, html.tl-app-feel .v3-rings svg { position: absolute; inset: 0px; width: 100%; height: 100%; }
html.tl-app-feel .v3-rings svg { transform: rotate(-90deg); overflow: visible; }
html.tl-app-feel .v3-ring-track { fill: none; stroke: rgba(255, 255, 255, 0.07); stroke-width: 8.5; }
html.tl-app-feel .v3-ring-arc { fill: none; stroke-width: 8.5; stroke-linecap: round; transition: stroke-dashoffset 1.25s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.3s; }
html.tl-app-feel .v3-ring-energy { stroke: var(--v3c-energy); filter: none; }
html.tl-app-feel .v3-ring-steps { stroke: var(--v3c-steps); filter: none; }
html.tl-app-feel .v3-ring-sleep { stroke: var(--v3c-sleep); filter: none; }
html.tl-app-feel .v3-sentence-num { position: relative; flex: 0 0 auto; width: auto; height: auto; min-width: 0px; background: none; border-radius: 0px; font-size: 23px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; color: rgb(255, 255, 255); font-variant-numeric: tabular-nums; }
html.tl-app-feel .v3-orb-lbl { position: absolute; left: 0px; right: 0px; top: calc(50% + 10px); text-align: center; font-size: 8px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: rgba(255, 255, 255, 0.62); }
html.tl-app-feel .v3-orb-lbl:empty { display: none; }
html.tl-app-feel .v3-orb:has(.v3-orb-lbl:not(:empty)) .v3-sentence-num { transform: translateY(-5px); }
html.tl-app-feel .v3-sentence-txt { flex: 1 1 0%; min-width: 0px; font-size: 12.5px; line-height: 1.3; color: rgba(255, 255, 255, 0.74); }
html.tl-app-feel .v3-hero-title { display: block; margin-bottom: 11px; font-size: 16.5px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.2; color: rgb(255, 255, 255); }
html.tl-app-feel .v3-goals { display: flex; flex-direction: column; gap: 8px; }
html.tl-app-feel .v3-goal { display: flex; align-items: center; gap: 7px; min-width: 0px; }
html.tl-app-feel .v3-goal i { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; }
html.tl-app-feel .v3-goal-energy i, html.tl-app-feel .v3-goal-energy .v3-driver-bar i { background: linear-gradient(135deg, rgb(255, 208, 138), rgb(255, 138, 76)); }
html.tl-app-feel .v3-goal-steps i, html.tl-app-feel .v3-goal-steps .v3-driver-bar i { background: linear-gradient(135deg, rgb(134, 239, 172), rgb(45, 212, 191)); }
html.tl-app-feel .v3-goal-sleep i, html.tl-app-feel .v3-goal-sleep .v3-driver-bar i { background: linear-gradient(135deg, rgb(96, 165, 250), rgb(37, 99, 235)); }
html.tl-app-feel .v3-goal-energy > i { box-shadow: rgba(255, 138, 76, 0.75) 0px 0px 8px; }
html.tl-app-feel .v3-goal-steps > i { box-shadow: rgba(45, 212, 191, 0.7) 0px 0px 8px; }
html.tl-app-feel .v3-goal-sleep > i { box-shadow: rgba(37, 99, 235, 0.55) 0px 0px 8px; }
html.tl-app-feel .v3-goal-lbl { flex: 0 1 auto; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 360px){
html.tl-app-feel .v3-orb { flex-basis: 96px; width: 96px; height: 96px; }
html.tl-app-feel .v3-sentence { gap: 12px; padding: 14px 14px 14px 12px; min-height: 0px; }
html.tl-app-feel .v3-sentence-txt { font-size: 11.5px; }
html.tl-app-feel .v3-hero-title { font-size: 15px; margin-bottom: 9px; }
html.tl-app-feel .v3-goals { gap: 7px; }
html.tl-app-feel .v3-wk { padding: 6px 1px 5px; border-radius: 13px; }
}
html.tl-app-feel .v3-goal-val { margin-left: auto; font-weight: 700; color: rgb(255, 255, 255); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel .v3-sentence-chev { display: none; }
html.tl-app-feel :is(.v3-card, .v3-hero-card, .v3-habit) { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; }
html.tl-app-feel :is(.v3-card-lbl, .v3-hc-lbl) { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 8px; min-height: 30px; margin: 0px 0px 12px; font-size: 13px; font-weight: 680; letter-spacing: -0.01em; text-transform: none; color: var(--v3s-t2); white-space: nowrap; }
html.tl-app-feel :is(.v3-card-lbl, .v3-hc-lbl)::before { content: ""; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 10px; background: linear-gradient(140deg, color-mix(in srgb, var(--v3k, var(--v3a)) 74%, #fff) 0%, var(--v3k, var(--v3a)) 100%); box-shadow: 0 8px 16px -8px var(--v3k, var(--v3a)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel :is(.v3-card-lbl, .v3-hc-lbl)::after { content: ""; position: absolute; left: 7px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: rgb(255, 255, 255); mask: var(--v3i) center / contain no-repeat; }
html.tl-app-feel :is(.v3-card-lbl, .v3-hc-lbl) > span:first-child { flex: 0 0 auto; }
html.tl-app-feel :is(.v3-card-lbl, .v3-hc-lbl):has(.v3-delta:not([hidden]):not(:empty)) .v3-period { display: none; }
html.tl-app-feel :is(.v3-card-lbl, .v3-hc-lbl) .v3-period { display: inline-block; flex: 0 1 auto; min-width: 0px; text-overflow: ellipsis; gap: 0px; margin: 0px 0px 0px auto; padding: 0px; border: 0px; border-radius: 0px; background: none; font-size: 11px; font-weight: 600; letter-spacing: 0px; color: var(--v3s-t4); white-space: nowrap; overflow: hidden; }
html.tl-app-feel :is(.v3-card-lbl, .v3-hc-lbl) .v3-period:empty { display: none; }
html.tl-app-feel .v3-delta { margin-left: auto; font-size: 10.5px; font-weight: 750; padding: 3px 7px; border-radius: 999px; letter-spacing: 0px; }
html.tl-app-feel :is(.v3-card-lbl, .v3-hc-lbl) .v3-period:not(:empty) ~ .v3-delta { margin-left: 6px; }
html.tl-app-feel .v3-delta:is([hidden], :empty) { display: none !important; }
html.tl-app-feel .v3-delta.pos { color: var(--v3s-pos); background: color-mix(in srgb, var(--v3s-pos) 15%, transparent); }
html.tl-app-feel .v3-delta.neg { color: var(--v3s-neg); background: color-mix(in srgb, var(--v3s-neg) 15%, transparent); }
html.tl-app-feel .v3-delta.flat { color: var(--v3s-t3); background: var(--v3s-card-2); }
html.tl-app-feel :is(.v3-card-val, .v3-hc-val, .v3-habit-val, .v3-chip-val, .v3-day-item-val, .v3-tee-val) { font-variant-numeric: tabular-nums; color: var(--v3s-t1); }
html.tl-app-feel .v3-card-val { margin-top: 0px; font-size: 28px; font-weight: 760; letter-spacing: -0.035em; line-height: 1.05; }
html.tl-app-feel .v3-hc-val { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0px 5px; font-size: 34px; font-weight: 780; letter-spacing: -0.04em; line-height: 1.05; white-space: normal; overflow: visible; }
html.tl-app-feel :is(.v3-card-val, .v3-hc-val) .v3-unit { font-size: 13px; font-weight: 620; letter-spacing: 0px; color: var(--v3s-t3); margin-left: 4px; }
html.tl-app-feel .v3-hc-val .v3-unit { margin-left: 0px; }
html.tl-app-feel :is(.v3-card-sub, .v3-hc-sub) { margin-top: 7px; margin-bottom: 12px; font-size: 12px; font-weight: 520; color: var(--v3s-t3); }
html.tl-app-feel .v3-hc-sub { white-space: normal; font-size: 11.5px; line-height: 1.35; }
html.tl-app-feel :is(.v3-card, .v3-hero-card) > :last-child:is(.v3-card-sub, .v3-hc-sub) { margin-bottom: 0px; }
html.tl-app-feel .v3-card[style*="--v3-p"] .v3-card-sub::after, html.tl-app-feel .v3-hero-card[style*="--v3-p"] .v3-hc-sub::after { content: ""; display: block; height: 6px; margin-top: 11px; border-radius: 999px; background: linear-gradient(90deg, color-mix(in srgb, var(--v3a) 60%, #fff) 0, var(--v3a) calc(var(--v3-p) * 1%), var(--v3s-track) calc(var(--v3-p) * 1%)); }
html.tl-app-feel .v3-spark { flex: 0 0 auto; height: 58px; margin-top: auto; }
html.tl-app-feel .v3-card-spark { flex: 0 0 auto; height: 36px; margin-top: auto; }
html.tl-app-feel .v3-hero { margin-bottom: 26px; }
html.tl-app-feel .v3-hero-card { border-radius: 24px; padding: 14px 14px 12px; background: radial-gradient(90% 65% at 100% 0%, color-mix(in srgb, var(--v3a) 17%, transparent), transparent 70%), var(--v3s-card-grad), var(--v3s-card); }
html.tl-app-feel .v3-hero-card.v3-hero-fast { border-top: 1px solid var(--v3s-line); }
html.tl-app-feel .v3-hero-card .v3-hc-lbl .v3-period { display: none; }
html.tl-app-feel .v3-card { border-radius: 22px; padding: 14px; transition: transform 0.18s cubic-bezier(0.2, 0, 0, 1); }
html.tl-app-feel :is(.v3-card, .v3-habit, .v3-hero-card, .v3-comm-row, .v3-veel-row, .v3-tee-block):active { transform: scale(0.975); }
html.tl-app-feel .v3-cards3 .v3-card { padding: 12px 12px 13px; }
html.tl-app-feel .v3-cards3 .v3-card-lbl { flex-direction: column; align-items: flex-start; gap: 9px; min-height: 0px; margin-bottom: 8px; font-size: 12px; white-space: normal; line-height: 1.2; }
html.tl-app-feel .v3-cards3 .v3-card-lbl::after { top: 7px; margin-top: 0px; }
html.tl-app-feel .v3-cards3 .v3-card-lbl .v3-period { display: none; }
html.tl-app-feel .v3-cards3 .v3-card-lbl .v3-delta { position: absolute; top: 3px; right: 0px; margin: 0px; }
html.tl-app-feel .v3-cards3 .v3-card-val { font-size: 22px; }
html.tl-app-feel .v3-cards3 .v3-card-sub { font-size: 11px; }
html.tl-app-feel .v3-cards3 .v3-card-spark { height: 28px; }
html.tl-app-feel .v3-habit { position: relative; text-align: left; padding: 12px 12px 13px; border-radius: 22px; }
html.tl-app-feel .v3-habit::before { content: ""; display: block; flex: 0 0 auto; align-self: flex-start; width: 30px; height: 30px; border-radius: 10px; margin-bottom: 10px; background: linear-gradient(140deg, color-mix(in srgb, var(--v3k, var(--v3a)) 74%, #fff) 0%, var(--v3k, var(--v3a)) 100%); box-shadow: 0 8px 16px -8px var(--v3k, var(--v3a)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel .v3-habit::after { content: ""; position: absolute; left: 19px; top: 19px; width: 16px; height: 16px; background: rgb(255, 255, 255); mask: var(--v3i) center / contain no-repeat; }
html.tl-app-feel .v3-habit-lbl { font-size: 12px; font-weight: 680; letter-spacing: -0.01em; text-transform: none; color: var(--v3s-t2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel .v3-habit-val { margin-top: 3px; font-size: 24px; font-weight: 780; letter-spacing: -0.04em; }
html.tl-app-feel .v3-habit-val .v3-unit { font-size: 13px; font-weight: 620; color: var(--v3s-t3); letter-spacing: 0px; }
html.tl-app-feel .v3-habit-sub { margin-top: 1px; font-size: 11px; color: var(--v3s-t4); }
html.tl-app-feel .v3-habit-bar { height: 6px; margin-top: 11px; border-radius: 0px; background: var(--v3s-track); mask: repeating-linear-gradient(90deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) calc(14.2857% - 1.71429px), transparent 0px, transparent calc(14.2857% + 0.285714px)); }
html.tl-app-feel .v3-habit-bar > span { border-radius: 0px; background: linear-gradient(90deg, color-mix(in srgb, var(--v3a) 60%, #fff), var(--v3a)); }
html.tl-app-feel .v3-habit-days { display: flex; gap: 3px; margin-top: 12px; }
html.tl-app-feel .v3-habit-days i { flex: 1 1 0%; height: 7px; border-radius: 4px; background: var(--v3s-track); }
html.tl-app-feel .v3-habit-days i.on { background: linear-gradient(180deg, color-mix(in srgb, var(--v3a) 72%, #fff), var(--v3a)); }
html.tl-app-feel .v3-habit-days i.today { box-shadow: 0 0 0 1.5px var(--v3s-card), 0 0 0 3px color-mix(in srgb, var(--v3a) 55%, transparent); }
html.tl-app-feel :is(.v3-comm, .v3-veel-list) { border-radius: 22px; overflow: hidden; }
html.tl-app-feel :is(.v3-comm-row, .v3-veel-row) { gap: 12px; padding: 12px 14px; transition: transform 0.18s cubic-bezier(0.2, 0, 0, 1); }
html.tl-app-feel :is(.v3-comm-row, .v3-veel-row) + :is(.v3-comm-row, .v3-veel-row) { border-top: 0px; box-shadow: inset 60px 1px 0 -59px transparent, inset 0 1px 0 var(--v3s-line-2); }
html.tl-app-feel :is(.v3-comm-ico, .v3-veel-ico) { position: relative; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 12px; font-size: 0px; background: linear-gradient(140deg, color-mix(in srgb, var(--v3k, var(--v3a)) 74%, #fff) 0%, var(--v3k, var(--v3a)) 100%); box-shadow: 0 8px 16px -8px var(--v3k, var(--v3a)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel :is(.v3-comm-ico, .v3-veel-ico)::after { content: ""; position: absolute; inset: 9px; background: rgb(255, 255, 255); mask: var(--v3i) center / contain no-repeat; }
html.tl-app-feel :is(.v3-comm-txt, .v3-veel-txt) { font-size: 14.5px; font-weight: 680; letter-spacing: -0.015em; color: var(--v3s-t1); }
html.tl-app-feel :is(.v3-comm-sub, .v3-veel-sub) { margin-top: 2px; font-size: 12px; font-weight: 500; letter-spacing: 0px; color: var(--v3s-t3); }
html.tl-app-feel :is(.v3-comm-chev, .v3-veel-chev) { font-size: 0px; flex: 0 0 16px; width: 16px; height: 16px; background: var(--v3s-t4); mask: var(--v3i-chev) center / contain no-repeat; }
html.tl-app-feel .v3-veel-group { margin-bottom: 22px; }
html.tl-app-feel .v3-veel-group-hd { padding: 0px 4px 9px; font-size: 13px; font-weight: 700; letter-spacing: -0.01em; text-transform: none; color: var(--v3s-t3); }
html.tl-app-feel .v3-scr { padding: 0 16px calc(110px + env(safe-area-inset-bottom, 0px)); }
html.tl-app-feel .v3-scr-hd { margin: 0px -16px 6px; padding: 10px 16px 12px; gap: 12px; background: color-mix(in srgb, var(--v3s-canvas) 80%, transparent); backdrop-filter: saturate(1.5) blur(18px); }
html.tl-app-feel .v3-scr-title { font-size: 26px; font-weight: 800; letter-spacing: -0.04em; color: var(--v3s-t1); }
html.tl-app-feel .v3-scr-hd .v3-back { position: relative; width: 38px; height: 38px; font-size: 0px; color: transparent; border: 1px solid var(--v3s-line); background: var(--v3s-card); box-shadow: var(--v3s-hi), var(--v3s-shadow); }
html.tl-app-feel .v3-scr-hd .v3-back::after { content: ""; position: absolute; inset: 10px; background: var(--v3s-t1); mask: var(--v3i-back) center / contain no-repeat; }
html.tl-app-feel .v3-scr-search { border-radius: 16px; padding: 13px 14px; margin-bottom: 14px; font-size: 14px; color: var(--v3s-t3); }
html.tl-app-feel .v3-scr-search .v3-search-ico { font-size: 0px; width: 17px; height: 17px; flex: 0 0 17px; background: var(--v3s-t3); mask: var(--v3i-search) center / contain no-repeat; }
html.tl-app-feel .v3-cal { border-radius: 24px; padding: 14px; }
html.tl-app-feel .v3-cal-hd { margin-bottom: 10px; }
html.tl-app-feel .v3-cal-hd button { width: 34px; height: 34px; color: var(--v3s-t1); background: var(--v3s-card-2); }
html.tl-app-feel .v3-cal-hd :is(.v3-cal-title, span) { font-size: 15px; font-weight: 780; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel .v3-cal-dow span { color: var(--v3s-t4); }
html.tl-app-feel .v3-cal-grid { gap: 4px; }
html.tl-app-feel .v3-cal-day { border-radius: 12px; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel .v3-cal-day.aura-full { background: color-mix(in srgb, var(--v3c-steps) 24%, transparent); }
html.tl-app-feel .v3-cal-day.aura-part { background: color-mix(in srgb, var(--v3c-brand, var(--v3s-brand)) 20%, transparent); }
html.tl-app-feel .v3-cal-day.today { box-shadow: inset 0 0 0 2px var(--v3s-brand); }
html.tl-app-feel .v3-cal-day.sel, html.tl-app-feel .v3-cal-day.sel:is(.aura-full, .aura-part, .aura-rest) { background: var(--v3s-grad); color: rgb(255, 255, 255); box-shadow: 0 8px 18px -10px var(--v3s-grad-sh); }
html.tl-app-feel .v3-dots i.food { background: var(--v3c-energy); }
html.tl-app-feel .v3-dots i.fast { background: var(--v3c-fast); }
html.tl-app-feel .v3-dots i.weigh { background: var(--v3c-weight); }
html.tl-app-feel .v3-cal-streak { color: var(--v3s-t2); }
html.tl-app-feel .v3-cal-score { color: var(--v3s-t2); }
html.tl-app-feel .v3-cal-score b { color: var(--v3s-brand); }
html.tl-app-feel .v3-cal-legend { color: var(--v3s-t3); }
html.tl-app-feel .v3-day { margin-top: 14px; border-radius: 24px; padding: 14px; }
html.tl-app-feel .v3-day-title { font-size: 15px; font-weight: 780; letter-spacing: -0.02em; color: var(--v3s-t1); margin-bottom: 10px; }
html.tl-app-feel .v3-day-grid { gap: 10px; }
html.tl-app-feel .v3-day-item { border-radius: 16px; background: var(--v3s-card-2); padding: 11px 12px; }
html.tl-app-feel .v3-day-item-lbl { font-size: 11.5px; font-weight: 650; letter-spacing: 0px; text-transform: none; color: var(--v3s-t3); }
html.tl-app-feel .v3-day-item-val { font-size: 19px; font-weight: 780; letter-spacing: -0.03em; margin-top: 3px; }
html.tl-app-feel .v3-tee-block { border-radius: 22px; padding: 12px 14px; margin-bottom: 12px; }
html.tl-app-feel .v3-tee-cta { color: var(--v3s-brand); font-weight: 700; }
html.tl-app-feel .v3-tee-val { font-size: 17px; font-weight: 780; }
html.tl-app-feel .v3-coach { position: relative; overflow: hidden; border: 1px solid color-mix(in srgb, var(--v3c-fast) 30%, transparent); border-radius: 22px; padding: 14px 16px; background: radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--v3c-fast) 22%, transparent), transparent 60%), var(--v3s-card-grad), var(--v3s-card); box-shadow: var(--v3s-hi), var(--v3s-shadow); }
html.tl-app-feel .v3-coach-hd { color: var(--v3s-t1); font-size: 14px; }
html.tl-app-feel .v3-coach-sub { color: var(--v3c-fast); }
html.tl-app-feel .v3-coach-txt { color: var(--v3s-t2); font-size: 13px; }
html.tl-app-feel .v3-coach-txt b { color: var(--v3s-t1); }
html.tl-app-feel :is(.v3-sheet-title, .v3-sheet-row-txt, .v3-driver-lbl, .v3-driver-val) { color: var(--v3s-t1); }
html.tl-app-feel :is(.v3-sheet-row-sub, .v3-driver-sub) { display: block; margin-top: 2px; font-size: 12px; font-weight: 500; color: var(--v3s-t3); }
html.tl-app-feel :is(.v3-sheet-row-txt, .v3-driver-lbl) { display: flex; flex-direction: column; font-size: 15px; font-weight: 680; letter-spacing: -0.015em; }
html.tl-app-feel :is(.v3-driver, .v3-sheet-row) { padding: 13px 4px; }
html.tl-app-feel :is(.v3-driver, .v3-sheet-row) + :is(.v3-driver, .v3-sheet-row) { border-top: 1px solid var(--v3s-line-2); }
html.tl-app-feel .bottomnav .bn-pill { backdrop-filter: saturate(1.6) blur(22px); background: color-mix(in srgb, var(--v3s-card) 84%, transparent) !important; border: 1px solid var(--v3s-line) !important; box-shadow: var(--v3s-hi), var(--v3s-nav-shadow) !important; }
html.tl-app-feel .bottomnav .bn-item { background: transparent !important; }
html.tl-app-feel .bottomnav .bn-item :is(.bn-ico, .bn-lbl) { color: var(--v3s-t3) !important; }
html.tl-app-feel .bottomnav .bn-item.active { background: color-mix(in srgb, var(--v3s-brand) 15%, transparent) !important; }
html.tl-app-feel .bottomnav .bn-item.active :is(.bn-ico, .bn-lbl) { color: var(--v3s-brand) !important; }
@property --v3-p { syntax: "<number>"; inherits: true; initial-value: 0; }
html.tl-app-feel :is(.v3-card, .v3-hero-card, .v3-sentence) { transition: --v3-p 0.9s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.18s cubic-bezier(0.2, 0, 0, 1); }
@keyframes v3-failsafe { 
  100% { opacity: 1; }
}
@keyframes v3-rise { 
  0% { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: none; }
}
html.tl-app-feel .v3-scale { position: relative; height: 7px; margin-top: auto; border-radius: 999px; background: linear-gradient(90deg,
    var(--v3c-bmi) 0 calc(14% - 1px), transparent calc(14% - 1px) calc(14% + 1px),
    var(--v3c-steps) calc(14% + 1px) calc(40% - 1px), transparent calc(40% - 1px) calc(40% + 1px),
    var(--v3c-mood) calc(40% + 1px) calc(60% - 1px), transparent calc(60% - 1px) calc(60% + 1px),
    var(--v3c-pulse) calc(60% + 1px) 100%); }
html.tl-app-feel .v3-scale i { position: absolute; top: 50%; left: clamp(7px, calc(var(--v3-bmi, 50) * 1%), calc(100% - 7px)); width: 14px; height: 14px; margin: -7px 0px 0px -7px; border-radius: 50%; background: var(--v3s-t1); box-shadow: 0 0 0 3px var(--v3s-card), 0 2px 6px rgba(0,0,0,.35); }
html.tl-app-feel #v3-body-bmi .v3-card-sub { margin-bottom: 16px; }
html.tl-app-feel #v3-gen-water[style*="--v3-p"] .v3-card-sub::after { height: 8px; border-radius: 0px; mask: repeating-linear-gradient(90deg, #000 0 calc((100% - (var(--v3-seg, 8) - 1) * 2px) / var(--v3-seg, 8)), transparent 0 calc((100% - (var(--v3-seg, 8) - 1) * 2px) / var(--v3-seg, 8) + 2px)); }
html.tl-app-feel .v3-quick { position: absolute; top: 11px; right: 11px; width: 32px; height: 32px; border-radius: 50%; font-size: 0px; cursor: pointer; background: color-mix(in srgb, var(--v3a) 20%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v3a) 30%, transparent); }
html.tl-app-feel .v3-quick::after { content: ""; position: absolute; inset: 8px; background: var(--v3a); mask: var(--v3i-plus) center / contain no-repeat; }
html.tl-app-feel .v3-quick:active { transform: scale(0.9); }
html.tl-app-feel #nav-activity .bn-ico svg { visibility: hidden; }
html.tl-app-feel #nav-activity .bn-ico { position: relative; }
html.tl-app-feel #nav-activity .bn-ico::after { content: ""; position: absolute; inset: 0px; margin: auto; width: 22px; height: 22px; background: currentcolor; mask: var(--v3i-compass) center / contain no-repeat; }
html.tl-app-feel :is(.v3-card, .v3-habit) { border: 1px solid transparent; background: radial-gradient(95% 75% at 100% 0%, color-mix(in srgb, var(--v3a, transparent) 12%, transparent), transparent 70%) padding-box,
    var(--v3s-card-grad) padding-box,
    linear-gradient(var(--v3s-card), var(--v3s-card)) padding-box,
    linear-gradient(145deg, color-mix(in srgb, var(--v3a, transparent) 46%, transparent), var(--v3s-line) 44%) border-box; }
html.tl-app-feel .v3-hero-card { border: 1px solid transparent; background: radial-gradient(95% 70% at 100% 0%, color-mix(in srgb, var(--v3a) 22%, transparent), transparent 72%) padding-box,
    var(--v3s-card-grad) padding-box,
    linear-gradient(var(--v3s-card), var(--v3s-card)) padding-box,
    linear-gradient(145deg, color-mix(in srgb, var(--v3a) 60%, transparent), var(--v3s-line) 48%) border-box; }
html.tl-app-feel .v3-hero-card.v3-hero-fast { border-top-color: transparent; }
html.tl-app-feel :is(.v3-card, .v3-habit, .v3-hero-card):active { box-shadow: var(--v3s-hi), 0 0 0 1px color-mix(in srgb, var(--v3a, var(--v3s-brand)) 45%, transparent), 0 14px 30px -18px var(--v3a, var(--v3s-brand)); }
html.tl-app-feel .v3-sec-hd > span { display: inline-flex; align-items: center; gap: 9px; }
html.tl-app-feel .v3-sec-hd > span::before { content: ""; width: 4px; height: 17px; border-radius: 3px; background: linear-gradient(180deg, var(--v3s-brand-2), var(--v3s-brand)); }
html.tl-app-feel .bottomnav .bn-pill.v3-glide::before { content: ""; position: absolute; z-index: 0; top: 7px; bottom: 7px; left: 0px; width: var(--v3-tab-w, 0px); transform: translateX(var(--v3-tab-x, 0px)); opacity: var(--v3-tab-o, 0); border-radius: 18px; background: color-mix(in srgb, var(--v3s-brand) 16%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v3s-brand) 20%, transparent); transition: transform 0.45s cubic-bezier(0.3, 1.32, 0.5, 1), width 0.3s, opacity 0.2s; }
html.tl-app-feel .bottomnav .bn-pill.v3-glide .bn-item.active { background: transparent !important; }
html.tl-app-feel .v3-cal-streak { padding-top: 12px; text-align: left; }
html.tl-app-feel .v3-streak { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px 6px 8px; border-radius: 999px; font-size: 12.5px; font-weight: 600; color: var(--v3s-t2); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel .v3-streak i { width: 18px; height: 18px; background: var(--v3s-t4); mask: var(--v3i-energy) center / contain no-repeat; }
html.tl-app-feel .v3-streak b { font-size: 14px; font-weight: 800; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel .v3-streak.on { color: var(--v3c-energy); background: color-mix(in srgb, var(--v3c-energy) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v3c-energy) 30%, transparent); }
html.tl-app-feel .v3-streak.on i { background: var(--v3c-energy); }
html.tl-app-feel .v3-streak.on b { color: var(--v3c-energy); }
html.tl-app-feel .v3-cal-score { padding-top: 12px; text-align: left; }
html.tl-app-feel .v3-routine { display: block; }
html.tl-app-feel .v3-routine-top { display: flex; justify-content: space-between; align-items: baseline; font-size: 12.5px; font-weight: 600; color: var(--v3s-t2); }
html.tl-app-feel .v3-routine-top b { font-size: 15px; font-weight: 800; color: var(--v3s-brand); font-variant-numeric: tabular-nums; }
html.tl-app-feel .v3-routine-bar { display: block; height: 7px; margin-top: 7px; border-radius: 999px; background: var(--v3s-track); overflow: hidden; }
html.tl-app-feel .v3-routine-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--v3s-brand-2), var(--v3s-brand)); transition: width 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
html.tl-app-feel .v3-cal-legend { justify-content: flex-start; gap: 14px; padding-top: 12px; }
html.tl-app-feel .v3-quick { background: linear-gradient(140deg, color-mix(in srgb, var(--v3k) 74%, #fff), var(--v3k)); box-shadow: 0 8px 16px -8px var(--v3k), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel .v3-quick::after { background: rgb(255, 255, 255); }
html.tl-app-feel .v3-week { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin: 0px 0px 22px; }
html.tl-app-feel .v3-wk { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 2px 7px; border: 1px solid var(--v3s-line); border-radius: 15px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: var(--v3s-hi); cursor: pointer; font-family: inherit; min-width: 0px; transition: transform 0.18s cubic-bezier(0.2, 0, 0, 1); }
html.tl-app-feel .v3-wk-rings { display: block; width: 100%; max-width: 38px; }
html.tl-app-feel .v3-wk-rings svg { display: block; width: 100%; height: auto; transform: rotate(-90deg); }
html.tl-app-feel .v3-wk-track { fill: none; stroke: var(--v3s-track); stroke-width: 5; }
html.tl-app-feel .v3-wk-arc { fill: none; stroke-width: 5; stroke-linecap: round; }
html.tl-app-feel .v3-wk-energy { stroke: var(--v3c-energy); }
html.tl-app-feel .v3-wk-steps { stroke: var(--v3c-steps); }
html.tl-app-feel .v3-wk-sleep { stroke: var(--v3c-sleep); }
html.tl-app-feel .v3-wk-dow { font-size: 9.5px; font-weight: 700; letter-spacing: 0.04em; color: var(--v3s-t4); text-transform: uppercase; }
html.tl-app-feel .v3-wk-num { font-size: 11.5px; font-weight: 700; color: var(--v3s-t2); font-variant-numeric: tabular-nums; }
html.tl-app-feel .v3-wk.today { border-color: color-mix(in srgb, var(--v3s-brand) 55%, transparent); box-shadow: var(--v3s-hi), 0 0 0 1px color-mix(in srgb, var(--v3s-brand) 30%, transparent), 0 10px 24px -16px var(--v3s-brand); }
html.tl-app-feel .v3-wk.today .v3-wk-num, html.tl-app-feel .v3-wk.today .v3-wk-dow { color: var(--v3s-t1); }
html.tl-app-feel .v3-ring-arc.hit { filter: none; }
@keyframes v3-ring-pop { 
  0% { transform: scale(1); }
  35% { transform: scale(1.07); }
  100% { transform: scale(1); }
}
html.tl-app-feel .v3-goal.done .v3-goal-val::after { content: " ✓"; font-weight: 800; }
html.tl-app-feel .v3-goal.done .v3-goal-val { color: rgb(255, 255, 255); }
@keyframes v3-beat { 
  0%, 100% { transform: scale(1); }
  12% { transform: scale(1.22); }
  26% { transform: scale(1); }
  38% { transform: scale(1.12); }
  52% { transform: scale(1); }
}
html.tl-app-feel .v3-card.v3-beat .v3-card-lbl::after { animation: v3-beat var(--v3-beat, 1s) ease-in-out infinite; transform-origin: 50% 50%; }
html.tl-app-feel :is(.v3-card, .v3-hero-card, .v3-habit, .v3-hl-card, .v3-comm-row, .v3-veel-row, .v3-sentence, .v3-wk) { will-change: transform; }
html.tl-app-feel :is(.v3-card, .v3-hero-card, .v3-habit, .v3-hl-card, .v3-comm-row, .v3-veel-row, .v3-sentence).v3-press { transform: perspective(760px) rotateX(var(--v3-rx, 0deg)) rotateY(var(--v3-ry, 0deg)) scale(.982); transition: transform 0.09s linear; }
html.tl-app-feel :is(.v3-card, .v3-hero-card, .v3-hl-card)::before { content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; opacity: 0; transition: opacity 0.18s; background: radial-gradient(150px circle at var(--v3-mx, 50%) var(--v3-my, 50%), rgba(255,255,255,.14), transparent 72%); }
html.tl-app-feel :is(.v3-card, .v3-hero-card, .v3-hl-card).v3-press::before { opacity: 1; }
html.tl-app-feel :is(.v3-card, .v3-hero-card, .v3-hl-card) > * { position: relative; z-index: 1; }
html.tl-app-feel :is(.card, .card-box, .comm-panel, .dash-card, .dash-mini, .glass-in) { border-radius: 20px; }
html.tl-app-feel :is(.card, .card-box, .comm-panel, .glass-in) { backdrop-filter: none; box-shadow: var(--v3s-hi), var(--v3s-shadow); }
html.tl-app-feel :is(.panel-hdr, .sticky-hdr) { background: color-mix(in srgb, var(--v3s-canvas) 82%, transparent); backdrop-filter: saturate(1.5) blur(18px); border-bottom: 1px solid var(--v3s-line-2); }
html.tl-app-feel :is(.panel-title, .screen-title) { font-size: 22px; font-weight: 800; letter-spacing: -0.035em; color: var(--v3s-t1); }
html.tl-app-feel .screen-header { border-bottom: 1px solid var(--v3s-line-2); }
html.tl-app-feel :is(.panel-back, .comm-nav-icon) { border-radius: 12px; }
html.tl-app-feel .sec-hd { color: var(--v3s-t3); }
html.tl-app-feel :is(.app-input, .app-select, .search-input, .comm-field, .med-refl-input) { border-radius: 12px; border: 1px solid var(--v3s-line); background: var(--v3s-card-2); color: var(--v3s-t1); }
html.tl-app-feel :is(.app-input, .app-select, .search-input, .comm-field, .med-refl-input):focus { border-color: color-mix(in srgb, var(--v3s-brand) 60%, transparent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--v3s-brand) 18%, transparent); outline: none; }
html.tl-app-feel :is(.chip, .fav-chip, .journal-filter, .med-category-tab, .comm-quiet-btn) { border-radius: 999px; border: 1px solid var(--v3s-line); background: var(--v3s-card-2); color: var(--v3s-t2); }
html.tl-app-feel :is(.chip, .fav-chip, .journal-filter, .med-category-tab):is(.on, .active) { border-color: color-mix(in srgb, var(--v3s-brand) 40%, transparent); background: color-mix(in srgb, var(--v3s-brand) 16%, transparent); color: var(--v3s-brand); }
html.tl-app-feel :is(.comm-primary-btn, .btn.primary, .btn-primary, .mfm-btn-primary) { border-radius: 14px; border: 0px; color: rgb(255, 255, 255); background: var(--v3s-grad); box-shadow: 0 10px 24px -12px var(--v3s-grad-sh); }
html.tl-app-feel .wide-btn { border-radius: 14px; border: 1px solid var(--v3s-line); background: var(--v3s-card-2); color: var(--v3s-t1); }
html.tl-app-feel :is(.btn, .ctl-btn) { border-radius: 12px; }
html.tl-app-feel :is(.btn-secondary, .units-btn, .pam-summary-btn), html.tl-app-feel button.btn:not([class*="primary"]):not([class*="danger"]):not([class*="red"]):not([class*="delete"]):not(.theme-btn) { background: var(--v3s-card-2); color: var(--v3s-t1); border: 1px solid var(--v3s-line); }
html.tl-app-feel :is(.modal, .mfm-sheet, .med-theory-sheet) { border-radius: 24px; border: 1px solid var(--v3s-line); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: rgba(0, 0, 0, 0.6) 0px -18px 50px -20px; }
@media (prefers-reduced-motion: reduce){
html.tl-app-feel :is(.v3-card, .v3-habit, .v3-hero-card, .v3-sentence, .v3-comm-row, .v3-veel-row, .v3-tee-block) { transition: none; }
html.tl-app-feel .v3-sentence::before, html.tl-app-feel .v3-sentence::after { animation: auto ease 0s 1 normal none running none; }
html.tl-app-feel .v3-card.v3-beat .v3-card-lbl::after, html.tl-app-feel .v3-ring-arc.pop { animation: auto ease 0s 1 normal none running none; }
html.tl-app-feel .v3-ring-arc, html.tl-app-feel .bottomnav .bn-pill.v3-glide::before, html.tl-app-feel .v3-top, html.tl-app-feel .v3-greet, html.tl-app-feel .v3-mark, html.tl-app-feel .v3-me, html.tl-app-feel .v3-date { transition: none; }
}
html.tl-app-feel .v3-wk.sel { border-color: var(--v3s-brand); box-shadow: var(--v3s-hi), 0 0 0 1.5px var(--v3s-brand), 0 10px 24px -16px var(--v3s-brand); }
html.tl-app-feel .v3-wk.sel .v3-wk-dow, html.tl-app-feel .v3-wk.sel .v3-wk-num { color: var(--v3s-t1); }
html.tl-app-feel .v3-wk.sel .v3-wk-dow { color: var(--v3s-brand); }
html.tl-app-feel :is(#fast-shields-row, #fast-workout-advice, #fasting-calendar, #movement-milestones, #movement-eco, #heart-sec-chips, #heart-baseline-card, #heart-recovery-card, #heart-overnight, #heart-allday-zones, #heart-cardiac-load, #heart-maxhr-card, #heart-stand-test, #v3-metric-about):empty { display: none; }
html.tl-app-feel :is(button, .btn, .btn-ghost, .btn-secondary, .wide-btn)[disabled], html.tl-app-feel :is(button, .btn, .btn-ghost, .btn-secondary, .wide-btn)[aria-disabled="true"] { opacity: 0.42; cursor: default; box-shadow: none; filter: saturate(0.55); }
html.tl-app-feel { --v3c-brand: var(--v3s-brand); }
html.tl-app-feel[data-theme="light"] { --v3s-t3: #5C6B80; }
html.tl-app-feel :is(.fs-pct, .fs-time) { color: color-mix(in srgb, var(--fs-c) 45%, var(--t1)); }
html.tl-app-feel #sc-home > .tl-ptr.tl-ptr { display: block !important; }
html.tl-app-feel #sc-home > .tl-ptr-live.tl-ptr-live { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap; border: 0px; display: block !important; }
html.tl-app-feel .tl-ptr { position: absolute; top: 0px; left: 50%; z-index: 40; width: 40px; height: 40px; margin-left: -20px; border-radius: 50%; transform: translate3d(0px, -48px, 0px); opacity: 0; pointer-events: none; transition: transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1), opacity 0.18s; }
html.tl-app-feel .tl-ptr-ico { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; color: var(--v3s-brand, var(--t1, #111827)); transition: transform 0.15s, opacity 0.15s; }
html.tl-app-feel .tl-ptr-ico svg { width: 22px; height: 22px; display: block; }
html.tl-app-feel .tl-ptr-check { opacity: 0; color: var(--v3s-pos, #059669); }
html.tl-app-feel .tl-ptr-ring { position: absolute; inset: 6px; border-radius: 50%; border-top-color: var(--v3s-brand, var(--t1, #111827)); opacity: 0; }
@keyframes tl-ptr-spin { 
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel .tl-ptr, html.tl-app-feel .tl-ptr-ico { transition: none; }
}
html.tl-app-feel { --fv3-mic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cline x1='12' x2='12' y1='19' y2='22'/%3E%3C/svg%3E"); --fv3-cam: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E"); --fv3-scan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M17 3h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M21 17v2a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M7 8v8'/%3E%3Cpath d='M10.5 8v8'/%3E%3Cpath d='M14 8v8'/%3E%3Cpath d='M17 8v8'/%3E%3C/svg%3E"); --fv3-repeat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m17 2 4 4-4 4'/%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14'/%3E%3Cpath d='m7 22-4-4 4-4'/%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E"); --fv3-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); --fv3-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); --fv3-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); --fv3-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); --fv3-pen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E"); --fv3-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E"); --fv3-r: 16px; }
@keyframes fv3Pop { 
  40% { transform: scale(1.22); }
}
@keyframes fv3Shimmer { 
  0% { opacity: 0.55; }
  50% { opacity: 1; }
  100% { opacity: 0.55; }
}
@keyframes fv3Rise { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fv3BkIn { 
  0% { opacity: 0; transform: translateY(-3px) scale(0.94); }
  100% { opacity: 1; transform: none; }
}
html.tl-app-feel #nav-activity .bn-lbl { font-size: 0px !important; letter-spacing: 0px; }
html.tl-app-feel #nav-activity .bn-lbl::after { content: "Insights"; display: block; font-size: 0.625rem; white-space: nowrap; text-align: center; color: inherit; }
html.tl-app-feel #v3-teejuht-title { font-size: 0px !important; }
html.tl-app-feel #v3-teejuht-title::after { content: "Insights"; font-size: 20px; font-weight: 760; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel[lang="ru"] #nav-activity .bn-lbl::after { content: "Аналитика"; }
html.tl-app-feel[lang="ru"] #v3-teejuht-title::after { content: "Аналитика"; }
html.tl-app-feel #sc-teejuht .v3-sec { padding-bottom: 28px; }
html.tl-app-feel .tli { display: block; }
html.tl-app-feel .tli-filters { display: flex; gap: 7px; margin: 0px -16px 16px; padding: 2px 16px 4px; overflow-x: auto; scrollbar-width: none; }
html.tl-app-feel .tli-filters::-webkit-scrollbar { display: none; }
html.tl-app-feel .tli-f { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; border-radius: 999px; border: 1px solid var(--v3s-line); background: var(--v3s-card); color: var(--v3s-t2); font-size: 12.5px; font-weight: 620; letter-spacing: -0.01em; cursor: pointer; transition: background 0.18s, color 0.18s, border-color 0.18s; }
html.tl-app-feel .tli-f .tli-f-n { font-size: 10.5px; font-weight: 700; color: var(--v3s-t3); background: var(--v3s-track); border-radius: 999px; padding: 1px 6px; min-width: 18px; text-align: center; }
html.tl-app-feel .tli-f.on { background: var(--v3s-t1); border-color: transparent; color: var(--v3s-card); }
html.tl-app-feel .tli-f.on .tli-f-n { background: color-mix(in srgb, var(--v3s-card) 24%, transparent); color: var(--v3s-card); }
html.tl-app-feel .tli-f:active { transform: scale(0.97); }
html.tl-app-feel .tli-deck { display: flex; flex-direction: column; gap: 12px; }
html.tl-app-feel .tli-card { --tli-m: color-mix(in srgb, var(--tli-a) 78%, var(--v3s-t1)); position: relative; overflow: hidden; padding: 15px 15px 13px; border-radius: 20px; background: radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--tli-a) 13%, transparent), transparent 62%),
    var(--v3s-card-grad, none), var(--v3s-card); border: 1px solid var(--v3s-line); box-shadow: var(--v3s-shadow, 0 1px 2px rgba(0, 0, 0, .06)); }
html.tl-app-feel .tli-card::before { content: ""; position: absolute; inset: 0px auto 0px 0px; width: 3px; background: var(--tli-m); opacity: 0.9; }
html.tl-app-feel .tli-hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
html.tl-app-feel .tli-kick { display: inline-flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 720; letter-spacing: 0.07em; text-transform: uppercase; color: var(--v3s-t2); }
html.tl-app-feel .tli-kick::before { content: ""; width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; background: var(--tli-m); }
html.tl-app-feel .tli-conf { flex: 0 0 auto; font-size: 10px; font-weight: 700; letter-spacing: 0.02em; padding: 3px 8px; border-radius: 999px; white-space: nowrap; background: var(--v3s-track); color: var(--v3s-t2); }
html.tl-app-feel .tli-conf-strong { background: color-mix(in srgb, var(--v3s-pos, #16A34A) 24%, var(--v3s-card)); color: var(--v3s-t1); }
html.tl-app-feel .tli-conf-likely { background: color-mix(in srgb, var(--tli-a) 20%, var(--v3s-card)); color: var(--v3s-t1); }
html.tl-app-feel .tli-title { margin: 0px 0px 6px; font-size: 17px; font-weight: 740; line-height: 1.24; letter-spacing: -0.022em; color: var(--v3s-t1); }
html.tl-app-feel .tli-body { margin: 0px; font-size: 13.5px; line-height: 1.5; font-weight: 480; color: var(--v3s-t2); }
html.tl-app-feel .tli-body b { font-weight: 720; color: var(--v3s-t1); }
html.tl-app-feel .tli-ev { margin-top: 11px; padding-top: 9px; border-top: 1px solid var(--v3s-line); font-size: 11px; font-weight: 560; color: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel .tli-vis, html.tl-app-feel .tli-extra { margin-top: 13px; }
html.tl-app-feel:is([data-theme="blue"], [data-theme="green"]) :is(.tli-card, .tli-sh-row) { --tli-m: color-mix(in srgb, var(--tli-a) 45%, var(--v3s-t1)); }
html.tl-app-feel .tli-sp-axis { position: relative; height: 22px; border-radius: 999px; background: var(--v3s-track); }
html.tl-app-feel .tli-sp-gap { position: absolute; top: 50%; height: 4px; transform: translateY(-50%); border-radius: 999px; background: color-mix(in srgb, var(--tli-m) 65%, transparent); }
html.tl-app-feel .tli-sp-dot { position: absolute; top: 50%; width: 13px; height: 13px; margin-left: -6.5px; transform: translateY(-50%); border-radius: 50%; box-shadow: 0 0 0 2.5px var(--v3s-card); }
html.tl-app-feel .tli-sp-dot.lo { background: var(--v3s-t3); }
html.tl-app-feel .tli-sp-dot.hi { background: var(--tli-m); }
html.tl-app-feel .tli-sp-ends { display: flex; justify-content: space-between; margin-top: 5px; font-size: 10px; font-weight: 600; color: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel .tli-sp-keys { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; }
html.tl-app-feel .tli-sp-key { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 540; color: var(--v3s-t2); }
html.tl-app-feel .tli-sp-key b { font-weight: 720; color: var(--v3s-t1); }
html.tl-app-feel .tli-sp-key i { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
html.tl-app-feel .tli-sp-key.lo i { background: var(--v3s-t3); }
html.tl-app-feel .tli-sp-key.hi i { background: var(--tli-m); }
html.tl-app-feel .tli-rec { display: grid; grid-template-columns: 1fr auto auto; align-items: baseline; gap: 10px; padding: 5px 0px; font-size: 12px; color: var(--v3s-t2); border-top: 1px solid var(--v3s-line); }
html.tl-app-feel .tli-rec:first-child { border-top: 0px; }
html.tl-app-feel .tli-rec b { font-weight: 720; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel .tli-rec-d { font-size: 10.5px; color: var(--v3s-t3); }
html.tl-app-feel .tli-more { display: block; width: 100%; margin-top: 12px; padding: 13px; border-radius: 16px; border: 1px solid var(--v3s-line); background: var(--v3s-card); color: var(--v3s-t2); font-size: 13px; font-weight: 640; cursor: pointer; }
html.tl-app-feel .tli-more:active { transform: scale(0.99); }
html.tl-app-feel .tli-foot { margin: 16px 2px 0px; font-size: 10.5px; line-height: 1.5; font-weight: 500; color: var(--v3s-t3); }
@keyframes tliPulse { 
  0%, 100% { opacity: 0.28; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1); }
}
html.tl-app-feel .tli-legacy { margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--v3s-line); }
html.tl-app-feel .tli-legacy-hd { font-size: 10.5px; font-weight: 720; letter-spacing: 0.07em; text-transform: uppercase; color: var(--v3s-t3); margin-bottom: 10px; }
html.tl-app-feel .tli-legacy #v3-coach { display: none; }
html.tl-app-feel .tli-legacy .v3-tee-block { margin-bottom: 8px; }
@media (prefers-reduced-motion: reduce){
html.tl-app-feel .tli-f, html.tl-app-feel .tli-more { transition: none; }
}
html.tl-app-feel .tlx-check { display: flex; gap: 7px; align-items: flex-start; margin-top: 11px; font-size: 11.5px; line-height: 1.45; font-weight: 540; color: var(--v3s-t2); }
html.tl-app-feel .tlx-check i { flex: 0 0 auto; width: 14px; height: 14px; margin-top: 1px; border-radius: 50%; background: color-mix(in srgb, var(--v3s-pos) 30%, transparent); box-shadow: inset 0 0 0 1.5px var(--v3s-pos); }
html.tl-app-feel .tlx-svg { display: block; width: 100%; height: auto; overflow: visible; }
html.tl-app-feel .tlx-ax { fill: var(--v3s-t3); font-size: 9.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
html.tl-app-feel .tlx-ev-band { fill: color-mix(in srgb, var(--tli-m) 22%, transparent); stroke: none; }
html.tl-app-feel .tlx-ev-zero { stroke: var(--v3s-t3); stroke-width: 1; stroke-dasharray: 4, 4; opacity: 0.8; }
html.tl-app-feel .tlx-ev-day0 { stroke: var(--v3s-line); stroke-width: 1; }
html.tl-app-feel .tlx-ev-ln { fill: none; stroke: var(--tli-m); stroke-width: 2; stroke-linejoin: round; }
html.tl-app-feel .tlx-ev-pt { fill: var(--tli-m); stroke: var(--v3s-card); stroke-width: 1.5; }
html.tl-app-feel .tlx-ev-pt.key { stroke-width: 2.5; }
html.tl-app-feel .tlx-rank { position: relative; height: 22px; border-radius: 11px; background: var(--v3s-track); }
html.tl-app-feel .tlx-rank i { position: absolute; top: 5px; bottom: 5px; width: 2px; margin-left: -1px; border-radius: 1px; background: color-mix(in srgb, var(--tli-m) 45%, transparent); }
html.tl-app-feel .tlx-rank b { position: absolute; top: 50%; width: 13px; height: 13px; margin: -6.5px 0px 0px -6.5px; border-radius: 50%; background: var(--tli-m); box-shadow: 0 0 0 2.5px var(--v3s-card); }
html.tl-app-feel .tli-card .tli-sp-ends span:nth-child(2):not(:last-child) { color: var(--v3s-t3); }
html.tl-app-feel .tli-legacy #v3-weekly-host:has(#weekly-summary-content:empty) { display: none; }
html.tl-app-feel .tlx-spot-hd { margin: 0px 2px 8px; font-size: 10.5px; font-weight: 720; letter-spacing: 0.07em; text-transform: uppercase; color: var(--v3s-t2); }
html.tl-app-feel .tli-card.tlx-spot { padding: 18px 17px 15px; border-radius: 24px; border-color: color-mix(in srgb, var(--tli-m) 38%, var(--v3s-line)); background: radial-gradient(130% 90% at 0% 0%, color-mix(in srgb, var(--tli-a) 24%, transparent), transparent 64%),
    radial-gradient(90% 70% at 100% 100%, color-mix(in srgb, var(--tli-a) 10%, transparent), transparent 70%),
    var(--v3s-card-grad, none), var(--v3s-card); }
html.tl-app-feel .tlx-spot .tli-title { font-size: 19px; }
html.tl-app-feel .tlx-stats { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px; }
html.tl-app-feel .tlx-stats.n3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
html.tl-app-feel .tlx-st { display: flex; flex-direction: column; gap: 1px; min-width: 0px; padding: 10px 11px 9px; border-radius: 14px; background: var(--v3s-track); }
html.tl-app-feel .tlx-st b { font-size: 19px; line-height: 1.15; font-weight: 780; letter-spacing: -0.02em; color: var(--v3s-t1); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel .tlx-st span { font-size: 11px; font-weight: 640; line-height: 1.3; color: var(--v3s-t1); }
html.tl-app-feel .tlx-st small { font-size: 10.5px; font-weight: 450; line-height: 1.3; color: var(--v3s-t1); }
@media (max-width: 360px){
html.tl-app-feel .tlx-st b { font-size: 16px; }
}
@property --tl4-pc { syntax: "<color>"; inherits: true; initial-value: #34D399; }
@keyframes tl4Rise { 
  0% { opacity: 0; transform: translateY(18px) scale(0.985); }
}
@keyframes tl4Fade { 
  0% { opacity: 0; }
}
@keyframes tl4Wipe { 
  0% { clip-path: inset(-24px 100% -24px -24px); }
  100% { clip-path: inset(-24px); }
}
@keyframes tl4GrowX { 
  0% { transform: scaleX(0); }
}
@keyframes tl4GrowY { 
  0% { transform: scaleY(0); }
}
@keyframes tl4GapX { 
  0% { transform: translateY(-50%) scaleX(0); }
}
@keyframes tl4Slide { 
  0% { left: var(--pm); }
}
@keyframes tl4Pop { 
  0% { opacity: 0; transform: scale(0.2); }
}
@keyframes tl4Cell { 
  0% { opacity: 0; transform: scale(0.3); }
}
@keyframes tl4Ping { 
  0% { opacity: 0.85; transform: scale(0.45); }
  80%, 100% { opacity: 0; transform: scale(1.5); }
}
@keyframes tl4Turn { 
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes tl4Flow { 
  100% { stroke-dashoffset: 0; }
}
@keyframes tl4Twinkle { 
  0%, 100% { transform: scale(1); opacity: 0.95; }
  50% { transform: scale(0.62); opacity: 0.5; }
}
html.tl-app-feel .tl4 { --tl4-ease: cubic-bezier(.2, .8, .2, 1); }
html.tl-app-feel .tl4 .tl4-hero { --tl4-pm: color-mix(in srgb, var(--tl4-pc) 82%, var(--v3s-t1)); position: relative; overflow: hidden; margin: 2px 0px 16px; padding: 16px 16px 13px; border-radius: 24px; border: 1px solid var(--v3s-line); background: radial-gradient(110% 85% at 100% 0%, color-mix(in srgb, var(--tl4-pc) 20%, transparent), transparent 62%),
    radial-gradient(80% 70% at 0% 100%, color-mix(in srgb, var(--tl4-pc) 8%, transparent), transparent 70%),
    var(--v3s-card-grad, none), var(--v3s-card); box-shadow: var(--v3s-shadow, 0 1px 2px rgba(0, 0, 0, .06)); transition: --tl4-pc 0.6s; }
html.tl-app-feel .tl4 .tl4-h-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 11px; }
html.tl-app-feel .tl4 .tl4-h-kick { display: inline-flex; align-items: center; gap: 8px; font-size: 10.5px; font-weight: 740; letter-spacing: 0.08em; text-transform: uppercase; color: var(--v3s-t2); }
html.tl-app-feel .tl4 .tl4-h-kick i { position: relative; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--tl4-pm); }
html.tl-app-feel .tl4 .tl4-h-kick i::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 1.5px solid var(--tl4-pm); opacity: 0; animation: 2.6s ease-out 1s 8 normal none running tl4Ping; }
html.tl-app-feel .tl4 .tl4-h-date { font-size: 11px; font-weight: 620; color: var(--v3s-t3); white-space: nowrap; }
html.tl-app-feel .tl4 .tl4-h-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
html.tl-app-feel .tl4 .tl4-h-big { display: flex; flex-direction: column; min-width: 0px; }
html.tl-app-feel .tl4 .tl4-h-big b { font-size: 52px; line-height: 0.92; font-weight: 820; letter-spacing: -0.05em; color: var(--v3s-t1); font-variant-numeric: tabular-nums; text-shadow: 0 0 30px color-mix(in srgb, var(--tl4-pc) 38%, transparent); }
html.tl-app-feel .tl4 .tl4-h-big span { margin-top: 7px; font-size: 12px; font-weight: 600; line-height: 1.3; color: var(--v3s-t2); }
html.tl-app-feel .tl4 .tl4-h-stats { display: flex; gap: 14px; padding-bottom: 2px; }
html.tl-app-feel .tl4 .tl4-h-s { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
html.tl-app-feel .tl4 .tl4-h-s b { font-size: 21px; line-height: 1.05; font-weight: 780; letter-spacing: -0.025em; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel .tl4 .tl4-h-s span { max-width: 66px; margin-top: 4px; font-size: 10.5px; font-weight: 620; line-height: 1.2; color: var(--v3s-t2); }
html.tl-app-feel .tl4 .tl4-h-foot { margin-top: 11px; font-size: 10.5px; font-weight: 560; line-height: 1.4; color: var(--v3s-t3); }
html.tl-app-feel .tl4 .tl4-px { margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--v3s-line); }
html.tl-app-feel .tl4 .tl4-px-chips { display: flex; gap: 6px; margin: 0px -16px 12px; padding: 0px 16px 2px; overflow-x: auto; scrollbar-width: none; }
html.tl-app-feel .tl4 .tl4-px-chips::-webkit-scrollbar { display: none; }
html.tl-app-feel .tl4 .tl4-px-chip { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px 6px 9px; border-radius: 999px; border: 1px solid var(--v3s-line); background: transparent; color: var(--v3s-t2); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11.5px; font-weight: 650; letter-spacing: -0.005em; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s; }
html.tl-app-feel .tl4 .tl4-px-chip i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--tl4-cc); }
html.tl-app-feel .tl4 .tl4-px-chip.on { background: var(--v3s-t1); border-color: transparent; color: var(--v3s-card); }
html.tl-app-feel .tl4 .tl4-px-chip:active { transform: scale(0.96); }
html.tl-app-feel .tl4 .tl4-px-chip:focus-visible { outline: 2px solid var(--v3s-t1); outline-offset: 2px; }
html.tl-app-feel .tl4 .tl4-px-wrap { display: grid; grid-template-columns: 11px minmax(0, calc(var(--w) * 19px)); grid-template-rows: auto auto; gap: 5px 6px; }
html.tl-app-feel .tl4 .tl4-px-months { grid-area: 1 / 2; display: grid; grid-template-columns: repeat(var(--w), minmax(0, 1fr)); column-gap: 3px; height: 12px; }
html.tl-app-feel .tl4 .tl4-px-months span { grid-row: 1; font-size: 9.5px; font-weight: 680; line-height: 12px; color: var(--v3s-t3); white-space: nowrap; }
html.tl-app-feel .tl4 .tl4-px-days { grid-area: 2 / 1; display: grid; grid-template-rows: repeat(7, minmax(0px, 1fr)); row-gap: 3px; }
html.tl-app-feel .tl4 .tl4-px-days span { display: flex; align-items: center; font-size: 8.5px; font-weight: 700; line-height: 1; color: var(--v3s-t3); }
html.tl-app-feel .tl4 .tl4-px-grid { grid-area: 2 / 2; display: grid; grid-auto-flow: column; grid-template-rows: repeat(7, auto); grid-template-columns: repeat(var(--w), minmax(0, 1fr)); gap: 3px; }
html.tl-app-feel .tl4 .tl4-px-grid i { display: block; aspect-ratio: 1 / 1; border-radius: 3px; background: var(--v3s-track); cursor: pointer; }
html.tl-app-feel .tl4 .tl4-px-grid i.nd { opacity: 0.45; }
html.tl-app-feel .tl4 .tl4-px-grid i.fu { background: transparent; cursor: default; }
html.tl-app-feel .tl4 :is(.tl4-px-grid, .tl4-px-key) i.l1 { background: color-mix(in srgb, var(--tl4-pm) 28%, var(--v3s-track)); }
html.tl-app-feel .tl4 :is(.tl4-px-grid, .tl4-px-key) i.l2 { background: color-mix(in srgb, var(--tl4-pm) 50%, var(--v3s-track)); }
html.tl-app-feel .tl4 :is(.tl4-px-grid, .tl4-px-key) i.l3 { background: color-mix(in srgb, var(--tl4-pm) 74%, transparent); }
html.tl-app-feel .tl4 :is(.tl4-px-grid, .tl4-px-key) i.l4 { background: var(--tl4-pm); }
html.tl-app-feel .tl4 .tl4-px-grid i.l4 { box-shadow: 0 0 7px -1px color-mix(in srgb, var(--tl4-pc) 60%, transparent); }
html.tl-app-feel .tl4 .tl4-px-grid i.td { box-shadow: inset 0 0 0 1.5px var(--v3s-t2); }
html.tl-app-feel .tl4 .tl4-px-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; margin-top: 10px; }
html.tl-app-feel .tl4 .tl4-px-read { min-width: 0px; font-size: 11.5px; font-weight: 560; line-height: 1.4; color: var(--v3s-t2); font-variant-numeric: tabular-nums; }
html.tl-app-feel .tl4 .tl4-px-read b { font-weight: 740; color: var(--v3s-t1); }
html.tl-app-feel .tl4 .tl4-px-key { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 3px; font-size: 9.5px; font-weight: 640; color: var(--v3s-t3); }
html.tl-app-feel .tl4 .tl4-px-key i { width: 9px; height: 9px; border-radius: 2px; }
html.tl-app-feel .tl4 .tl4-px-key i.l1 { margin-left: 3px; }
html.tl-app-feel .tl4 .tl4-px-key i.l4 { margin-right: 3px; }
html.tl-app-feel .tl4 .tli-card.tlx-spot { border-color: color-mix(in srgb, var(--tli-m) 30%, var(--v3s-line)); box-shadow: 0 22px 44px -26px color-mix(in srgb, var(--tli-a) 60%, transparent), var(--v3s-shadow, 0 1px 2px rgba(0, 0, 0, .06)); }
html.tl-app-feel .tl4 .tlx-spot .tl4-edge { position: absolute; inset: 0px; border-radius: inherit; padding: 1.5px; overflow: hidden; pointer-events: none; container-type: size; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); }
html.tl-app-feel .tl4 .tlx-spot .tl4-edge i { position: absolute; left: 50%; top: 50%; width: calc(4px + hypot(100cqw, 100cqh)); aspect-ratio: 1 / 1; transform: translate(-50%, -50%); background: conic-gradient(transparent 0deg 220deg, color-mix(in srgb, var(--tli-m) 90%, transparent) 300deg, transparent 352deg); }
html.tl-app-feel .tl4 .tlx-spot.tl4-live .tl4-edge i { animation: 6s linear 0.4s 3 normal none running tl4Turn; }
html.tl-app-feel .tl4 .tl4-spot-hd { display: flex; align-items: center; gap: 7px; }
html.tl-app-feel .tl4 .tl4-spot-hd i { flex: 0 0 auto; width: 11px; height: 11px; background: var(--v3s-t2); clip-path: polygon(50% 0px, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0px 50%, 39% 39%); animation: 2.8s ease-in-out 0.6s 4 normal none running tl4Twinkle; }
html.tl-app-feel .tl4 .tl4-ch-dot { fill: color-mix(in srgb, var(--tli-m) 40%, transparent); }
html.tl-app-feel .tl4 .tl4-tr-fit { stroke: var(--v3s-t3); stroke-width: 1.4; stroke-dasharray: 4, 4; }
html.tl-app-feel .tl4 .tl4-tr-roll { fill: none; stroke: var(--tli-m); stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
html.tl-app-feel .tl4 .tl4-tr-end { fill: var(--tli-m); stroke: var(--v3s-card); stroke-width: 2.5; }
html.tl-app-feel .tl4 .tl4-sp-dl { position: relative; height: 24px; }
html.tl-app-feel .tl4 .tl4-sp-dl b { position: absolute; top: 0px; transform: translateX(-50%); padding: 3px 9px; border-radius: 999px; white-space: nowrap; background: color-mix(in srgb, var(--tli-m) 20%, var(--v3s-card)); color: var(--v3s-t1); font-size: 11.5px; font-weight: 780; font-variant-numeric: tabular-nums; }
html.tl-app-feel .tl4 .tl4-sp-ticks { position: absolute; inset: 6px 0px; }
html.tl-app-feel .tl4 .tl4-sp-ticks i { position: absolute; top: 0px; bottom: 0px; width: 1.5px; margin-left: -0.75px; border-radius: 1px; background: color-mix(in srgb, var(--tli-m) 30%, transparent); }
html.tl-app-feel .tl4 .tl4-split .tli-sp-ends span:nth-child(2) { color: var(--v3s-t3); }
html.tl-app-feel .tl4 .tl4-rv.tl4-in :is(.tlx-svg, .tli-spark) { animation: 1.3s cubic-bezier(0.35, 0.6, 0.2, 1) 0.2s 1 normal backwards running tl4Wipe; }
html.tl-app-feel .tl4 .tl4-rv.tl4-in :is(.tli-sh-t, .tlx-drv-t) i.pos { transform-origin: 0px 50%; animation: tl4GrowX .8s var(--tl4-ease) .2s backwards; }
html.tl-app-feel .tl4 .tl4-rv.tl4-in :is(.tli-sh-t, .tlx-drv-t) i.neg { transform-origin: 100% 50%; animation: tl4GrowX .8s var(--tl4-ease) .2s backwards; }
html.tl-app-feel .tl4 .tl4-rv.tl4-in :is(.tlx-ml-t i, .tli-gap-bar i, .tlx-bn-fill) { transform-origin: 0px 50%; animation: tl4GrowX .9s var(--tl4-ease) .2s backwards; }
html.tl-app-feel .tl4 .tl4-rv.tl4-in :is(.tl4-split .tli-sp-dot, .tl4-rank b) { animation: tl4Slide 1.05s var(--tl4-ease) .25s backwards; }
html.tl-app-feel .tl4 .tl4-rv.tl4-in :is(.tl4-sp-ticks, .tl4-rank i, .tli-dots .tli-d, .tlx-sri-s) { animation: 0.5s ease 0.1s 1 normal backwards running tl4Fade; }
html.tl-app-feel .tl4 .tl4-rv.tl4-in :is(.tlx-bn-dot, .tlx-sri-dot) { animation: 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.35) 0.55s 1 normal backwards running tl4Pop; }
@media (max-width: 380px){
html.tl-app-feel .tl4 .tl4-hero { padding: 14px 13px 12px; }
html.tl-app-feel .tl4 .tl4-h-big b { font-size: 42px; }
html.tl-app-feel .tl4 .tl4-h-stats { gap: 9px; }
html.tl-app-feel .tl4 .tl4-h-s b { font-size: 17px; }
html.tl-app-feel .tl4 .tl4-h-s span { max-width: 58px; font-size: 10px; }
html.tl-app-feel .tl4 :is(.tl4-px-grid, .tl4-px-months) { column-gap: 2px; }
html.tl-app-feel .tl4 .tl4-px-grid { row-gap: 2px; }
html.tl-app-feel .tl4 .tl4-px-days { row-gap: 2px; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel .tl4 :is(.tl4-rv, .tl4-rv *, .tl4-px *, .tl4-flow, .tl4-spot-hd i) { animation: auto ease 0s 1 normal none running none !important; }
html.tl-app-feel .tl4 .tl4-h-kick i::after { animation: auto ease 0s 1 normal none running none; }
html.tl-app-feel .tl4 .tlx-spot.tl4-live .tl4-edge i { animation: auto ease 0s 1 normal none running none; }
html.tl-app-feel .tl4 .tl4-hero { transition: none; }
}
html.tl-app-feel .tls { margin: 0px 0px 16px; padding: 14px 14px 12px; border-radius: 22px; border: 1px solid var(--v3s-line); background: var(--v3s-card-grad, none), var(--v3s-card); box-shadow: var(--v3s-shadow, 0 1px 2px rgba(0, 0, 0, .06)); }
html.tl-app-feel .tls-hd { display: flex; flex-direction: column; gap: 2px; margin: 0px 2px 11px; }
html.tl-app-feel .tls-hd b { font-size: 16px; font-weight: 770; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel .tls-hd span { font-size: 11.5px; font-weight: 560; line-height: 1.35; color: var(--v3s-t3); }
html.tl-app-feel .tls-seg { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 2px; margin-bottom: 12px; padding: 3px; border-radius: 12px; background: var(--v3s-track); }
html.tl-app-feel .tls-seg button { min-height: 32px; padding: 6px 4px; border: 0px; border-radius: 9px; background: transparent; cursor: pointer; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 650; letter-spacing: -0.005em; color: var(--v3s-t1); white-space: nowrap; }
html.tl-app-feel .tls-seg button.on { background: var(--v3s-t1); color: var(--v3s-card); font-weight: 740; }
html.tl-app-feel .tls-seg button:focus-visible { outline: 2px solid var(--v3s-t1); outline-offset: 1px; }
html.tl-app-feel .tls-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }
html.tl-app-feel .tls-tile { --tli-m: color-mix(in srgb, var(--tli-a) 78%, var(--v3s-t1)); display: flex; flex-direction: column; align-items: stretch; gap: 2px; min-width: 0px; margin: 0px; padding: 10px 11px 8px; border: 1px solid transparent; border-radius: 15px; background: var(--v3s-track); color: var(--v3s-t1); font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
html.tl-app-feel .tls-tile:active { transform: scale(0.985); }
html.tl-app-feel .tls-tile:focus-visible { outline: 2px solid var(--v3s-t1); outline-offset: 2px; }
html.tl-app-feel .tls-k { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 3px 6px; min-width: 0px; }
html.tl-app-feel .tls-kl { display: inline-flex; align-items: center; gap: 6px; min-width: 0px; font-size: 11.5px; font-weight: 700; color: var(--v3s-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel .tls-kl i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--tli-m); }
html.tl-app-feel .tls-chip { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 3px; padding: 2px 6px; border-radius: 999px; background: var(--v3s-card); color: var(--v3s-t1); font-size: 10px; font-weight: 750; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.tl-app-feel .tls-chip i { font-style: normal; font-size: 8px; line-height: 1; }
html.tl-app-feel .tls-chip.ns { padding: 2px 0px; background: transparent; font-weight: 600; }
html.tl-app-feel .tls-v { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 5px; min-width: 0px; margin-top: 3px; }
html.tl-app-feel .tls-v b { font-size: 21px; line-height: 1.12; font-weight: 790; letter-spacing: -0.03em; color: var(--v3s-t1); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel .tls-v small { font-size: 11px; font-weight: 600; color: var(--v3s-t1); white-space: nowrap; }
html.tl-app-feel .tls-n { font-size: 10.5px; font-weight: 520; line-height: 1.3; color: var(--v3s-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel .tls-sp { display: block; width: 100%; height: 20px; margin-top: 5px; overflow: visible; }
html.tl-app-feel .tls-sp rect { fill: color-mix(in srgb, var(--tli-m) 72%, transparent); }
html.tl-app-feel .tls-sp .ln { fill: none; stroke: var(--tli-m); stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
html.tl-app-feel .tls-sp .dt { fill: var(--tli-m); }
html.tl-app-feel :is(.tls-bands, .tls-bl) i.b1 { background: color-mix(in srgb, var(--tli-m) 18%, var(--v3s-track)); }
html.tl-app-feel :is(.tls-bands, .tls-bl) i.b2 { background: color-mix(in srgb, var(--tli-m) 38%, var(--v3s-track)); }
html.tl-app-feel :is(.tls-bands, .tls-bl) i.b3 { background: color-mix(in srgb, var(--tli-m) 60%, var(--v3s-track)); }
html.tl-app-feel :is(.tls-bands, .tls-bl) i.b4 { background: color-mix(in srgb, var(--tli-m) 82%, var(--v3s-track)); }
html.tl-app-feel :is(.tls-bands, .tls-bl) i.b5 { background: var(--tli-m); }
html.tl-app-feel :is(.tls-bands, .tls-bl) i.rec { background: color-mix(in srgb, var(--v3s-pos) 62%, var(--v3s-track)); }
html.tl-app-feel :is(.tls-bands, .tls-bl) i.m1 { background: color-mix(in srgb, var(--tli-m) 30%, var(--v3s-track)); }
html.tl-app-feel :is(.tls-bands, .tls-bl) i.m2 { background: color-mix(in srgb, var(--tli-m) 55%, var(--v3s-track)); }
html.tl-app-feel :is(.tls-bands, .tls-bl) i.m3 { background: var(--tli-m); }
html.tl-app-feel :is(.tls-bands, .tls-bl) i.m4 { background: color-mix(in srgb, var(--v3s-t3) 55%, var(--v3s-track)); }
html.tl-app-feel .tls-foot { margin: 10px 2px 0px; font-size: 10.5px; font-weight: 520; line-height: 1.45; color: var(--v3s-t3); }
@media (max-width: 360px){
html.tl-app-feel .tls { padding: 12px 11px 11px; }
html.tl-app-feel .tls-grid { gap: 7px; }
html.tl-app-feel .tls-tile { padding: 9px 9px 7px; }
html.tl-app-feel .tls-v b { font-size: 18px; }
html.tl-app-feel .tls-seg button { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel .tls-tile:active { transform: none; }
}
html.tl-app-feel { --slv3-st-awake: #E11D48; --slv3-st-rem: #0284C7; --slv3-st-light: #3B82F6; --slv3-st-deep: #4338CA; --slv3-i-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); --slv3-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); --slv3-i-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 7-7 7 7M12 19V5'/%3E%3C/svg%3E"); --slv3-i-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M19 12l-7 7-7-7'/%3E%3C/svg%3E"); --slv3-i-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.17 6.81a1 1 0 0 0-3.99-3.99L3.84 16.17a2 2 0 0 0-.5.83l-1.32 4.35a.5.5 0 0 0 .62.62l4.35-1.32a2 2 0 0 0 .83-.5z'/%3E%3C/svg%3E"); --slv3-i-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); --slv3-i-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z'/%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65'/%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65'/%3E%3C/svg%3E"); --slv3-i-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); --slv3-i-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); --slv3-i-trend: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E"); --slv3-i-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0l1.58 6.14a2 2 0 0 0 1.44 1.44l6.14 1.58a.5.5 0 0 1 0 .96l-6.14 1.58a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z'/%3E%3Cpath d='M20 3v4M22 5h-4'/%3E%3C/svg%3E"); --slv3-i-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.59 2.59A2 2 0 0 0 11.17 2H4a2 2 0 0 0-2 2v7.17a2 2 0 0 0 .59 1.42l8.7 8.7a2.43 2.43 0 0 0 3.42 0l6.58-6.58a2.43 2.43 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5'/%3E%3C/svg%3E"); --slv3-i-coffee: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2v2M14 2v2M6 2v2'/%3E%3Cpath d='M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1'/%3E%3C/svg%3E"); --slv3-i-wine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 22h8M7 10h10M12 15v7'/%3E%3Cpath d='M12 15a5 5 0 0 0 5-5c0-2-.5-4-2-8H9c-1.5 4-2 6-2 8a5 5 0 0 0 5 5Z'/%3E%3C/svg%3E"); --slv3-i-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E"); --slv3-i-zap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E"); --slv3-i-thermo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z'/%3E%3C/svg%3E"); --slv3-i-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E"); }
html.tl-app-feel[data-theme="dark"] { --slv3-st-awake: #FB7185; --slv3-st-rem: #38BDF8; --slv3-st-light: #3B82F6; --slv3-st-deep: #7C6CF6; }
@media (prefers-color-scheme: dark){
html.tl-app-feel:not([data-theme-manual])[data-theme="light"], html.tl-app-feel[data-theme="auto"] { --slv3-st-awake: #FB7185; --slv3-st-rem: #38BDF8; --slv3-st-light: #3B82F6; --slv3-st-deep: #7C6CF6; }
}
html.tl-app-feel[data-theme="blue"] { --slv3-st-awake: #FDA4AF; --slv3-st-rem: #7DE3FF; --slv3-st-light: #93C5FD; --slv3-st-deep: #C4B5FD; }
html.tl-app-feel[data-theme="green"] { --slv3-st-awake: #FDA4AF; --slv3-st-rem: #67E8F9; --slv3-st-light: #93C5FD; --slv3-st-deep: #D8B4FE; }
html.tl-app-feel #sc-sleep.slv3 > :is(#sleep-entry-card, #sleep-period-toggle, #sleep-view-24h, #sleep-view-multi, #sleep-pro-panels, #sleep-history-wrap, .sec-hd) { position: absolute !important; left: 0px !important; right: 0px !important; top: 0px !important; height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }
html.tl-app-feel #sc-sleep.slv3 > .screen-header { align-items: center; gap: 12px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }
html.tl-app-feel #sc-sleep.slv3 > .screen-header .tl-scr-back { position: relative; flex: 0 0 40px; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; font-size: 0px; color: var(--v3s-t1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-sleep.slv3 > .screen-header .tl-scr-back::before { content: ""; position: absolute; inset: 11px; background: currentcolor; mask: var(--v3i-back) center / contain no-repeat; }
html.tl-app-feel #sc-sleep.slv3 > .screen-header .screen-title { font-size: 22px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.1; color: var(--v3s-t1); }
html.tl-app-feel #sc-sleep.slv3 > .screen-header .screen-title > span:not([data-i18n]) { display: none; }
html.tl-app-feel #sc-sleep.slv3 > .screen-header .screen-sub { margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-sleep.slv3 .slv3-add { position: relative; flex: 0 0 40px; width: 40px; height: 40px; margin-left: auto; padding: 0px; border: 0px; border-radius: 50%; cursor: pointer; color: rgb(255, 255, 255); background: var(--v3s-grad); box-shadow: 0 10px 22px -10px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.3); transition: transform 0.15s; }
html.tl-app-feel #sc-sleep.slv3 .slv3-add::before { content: ""; position: absolute; inset: 11px; background: currentcolor; mask: var(--slv3-i-plus) center / contain no-repeat; }
html.tl-app-feel #sc-sleep.slv3 :is(.slv3-add, .tl-scr-back):active { transform: scale(0.92); }
html.tl-app-feel #sc-sleep.slv3 .slv3 { display: flex; flex-direction: column; gap: 14px; padding: 6px 16px 8px; color: var(--v3s-t1); }
html.tl-app-feel #sc-sleep.slv3 .slv3 :where(h3, p, ul) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-sleep.slv3 .slv3 ul { list-style: none; }
html.tl-app-feel #sc-sleep.slv3 .slv3 button { font-family: inherit; }
html.tl-app-feel #sc-sleep.slv3 .slv3 :focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-ic { display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; background: currentcolor; mask: var(--i) center / contain no-repeat; }
html.tl-app-feel #sc-sleep.slv3 .slv3-card { position: relative; border-radius: 22px; padding: 16px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-sleep.slv3 .slv3-ch { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-ch h3 { flex: 1 1 0%; min-width: 0px; font-size: 15px; font-weight: 750; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel #sc-sleep.slv3 .slv3-aside { font-size: 12px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; }
html.tl-app-feel #sc-sleep.slv3 .slv3-plate { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--k, var(--v3k-sleep)) 74%, #fff) 0%, var(--k, var(--v3k-sleep)) 100%); box-shadow: 0 8px 16px -8px var(--k, var(--v3k-sleep)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-sleep.slv3 .slv3-plate.slv3-grad { background: var(--v3s-grad); box-shadow: 0 8px 16px -8px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-sleep.slv3 .slv3-sec { display: flex; align-items: baseline; justify-content: space-between; padding: 6px 2px 0px; font-size: 17px; font-weight: 800; letter-spacing: -0.03em; color: var(--v3s-t1); }
html.tl-app-feel #sc-sleep.slv3 .slv3-link { border: 0px; background: none; padding: 4px 0px; cursor: pointer; display: inline-flex; align-items: center; gap: 2px; font-size: 13px; font-weight: 700; color: var(--v3s-brand); text-decoration: none; }
html.tl-app-feel #sc-sleep.slv3 .slv3-link .slv3-ic { width: 14px; height: 14px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-foot { margin-top: 10px; font-size: 12px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel #sc-sleep.slv3 .slv3-hero { position: relative; overflow: hidden; isolation: isolate; border-radius: 26px; padding: 18px 18px 16px; color: rgb(255, 255, 255); background: var(--v3s-hero); box-shadow: 0 22px 44px -22px var(--v3s-hero-sh), inset 0 1px 0 rgba(255,255,255,.18); }
html.tl-app-feel #sc-sleep.slv3 .slv3-hero::before, html.tl-app-feel #sc-sleep.slv3 .slv3-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; filter: blur(34px); pointer-events: none; }
html.tl-app-feel #sc-sleep.slv3 .slv3-hero::before { width: 190px; height: 190px; right: -60px; top: -80px; background: var(--v3s-hero-a); }
html.tl-app-feel #sc-sleep.slv3 .slv3-hero::after { width: 170px; height: 170px; left: -70px; bottom: -110px; background: var(--v3s-hero-b); }
html.tl-app-feel #sc-sleep.slv3 .slv3-stars { position: absolute; inset: 0px; z-index: -1; opacity: 0.5; pointer-events: none; background-image: radial-gradient(1.2px 1.2px at 22% 18%, rgb(255, 255, 255) 50%, transparent 51%), radial-gradient(1px 1px at 38% 62%, rgb(255, 255, 255) 50%, transparent 51%), radial-gradient(1.4px 1.4px at 57% 12%, rgb(255, 255, 255) 50%, transparent 51%), radial-gradient(1px 1px at 12% 44%, rgb(255, 255, 255) 50%, transparent 51%), radial-gradient(1px 1px at 48% 34%, rgb(255, 255, 255) 50%, transparent 51%), radial-gradient(1px 1px at 66% 48%, rgb(255, 255, 255) 50%, transparent 51%); }
html.tl-app-feel #sc-sleep.slv3 .slv3-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
html.tl-app-feel #sc-sleep.slv3 .slv3-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; opacity: 0.8; }
html.tl-app-feel #sc-sleep.slv3 .slv3-hero-main { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-big { font-size: 46px; font-weight: 800; letter-spacing: -0.05em; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-sleep.slv3 .slv3-big small { font-size: 21px; font-weight: 700; letter-spacing: -0.02em; margin: 0px 6px 0px 2px; opacity: 0.8; }
html.tl-app-feel #sc-sleep.slv3 .slv3-lbl { margin: 4px 0px 10px; font-size: 14px; font-weight: 600; opacity: 0.82; }
html.tl-app-feel #sc-sleep.slv3 .slv3-chip { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px 5px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; background: rgba(255, 255, 255, 0.16); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset; }
html.tl-app-feel #sc-sleep.slv3 .slv3-chip .slv3-ic { width: 12px; height: 12px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-ring { position: relative; flex: 0 0 auto; width: 100px; height: 100px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); }
html.tl-app-feel #sc-sleep.slv3 .slv3-ring circle { fill: none; stroke-width: 9; }
html.tl-app-feel #sc-sleep.slv3 .slv3-ring .slv3-trk { stroke: rgba(255, 255, 255, 0.16); }
html.tl-app-feel #sc-sleep.slv3 .slv3-ring .slv3-bar { stroke: rgb(255, 255, 255); stroke-linecap: round; filter: drop-shadow(rgba(255, 255, 255, 0.45) 0px 0px 6px); }
html.tl-app-feel #sc-sleep.slv3 .slv3-ring-c { position: absolute; inset: 0px; display: grid; place-content: center; text-align: center; }
html.tl-app-feel #sc-sleep.slv3 .slv3-ring-c b { font-size: 23px; font-weight: 800; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-sleep.slv3 .slv3-ring-c span { margin-top: -2px; font-size: 11px; font-weight: 600; opacity: 0.78; }
html.tl-app-feel #sc-sleep.slv3 .slv3-facts { display: grid; grid-template-columns: repeat(var(--n, 3), 1fr); margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.16); }
html.tl-app-feel #sc-sleep.slv3 .slv3-fact { display: flex; flex-direction: column; gap: 3px; min-width: 0px; padding: 0px 8px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-fact + .slv3-fact { border-left: 1px solid rgba(255, 255, 255, 0.14); }
html.tl-app-feel #sc-sleep.slv3 .slv3-fact:first-child { padding-left: 0px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-fact span { font-size: 11px; font-weight: 600; opacity: 0.78; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-sleep.slv3 .slv3-fact b { font-size: 17px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel #sc-sleep.slv3 .slv3-fact b.slv3-txt { font-size: 14px; line-height: 1.25; white-space: normal; overflow-wrap: anywhere; }
html.tl-app-feel #sc-sleep.slv3 .slv3-stack { display: flex; gap: 3px; height: 10px; margin: 2px 0px 12px; border-radius: 6px; overflow: hidden; }
html.tl-app-feel #sc-sleep.slv3 .slv3-stack span { flex: var(--f) 1 0; min-width: 3px; border-radius: 3px; background: var(--c); transform-origin: left center; }
html.tl-app-feel #sc-sleep.slv3 .slv3-st-row { display: grid; grid-template-columns: 12px minmax(0px, 1fr) auto 40px 70px; align-items: center; gap: 8px; padding: 7px 0px; font-size: 14px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-st-row + .slv3-st-row { border-top: 1px solid var(--v3s-line); }
html.tl-app-feel #sc-sleep.slv3 .slv3-dot { width: 10px; height: 10px; border-radius: 3px; background: var(--c); }
html.tl-app-feel #sc-sleep.slv3 .slv3-st-name { font-weight: 650; color: var(--v3s-t1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.tl-app-feel #sc-sleep.slv3 .slv3-st-min { font-weight: 750; color: var(--v3s-t1); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel #sc-sleep.slv3 .slv3-st-pct { text-align: right; font-size: 13px; font-weight: 600; color: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-sleep.slv3 .slv3-delta { justify-self: end; display: inline-flex; align-items: center; gap: 3px; padding: 3px 7px; border-radius: 999px; white-space: nowrap; font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--v3s-t2); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-sleep.slv3 .slv3-delta .slv3-ic { width: 11px; height: 11px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-delta.slv3-good { color: color-mix(in srgb, var(--v3s-pos) 45%, var(--v3s-t1)); background: color-mix(in srgb, var(--v3s-pos) 14%, transparent); box-shadow: none; }
html.tl-app-feel #sc-sleep.slv3 .slv3-seg { display: flex; gap: 4px; margin-bottom: 14px; padding: 4px; border-radius: 14px; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-sleep.slv3 .slv3-seg button { flex: 1 1 0%; min-width: 0px; padding: 8px 4px; border: 0px; border-radius: 10px; cursor: pointer; background: none; font-size: 13px; font-weight: 700; color: var(--v3s-t3); white-space: nowrap; transition: background 0.2s, color 0.2s; }
html.tl-app-feel #sc-sleep.slv3 .slv3-seg button[aria-selected="true"] { color: var(--v3s-t1); background: var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), 0 4px 12px -6px rgba(0,0,0,.45); }
html.tl-app-feel #sc-sleep.slv3 .slv3-tsum { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; margin-bottom: 6px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-tsum div { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-tsum b { font-size: 18px; font-weight: 800; letter-spacing: -0.03em; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--v3s-t1); }
html.tl-app-feel #sc-sleep.slv3 .slv3-tsum span { font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-sleep.slv3 .slv3-chart { position: relative; height: 176px; margin: 0px -4px; touch-action: pan-y; }
html.tl-app-feel #sc-sleep.slv3 .slv3-chart svg { display: block; overflow: visible; }
html.tl-app-feel #sc-sleep.slv3 .slv3-chart .slv3-grid { stroke: var(--v3s-line); stroke-width: 1; }
html.tl-app-feel #sc-sleep.slv3 .slv3-chart .slv3-goal { stroke: var(--v3s-t2); stroke-width: 1.2; stroke-dasharray: 4, 4; opacity: 0.75; }
html.tl-app-feel #sc-sleep.slv3 .slv3-chart .slv3-ax { font-size: 10.5px; font-weight: 600; fill: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-sleep.slv3 .slv3-chart .slv3-ax.slv3-sel { font-weight: 800; fill: var(--v3s-t1); }
html.tl-app-feel #sc-sleep.slv3 .slv3-chart .slv3-gtag { font-size: 10px; font-weight: 700; fill: var(--v3s-t2); }
html.tl-app-feel #sc-sleep.slv3 .slv3-chart .slv3-b { cursor: pointer; fill: color-mix(in srgb, var(--v3c-sleep) 45%, transparent); }
html.tl-app-feel #sc-sleep.slv3 .slv3-chart .slv3-b.slv3-met, html.tl-app-feel #sc-sleep.slv3 .slv3-chart .slv3-b.slv3-sel { fill: var(--v3c-sleep); }
html.tl-app-feel #sc-sleep.slv3 .slv3-tip { position: absolute; z-index: 2; transform: translate(-50%, -100%); padding: 6px 10px; border-radius: 10px; pointer-events: none; text-align: center; white-space: nowrap; color: var(--v3s-canvas); background: var(--v3s-t1); box-shadow: rgba(0, 0, 0, 0.55) 0px 8px 20px -8px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-tip b { display: block; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-sleep.slv3 .slv3-tip span { font-size: 11px; font-weight: 600; opacity: 0.75; }
html.tl-app-feel #sc-sleep.slv3 .slv3-tip::after { content: ""; position: absolute; left: calc(50% + var(--slv3-ax, 0px)); bottom: -4px; width: 8px; height: 8px; margin-left: -4px; transform: rotate(45deg); background: inherit; }
html.tl-app-feel #sc-sleep.slv3 .slv3-tiles { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin-top: 10px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-tile { display: flex; flex-direction: column; gap: 3px; min-width: 0px; padding: 14px; border-radius: 20px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-sleep.slv3 .slv3-tile .slv3-plate { margin-bottom: 8px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-t-lbl { font-size: 12.5px; font-weight: 650; color: var(--v3s-t2); }
html.tl-app-feel #sc-sleep.slv3 .slv3-t-val { font-size: 20px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.15; color: var(--v3s-t1); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html.tl-app-feel #sc-sleep.slv3 .slv3-t-val.slv3-flag { color: color-mix(in srgb, var(--v3s-neg) 45%, var(--v3s-t1)); }
html.tl-app-feel #sc-sleep.slv3 .slv3-t-sub { font-size: 11.5px; line-height: 1.35; color: var(--v3s-t3); }
html.tl-app-feel #sc-sleep.slv3 .slv3-pat { display: grid; grid-template-columns: 30px minmax(0px, 1fr) 104px; align-items: center; gap: 10px; padding: 9px 0px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-pat + .slv3-pat { border-top: 1px solid var(--v3s-line); }
html.tl-app-feel #sc-sleep.slv3 .slv3-pat-t { font-size: 13.5px; font-weight: 700; line-height: 1.25; color: var(--v3s-t1); }
html.tl-app-feel #sc-sleep.slv3 .slv3-pat-s { margin-top: 2px; font-size: 11.5px; color: var(--v3s-t3); }
html.tl-app-feel #sc-sleep.slv3 .slv3-fx { display: flex; flex-direction: column; gap: 5px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-fx b { text-align: right; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--v3s-t1); }
html.tl-app-feel #sc-sleep.slv3 .slv3-fx b.slv3-pos { color: color-mix(in srgb, var(--v3s-pos) 45%, var(--v3s-t1)); }
html.tl-app-feel #sc-sleep.slv3 .slv3-track { position: relative; height: 6px; border-radius: 3px; background: var(--v3s-track); }
html.tl-app-feel #sc-sleep.slv3 .slv3-track::before { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1.5px; margin-left: -0.75px; background: var(--v3s-t4); }
html.tl-app-feel #sc-sleep.slv3 .slv3-track i { position: absolute; top: 0px; bottom: 0px; width: var(--w); border-radius: 3px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-track i.slv3-pos { left: 50%; background: var(--v3s-pos); }
html.tl-app-feel #sc-sleep.slv3 .slv3-pat-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--v3s-line); font-size: 11.5px; color: var(--v3s-t3); }
html.tl-app-feel #sc-sleep.slv3 .slv3-tags { display: flex; flex-wrap: wrap; gap: 8px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-tags .sl-pro-tag { display: inline-flex; align-items: center; gap: 6px; margin: 0px; padding: 8px 12px; border: 0px; border-radius: 999px; cursor: pointer; font-size: 13px; font-weight: 650; color: var(--v3s-t2); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); transition: background 0.15s, color 0.15s; }
html.tl-app-feel #sc-sleep.slv3 .slv3-tags .sl-pro-tag .slv3-ic { width: 14px; height: 14px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-naps { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--v3s-line); font-size: 13px; color: var(--v3s-t2); }
html.tl-app-feel #sc-sleep.slv3 .slv3-mini { padding: 7px 12px; border: 0px; border-radius: 999px; cursor: pointer; font-size: 12.5px; font-weight: 700; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-sleep.slv3 #sleep-nap-form-slot:empty { display: none; }
html.tl-app-feel #sc-sleep.slv3 #sleep-nap-form-slot { flex-basis: 100%; }
html.tl-app-feel #sc-sleep.slv3 .slv3-coach { padding-top: 6px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-coach-hd { align-items: flex-start; margin-bottom: 0px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-coach-hd > div { flex: 1 1 0%; min-width: 0px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-coach-hd h3 { font-size: 17px; font-weight: 800; letter-spacing: -0.03em; }
html.tl-app-feel #sc-sleep.slv3 .slv3-coach-txt { margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel #sc-sleep.slv3 .slv3-coach #ai-sleep-btns { display: flex; flex-direction: column; gap: 8px; margin: 12px 0px 0px; padding: 0px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-coach #ai-sleep-btns .wide-btn { width: 100%; margin: 0px; padding: 13px 16px; border: 0px; border-radius: 14px; cursor: pointer; font-size: 15px; font-weight: 750; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-sleep.slv3 .slv3-coach #ai-sleep-btns .wide-btn.coach-ai-btn, html.tl-app-feel #sc-sleep.slv3 .slv3-coach #ai-sleep-btns .wide-btn.coach-ai-btn:is(:hover, :focus-visible) { background: var(--v3s-grad); box-shadow: 0 12px 24px -12px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.25); color: rgb(255, 255, 255) !important; }
html.tl-app-feel #sc-sleep.slv3 .slv3-coach :is(#ai-sleep-results, #sleep-instant-tips) { margin: 0px !important; }
html.tl-app-feel #sc-sleep.slv3 .slv3-coach :is(#ai-sleep-results, #sleep-instant-tips):not(:empty) { margin-top: 12px !important; }
html.tl-app-feel #sc-sleep.slv3 .slv3-hist { margin-top: 10px; padding: 4px 16px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-hrow { display: grid; grid-template-columns: 50px minmax(0px, 1fr) auto; align-items: center; gap: 12px; padding: 11px 0px; cursor: pointer; }
html.tl-app-feel #sc-sleep.slv3 .slv3-hrow + .slv3-hrow { border-top: 1px solid var(--v3s-line); }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-day b { display: block; font-size: 14px; font-weight: 800; color: var(--v3s-t1); }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-day span { font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-mid { display: flex; flex-direction: column; gap: 6px; min-width: 0px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-bar { position: relative; height: 8px; border-radius: 4px; background: var(--v3s-track); }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-bar i { position: absolute; left: 0px; top: 0px; bottom: 0px; width: var(--w); border-radius: 4px; background: var(--v3c-sleep); }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-bar i.slv3-st { background: linear-gradient(90deg, var(--slv3-st-deep), var(--slv3-st-light) 55%, var(--slv3-st-rem)); }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-bar u { position: absolute; top: -3px; bottom: -3px; left: var(--g); width: 2px; border-radius: 1px; background: var(--v3s-t2); opacity: 0.6; }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-meta { display: flex; align-items: center; gap: 8px; min-width: 0px; font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; }
html.tl-app-feel #sc-sleep.slv3 .slv3-pips { display: inline-flex; gap: 2px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-pips i { width: 5px; height: 5px; border-radius: 50%; background: var(--v3s-track); }
html.tl-app-feel #sc-sleep.slv3 .slv3-pips i.slv3-on { background: var(--v3c-sleep); }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-end { display: flex; align-items: center; gap: 2px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-val { margin-right: 4px; text-align: right; }
html.tl-app-feel #sc-sleep.slv3 .slv3-h-val b { display: block; font-size: 14.5px; font-weight: 800; color: var(--v3s-t1); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel #sc-sleep.slv3 .slv3-icon-btn { width: 32px; height: 32px; padding: 0px; border: 0px; border-radius: 10px; cursor: pointer; display: grid; place-items: center; background: none; color: var(--v3s-t3); }
html.tl-app-feel #sc-sleep.slv3 .slv3-icon-btn:active { background: var(--v3s-card-2); }
html.tl-app-feel #sc-sleep.slv3 .slv3-more { width: 100%; margin-top: 2px; padding: 12px 0px 10px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--v3s-line); background: none; cursor: pointer; font-size: 13px; font-weight: 700; color: var(--v3s-brand); }
html.tl-app-feel #sc-sleep.slv3 .slv3-export { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 6px; font-size: 13px; font-weight: 700; color: var(--v3s-t3); text-decoration: none; }
@media (max-width: 380px){
html.tl-app-feel #sc-sleep.slv3 .slv3-ring { width: 86px; height: 86px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-ring-c b { font-size: 20px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-big { font-size: 40px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-big small { font-size: 18px; margin: 0px 4px 0px 1px; }
}
@media (max-width: 340px){
html.tl-app-feel #sc-sleep.slv3 .slv3-t-val { font-size: 17px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-fact b { font-size: 15px; }
html.tl-app-feel #sc-sleep.slv3 .slv3-pat { grid-template-columns: 30px minmax(0px, 1fr) 84px; }
}
html.tl-app-feel .slv3-sheet .sl-time-arrow, html.tl-app-feel .slv3-sheet :is(.sl-time-pill-ico, .sl-date-pill-ico) { display: none; }
html.tl-app-feel .slv3-sheet :is(.sl-time-pill, .sl-date-pill, .sl-notes-input) { border: 0px; border-radius: 16px; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); color: var(--v3s-t1); }
html.tl-app-feel .slv3-sheet :is(.sl-time-pill, .sl-date-pill):focus-within { box-shadow: inset 0 0 0 1.5px var(--v3s-brand); }
html.tl-app-feel .slv3-sheet :is(.sl-time-pill-label, .sl-date-pill-label) { font-size: 11px; letter-spacing: 0.06em; color: var(--v3s-t3); }
@keyframes slv3-rise { 
  0% { transform: translateY(16px); }
  100% { transform: none; }
}
@keyframes slv3-settle { 
  0% { transform: translateY(10px) scale(0.985); }
  100% { transform: none; }
}
@keyframes slv3-grow { 
  0% { transform: scaleX(0.2); }
  100% { transform: none; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-sleep.slv3 .slv3 *, html.tl-app-feel .slv3-sheet-panel { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
html.tl-app-feel { --hv3-i-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); --hv3-i-activity: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E"); --hv3-i-trend: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 17 13.5 8.5 8.5 13.5 2 7'/%3E%3Cpolyline points='16 17 22 17 22 11'/%3E%3C/svg%3E"); --hv3-i-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12h3l2-6 3 12 3-9 2 3h7'/%3E%3C/svg%3E"); --hv3-i-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E"); --hv3-i-gauge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 14 4-4'/%3E%3Cpath d='M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E"); --hv3-i-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.07-2.14-.22-4.05 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.15.43-2.29 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E"); --hv3-i-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0l1.58 6.14a2 2 0 0 0 1.44 1.44l6.14 1.58a.5.5 0 0 1 0 .96l-6.14 1.58a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z'/%3E%3Cpath d='M20 3v4M22 5h-4'/%3E%3C/svg%3E"); --hv3-i-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z'/%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65'/%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65'/%3E%3C/svg%3E"); --hv3-i-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18M3 15h18M9 3v18M15 3v18'/%3E%3C/svg%3E"); --hv3-i-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E"); --hv3-i-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 7-7 7 7M12 19V5'/%3E%3C/svg%3E"); --hv3-i-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M19 12l-7 7-7-7'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-heart.hv3 > :is(#heart-pro-tabs, #heart-sticky-bpm, #heart-hero, #heart-chart-title, .heart-chart-card, #heart-sec-chips, #heart-stats-title, #heart-stats-card), html.tl-app-feel #sc-heart.hv3 > div:has(> .heart-period-btn), html.tl-app-feel #sc-heart.hv3 > .sec-hd:has(> [data-i18n="ai_coach.heart_title"]) { position: absolute !important; left: 0px !important; right: 0px !important; top: 0px !important; height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }
html.tl-app-feel #sc-heart.hv3 > #hv3, html.tl-app-feel #sc-heart.hv3 > #hv3.heart-tab-hidden { display: flex !important; }
html.tl-app-feel #sc-heart.hv3 > .screen-header { align-items: center; gap: 12px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }
html.tl-app-feel #sc-heart.hv3 > .screen-header .tl-scr-back { position: relative; flex: 0 0 40px; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; font-size: 0px; color: var(--v3s-t1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-heart.hv3 > .screen-header .tl-scr-back::before { content: ""; position: absolute; inset: 11px; background: currentcolor; mask: var(--v3i-back) center / contain no-repeat; }
html.tl-app-feel #sc-heart.hv3 > .screen-header .screen-title { font-size: 22px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.1; color: var(--v3s-t1); }
html.tl-app-feel #sc-heart.hv3 > .screen-header .screen-title > span:not([data-i18n]) { display: none; }
html.tl-app-feel #sc-heart.hv3 > .screen-header .screen-sub { margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3 { flex-direction: column; gap: 14px; padding: 6px 16px 8px; color: var(--v3s-t1); --hv3-c1: var(--v3c-carbs); --hv3-c2: var(--v3c-steps); --hv3-c3: var(--v3c-fat); --hv3-c4: var(--v3c-energy); --hv3-c5: var(--v3c-pulse); }
html.tl-app-feel #sc-heart.hv3 .hv3 :where(h3, p, ul) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-heart.hv3 .hv3 ul { list-style: none; }
html.tl-app-feel #sc-heart.hv3 .hv3 button { font-family: inherit; }
html.tl-app-feel #sc-heart.hv3 .hv3 :focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel #sc-heart.hv3 .hv3-ic { display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; background: currentcolor; mask: var(--i) center / contain no-repeat; }
html.tl-app-feel #sc-heart.hv3 .hv3-card { position: relative; border-radius: 22px; padding: 16px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-heart.hv3 .hv3-ch { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
html.tl-app-feel #sc-heart.hv3 .hv3-ch h3 { flex: 1 1 0%; min-width: 0px; font-size: 15px; font-weight: 750; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel #sc-heart.hv3 .hv3-ch-t { flex: 1 1 0%; min-width: 0px; }
html.tl-app-feel #sc-heart.hv3 .hv3-ch-t p { margin-top: 2px; font-size: 12px; font-weight: 600; line-height: 1.35; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-plate { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--k, var(--v3k-pulse)) 74%, #fff) 0%, var(--k, var(--v3k-pulse)) 100%); box-shadow: 0 8px 16px -8px var(--k, var(--v3k-pulse)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-heart.hv3 .hv3-plate.hv3-grad { background: var(--v3s-grad); box-shadow: 0 8px 16px -8px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-heart.hv3 .hv3-sec { display: flex; align-items: baseline; justify-content: space-between; padding: 6px 2px 0px; font-size: 17px; font-weight: 800; letter-spacing: -0.03em; color: var(--v3s-t1); }
html.tl-app-feel #sc-heart.hv3 .hv3-foot { margin-top: 10px; font-size: 12px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-best { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; font-style: normal; font-size: 11.5px; font-weight: 750; white-space: nowrap; color: color-mix(in srgb, var(--v3c-gold) 62%, var(--v3s-t1)); background: color-mix(in srgb, var(--v3c-gold) 14%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-best .hv3-ic { width: 12px; height: 12px; }
html.tl-app-feel #sc-heart.hv3 .hv3-best.hv3-best-new { color: rgb(26, 18, 4); background: linear-gradient(135deg, rgb(253, 230, 138), rgb(245, 158, 11)); box-shadow: rgb(245, 158, 11) 0px 6px 14px -8px; }
html.tl-app-feel #sc-heart.hv3 .hv3-hero { position: relative; overflow: hidden; isolation: isolate; border-radius: 26px; padding: 18px 18px 16px; color: rgb(255, 255, 255); background: var(--v3s-hero); box-shadow: 0 22px 44px -22px var(--v3s-hero-sh), inset 0 1px 0 rgba(255,255,255,.18); --hv3-z0: rgba(226,232,240,.92); --hv3-z1: #60A5FA; --hv3-z2: #34D399; --hv3-z3: #FACC15; --hv3-z4: #FB923C; --hv3-z5: #FB7185; }
html.tl-app-feel #sc-heart.hv3 .hv3-hero::before, html.tl-app-feel #sc-heart.hv3 .hv3-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; filter: blur(36px); pointer-events: none; }
html.tl-app-feel #sc-heart.hv3 .hv3-hero::before { width: 230px; height: 230px; right: -80px; top: -100px; background: color-mix(in srgb, var(--v3c-pulse) 62%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-hero::after { width: 190px; height: 190px; left: -80px; bottom: -120px; background: var(--v3s-hero-a); }
html.tl-app-feel #sc-heart.hv3 .hv3-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; opacity: 0.82; }
html.tl-app-feel #sc-heart.hv3 .hv3-hero-main { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; }
html.tl-app-feel #sc-heart.hv3 .hv3-now { display: flex; align-items: center; gap: 14px; min-width: 0px; }
html.tl-app-feel #sc-heart.hv3 .hv3-beat { position: relative; flex: 0 0 auto; width: 54px; height: 54px; border-radius: 18px; display: grid; place-items: center; background: rgba(255, 255, 255, 0.16); box-shadow: rgba(255, 255, 255, 0.22) 0px 0px 0px 1px inset; }
html.tl-app-feel #sc-heart.hv3 .hv3-beat i { width: 28px; height: 28px; background: rgb(255, 255, 255); mask: var(--hv3-i-heart) center / contain no-repeat; filter: drop-shadow(rgba(255, 255, 255, 0.55) 0px 0px 8px); animation: hv3-beat var(--beat, 1s) ease-in-out infinite; transform-origin: 50% 60%; }
html.tl-app-feel #sc-heart.hv3 .hv3-beat b { position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; animation: hv3-ripple var(--beat, 1s) cubic-bezier(.2,.7,.3,1) infinite; }
@keyframes hv3-beat { 
  0%, 100% { transform: scale(1); }
  12% { transform: scale(1.2); }
  24% { transform: scale(1); }
  36% { transform: scale(1.1); }
  50% { transform: scale(1); }
}
@keyframes hv3-ripple { 
  0%, 8% { box-shadow: rgba(255, 255, 255, 0.42) 0px 0px 0px 0px; }
  70%, 100% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 16px; }
}
html.tl-app-feel #sc-heart.hv3 .hv3-big { font-size: 50px; font-weight: 800; letter-spacing: -0.05em; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; text-shadow: rgba(0, 0, 0, 0.18) 0px 6px 24px; }
html.tl-app-feel #sc-heart.hv3 .hv3-big small { margin-left: 5px; font-size: 18px; font-weight: 700; letter-spacing: -0.01em; opacity: 0.8; text-shadow: none; }
html.tl-app-feel #sc-heart.hv3 .hv3-gauge { position: relative; flex: 0 0 auto; width: 108px; height: 108px; margin: -4px -4px -8px 0px; }
html.tl-app-feel #sc-heart.hv3 .hv3-gauge svg { display: block; width: 100%; height: 100%; overflow: visible; }
html.tl-app-feel #sc-heart.hv3 .hv3-gseg { fill: none; stroke: var(--zc); stroke-width: 8.5; stroke-linecap: round; opacity: 0.3; }
html.tl-app-feel #sc-heart.hv3 .hv3-gseg.hv3-on { opacity: 1; stroke-width: 10; filter: drop-shadow(0 0 5px var(--zc)); }
html.tl-app-feel #sc-heart.hv3 .hv3-gmark { transform-box: view-box; transform-origin: 60px 60px; }
html.tl-app-feel #sc-heart.hv3 .hv3-gdot { fill: rgb(255, 255, 255); stroke: var(--zc); stroke-width: 3.5; filter: drop-shadow(0 0 6px var(--zc)); }
html.tl-app-feel #sc-heart.hv3 .hv3-gauge-c { position: absolute; inset: 0px; display: grid; place-content: center; text-align: center; padding: 0px 16px; }
html.tl-app-feel #sc-heart.hv3 .hv3-gauge-c b { font-size: 15px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; }
html.tl-app-feel #sc-heart.hv3 .hv3-gauge-c span { margin-top: 2px; font-size: 10.5px; font-weight: 650; opacity: 0.8; }
html.tl-app-feel #sc-heart.hv3 .hv3-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
html.tl-app-feel #sc-heart.hv3 .hv3-chip { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: rgba(255, 255, 255, 0.16); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset; white-space: nowrap; }
html.tl-app-feel #sc-heart.hv3 .hv3-chip > i:not(.hv3-ic) { width: 7px; height: 7px; border-radius: 50%; background: rgb(255, 255, 255); opacity: 0.9; }
html.tl-app-feel #sc-heart.hv3 .hv3-chip.hv3-cmp { background: rgba(255, 255, 255, 0.1); }
html.tl-app-feel #sc-heart.hv3 .hv3-ecg { position: relative; height: 58px; margin: 12px -18px 0px; overflow: hidden; background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.07) 0px, rgba(255, 255, 255, 0.07) 1px, transparent 1px, transparent 16px), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.055) 0px, rgba(255, 255, 255, 0.055) 1px, transparent 1px, transparent 14.5px); mask: linear-gradient(90deg, transparent 0px, rgb(0, 0, 0) 9%, rgb(0, 0, 0) 91%, transparent 100%); }
html.tl-app-feel #sc-heart.hv3 .hv3-ecg svg { display: block; }
html.tl-app-feel #sc-heart.hv3 .hv3-ecg-base { fill: none; stroke: rgba(255, 255, 255, 0.2); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
html.tl-app-feel #sc-heart.hv3 .hv3-ecg-live { fill: none; stroke: rgb(255, 255, 255); stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(rgba(255, 255, 255, 0.75) 0px 0px 3px); }
html.tl-app-feel #sc-heart.hv3 .hv3-ecg-pen { fill: rgb(255, 255, 255); filter: drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px var(--hv3-z5)); }
html.tl-app-feel #sc-heart.hv3 .hv3-facts { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); margin-top: 10px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.16); }
html.tl-app-feel #sc-heart.hv3 .hv3-fact { display: flex; flex-direction: column; gap: 3px; min-width: 0px; padding: 0px 8px; }
html.tl-app-feel #sc-heart.hv3 .hv3-fact + .hv3-fact { border-left: 1px solid rgba(255, 255, 255, 0.14); }
html.tl-app-feel #sc-heart.hv3 .hv3-fact:first-child { padding-left: 0px; }
html.tl-app-feel #sc-heart.hv3 .hv3-fact span { font-size: 11px; font-weight: 600; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-heart.hv3 .hv3-fact b { font-size: 17px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel #sc-heart.hv3 .hv3-fact em { font-style: normal; font-size: 11px; font-weight: 600; opacity: 0.7; }
html.tl-app-feel #sc-heart.hv3 .hv3-sum { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 6px; margin-bottom: 8px; }
html.tl-app-feel #sc-heart.hv3 .hv3-sum div { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
html.tl-app-feel #sc-heart.hv3 .hv3-sum b { font-size: 18px; font-weight: 800; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--v3s-t1); }
html.tl-app-feel #sc-heart.hv3 .hv3-sum .hv3-lo b { color: color-mix(in srgb, var(--v3c-sleep) 55%, var(--v3s-t1)); }
html.tl-app-feel #sc-heart.hv3 .hv3-sum .hv3-hi b { color: color-mix(in srgb, var(--v3c-pulse) 70%, var(--v3s-t1)); }
html.tl-app-feel #sc-heart.hv3 .hv3-sum span { font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart { position: relative; height: 196px; margin: 0px -4px; touch-action: pan-y; cursor: crosshair; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart svg { display: block; overflow: visible; }
html.tl-app-feel #sc-heart.hv3 :is(.hv3-chart, .hv3-rhy) .hv3-grid { stroke: var(--v3s-line); stroke-width: 1; }
html.tl-app-feel #sc-heart.hv3 :is(.hv3-chart, .hv3-rhy) .hv3-ax { font-size: 10.5px; font-weight: 600; fill: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-range { opacity: 0.5; transform-box: fill-box; transform-origin: 50% 100%; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-avg { fill: none; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--v3c-pulse) 45%, transparent)); }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-st0 { stop-color: color-mix(in srgb, var(--v3c-sleep) 62%, var(--v3c-pulse)); }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-st1 { stop-color: var(--v3c-pulse); }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-st2 { stop-color: var(--v3c-energy); }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-st3 { stop-color: var(--v3c-gold); }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-st-a0 { stop-color: var(--v3c-pulse); stop-opacity: 0.24; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-st-a1 { stop-color: var(--v3c-pulse); stop-opacity: 0; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-zband { fill: var(--zc); fill-opacity: 0.08; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-zlbl { font-size: 9px; font-weight: 800; letter-spacing: 0.04em; fill: var(--zc); opacity: 0.85; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-dot { fill: var(--v3s-card); stroke: var(--v3c-pulse); stroke-width: 2; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-typ { fill: none; stroke: var(--v3s-t2); stroke-width: 1.4; stroke-dasharray: 3, 4; opacity: 0.8; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-sleep { fill: color-mix(in srgb, var(--v3c-sleep) 16%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-sleep-lbl { font-size: 10px; font-weight: 700; fill: var(--v3c-sleep); }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-trend { fill: none; stroke: var(--v3c-pulse); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--v3c-pulse) 40%, transparent)); }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-base { stroke: var(--v3s-t2); stroke-width: 1.2; stroke-dasharray: 4, 4; opacity: 0.75; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-gtag { font-size: 10px; font-weight: 700; fill: var(--v3s-t2); paint-order: stroke; stroke: var(--v3s-card); stroke-width: 4px; stroke-linejoin: round; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-sel { fill: var(--v3c-pulse); stroke: var(--v3s-card); stroke-width: 2.5; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-nowdot { fill: var(--v3c-pulse); stroke: var(--v3s-card); stroke-width: 2; }
html.tl-app-feel #sc-heart.hv3 .hv3-chart .hv3-nowring { fill: none; stroke: var(--v3c-pulse); stroke-width: 2; animation: 1.8s ease-out 0s infinite normal none running hv3-ring; }
@keyframes hv3-ring { 
  0% { r: 4px; opacity: 0.8; }
  100% { r: 15px; opacity: 0; }
}
html.tl-app-feel #sc-heart.hv3 .hv3-pin { position: absolute; z-index: 1; transform: translateX(-50%); padding: 2px 7px; border-radius: 999px; pointer-events: none; font-size: 10.5px; font-weight: 800; line-height: 1.35; font-variant-numeric: tabular-nums; white-space: nowrap; transition: opacity 0.2s; }
html.tl-app-feel #sc-heart.hv3 .hv3-pin-hi { color: color-mix(in srgb, var(--v3c-pulse) 55%, var(--v3s-t1)); background: color-mix(in srgb, var(--v3c-pulse) 18%, var(--v3s-card)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--v3c-pulse) 30%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-pin-lo { color: color-mix(in srgb, var(--v3c-sleep) 55%, var(--v3s-t1)); background: color-mix(in srgb, var(--v3c-sleep) 18%, var(--v3s-card)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--v3c-sleep) 30%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-tip { position: absolute; z-index: 2; top: 0px; transform: translate(-50%, 0px); padding: 6px 10px; border-radius: 10px; pointer-events: none; text-align: center; white-space: nowrap; color: var(--v3s-canvas); background: var(--v3s-t1); box-shadow: rgba(0, 0, 0, 0.55) 0px 8px 20px -8px; }
html.tl-app-feel #sc-heart.hv3 .hv3-tip b { display: block; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-heart.hv3 .hv3-tip span { font-size: 11px; font-weight: 600; opacity: 0.78; }
html.tl-app-feel #sc-heart.hv3 .hv3-legend { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-legend span { display: inline-flex; align-items: center; gap: 6px; }
html.tl-app-feel #sc-heart.hv3 .hv3-legend i { width: 14px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, color-mix(in srgb, var(--v3c-sleep) 62%, var(--v3c-pulse)), var(--v3c-pulse), var(--v3c-energy)); }
html.tl-app-feel #sc-heart.hv3 .hv3-legend i.hv3-l-typ { height: 0px; border-top: 2px dashed var(--v3s-t2); background: none; }
html.tl-app-feel #sc-heart.hv3 .hv3-legend i.hv3-l-sleep { height: 10px; width: 12px; border-radius: 3px; background: color-mix(in srgb, var(--v3c-sleep) 28%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-sum { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin-bottom: 12px; }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-stat { display: flex; flex-direction: column; gap: 2px; min-width: 0px; padding: 10px 12px; border-radius: 14px; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-stat span { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 650; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-stat b { font-size: 20px; font-weight: 800; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; color: var(--v3s-t1); }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-stat b small { margin-left: 3px; font-size: 12px; font-weight: 700; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-stat em { font-style: normal; font-size: 12px; font-weight: 650; color: var(--v3s-t2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-heart.hv3 .hv3-rdot { width: 8px; height: 8px; border-radius: 3px; }
html.tl-app-feel #sc-heart.hv3 .hv3-rd-lo { background: var(--v3c-sleep); }
html.tl-app-feel #sc-heart.hv3 .hv3-rd-hi { background: var(--v3c-pulse); }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy { position: relative; margin: 0px -2px; touch-action: pan-y; cursor: crosshair; }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy svg { display: block; overflow: visible; }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy .hv3-ax-today { fill: var(--v3s-t1); font-weight: 800; }
html.tl-app-feel #sc-heart.hv3 .hv3-hm-empty { fill: var(--v3s-track); }
html.tl-app-feel #sc-heart.hv3 .hv3-hm0 { fill: var(--v3c-sleep); fill-opacity: 0.34; }
html.tl-app-feel #sc-heart.hv3 .hv3-hm1 { fill: color-mix(in oklab, var(--v3c-pulse) 17%, var(--v3c-sleep)); fill-opacity: 0.46; }
html.tl-app-feel #sc-heart.hv3 .hv3-hm2 { fill: color-mix(in oklab, var(--v3c-pulse) 33%, var(--v3c-sleep)); fill-opacity: 0.57; }
html.tl-app-feel #sc-heart.hv3 .hv3-hm3 { fill: color-mix(in oklab, var(--v3c-pulse) 50%, var(--v3c-sleep)); fill-opacity: 0.68; }
html.tl-app-feel #sc-heart.hv3 .hv3-hm4 { fill: color-mix(in oklab, var(--v3c-pulse) 67%, var(--v3c-sleep)); fill-opacity: 0.79; }
html.tl-app-feel #sc-heart.hv3 .hv3-hm5 { fill: color-mix(in oklab, var(--v3c-pulse) 84%, var(--v3c-sleep)); fill-opacity: 0.9; }
html.tl-app-feel #sc-heart.hv3 .hv3-hm6 { fill: var(--v3c-pulse); fill-opacity: 1; }
html.tl-app-feel #sc-heart.hv3 .hv3-hm-ring { fill: none; stroke: var(--v3s-t1); stroke-width: 1.5; }
html.tl-app-feel #sc-heart.hv3 .hv3-hm-calm { stroke: color-mix(in srgb, var(--v3c-sleep) 45%, var(--v3s-t1)); }
html.tl-app-feel #sc-heart.hv3 .hv3-hm-now { fill: var(--v3s-t1); }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-foot { display: flex; justify-content: flex-end; margin-top: 10px; }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-scale { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 650; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-scale b { font-weight: 650; }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-scale i { width: 84px; height: 6px; border-radius: 3px; background: linear-gradient(90deg, color-mix(in srgb, var(--v3c-sleep) 45%, transparent), color-mix(in oklab, var(--v3c-pulse) 50%, var(--v3c-sleep)), var(--v3c-pulse)); }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-cmp { margin-top: 12px; padding: 10px 12px; border-radius: 12px; font-size: 12.5px; font-weight: 650; line-height: 1.4; color: var(--v3s-t2); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-heart.hv3 .hv3-rest-now { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: -2px 0px 4px; }
html.tl-app-feel #sc-heart.hv3 .hv3-rest-now b { font-size: 32px; font-weight: 800; letter-spacing: -0.045em; line-height: 1; font-variant-numeric: tabular-nums; color: var(--v3s-t1); }
html.tl-app-feel #sc-heart.hv3 .hv3-rest-now b small { margin-left: 4px; font-size: 14px; font-weight: 700; letter-spacing: 0px; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-rest-now > span { font-size: 12px; font-weight: 650; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-rest-now .hv3-best { align-self: center; margin-left: auto; }
html.tl-app-feel #sc-heart.hv3 .hv3-rest-scale { margin: 0px 0px 14px; }
html.tl-app-feel #sc-heart.hv3 .hv3-ruler { position: relative; height: 8px; margin: 26px 7px 6px; border-radius: 4px; background: var(--v3s-track); }
html.tl-app-feel #sc-heart.hv3 .hv3-ruler i { position: absolute; font-style: normal; }
html.tl-app-feel #sc-heart.hv3 .hv3-ruler-band { top: 0px; bottom: 0px; border-radius: 4px; background: color-mix(in srgb, var(--v3c-pulse) 24%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-ruler-base { top: -4px; bottom: -4px; width: 2px; margin-left: -1px; border-radius: 1px; background: var(--v3s-t2); opacity: 0.8; }
html.tl-app-feel #sc-heart.hv3 .hv3-ruler-you { top: 50%; width: 14px; height: 14px; margin: -7px 0px 0px -7px; border-radius: 50%; background: var(--v3c-pulse); box-shadow: 0 0 0 3px var(--v3s-card), 0 0 14px color-mix(in srgb, var(--v3c-pulse) 80%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-ruler-you b { position: absolute; bottom: 19px; left: 50%; transform: translateX(-50%); font-size: 10.5px; font-weight: 800; letter-spacing: 0.02em; white-space: nowrap; color: color-mix(in srgb, var(--v3c-pulse) 70%, var(--v3s-t1)); }
html.tl-app-feel #sc-heart.hv3 .hv3-ruler-ax { display: flex; justify-content: space-between; margin: 0px 1px; font-size: 10.5px; font-weight: 600; color: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-heart.hv3 .hv3-ruler-note { margin-top: 6px; font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-seg { display: flex; gap: 4px; margin-bottom: 12px; padding: 4px; border-radius: 14px; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-heart.hv3 .hv3-seg button { flex: 1 1 0%; min-width: 0px; padding: 8px 4px; border: 0px; border-radius: 10px; cursor: pointer; background: none; font-size: 13px; font-weight: 700; color: var(--v3s-t3); white-space: nowrap; transition: background 0.2s, color 0.2s; }
html.tl-app-feel #sc-heart.hv3 .hv3-seg button[aria-selected="true"] { color: var(--v3s-t1); background: var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), 0 4px 12px -6px rgba(0,0,0,.45); }
html.tl-app-feel #sc-heart.hv3 .hv3-dirrow { margin: 0px 0px 12px; }
html.tl-app-feel #sc-heart.hv3 .hv3-dir { display: inline-flex; align-items: center; gap: 4px; padding: 4px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; color: var(--v3s-t2); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-heart.hv3 .hv3-dir .hv3-ic { width: 12px; height: 12px; }
html.tl-app-feel #sc-heart.hv3 .hv3-dir.hv3-good { color: color-mix(in srgb, var(--v3s-pos) 45%, var(--v3s-t1)); background: color-mix(in srgb, var(--v3s-pos) 14%, transparent); box-shadow: none; }
html.tl-app-feel #sc-heart.hv3 .hv3-zones { display: flex; flex-direction: column; gap: 6px; }
html.tl-app-feel #sc-heart.hv3 .hv3-zrow { display: grid; grid-template-columns: 34px minmax(0px, 1.25fr) minmax(0px, 1fr) 50px; align-items: center; gap: 10px; padding: 8px 10px 8px 8px; border-radius: 14px; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-heart.hv3 :is(.hv3-nobars .hv3-zrow, .hv3-zrow.hv3-zrest) { grid-template-columns: 34px minmax(0px, 1fr); }
html.tl-app-feel #sc-heart.hv3 .hv3-zchip .hv3-ic { width: 13px; height: 13px; }
html.tl-app-feel #sc-heart.hv3 .hv3-zrow.hv3-znow { background: color-mix(in srgb, var(--zc) 12%, var(--v3s-card-2)); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--zc) 70%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-zchip { display: grid; place-items: center; height: 26px; border-radius: 9px; font-size: 12px; font-weight: 800; letter-spacing: 0.02em; color: color-mix(in srgb, var(--zc) 72%, var(--v3s-t1)); background: color-mix(in srgb, var(--zc) 20%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--zc) 34%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-zname { display: flex; flex-direction: column; min-width: 0px; line-height: 1.25; }
html.tl-app-feel #sc-heart.hv3 .hv3-zname b { font-size: 13.5px; font-weight: 750; color: var(--v3s-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-heart.hv3 .hv3-zname em { font-style: normal; font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-heart.hv3 .hv3-ztag { text-decoration: none; font-weight: 800; color: color-mix(in srgb, var(--zc) 72%, var(--v3s-t1)); }
html.tl-app-feel #sc-heart.hv3 .hv3-zbar { position: relative; height: 8px; overflow: hidden; border-radius: 4px; background: var(--v3s-track); }
html.tl-app-feel #sc-heart.hv3 .hv3-zbar i { position: absolute; left: 0px; top: 0px; bottom: 0px; border-radius: inherit; transform-origin: left center; background: linear-gradient(90deg, color-mix(in srgb, var(--zc) 70%, transparent), var(--zc)); box-shadow: 0 0 10px -2px var(--zc); }
html.tl-app-feel #sc-heart.hv3 .hv3-zmin { font-size: 12px; font-weight: 700; text-align: right; color: var(--v3s-t2); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel #sc-heart.hv3 .hv3-tiles { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin-top: 10px; }
html.tl-app-feel #sc-heart.hv3 .hv3-tile { display: flex; flex-direction: column; gap: 3px; min-width: 0px; padding: 14px; border-radius: 20px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-heart.hv3 .hv3-tile.hv3-wide { grid-column: 1 / -1; }
html.tl-app-feel #sc-heart.hv3 .hv3-tile-top { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 8px; }
html.tl-app-feel #sc-heart.hv3 .hv3-t-lbl { font-size: 12.5px; font-weight: 650; color: var(--v3s-t2); }
html.tl-app-feel #sc-heart.hv3 .hv3-t-val { font-size: 22px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.15; color: var(--v3s-t1); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html.tl-app-feel #sc-heart.hv3 .hv3-t-val small { margin-left: 3px; font-size: 13px; font-weight: 700; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-t-sub { font-size: 11.5px; line-height: 1.35; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-t-spark { position: relative; display: block; height: 30px; margin: 6px 3px 4px 0px; }
html.tl-app-feel #sc-heart.hv3 .hv3-spark { display: block; width: 100%; height: 100%; overflow: visible; }
html.tl-app-feel #sc-heart.hv3 .hv3-spark-l { fill: none; stroke: var(--k); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round; }
html.tl-app-feel #sc-heart.hv3 .hv3-spark-a { fill: color-mix(in srgb, var(--k) 15%, transparent); }
html.tl-app-feel #sc-heart.hv3 .hv3-spark-end { position: absolute; right: -3.5px; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--k); box-shadow: 0 0 0 2px var(--v3s-card), 0 0 8px var(--k); }
html.tl-app-feel #sc-heart.hv3 .hv3-meter { position: relative; display: block; height: 8px; margin: 10px 0px 6px; border-radius: 4px; background: var(--v3s-track); }
html.tl-app-feel #sc-heart.hv3 .hv3-meter i { position: absolute; left: 0px; top: 0px; bottom: 0px; border-radius: inherit; background: linear-gradient(90deg, color-mix(in srgb, var(--k) 65%, transparent), var(--k)); box-shadow: 0 0 10px -2px var(--k); }
html.tl-app-feel #sc-heart.hv3 .hv3-meter u { position: absolute; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; border-radius: 1px; background: var(--v3s-t2); }
html.tl-app-feel #sc-heart.hv3 .hv3-coach { padding-top: 6px; }
html.tl-app-feel #sc-heart.hv3 .hv3-coach-hd { align-items: flex-start; margin-bottom: 0px; }
html.tl-app-feel #sc-heart.hv3 .hv3-coach-hd > div { flex: 1 1 0%; min-width: 0px; }
html.tl-app-feel #sc-heart.hv3 .hv3-coach-hd h3 { font-size: 17px; font-weight: 800; letter-spacing: -0.03em; }
html.tl-app-feel #sc-heart.hv3 .hv3-coach-txt { margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel #sc-heart.hv3 .hv3-coach #ai-heart-btns { display: flex; flex-direction: column; gap: 8px; margin: 12px 0px 0px; padding: 0px; }
html.tl-app-feel #sc-heart.hv3 .hv3-coach #ai-heart-btns .wide-btn { width: 100%; margin: 0px; padding: 13px 16px; border: 0px; border-radius: 14px; cursor: pointer; font-size: 15px; font-weight: 750; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-heart.hv3 .hv3-coach #ai-heart-btns .wide-btn.coach-ai-btn, html.tl-app-feel #sc-heart.hv3 .hv3-coach #ai-heart-btns .wide-btn.coach-ai-btn:is(:hover, :focus-visible) { background: var(--v3s-grad); box-shadow: 0 12px 24px -12px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.25); color: rgb(255, 255, 255) !important; }
html.tl-app-feel #sc-heart.hv3 .hv3-coach #ai-heart-results { margin: 0px !important; }
html.tl-app-feel #sc-heart.hv3 .hv3-coach #ai-heart-results:not(:empty) { margin-top: 12px !important; }
html.tl-app-feel #sc-heart.hv3 .hv3-more { display: flex; flex-direction: column; gap: 10px; padding-top: 6px; }
html.tl-app-feel #sc-heart.hv3 .hv3-more .hv3-seg { margin-bottom: 0px; }
html.tl-app-feel #sc-heart.hv3 > .sec-hd { padding: 16px 18px 6px; font-size: 16px; font-weight: 800; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel #sc-heart.hv3 > :not(#hv3) :is(.heart-count, .heart-bpm-unit, .heart-sticky-unit, .heart-legend-chip, .heart-context-chip b, .heart-overnight-row b, .heart-overnight-row b small, .heart-reading-value, .heart-reading-value small) { font-family: inherit; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
@media (max-width: 380px){
html.tl-app-feel #sc-heart.hv3 .hv3-gauge { width: 94px; height: 94px; }
html.tl-app-feel #sc-heart.hv3 .hv3-gauge-c b { font-size: 13.5px; }
html.tl-app-feel #sc-heart.hv3 .hv3-big { font-size: 44px; }
html.tl-app-feel #sc-heart.hv3 .hv3-beat { width: 46px; height: 46px; border-radius: 15px; }
html.tl-app-feel #sc-heart.hv3 .hv3-now { gap: 11px; }
html.tl-app-feel #sc-heart.hv3 .hv3-sum b { font-size: 16px; }
html.tl-app-feel #sc-heart.hv3 .hv3-zrow { grid-template-columns: 30px minmax(0px, 1.3fr) minmax(0px, 0.8fr) 46px; gap: 8px; }
}
@media (max-width: 340px){
html.tl-app-feel #sc-heart.hv3 .hv3-t-val { font-size: 18px; }
html.tl-app-feel #sc-heart.hv3 .hv3-fact b { font-size: 15px; }
html.tl-app-feel #sc-heart.hv3 .hv3-sum { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
html.tl-app-feel #sc-heart.hv3 .hv3-big { font-size: 38px; }
html.tl-app-feel #sc-heart.hv3 .hv3-gauge { width: 84px; height: 84px; }
html.tl-app-feel #sc-heart.hv3 .hv3-gauge-c { padding: 0px 8px; }
html.tl-app-feel #sc-heart.hv3 .hv3-gauge-c b { font-size: 12.5px; }
html.tl-app-feel #sc-heart.hv3 .hv3-gauge-c span { font-size: 9.5px; }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-stat { padding: 9px 10px; }
html.tl-app-feel #sc-heart.hv3 .hv3-rhy-stat b { font-size: 18px; }
}
@keyframes hv3-settle { 
  0% { transform: translateY(10px) scale(0.985); }
  100% { transform: none; }
}
html.tl-app-feel #sc-heart.hv3 .hv3.hv3-still :is(.hv3-beat i, .hv3-beat b, .hv3-nowring) { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-heart.hv3 .hv3 *, html.tl-app-feel #sc-heart.hv3 .hv3 { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
html.tl-app-feel { --fv3-i-timer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' x2='14' y1='2' y2='2'/%3E%3Cline x1='12' x2='15' y1='14' y2='11'/%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3C/svg%3E"); --fv3-i-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z'/%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65'/%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65'/%3E%3C/svg%3E"); --fv3-i-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E"); --fv3-i-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); --fv3-i-hash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16M4 15h16M10 3 8 21M16 3l-2 18'/%3E%3C/svg%3E"); --fv3-i-hours: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14M5 2h14'/%3E%3Cpath d='M17 22v-4.17a2 2 0 0 0-.59-1.42L12 12l-4.41 4.41A2 2 0 0 0 7 17.83V22'/%3E%3Cpath d='M7 2v4.17a2 2 0 0 0 .59 1.42L12 12l4.41-4.41A2 2 0 0 0 17 6.17V2'/%3E%3C/svg%3E"); --fv3-i-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16'/%3E%3Cpath d='M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E"); --fv3-i-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.07-2.14-.22-4.05 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.15.43-2.29 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E"); --fv3-i-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0l1.58 6.14a2 2 0 0 0 1.44 1.44l6.14 1.58a.5.5 0 0 1 0 .96l-6.14 1.58a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z'/%3E%3Cpath d='M20 3v4M22 5h-4'/%3E%3C/svg%3E"); --fv3-i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E"); --fv3-i-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 4.5v15a1 1 0 0 0 1.52.85l12-7.5a1 1 0 0 0 0-1.7l-12-7.5A1 1 0 0 0 7 4.5Z'/%3E%3C/svg%3E"); --fv3-i-stop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Crect x='5' y='5' width='14' height='14' rx='3'/%3E%3C/svg%3E"); --fv3-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-fasting.fv3 > :is(#fast-readiness-score, #fasting-timer-card, #fast-coach-history-wrap, #fasting-phase-bar, #fasting-stats-grid, #fast-bento-grid, #fast-shields-row, #fast-cal-grid-host, #fasting-calendar, #fasting-history), html.tl-app-feel #sc-fasting.fv3 > .sec-hd:is([data-i18n="fast.bento_title"], [data-i18n="fast.cal_grid_title"], [data-i18n="fast.cal_title"], [data-i18n="fast.history"], [data-i18n="fast.recent"]), html.tl-app-feel #sc-fasting.fv3 > div:has(> #fasting-chart), html.tl-app-feel #sc-fasting.fv3 > .sec-hd:has(+ #fast-workout-advice:empty), html.tl-app-feel #sc-fasting.fv3 > .sec-hd:has(+ #fast-ext-protocol:empty) { position: absolute !important; left: 0px !important; right: 0px !important; top: 0px !important; height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }
html.tl-app-feel #sc-fasting.fv3 > .screen-header { align-items: center; gap: 12px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }
html.tl-app-feel #sc-fasting.fv3 > .screen-header .tl-scr-back { position: relative; flex: 0 0 40px; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; font-size: 0px; color: var(--v3s-t1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-fasting.fv3 > .screen-header .tl-scr-back::before { content: ""; position: absolute; inset: 11px; background: currentcolor; mask: var(--v3i-back) center / contain no-repeat; }
html.tl-app-feel #sc-fasting.fv3 > .screen-header .screen-title { font-size: 22px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.1; color: var(--v3s-t1); }
html.tl-app-feel #sc-fasting.fv3 > .screen-header .screen-title > span:not([data-i18n]) { display: none; }
html.tl-app-feel #sc-fasting.fv3 > .screen-header .screen-sub { margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-fasting.fv3 > .sec-hd { padding: 16px 18px 6px; font-size: 16px; font-weight: 800; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel #sc-fasting.fv3 .fv3 { display: flex; flex-direction: column; gap: 14px; padding: 6px 16px 8px; color: var(--v3s-t1); }
html.tl-app-feel #sc-fasting.fv3 .fv3 :where(h3, p, ul) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-fasting.fv3 .fv3 ul { list-style: none; }
html.tl-app-feel #sc-fasting.fv3 .fv3 button { font-family: inherit; }
html.tl-app-feel #sc-fasting.fv3 .fv3 :focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-ic { display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; background: currentcolor; mask: var(--i) center / contain no-repeat; }
html.tl-app-feel #sc-fasting.fv3 .fv3-card { position: relative; border-radius: 22px; padding: 16px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-fasting.fv3 .fv3-ch { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-ch h3 { flex: 1 1 0%; min-width: 0px; font-size: 15px; font-weight: 750; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel #sc-fasting.fv3 .fv3-aside { font-size: 12px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 55%; }
html.tl-app-feel #sc-fasting.fv3 .fv3-plate { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--k, var(--v3k-fast)) 74%, #fff) 0%, var(--k, var(--v3k-fast)) 100%); box-shadow: 0 8px 16px -8px var(--k, var(--v3k-fast)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-fasting.fv3 .fv3-plate.fv3-grad { background: var(--v3s-grad); box-shadow: 0 8px 16px -8px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-fasting.fv3 .fv3-sec { padding: 6px 2px 0px; font-size: 17px; font-weight: 800; letter-spacing: -0.03em; color: var(--v3s-t1); }
html.tl-app-feel #sc-fasting.fv3 .fv3-hero { position: relative; overflow: hidden; isolation: isolate; border-radius: 26px; padding: 18px 18px 16px; color: rgb(255, 255, 255); background: var(--v3s-hero); box-shadow: 0 22px 44px -22px var(--v3s-hero-sh), inset 0 1px 0 rgba(255,255,255,.18); }
html.tl-app-feel #sc-fasting.fv3 .fv3-hero::before, html.tl-app-feel #sc-fasting.fv3 .fv3-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; filter: blur(36px); pointer-events: none; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hero::before { width: 210px; height: 210px; right: -70px; top: -90px; background: color-mix(in srgb, var(--fv3-phase, var(--v3c-fast)) 60%, transparent); transition: background 0.6s; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hero::after { width: 170px; height: 170px; left: -70px; bottom: -110px; background: var(--v3s-hero-a); }
html.tl-app-feel #sc-fasting.fv3 .fv3-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; opacity: 0.82; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hero-main { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-big { font-size: 46px; font-weight: 800; letter-spacing: -0.045em; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-fasting.fv3 .fv3-lbl { margin: 5px 0px 10px; font-size: 14px; font-weight: 600; opacity: 0.85; }
html.tl-app-feel #sc-fasting.fv3 .fv3-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 5px 10px 5px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; background: rgba(255, 255, 255, 0.16); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset; }
html.tl-app-feel #sc-fasting.fv3 .fv3-chip i { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: var(--c, #fff); box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 2px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.tl-app-feel #sc-fasting.fv3 .fv3-ring { position: relative; flex: 0 0 auto; width: 102px; height: 102px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); }
html.tl-app-feel #sc-fasting.fv3 .fv3-ring circle { fill: none; stroke-width: 9; }
html.tl-app-feel #sc-fasting.fv3 .fv3-ring .fv3-trk { stroke: rgba(255, 255, 255, 0.16); }
html.tl-app-feel #sc-fasting.fv3 .fv3-ring .fv3-bar { stroke: rgb(255, 255, 255); stroke-linecap: round; filter: drop-shadow(rgba(255, 255, 255, 0.45) 0px 0px 6px); transition: stroke-dashoffset 1s linear; }
html.tl-app-feel #sc-fasting.fv3 .fv3-ring-c { position: absolute; inset: 0px; display: grid; place-content: center; text-align: center; padding: 0px 8px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-ring-c b { font-size: 22px; font-weight: 800; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-fasting.fv3 .fv3-ring-c span { margin-top: -1px; font-size: 10.5px; font-weight: 600; opacity: 0.8; }
html.tl-app-feel #sc-fasting.fv3 .fv3-facts { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.16); }
html.tl-app-feel #sc-fasting.fv3 .fv3-fact { display: flex; flex-direction: column; gap: 3px; min-width: 0px; padding: 0px 8px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-fact + .fv3-fact { border-left: 1px solid rgba(255, 255, 255, 0.14); }
html.tl-app-feel #sc-fasting.fv3 .fv3-fact:first-child { padding-left: 0px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-fact span { font-size: 11px; font-weight: 600; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-fasting.fv3 .fv3-fact b { font-size: 16px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-fasting.fv3 .fv3-actions { display: flex; gap: 8px; margin-top: 16px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-btn { flex: 1 1 0%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 14px; border: 0px; border-radius: 14px; cursor: pointer; font-size: 15px; font-weight: 750; color: rgb(30, 27, 75); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.6) 0px 10px 24px -12px; transition: transform 0.15s; }
html.tl-app-feel #sc-fasting.fv3 .fv3-btn:active { transform: scale(0.98); }
html.tl-app-feel #sc-fasting.fv3 .fv3-btn .fv3-ic { width: 14px; height: 14px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-phases { position: relative; display: grid; grid-template-columns: repeat(var(--z, 5), minmax(0, 1fr)); gap: 4px; margin: 4px 0px 6px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-seg { height: 12px; border-radius: 6px; background: color-mix(in srgb, var(--c) 32%, var(--v3s-track)); }
html.tl-app-feel #sc-fasting.fv3 .fv3-seg.fv3-done { background: var(--c); }
html.tl-app-feel #sc-fasting.fv3 .fv3-seg.fv3-now { background: linear-gradient(90deg, var(--c) var(--p, 0%), color-mix(in srgb, var(--c) 32%, var(--v3s-track)) var(--p, 0%)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--c) 45%, transparent); }
html.tl-app-feel #sc-fasting.fv3 .fv3-marker { position: absolute; top: -5px; width: 22px; height: 22px; margin-left: -11px; border-radius: 50%; pointer-events: none; background: var(--v3s-card); box-shadow: 0 0 0 3px var(--c, var(--v3c-fast)), 0 6px 14px -4px rgba(0,0,0,.5); transition: left 1s linear; }
html.tl-app-feel #sc-fasting.fv3 .fv3-phase-lbls { display: grid; grid-template-columns: repeat(var(--z, 5), minmax(0, 1fr)); gap: 4px; margin-top: 8px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-phase-lbls span { min-width: 0px; font-size: 10.5px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-fasting.fv3 .fv3-phase-now { display: flex; gap: 12px; align-items: flex-start; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--v3s-line); }
html.tl-app-feel #sc-fasting.fv3 .fv3-phase-now .fv3-dotc { flex: 0 0 auto; width: 12px; height: 12px; margin-top: 4px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c) 22%, transparent); }
html.tl-app-feel #sc-fasting.fv3 .fv3-phase-now b { display: block; font-size: 15px; font-weight: 750; color: var(--v3s-t1); }
html.tl-app-feel #sc-fasting.fv3 .fv3-phase-now p { margin-top: 2px; font-size: 12.5px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel #sc-fasting.fv3 .fv3-chart { position: relative; height: 182px; margin: 0px -4px; touch-action: pan-y; }
html.tl-app-feel #sc-fasting.fv3 .fv3-chart svg { display: block; overflow: visible; }
html.tl-app-feel #sc-fasting.fv3 .fv3-chart .fv3-grid { stroke: var(--v3s-line); stroke-width: 1; }
html.tl-app-feel #sc-fasting.fv3 .fv3-chart .fv3-ax { font-size: 10.5px; font-weight: 600; fill: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-fasting.fv3 .fv3-chart .fv3-ax.fv3-on { font-weight: 800; fill: var(--v3s-t1); }
html.tl-app-feel #sc-fasting.fv3 .fv3-chart .fv3-b { cursor: pointer; fill: color-mix(in srgb, var(--v3c-fast) 45%, transparent); }
html.tl-app-feel #sc-fasting.fv3 .fv3-chart .fv3-b.fv3-met, html.tl-app-feel #sc-fasting.fv3 .fv3-chart .fv3-b.fv3-sel { fill: var(--v3c-fast); }
html.tl-app-feel #sc-fasting.fv3 .fv3-chart .fv3-goal { stroke: var(--v3s-t2); stroke-width: 1.5; stroke-linecap: round; opacity: 0.5; }
html.tl-app-feel #sc-fasting.fv3 .fv3-tip { position: absolute; z-index: 2; transform: translate(-50%, -100%); padding: 6px 10px; border-radius: 10px; pointer-events: none; text-align: center; white-space: nowrap; color: var(--v3s-canvas); background: var(--v3s-t1); box-shadow: rgba(0, 0, 0, 0.55) 0px 8px 20px -8px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-tip b { display: block; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-fasting.fv3 .fv3-tip span { font-size: 11px; font-weight: 600; opacity: 0.78; }
html.tl-app-feel #sc-fasting.fv3 .fv3-tip::after { content: ""; position: absolute; left: calc(50% + var(--fv3-ax, 0px)); bottom: -4px; width: 8px; height: 8px; margin-left: -4px; transform: rotate(45deg); background: inherit; }
html.tl-app-feel #sc-fasting.fv3 .fv3-tiles { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin-top: 10px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-tile { display: flex; flex-direction: column; gap: 3px; min-width: 0px; padding: 14px; border-radius: 20px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-fasting.fv3 .fv3-tile .fv3-plate { margin-bottom: 8px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-t-lbl { font-size: 12.5px; font-weight: 650; color: var(--v3s-t2); }
html.tl-app-feel #sc-fasting.fv3 .fv3-t-val { font-size: 21px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.15; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-fasting.fv3 .fv3-t-val small { margin-left: 3px; font-size: 13px; font-weight: 700; color: var(--v3s-t3); }
html.tl-app-feel #sc-fasting.fv3 .fv3-t-sub { font-size: 11.5px; line-height: 1.35; color: var(--v3s-t3); }
html.tl-app-feel #sc-fasting.fv3 .fv3-map { display: grid; grid-template-columns: 22px minmax(0px, 1fr); gap: 6px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-map-days { display: grid; grid-template-rows: repeat(7, minmax(0px, 1fr)); gap: 3px; padding-top: 16px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-map-days span { font-size: 9.5px; font-weight: 600; line-height: 1; color: var(--v3s-t3); display: flex; align-items: center; }
html.tl-app-feel #sc-fasting.fv3 .fv3-map-grid { display: grid; grid-template-columns: repeat(var(--w, 13), minmax(0, 1fr)); gap: 3px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-map-mon { grid-column: span 1; height: 13px; font-size: 9.5px; font-weight: 700; color: var(--v3s-t3); white-space: nowrap; overflow: visible; }
html.tl-app-feel #sc-fasting.fv3 .fv3-map-col { display: grid; grid-template-rows: repeat(7, minmax(0px, 1fr)); gap: 3px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-cell { aspect-ratio: 1 / 1; border-radius: 4px; background: var(--v3s-track); }
html.tl-app-feel #sc-fasting.fv3 .fv3-cell.fv3-success { background: var(--v3c-fast); }
html.tl-app-feel #sc-fasting.fv3 .fv3-cell.fv3-partial { background: color-mix(in srgb, var(--v3c-fast) 45%, var(--v3s-track)); }
html.tl-app-feel #sc-fasting.fv3 .fv3-cell.fv3-today { box-shadow: 0 0 0 1.5px var(--v3s-t1); }
html.tl-app-feel #sc-fasting.fv3 .fv3-cell.fv3-future { visibility: hidden; }
html.tl-app-feel #sc-fasting.fv3 .fv3-legend { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-fasting.fv3 .fv3-legend span { display: inline-flex; align-items: center; gap: 6px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-legend i { width: 10px; height: 10px; border-radius: 3px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-shields { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--v3s-line); font-size: 12.5px; color: var(--v3s-t2); }
html.tl-app-feel #sc-fasting.fv3 .fv3-shields .fv3-ic { width: 15px; height: 15px; color: var(--v3s-brand-2, #38BDF8); }
html.tl-app-feel #sc-fasting.fv3 .fv3-shields > span { display: inline-flex; align-items: center; gap: 7px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-coach-hd { align-items: flex-start; margin-bottom: 0px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-coach-hd > div { flex: 1 1 0%; min-width: 0px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-coach-hd h3 { font-size: 17px; font-weight: 800; letter-spacing: -0.03em; }
html.tl-app-feel #sc-fasting.fv3 .fv3-coach-txt { margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel #sc-fasting.fv3 .fv3-coach .fast-aicoach { margin: 12px 0px 0px; padding: 0px; border: 0px; background: none; box-shadow: none; }
html.tl-app-feel #sc-fasting.fv3 .fv3-coach .fast-aicoach > div:first-child { display: none; }
html.tl-app-feel #sc-fasting.fv3 .fv3-coach .fast-aicoach-input { flex: 1 1 0%; min-width: 0px; padding: 12px 14px; border: 0px; border-radius: 14px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-fasting.fv3 .fv3-coach .fast-aicoach-input::placeholder { color: var(--v3s-t3); }
html.tl-app-feel #sc-fasting.fv3 .fv3-coach .fast-aicoach-mic { flex: 0 0 auto; width: 44px; height: 44px; border: 0px; border-radius: 14px; cursor: pointer; background: var(--v3s-grad); color: rgb(255, 255, 255); box-shadow: 0 10px 20px -10px var(--v3s-grad-sh); }
html.tl-app-feel #sc-fasting.fv3 .fv3-coach .fast-aicoach .btn-ghost { padding: 10px 8px; border: 0px; border-radius: 12px; cursor: pointer; font-size: 13px; font-weight: 700; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-fasting.fv3 .fv3-hist { margin-top: 10px; padding: 4px 16px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hrow { display: grid; grid-template-columns: 34px minmax(0px, 1fr) auto; align-items: center; gap: 12px; padding: 11px 0px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hrow + .fv3-hrow { border-top: 1px solid var(--v3s-line); }
html.tl-app-feel #sc-fasting.fv3 .fv3-hdot { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; color: rgb(255, 255, 255); background: color-mix(in srgb, var(--c) 85%, #000); }
html.tl-app-feel #sc-fasting.fv3 .fv3-hdot .fv3-ic { width: 15px; height: 15px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hmid { min-width: 0px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hmid b { display: block; font-size: 14px; font-weight: 750; color: var(--v3s-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hmid span { font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hbar { height: 6px; margin-top: 6px; border-radius: 3px; background: var(--v3s-track); overflow: hidden; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hbar i { display: block; height: 100%; width: var(--w); border-radius: 3px; background: var(--c); }
html.tl-app-feel #sc-fasting.fv3 .fv3-hval { text-align: right; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hval b { display: block; font-size: 15px; font-weight: 800; color: var(--v3s-t1); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel #sc-fasting.fv3 .fv3-hval span { font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; }
html.tl-app-feel #sc-fasting.fv3 .fv3-more { width: 100%; margin-top: 2px; padding: 12px 0px 10px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--v3s-line); background: none; cursor: pointer; font-size: 13px; font-weight: 700; color: var(--v3s-brand); }
@media (max-width: 380px){
html.tl-app-feel #sc-fasting.fv3 .fv3-ring { width: 88px; height: 88px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-big { font-size: 40px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-ring-c b { font-size: 19px; }
}
@media (max-width: 340px){
html.tl-app-feel #sc-fasting.fv3 .fv3-t-val { font-size: 18px; }
html.tl-app-feel #sc-fasting.fv3 .fv3-fact b { font-size: 14px; }
}
@keyframes fv3-settle { 
  0% { transform: translateY(10px) scale(0.985); }
  100% { transform: none; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-fasting.fv3 .fv3 *, html.tl-app-feel #sc-fasting.fv3 .fv3 { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
html.tl-app-feel { --fv3-ss-ok: 1; --fv3-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); --fv3-i-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); --fv3-i-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E"); --fv3-i-tick-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E1B4B' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); --fv3-i-tick-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); --fv3-i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
@keyframes fv3-ss-up { 
  0% { transform: translateY(105%); }
  100% { transform: none; }
}
@keyframes fv3-ss-draw { 
  100% { stroke-dashoffset: 0; }
}
@keyframes fv3-ss-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes fv3-ss-pop { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
@keyframes fv3-ss-pulse { 
  0% { opacity: 0.45; }
  100% { opacity: 0.9; }
}
html.tl-app-feel { --mv3-i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E"); --mv3-i-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E"); --mv3-i-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0l1.58 6.14a2 2 0 0 0 1.44 1.44l6.14 1.58a.5.5 0 0 1 0 .96l-6.14 1.58a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z'/%3E%3Cpath d='M20 3v4M22 5h-4'/%3E%3C/svg%3E"); --mv3-i-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.07-2.14-.22-4.05 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.15.43-2.29 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E"); --mv3-i-cal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); --mv3-i-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E"); --mv3-i-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 17 13.5 8.5 8.5 13.5 2 7'/%3E%3Cpolyline points='16 17 22 17 22 11'/%3E%3C/svg%3E"); --mv3-i-timer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2h4'/%3E%3Cpath d='m12 14 3-3'/%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3C/svg%3E"); --mv3-i-map: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='19' r='3'/%3E%3Cpath d='M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15'/%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3C/svg%3E"); --mv3-i-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); --mv3-i-walk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z'/%3E%3Cpath d='M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z'/%3E%3Cpath d='M16 17h4M4 13h4'/%3E%3C/svg%3E"); --mv3-i-bike: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18.5' cy='17.5' r='3.5'/%3E%3Ccircle cx='5.5' cy='17.5' r='3.5'/%3E%3Ccircle cx='15' cy='5' r='1'/%3E%3Cpath d='M12 17.5V14l-3-3 4-3 2 3h2'/%3E%3C/svg%3E"); --mv3-i-dumbbell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 6.5 11 11'/%3E%3Cpath d='m21 21-1-1'/%3E%3Cpath d='m3 3 1 1'/%3E%3Cpath d='m18 22 4-4'/%3E%3Cpath d='m2 6 4-4'/%3E%3Cpath d='m3 10 7-7'/%3E%3Cpath d='m14 21 7-7'/%3E%3C/svg%3E"); --mv3-i-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3Cpath d='M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3Cpath d='M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3C/svg%3E"); --mv3-i-activity: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E"); --mv3-i-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3C/svg%3E"); --mv3-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-activity.mv3 > :is(#movement-hero, #movement-sticky-bar, .mv-clock-card, #movement-patterns, #act-today-list, #act-chart-title, #act-stats-title, #act-stats-card, #act-history), html.tl-app-feel #sc-activity.mv3 > .sec-hd:is([data-i18n="mv.clock_title"], [data-i18n="mv.patterns_title"], [data-i18n="act.today_activities"], [data-i18n="act.history"]), html.tl-app-feel #sc-activity.mv3 > .sec-hd:has(> [data-i18n="ai_coach.activity_title"]), html.tl-app-feel #sc-activity.mv3 > div:has(> .act-period-btn), html.tl-app-feel #sc-activity.mv3 > div:has(> #activity-chart) { position: absolute !important; left: 0px !important; right: 0px !important; top: 0px !important; height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }
html.tl-app-feel #sc-activity.mv3 > #mv3 { display: flex !important; }
html.tl-app-feel #sc-activity.mv3 > .screen-header { display: flex; align-items: center; gap: 12px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }
html.tl-app-feel #sc-activity.mv3 > .screen-header > div:not([class]) { flex: 1 1 0%; min-width: 0px; }
html.tl-app-feel #sc-activity.mv3 > .screen-header .tl-scr-back { position: relative; flex: 0 0 40px; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; font-size: 0px; color: var(--v3s-t1); cursor: pointer; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-activity.mv3 > .screen-header .tl-scr-back::before { content: ""; position: absolute; inset: 11px; background: currentcolor; mask: var(--v3i-back) center / contain no-repeat; }
html.tl-app-feel #sc-activity.mv3 > .screen-header .screen-title { font-size: 22px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.1; color: var(--v3s-t1); }
html.tl-app-feel #sc-activity.mv3 > .screen-header .screen-title > span:not([data-i18n]) { display: none; }
html.tl-app-feel #sc-activity.mv3 > .screen-header .screen-sub { margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-activity.mv3 > .screen-header .btn.mv3-add { position: relative; flex: 0 0 40px; width: 40px; min-width: 40px; height: 40px; line-height: 0; cursor: pointer; transition: transform 0.15s; margin: 0px 0px 0px auto !important; padding: 0px !important; border: 0px !important; border-radius: 50% !important; font-size: 0px !important; color: rgb(255, 255, 255) !important; background: var(--v3s-grad) !important; box-shadow: 0 10px 22px -10px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.3) !important; }
html.tl-app-feel #sc-activity.mv3 > .screen-header .btn.mv3-add::before { content: ""; position: absolute; inset: 11px; background: currentcolor; mask: var(--v3i-plus) center / contain no-repeat; }
html.tl-app-feel #sc-activity.mv3 > .screen-header :is(.mv3-add, .tl-scr-back):active { transform: scale(0.92); }
html.tl-app-feel #sc-activity.mv3 .mv3 { flex-direction: column; gap: 14px; padding: 6px 16px 8px; color: var(--v3s-t1); }
html.tl-app-feel #sc-activity.mv3 .mv3 :where(h3, p, ul) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-activity.mv3 .mv3 ul { list-style: none; }
html.tl-app-feel #sc-activity.mv3 .mv3 button { font-family: inherit; }
html.tl-app-feel #sc-activity.mv3 .mv3 :focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel #sc-activity.mv3 .mv3-ic { display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; background: currentcolor; mask: var(--i) center / contain no-repeat; }
html.tl-app-feel #sc-activity.mv3 .mv3-card { position: relative; border-radius: 22px; padding: 16px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-activity.mv3 .mv3-ch { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
html.tl-app-feel #sc-activity.mv3 .mv3-ch h3 { flex: 1 1 0%; min-width: 0px; font-size: 15px; font-weight: 750; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel #sc-activity.mv3 .mv3-aside { font-size: 12px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 55%; }
html.tl-app-feel #sc-activity.mv3 .mv3-plate { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--k, var(--v3k-steps)) 74%, #fff) 0%, var(--k, var(--v3k-steps)) 100%); box-shadow: 0 8px 16px -8px var(--k, var(--v3k-steps)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-activity.mv3 .mv3-plate.mv3-grad { background: var(--v3s-grad); box-shadow: 0 8px 16px -8px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-activity.mv3 .mv3-sec { padding: 6px 2px 0px; font-size: 17px; font-weight: 800; letter-spacing: -0.03em; color: var(--v3s-t1); }
html.tl-app-feel #sc-activity.mv3 .mv3-foot { margin-top: 10px; font-size: 12px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel #sc-activity.mv3 .mv3-link { display: inline-flex; align-items: center; margin-top: 12px; padding: 0px; border: 0px; background: none; cursor: pointer; font-size: 13px; font-weight: 750; color: var(--v3s-t1); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--v3s-line); text-underline-offset: 3px; }
html.tl-app-feel #sc-activity.mv3 .mv3-hero { position: relative; overflow: hidden; isolation: isolate; border-radius: 26px; padding: 18px 18px 16px; color: rgb(255, 255, 255); background: var(--v3s-hero); box-shadow: 0 22px 44px -22px var(--v3s-hero-sh), inset 0 1px 0 rgba(255,255,255,.18); }
html.tl-app-feel #sc-activity.mv3 .mv3-hero::before, html.tl-app-feel #sc-activity.mv3 .mv3-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; filter: blur(36px); pointer-events: none; }
html.tl-app-feel #sc-activity.mv3 .mv3-hero::before { width: 210px; height: 210px; right: -70px; top: -90px; background: color-mix(in srgb, var(--v3c-steps) 58%, transparent); }
html.tl-app-feel #sc-activity.mv3 .mv3-hero::after { width: 170px; height: 170px; left: -70px; bottom: -110px; background: var(--v3s-hero-a); }
html.tl-app-feel #sc-activity.mv3 .mv3-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; opacity: 0.82; }
html.tl-app-feel #sc-activity.mv3 .mv3-hero-main { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; }
html.tl-app-feel #sc-activity.mv3 .mv3-now { min-width: 0px; }
html.tl-app-feel #sc-activity.mv3 .mv3-big { font-size: 48px; font-weight: 800; letter-spacing: -0.05em; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-activity.mv3 .mv3-big small { margin-left: 6px; font-size: 17px; font-weight: 700; letter-spacing: -0.01em; opacity: 0.8; }
html.tl-app-feel #sc-activity.mv3 .mv3-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; margin-top: 9px; padding: 5px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.25; background: rgba(255, 255, 255, 0.16); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset; }
html.tl-app-feel #sc-activity.mv3 .mv3-chip i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: rgb(255, 255, 255); opacity: 0.9; }
html.tl-app-feel #sc-activity.mv3 .mv3-chip.mv3-up i, html.tl-app-feel #sc-activity.mv3 .mv3-chip.mv3-down i { width: 12px; height: 12px; border-radius: 0px; opacity: 1; mask: var(--mv3-i-up) center / contain no-repeat; }
html.tl-app-feel #sc-activity.mv3 .mv3-ring { position: relative; flex: 0 0 auto; width: 96px; height: 96px; }
html.tl-app-feel #sc-activity.mv3 .mv3-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); }
html.tl-app-feel #sc-activity.mv3 .mv3-ring circle { fill: none; stroke-width: 9; }
html.tl-app-feel #sc-activity.mv3 .mv3-ring .mv3-trk { stroke: rgba(255, 255, 255, 0.16); }
html.tl-app-feel #sc-activity.mv3 .mv3-ring .mv3-bar { stroke: rgb(255, 255, 255); stroke-linecap: round; filter: drop-shadow(rgba(255, 255, 255, 0.45) 0px 0px 6px); }
html.tl-app-feel #sc-activity.mv3 .mv3-ring-c { position: absolute; inset: 0px; display: grid; place-content: center; justify-items: center; text-align: center; padding: 0px 10px; }
html.tl-app-feel #sc-activity.mv3 .mv3-ring-c b { font-size: 19px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-activity.mv3 .mv3-ring-c span { margin-top: 2px; font-size: 10.5px; font-weight: 600; opacity: 0.8; }
html.tl-app-feel #sc-activity.mv3 .mv3-facts { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.16); }
html.tl-app-feel #sc-activity.mv3 .mv3-fact { display: flex; flex-direction: column; gap: 3px; min-width: 0px; padding: 0px 8px; }
html.tl-app-feel #sc-activity.mv3 .mv3-fact + .mv3-fact { border-left: 1px solid rgba(255, 255, 255, 0.14); }
html.tl-app-feel #sc-activity.mv3 .mv3-fact:first-child { padding-left: 0px; }
html.tl-app-feel #sc-activity.mv3 .mv3-fact span { font-size: 11px; font-weight: 600; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-activity.mv3 .mv3-fact b { font-size: 16px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-activity.mv3 .mv3-fact em { display: block; font-style: normal; font-size: 10.5px; font-weight: 600; opacity: 0.72; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-activity.mv3 .mv3-quick .mv-quick-row { display: flex; gap: 8px; margin: 0px; padding: 2px 1px 4px; overflow-x: auto; scrollbar-width: none; }
html.tl-app-feel #sc-activity.mv3 .mv3-quick .mv-quick-row::-webkit-scrollbar { display: none; }
html.tl-app-feel #sc-activity.mv3 .mv3-quick .mv-quick-chip { flex: 0 0 auto; margin: 0px; padding: 9px 14px; border: 0px; border-radius: 999px; cursor: pointer; white-space: nowrap; font-size: 13px; font-weight: 700; color: var(--v3s-t1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-activity.mv3 .mv3-quick .mv-quick-chip:active { transform: scale(0.96); }
html.tl-app-feel #sc-activity.mv3 .mv3-sum { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 6px; margin-bottom: 8px; }
html.tl-app-feel #sc-activity.mv3 .mv3-sum div { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
html.tl-app-feel #sc-activity.mv3 .mv3-sum b { font-size: 18px; font-weight: 800; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--v3s-t1); }
html.tl-app-feel #sc-activity.mv3 .mv3-sum span { font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart { position: relative; margin: 0px -4px; touch-action: pan-y; cursor: crosshair; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart svg { display: block; overflow: visible; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-grid { stroke: var(--v3s-line); stroke-width: 1; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-ax { font-size: 10.5px; font-weight: 600; fill: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-future { fill: color-mix(in srgb, var(--v3s-t3) 7%, transparent); }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-hbar { fill: color-mix(in srgb, var(--v3c-steps) 55%, var(--v3s-track)); }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-hbar.mv3-over { fill: var(--v3c-steps); }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-hbar.mv3-cur { fill: var(--v3c-steps); opacity: 0.75; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-typ { fill: none; stroke: var(--v3s-t2); stroke-width: 1.5; stroke-dasharray: 3, 4; stroke-linejoin: round; opacity: 0.85; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-nowline { stroke: var(--v3s-t2); stroke-width: 1.2; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-nowtag { font-size: 10px; font-weight: 800; fill: var(--v3s-t2); text-transform: uppercase; letter-spacing: 0.06em; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-dbar { fill: color-mix(in srgb, var(--v3c-steps) 42%, var(--v3s-track)); transition: opacity 0.2s; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-dbar.mv3-met { fill: var(--v3c-steps); }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-dbar.mv3-part { opacity: 0.6; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-dbar.mv3-sel { stroke: var(--v3s-t1); stroke-width: 1.6; opacity: 1; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-goal { stroke: var(--v3s-t2); stroke-width: 1.2; stroke-dasharray: 4, 4; opacity: 0.8; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-gtag { font-size: 10px; font-weight: 700; fill: var(--v3s-t2); paint-order: stroke; stroke: var(--v3s-card); stroke-width: 4px; stroke-linejoin: round; }
html.tl-app-feel #sc-activity.mv3 .mv3-chart .mv3-avgline { fill: none; stroke: var(--v3s-t1); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.7; }
html.tl-app-feel #sc-activity.mv3 .mv3-tip { position: absolute; z-index: 2; top: 0px; transform: translate(-50%, 0px); padding: 6px 10px; border-radius: 10px; pointer-events: none; text-align: center; white-space: nowrap; color: var(--v3s-canvas); background: var(--v3s-t1); box-shadow: rgba(0, 0, 0, 0.55) 0px 8px 20px -8px; }
html.tl-app-feel #sc-activity.mv3 .mv3-tip::after { content: ""; position: absolute; top: 100%; left: calc(50% + var(--mv3-ax, 0px)); transform: translateX(-50%); border-width: 6px; border-style: solid; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-image: none; border-top-color: var(--v3s-t1); }
html.tl-app-feel #sc-activity.mv3 .mv3-tip b { display: block; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-activity.mv3 .mv3-tip span { font-size: 11px; font-weight: 600; opacity: 0.78; }
html.tl-app-feel #sc-activity.mv3 .mv3-legend { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-activity.mv3 .mv3-legend span { display: inline-flex; align-items: center; gap: 6px; }
html.tl-app-feel #sc-activity.mv3 .mv3-legend i { width: 10px; height: 10px; border-radius: 3px; background: var(--v3c-steps); }
html.tl-app-feel #sc-activity.mv3 .mv3-legend i.mv3-l-typ, html.tl-app-feel #sc-activity.mv3 .mv3-legend i.mv3-l-goal { width: 14px; height: 0px; border-radius: 0px; border-top: 2px dashed var(--v3s-t2); background: none; }
html.tl-app-feel #sc-activity.mv3 .mv3-legend i.mv3-l-avg { width: 14px; height: 2px; border-radius: 2px; background: var(--v3s-t1); opacity: 0.7; }
html.tl-app-feel #sc-activity.mv3 .mv3-seg { display: flex; gap: 4px; margin-bottom: 12px; padding: 4px; border-radius: 14px; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-activity.mv3 .mv3-seg button { flex: 1 1 0%; min-width: 0px; padding: 8px 4px; border: 0px; border-radius: 10px; cursor: pointer; background: none; font-size: 13px; font-weight: 700; color: var(--v3s-t3); white-space: nowrap; transition: background 0.2s, color 0.2s; }
html.tl-app-feel #sc-activity.mv3 .mv3-seg button[aria-selected="true"] { color: var(--v3s-t1); background: var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), 0 4px 12px -6px rgba(0,0,0,.45); }
html.tl-app-feel #sc-activity.mv3 .mv3-tiles { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin-top: 10px; }
html.tl-app-feel #sc-activity.mv3 .mv3-tile { display: flex; flex-direction: column; gap: 3px; min-width: 0px; padding: 14px; border-radius: 20px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-activity.mv3 .mv3-tile.mv3-wide { grid-column: 1 / -1; }
html.tl-app-feel #sc-activity.mv3 .mv3-tile .mv3-plate { margin-bottom: 8px; }
html.tl-app-feel #sc-activity.mv3 .mv3-t-lbl { font-size: 12.5px; font-weight: 650; color: var(--v3s-t2); }
html.tl-app-feel #sc-activity.mv3 .mv3-t-val { font-size: 20px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.15; color: var(--v3s-t1); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html.tl-app-feel #sc-activity.mv3 .mv3-t-val small { margin-left: 3px; font-size: 13px; font-weight: 700; color: var(--v3s-t3); }
html.tl-app-feel #sc-activity.mv3 .mv3-t-sub { font-size: 11.5px; line-height: 1.35; color: var(--v3s-t3); }
html.tl-app-feel #sc-activity.mv3 .mv3-goes { display: flex; flex-direction: column; }
html.tl-app-feel #sc-activity.mv3 .mv3-goes li { padding: 12px 0px; }
html.tl-app-feel #sc-activity.mv3 .mv3-goes li:first-child { padding-top: 0px; }
html.tl-app-feel #sc-activity.mv3 .mv3-g-kick { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--v3s-t3); }
html.tl-app-feel #sc-activity.mv3 .mv3-conf { padding: 2px 7px; border-radius: 999px; font-size: 10px; letter-spacing: 0.02em; text-transform: none; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-activity.mv3 .mv3-conf-strong { background: color-mix(in srgb, var(--v3s-pos) 16%, transparent); box-shadow: none; }
html.tl-app-feel #sc-activity.mv3 .mv3-g-title { margin-top: 4px; font-size: 15px; font-weight: 750; letter-spacing: -0.015em; line-height: 1.3; color: var(--v3s-t1); }
html.tl-app-feel #sc-activity.mv3 .mv3-g-body { margin-top: 4px; font-size: 13px; line-height: 1.5; color: var(--v3s-t2); }
html.tl-app-feel #sc-activity.mv3 .mv3-g-body b { color: var(--v3s-t1); font-weight: 750; }
html.tl-app-feel #sc-activity.mv3 .mv3-g-ev { margin-top: 4px; font-size: 11.5px; color: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-activity.mv3 .mv3-work { display: flex; flex-direction: column; }
html.tl-app-feel #sc-activity.mv3 .mv3-wrow { display: flex; align-items: center; gap: 12px; padding: 10px 0px; }
html.tl-app-feel #sc-activity.mv3 .mv3-wrow + .mv3-wrow { border-top: 1px solid var(--v3s-line); }
html.tl-app-feel #sc-activity.mv3 .mv3-wic { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; color: var(--v3s-t1); background: color-mix(in srgb, var(--v3c-energy) 16%, var(--v3s-card-2)); }
html.tl-app-feel #sc-activity.mv3 .mv3-wic .mv3-ic { width: 18px; height: 18px; }
html.tl-app-feel #sc-activity.mv3 .mv3-wmain { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
html.tl-app-feel #sc-activity.mv3 .mv3-wmain b { font-size: 14px; font-weight: 750; color: var(--v3s-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-activity.mv3 .mv3-wmain span { font-size: 11.5px; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-activity.mv3 .mv3-wval { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
html.tl-app-feel #sc-activity.mv3 .mv3-wval b { font-size: 14px; font-weight: 800; color: var(--v3s-t1); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel #sc-activity.mv3 .mv3-wval span { font-size: 11.5px; color: var(--v3s-t3); white-space: nowrap; }
html.tl-app-feel #sc-activity.mv3 .mv3-wdel { flex: 0 0 auto; width: 34px; height: 34px; margin-right: -6px; border: 0px; border-radius: 10px; display: grid; place-items: center; cursor: pointer; background: none; color: var(--v3s-t3); }
html.tl-app-feel #sc-activity.mv3 .mv3-wdel:active { background: var(--v3s-card-2); }
html.tl-app-feel #sc-activity.mv3 .mv3-coach { padding-top: 6px; }
html.tl-app-feel #sc-activity.mv3 .mv3-coach-hd { align-items: flex-start; margin-bottom: 0px; }
html.tl-app-feel #sc-activity.mv3 .mv3-coach-hd > div { flex: 1 1 0%; min-width: 0px; }
html.tl-app-feel #sc-activity.mv3 .mv3-coach-hd h3 { font-size: 17px; font-weight: 800; letter-spacing: -0.03em; }
html.tl-app-feel #sc-activity.mv3 .mv3-coach-txt { margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel #sc-activity.mv3 .mv3-coach #ai-activity-btns { display: flex; flex-direction: column; gap: 8px; margin: 12px 0px 0px; padding: 0px; }
html.tl-app-feel #sc-activity.mv3 .mv3-coach #ai-activity-btns .wide-btn { width: 100%; margin: 0px; padding: 13px 16px; border: 0px; border-radius: 14px; cursor: pointer; font-size: 15px; font-weight: 750; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-activity.mv3 .mv3-coach #ai-activity-btns .wide-btn.coach-ai-btn, html.tl-app-feel #sc-activity.mv3 .mv3-coach #ai-activity-btns .wide-btn.coach-ai-btn:is(:hover, :focus-visible) { background: var(--v3s-grad); box-shadow: 0 12px 24px -12px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.25); color: rgb(255, 255, 255) !important; }
html.tl-app-feel #sc-activity.mv3 .mv3-coach #ai-activity-results { margin: 0px !important; }
html.tl-app-feel #sc-activity.mv3 .mv3-coach #ai-activity-results:not(:empty) { margin-top: 12px !important; }
html.tl-app-feel #sc-activity.mv3 .mv3-stepslink { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border: 0px; border-radius: 20px; cursor: pointer; text-align: left; color: var(--v3s-t1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-activity.mv3 .mv3-stepslink:active { transform: scale(0.985); }
html.tl-app-feel #sc-activity.mv3 .mv3-sl-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
html.tl-app-feel #sc-activity.mv3 .mv3-sl-txt b { font-size: 14.5px; font-weight: 700; color: var(--v3s-t1); }
html.tl-app-feel #sc-activity.mv3 .mv3-sl-txt span { font-size: 12px; color: var(--v3s-t3); }
html.tl-app-feel #sc-activity.mv3 .mv3-sl-chev { flex: 0 0 16px; width: 16px; height: 16px; background: var(--v3s-t4); mask: var(--v3i-chev) center / contain no-repeat; }
html.tl-app-feel #sc-activity.mv3 .mv3-more-t { padding-top: 14px; }
html.tl-app-feel #sc-activity.mv3 > .sec-hd { padding: 16px 18px 6px; font-size: 16px; font-weight: 800; letter-spacing: -0.02em; color: var(--v3s-t1); }
@media (max-width: 380px){
html.tl-app-feel #sc-activity.mv3 .mv3-ring { width: 84px; height: 84px; }
html.tl-app-feel #sc-activity.mv3 .mv3-big { font-size: 42px; }
html.tl-app-feel #sc-activity.mv3 .mv3-sum b { font-size: 16px; }
html.tl-app-feel #sc-activity.mv3 .mv3-fact b { font-size: 15px; }
}
@media (max-width: 340px){
html.tl-app-feel #sc-activity.mv3 .mv3-t-val { font-size: 17px; }
html.tl-app-feel #sc-activity.mv3 .mv3-sum { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
html.tl-app-feel #sc-activity.mv3 .mv3-facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 10px; }
html.tl-app-feel #sc-activity.mv3 .mv3-fact:nth-child(3) { border-left: 0px; padding-left: 0px; }
}
@keyframes mv3-settle { 
  0% { transform: translateY(10px) scale(0.985); }
  100% { transform: none; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-activity.mv3 .mv3 *, html.tl-app-feel #sc-activity.mv3 .mv3.mv3-intro > * { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
html.tl-app-feel { --wv3-i-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E"); --wv3-i-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); --wv3-i-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E"); --wv3-i-trend: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3Cpath d='M16 17h6v-6'/%3E%3C/svg%3E"); --wv3-i-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); --wv3-i-person: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Cpath d='m9 20 3-6 3 6'/%3E%3Cpath d='m6 8 6 2 6-2'/%3E%3Cpath d='M12 10v4'/%3E%3C/svg%3E"); --wv3-i-gauge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 14 4-4'/%3E%3Cpath d='M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E"); --wv3-i-ruler: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z'/%3E%3Cpath d='m14.5 12.5 2-2M11.5 9.5l2-2M8.5 6.5l2-2M17.5 15.5l2-2'/%3E%3C/svg%3E"); --wv3-i-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); --wv3-i-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0l1.58 6.14a2 2 0 0 0 1.44 1.44l6.14 1.58a.5.5 0 0 1 0 .96l-6.14 1.58a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z'/%3E%3Cpath d='M20 3v4M22 5h-4'/%3E%3C/svg%3E"); --wv3-i-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3C/svg%3E"); --wv3-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-weight.wv3 > :is(#weight-ritual, .wt-hero, .wt-tiles, .wt-entry, #weight-target-card, #weight-set-target-card, #bmi-explain-card, .wt-chart-hd, .wt-period, .wt-chart-card, .wt-hist-hd, #weight-history) { position: absolute !important; left: 0px !important; right: 0px !important; top: 0px !important; height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }
html.tl-app-feel #sc-weight.wv3 > .screen-header { align-items: center; gap: 12px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }
html.tl-app-feel #sc-weight.wv3 > .screen-header .tl-scr-back { position: relative; flex: 0 0 40px; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; font-size: 0px; color: var(--v3s-t1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-weight.wv3 > .screen-header .tl-scr-back::before { content: ""; position: absolute; inset: 11px; background: currentcolor; mask: var(--v3i-back) center / contain no-repeat; }
html.tl-app-feel #sc-weight.wv3 > .screen-header .screen-title { font-size: 22px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.1; color: var(--v3s-t1); }
html.tl-app-feel #sc-weight.wv3 > .screen-header .screen-title > span:not([data-i18n]) { display: none; }
html.tl-app-feel #sc-weight.wv3 > .screen-header .screen-sub { margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-weight.wv3 .wv3 { display: flex; flex-direction: column; gap: 14px; padding: 6px 16px 8px; color: var(--v3s-t1); }
html.tl-app-feel #sc-weight.wv3 .wv3 [hidden] { display: none !important; }
html.tl-app-feel #sc-weight.wv3 .wv3 :where(h3, p, ul) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-weight.wv3 .wv3 ul { list-style: none; }
html.tl-app-feel #sc-weight.wv3 .wv3 button { font-family: inherit; }
html.tl-app-feel #sc-weight.wv3 .wv3 :focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel #sc-weight.wv3 #wv3-proj { display: contents; }
html.tl-app-feel :is(#sc-weight.wv3, .wv3-sheet) .wv3-ic { display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; background: currentcolor; mask: var(--i) center / contain no-repeat; }
html.tl-app-feel #sc-weight.wv3 .wv3-card { position: relative; border-radius: 22px; padding: 16px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-weight.wv3 .wv3-ch { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
html.tl-app-feel #sc-weight.wv3 .wv3-ch h3 { flex: 1 1 0%; min-width: 0px; font-size: 15px; font-weight: 750; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel #sc-weight.wv3 .wv3-aside { font-size: 12px; font-weight: 700; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 55%; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-weight.wv3 .wv3-plate { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--k, var(--v3k-weight)) 74%, #fff) 0%, var(--k, var(--v3k-weight)) 100%); box-shadow: 0 8px 16px -8px var(--k, var(--v3k-weight)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-weight.wv3 .wv3-plate.wv3-grad { background: var(--v3s-grad); box-shadow: 0 8px 16px -8px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-weight.wv3 .wv3-sec { padding: 6px 2px 10px; font-size: 17px; font-weight: 800; letter-spacing: -0.03em; color: var(--v3s-t1); }
html.tl-app-feel #sc-weight.wv3 .wv3-mini { margin-top: 12px; padding: 8px 14px; border: 0px; border-radius: 999px; cursor: pointer; font-size: 13px; font-weight: 700; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-weight.wv3 .wv3-hero { position: relative; overflow: hidden; isolation: isolate; border-radius: 26px; padding: 18px 18px 16px; color: rgb(255, 255, 255); background: var(--v3s-hero); box-shadow: 0 22px 44px -22px var(--v3s-hero-sh), inset 0 1px 0 rgba(255,255,255,.18); }
html.tl-app-feel #sc-weight.wv3 .wv3-hero::before, html.tl-app-feel #sc-weight.wv3 .wv3-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; filter: blur(36px); pointer-events: none; }
html.tl-app-feel #sc-weight.wv3 .wv3-hero::before { width: 210px; height: 210px; right: -70px; top: -90px; background: color-mix(in srgb, var(--v3c-weight) 58%, transparent); }
html.tl-app-feel #sc-weight.wv3 .wv3-hero::after { width: 170px; height: 170px; left: -70px; bottom: -110px; background: var(--v3s-hero-a); }
html.tl-app-feel #sc-weight.wv3 .wv3-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; opacity: 0.82; }
html.tl-app-feel #sc-weight.wv3 .wv3-hero-main { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
html.tl-app-feel #sc-weight.wv3 .wv3-big { font-size: 50px; font-weight: 800; letter-spacing: -0.045em; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-weight.wv3 .wv3-big small { margin-left: 6px; font-size: 20px; font-weight: 700; letter-spacing: -0.02em; opacity: 0.8; }
html.tl-app-feel #sc-weight.wv3 .wv3-lbl { margin: 6px 0px 10px; font-size: 14px; font-weight: 600; opacity: 0.86; }
html.tl-app-feel #sc-weight.wv3 .wv3-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 5px 10px 5px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; background: rgba(255, 255, 255, 0.16); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset; }
html.tl-app-feel #sc-weight.wv3 .wv3-chip i { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 0px 2px; }
html.tl-app-feel #sc-weight.wv3 .wv3-chip.wv3-good i { background: rgb(74, 222, 128); }
html.tl-app-feel #sc-weight.wv3 .wv3-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.tl-app-feel #sc-weight.wv3 .wv3-ring { position: relative; flex: 0 0 auto; width: 102px; height: 102px; }
html.tl-app-feel #sc-weight.wv3 .wv3-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); }
html.tl-app-feel #sc-weight.wv3 .wv3-ring circle { fill: none; stroke-width: 9; }
html.tl-app-feel #sc-weight.wv3 .wv3-ring .wv3-trk { stroke: rgba(255, 255, 255, 0.16); }
html.tl-app-feel #sc-weight.wv3 .wv3-ring .wv3-bar { stroke: rgb(255, 255, 255); stroke-linecap: round; filter: drop-shadow(rgba(255, 255, 255, 0.45) 0px 0px 6px); transition: stroke-dashoffset 0.9s; }
html.tl-app-feel #sc-weight.wv3 .wv3-ring-c { position: absolute; inset: 0px; display: grid; place-content: center; text-align: center; padding: 0px 8px; }
html.tl-app-feel #sc-weight.wv3 .wv3-ring-c b { font-size: 22px; font-weight: 800; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-weight.wv3 .wv3-ring-c span { margin-top: -1px; font-size: 10.5px; font-weight: 600; opacity: 0.8; }
html.tl-app-feel #sc-weight.wv3 .wv3-facts { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.16); }
html.tl-app-feel #sc-weight.wv3 .wv3-fact { display: flex; flex-direction: column; gap: 3px; min-width: 0px; padding: 0px 8px; }
html.tl-app-feel #sc-weight.wv3 .wv3-fact + .wv3-fact { border-left: 1px solid rgba(255, 255, 255, 0.14); }
html.tl-app-feel #sc-weight.wv3 .wv3-fact:first-child { padding-left: 0px; }
html.tl-app-feel #sc-weight.wv3 .wv3-fact span { font-size: 11px; font-weight: 600; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-weight.wv3 .wv3-fact b { font-size: 16px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-weight.wv3 .wv3-actions { display: flex; gap: 8px; margin-top: 16px; }
html.tl-app-feel #sc-weight.wv3 .wv3-btn { flex: 1 1 0%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 0px; padding: 12px 14px; border: 0px; border-radius: 14px; cursor: pointer; font-size: 15px; font-weight: 750; color: rgb(30, 27, 75); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.6) 0px 10px 24px -12px; transition: transform 0.15s; }
html.tl-app-feel #sc-weight.wv3 .wv3-btn:active { transform: scale(0.98); }
html.tl-app-feel #sc-weight.wv3 .wv3-btn .wv3-ic { width: 14px; height: 14px; }
html.tl-app-feel #sc-weight.wv3 .wv3-btn.wv3-ghost { flex: 0 0 auto; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.14); box-shadow: rgba(255, 255, 255, 0.24) 0px 0px 0px 1px inset; }
html.tl-app-feel #sc-weight.wv3 .wv3-seg { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 4px; margin: -2px 0px 12px; padding: 4px; border-radius: 14px; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-weight.wv3 .wv3-seg button { padding: 7px 0px; border: 0px; border-radius: 10px; cursor: pointer; font-size: 12.5px; font-weight: 750; color: var(--v3s-t3); background: none; }
html.tl-app-feel #sc-weight.wv3 .wv3-seg button.wv3-on { color: var(--v3s-t1); background: var(--v3s-card); box-shadow: 0 2px 8px -3px rgba(0,0,0,.35), 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-weight.wv3 .wv3-chart { position: relative; height: 196px; margin: 0px -4px; color: var(--v3c-weight); touch-action: pan-y; }
html.tl-app-feel #sc-weight.wv3 .wv3-chart svg { display: block; overflow: visible; }
html.tl-app-feel #sc-weight.wv3 .wv3-chart .wv3-grid { stroke: var(--v3s-line); stroke-width: 1; }
html.tl-app-feel #sc-weight.wv3 .wv3-chart .wv3-ax { font-size: 10.5px; font-weight: 600; fill: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-weight.wv3 .wv3-chart .wv3-line { fill: none; stroke: var(--v3c-weight); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
html.tl-app-feel #sc-weight.wv3 .wv3-chart .wv3-dot { cursor: pointer; fill: var(--v3s-card); stroke: var(--v3c-weight); stroke-width: 2.4; }
html.tl-app-feel #sc-weight.wv3 .wv3-chart .wv3-dot.wv3-dense { fill: var(--v3c-weight); stroke: none; }
html.tl-app-feel #sc-weight.wv3 .wv3-chart .wv3-dot.wv3-sel { fill: var(--v3c-weight); stroke: var(--v3s-card); stroke-width: 3; stroke-dasharray: none; filter: drop-shadow(0 0 6px color-mix(in srgb, var(--v3c-weight) 60%, transparent)); }
html.tl-app-feel #sc-weight.wv3 .wv3-chart .wv3-goal { stroke: var(--v3s-t2); stroke-width: 1.5; stroke-dasharray: 5, 5; opacity: 0.55; }
html.tl-app-feel #sc-weight.wv3 .wv3-chart .wv3-gtag { font-size: 10.5px; font-weight: 800; fill: var(--v3s-t2); }
html.tl-app-feel #sc-weight.wv3 .wv3-tip { position: absolute; z-index: 2; transform: translate(-50%, -100%); padding: 6px 10px; border-radius: 10px; pointer-events: none; text-align: center; white-space: nowrap; color: var(--v3s-canvas); background: var(--v3s-t1); box-shadow: rgba(0, 0, 0, 0.55) 0px 8px 20px -8px; }
html.tl-app-feel #sc-weight.wv3 .wv3-tip b { display: block; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-weight.wv3 .wv3-tip span { font-size: 11px; font-weight: 600; opacity: 0.78; }
html.tl-app-feel #sc-weight.wv3 .wv3-tip::after { content: ""; position: absolute; left: calc(50% + var(--wv3-ax, 0px)); bottom: -4px; width: 8px; height: 8px; margin-left: -4px; transform: rotate(45deg); background: inherit; }
html.tl-app-feel #sc-weight.wv3 .wv3-tiles { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
html.tl-app-feel #sc-weight.wv3 .wv3-tile { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0px; padding: 14px; border: 0px; border-radius: 20px; text-align: left; font: inherit; color: inherit; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-weight.wv3 .wv3-tile.wv3-tap { cursor: pointer; transition: transform 0.15s; }
html.tl-app-feel #sc-weight.wv3 .wv3-tile.wv3-tap:active { transform: scale(0.98); }
html.tl-app-feel #sc-weight.wv3 .wv3-tile .wv3-plate { margin-bottom: 8px; }
html.tl-app-feel #sc-weight.wv3 .wv3-t-lbl { font-size: 12.5px; font-weight: 650; color: var(--v3s-t2); }
html.tl-app-feel #sc-weight.wv3 .wv3-t-val { max-width: 100%; font-size: 21px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.15; color: var(--v3s-t1); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-weight.wv3 .wv3-t-val small { margin-left: 3px; font-size: 13px; font-weight: 700; color: var(--v3s-t3); }
html.tl-app-feel #sc-weight.wv3 .wv3-t-sub { font-size: 11.5px; line-height: 1.35; color: var(--v3s-t3); }
html.tl-app-feel #sc-weight.wv3 .wv3-gbar { position: relative; height: 12px; margin: 6px 0px 0px; border-radius: 6px; background: var(--v3s-track); }
html.tl-app-feel #sc-weight.wv3 .wv3-gbar i { position: absolute; inset: 0px auto 0px 0px; width: var(--p, 0%); border-radius: 6px; background: linear-gradient(90deg, color-mix(in srgb, var(--v3c-weight) 55%, transparent), var(--v3c-weight)); transition: width 0.8s; }
html.tl-app-feel #sc-weight.wv3 .wv3-gdot { position: absolute; top: -5px; left: var(--p, 0%); width: 22px; height: 22px; margin-left: -11px; border-radius: 50%; background: var(--v3s-card); box-shadow: 0 0 0 3px var(--v3c-weight), 0 6px 14px -4px rgba(0,0,0,.5); transition: left 0.8s; }
html.tl-app-feel #sc-weight.wv3 .wv3-glbls { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); margin-top: 14px; }
html.tl-app-feel #sc-weight.wv3 .wv3-glbls span { display: flex; flex-direction: column; gap: 2px; min-width: 0px; font-size: 11px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-weight.wv3 .wv3-glbls span:nth-child(2) { text-align: center; }
html.tl-app-feel #sc-weight.wv3 .wv3-glbls span:nth-child(3) { text-align: right; }
html.tl-app-feel #sc-weight.wv3 .wv3-glbls b { font-size: 15px; font-weight: 800; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-weight.wv3 .wv3-glines { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--v3s-line); }
html.tl-app-feel #sc-weight.wv3 .wv3-glines li { font-size: 13px; line-height: 1.5; color: var(--v3s-t2); }
html.tl-app-feel #sc-weight.wv3 .wv3-glines li:first-child { font-size: 15px; font-weight: 750; color: var(--v3s-t1); }
html.tl-app-feel #sc-weight.wv3 .wv3 .wproj-card { margin: 0px; border: 0px; border-radius: 22px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); color: var(--v3s-t1); }
html.tl-app-feel #sc-weight.wv3 .wv3-coach-hd { align-items: flex-start; margin-bottom: 0px; }
html.tl-app-feel #sc-weight.wv3 .wv3-coach-hd > div { flex: 1 1 0%; min-width: 0px; }
html.tl-app-feel #sc-weight.wv3 .wv3-coach-hd h3 { font-size: 17px; font-weight: 800; letter-spacing: -0.03em; }
html.tl-app-feel #sc-weight.wv3 .wv3-coach-txt { margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel #sc-weight.wv3 .wv3-coach #ai-weight-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0px 0px; padding: 0px; }
html.tl-app-feel #sc-weight.wv3 .wv3-coach #ai-weight-btns .wide-btn { width: 100%; box-sizing: border-box; margin: 0px; padding: 11px 10px; border: 0px; border-radius: 14px; cursor: pointer; font-size: 13px; font-weight: 700; line-height: 1.3; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-weight.wv3 .wv3-coach #ai-weight-btns #ai-weight-btn-ai { color: rgb(255, 255, 255); background: var(--v3s-grad); box-shadow: 0 10px 20px -12px var(--v3s-grad-sh); }
html.tl-app-feel #sc-weight.wv3 .wv3-coach #ai-weight-results { margin: 0px !important; }
html.tl-app-feel #sc-weight.wv3 .wv3-coach #ai-weight-results:not(:empty) { margin-top: 12px !important; }
html.tl-app-feel #sc-weight.wv3 .wv3-hist { padding: 4px 8px 4px 16px; }
html.tl-app-feel #sc-weight.wv3 .wv3-hrow { display: flex; align-items: center; gap: 4px; }
html.tl-app-feel #sc-weight.wv3 .wv3-hrow + .wv3-hrow { border-top: 1px solid var(--v3s-line); }
html.tl-app-feel #sc-weight.wv3 .wv3-hmain { flex: 1 1 0%; min-width: 0px; display: grid; grid-template-columns: 40px minmax(0px, 1fr); align-items: center; gap: 12px; padding: 11px 0px; border: 0px; background: none; cursor: pointer; text-align: left; color: inherit; font: inherit; }
html.tl-app-feel #sc-weight.wv3 .wv3-hdate { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 40px; height: 42px; border-radius: 12px; background: color-mix(in srgb, var(--v3c-weight) 14%, var(--v3s-card-2)); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-weight.wv3 .wv3-hdate b { font-size: 15px; font-weight: 800; line-height: 1.05; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-weight.wv3 .wv3-hdate span { font-size: 10px; font-weight: 700; color: var(--v3s-t3); text-transform: uppercase; letter-spacing: 0.04em; }
html.tl-app-feel #sc-weight.wv3 .wv3-hmid { min-width: 0px; }
html.tl-app-feel #sc-weight.wv3 .wv3-hmid > b { display: block; font-size: 15px; font-weight: 800; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-weight.wv3 .wv3-hmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 2px; font-size: 11.5px; font-weight: 650; color: var(--v3s-t3); }
html.tl-app-feel #sc-weight.wv3 .wv3-delta { font-weight: 800; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-weight.wv3 .wv3-delta.wv3-good { color: var(--v3s-pos); }
html.tl-app-feel #sc-weight.wv3 .wv3-delta.wv3-bad { color: var(--v3s-neg); }
html.tl-app-feel #sc-weight.wv3 .wv3-delta.wv3-flat { color: var(--v3s-t3); }
html.tl-app-feel #sc-weight.wv3 .wv3-del { flex: 0 0 auto; display: grid; place-items: center; width: 38px; height: 38px; padding: 0px; border: 0px; border-radius: 12px; cursor: pointer; color: var(--v3s-t3); background: none; }
html.tl-app-feel #sc-weight.wv3 .wv3-del:active { color: var(--v3s-neg); background: var(--v3s-card-2); }
html.tl-app-feel #sc-weight.wv3 .wv3-more { width: 100%; margin-top: 2px; padding: 12px 0px 10px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--v3s-line); background: none; cursor: pointer; font-size: 13px; font-weight: 700; color: var(--v3s-brand); }
@keyframes wv3-rise { 
  0% { transform: translateY(40px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
html.tl-app-feel #sc-weight.wv3 #bmi-sheet { z-index: 1200; background: rgba(2, 4, 10, 0.6); }
html.tl-app-feel #sc-weight.wv3 #bmi-sheet .wt-sheet-card { max-width: 560px; padding: 8px 18px calc(22px + var(--tl-safe-bottom, env(safe-area-inset-bottom, 0px))); border-radius: 28px 28px 0px 0px; color: var(--v3s-t1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 -1px 0 var(--v3s-line), 0 -24px 60px -20px rgba(0,0,0,.6); }
html.tl-app-feel #sc-weight.wv3 #bmi-sheet :is(.wt-sheet-title, .bmi-sheet-cat, .bmi-sheet-copy, .bmi-sheet-range) { color: var(--v3s-t2); }
html.tl-app-feel #sc-weight.wv3 #bmi-sheet .wt-sheet-handle { background: var(--v3s-track); }
html.tl-app-feel #sc-weight.wv3 #bmi-sheet .mfm-btn-primary { border-radius: 16px; background: var(--v3s-grad); box-shadow: 0 12px 24px -12px var(--v3s-grad-sh); }
@media (max-width: 380px){
html.tl-app-feel #sc-weight.wv3 .wv3-big { font-size: 44px; }
html.tl-app-feel #sc-weight.wv3 .wv3-ring { width: 88px; height: 88px; }
}
@media (max-width: 340px){
html.tl-app-feel #sc-weight.wv3 .wv3-t-val { font-size: 18px; }
html.tl-app-feel #sc-weight.wv3 .wv3-fact b { font-size: 14px; }
html.tl-app-feel #sc-weight.wv3 .wv3-actions { flex-wrap: wrap; }
}
@keyframes wv3-settle { 
  0% { transform: translateY(10px) scale(0.985); }
  100% { transform: none; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-weight.wv3 .wv3 *, html.tl-app-feel #sc-weight.wv3 .wv3, html.tl-app-feel .wv3-sheet-panel { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
html.tl-app-feel { --mo3-i-crown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.56 3.27a.5.5 0 0 1 .88 0l2.95 5.6a1 1 0 0 0 1.52.29l4.27-3.66a.5.5 0 0 1 .8.52l-2.83 10.25a1 1 0 0 1-.96.73H5.81a1 1 0 0 1-.96-.73L2.02 6.02a.5.5 0 0 1 .8-.52l4.27 3.66a1 1 0 0 0 1.52-.29z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E"); --mo3-i-fire: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2c.4 3 2 4.2 3.4 5.6C17 9.2 18.5 11 18.5 14a6.5 6.5 0 0 1-13 0c0-2.2 1-3.9 2.2-5.2.2 1 .8 1.8 1.7 2 .5-3.6 1.8-6.2 2.6-8.8Zm0 10.3c-1.3 1-2 2-2 3.2a2.3 2.3 0 0 0 4.6 0c0-1.4-1.1-2.4-2.6-3.2Z'/%3E%3C/svg%3E"); --mo3-i-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='m12 2.6 2.9 5.9 6.5.9-4.7 4.6 1.1 6.4-5.8-3-5.8 3 1.1-6.4L2.6 9.4l6.5-.9z'/%3E%3C/svg%3E"); --mo3-i-lvl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 14h4v7H3zm7-5h4v12h-4zm7-6h4v18h-4z'/%3E%3C/svg%3E"); --mo3-i-logout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-veel.mo3-on #v3-veel > .v3-veel-group { position: absolute !important; left: 0px !important; right: 0px !important; top: 0px !important; height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }
html.tl-app-feel #sc-veel.mo3-on #v3-veel { position: relative; }
html.tl-app-feel #sc-veel.mo3-on .mo3 { display: flex; flex-direction: column; gap: 12px; padding: 4px 0px 8px; color: var(--v3s-t1); }
html.tl-app-feel #sc-veel.mo3-on .mo3 :where(h3, p) { margin: 0px; }
html.tl-app-feel #sc-veel.mo3-on .mo3 :is(button, a) { font-family: inherit; -webkit-tap-highlight-color: transparent; }
html.tl-app-feel #sc-veel.mo3-on .mo3 :focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-sec { margin-top: 10px; padding: 0px 2px; font-size: 17px; font-weight: 800; letter-spacing: -0.03em; color: var(--v3s-t1); }
html.tl-app-feel #sc-veel.mo3-on .mo3-plate { position: relative; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 12px; background: linear-gradient(140deg, color-mix(in srgb, var(--v3k, var(--v3s-brand)) 74%, #fff) 0%, var(--v3k, var(--v3s-brand)) 100%); box-shadow: 0 8px 16px -8px var(--v3k, var(--v3s-brand)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-veel.mo3-on .mo3-plate::after { content: ""; position: absolute; inset: 9px; background: rgb(255, 255, 255); mask: var(--v3i) center / contain no-repeat; }
html.tl-app-feel #sc-veel.mo3-on .mo3-chev { flex: 0 0 16px; width: 16px; height: 16px; background: var(--v3s-t4); mask: var(--v3i-chev) center / contain no-repeat; }
html.tl-app-feel #sc-veel.mo3-on .mo3-me { position: relative; overflow: hidden; isolation: isolate; display: flex; align-items: center; gap: 14px; width: 100%; padding: 18px 16px; border: 0px; border-radius: 26px; cursor: pointer; text-align: left; color: rgb(255, 255, 255); background: var(--v3s-hero); box-shadow: 0 22px 44px -22px var(--v3s-hero-sh), inset 0 1px 0 rgba(255,255,255,.18); transition: transform 0.18s cubic-bezier(0.2, 0, 0, 1); }
html.tl-app-feel #sc-veel.mo3-on .mo3-me::before { content: ""; position: absolute; z-index: -1; width: 200px; height: 200px; right: -70px; top: -100px; border-radius: 50%; filter: blur(36px); background: var(--v3s-hero-a); pointer-events: none; }
html.tl-app-feel #sc-veel.mo3-on .mo3-me:active { transform: scale(0.985); }
html.tl-app-feel #sc-veel.mo3-on .mo3-av { flex: 0 0 auto; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; font-size: 21px; font-weight: 800; letter-spacing: -0.02em; color: rgb(255, 255, 255); background: center center / cover no-repeat rgba(255, 255, 255, 0.18); box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 2px inset, rgba(0, 0, 0, 0.55) 0px 10px 22px -12px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-me-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-me-txt > b { font-size: 19px; font-weight: 800; letter-spacing: -0.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-veel.mo3-on .mo3-me-txt > span:not(.mo3-chips) { font-size: 12.5px; font-weight: 600; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-veel.mo3-on .mo3-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-me .mo3-chev { background: rgba(255, 255, 255, 0.75); }
html.tl-app-feel #sc-veel.mo3-on .mo3-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-tile { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0px; padding: 14px; border: 0px; border-radius: 20px; cursor: pointer; text-align: left; color: var(--v3s-t1); transition: transform 0.18s cubic-bezier(0.2, 0, 0, 1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-veel.mo3-on .mo3-tile:active { transform: scale(0.975); }
html.tl-app-feel #sc-veel.mo3-on .mo3-tile.mo3-wide { grid-column: 1 / -1; }
html.tl-app-feel #sc-veel.mo3-on .mo3-tile .mo3-plate { margin-bottom: 8px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-name { font-size: 12.5px; font-weight: 700; color: var(--v3s-t2); }
html.tl-app-feel #sc-veel.mo3-on .mo3-val { max-width: 100%; font-size: 20px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.15; color: var(--v3s-t1); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-veel.mo3-on .mo3-val small { margin-left: 4px; font-size: 12.5px; font-weight: 700; letter-spacing: 0px; color: var(--v3s-t3); }
html.tl-app-feel #sc-veel.mo3-on .mo3-cap { max-width: 100%; font-size: 11.5px; line-height: 1.35; color: var(--v3s-t3); overflow-wrap: anywhere; }
html.tl-app-feel #sc-veel.mo3-on .mo3-wide .mo3-val { font-size: 26px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-bar { align-self: stretch; height: 7px; margin-top: 8px; border-radius: 999px; overflow: hidden; background: var(--v3s-track); }
html.tl-app-feel #sc-veel.mo3-on .mo3-bar > i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, color-mix(in srgb, var(--v3a) 62%, #fff), var(--v3a)); transition: width 0.6s cubic-bezier(0.2, 0.9, 0.25, 1); }
html.tl-app-feel #sc-veel.mo3-on .mo3-list { display: flex; flex-direction: column; border-radius: 22px; overflow: hidden; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-veel.mo3-on .mo3-row { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border: 0px; background: none; cursor: pointer; text-align: left; text-decoration: none; color: var(--v3s-t1); transition: background 0.15s; }
html.tl-app-feel #sc-veel.mo3-on .mo3-row + .mo3-row { box-shadow: inset 0 1px 0 var(--v3s-line-2); }
html.tl-app-feel #sc-veel.mo3-on .mo3-row:active { background: var(--v3s-card-2); }
html.tl-app-feel #sc-veel.mo3-on .mo3-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-txt > b { font-size: 14.5px; font-weight: 700; letter-spacing: -0.015em; color: var(--v3s-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-veel.mo3-on .mo3-txt > span { font-size: 12px; font-weight: 500; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-veel.mo3-on .mo3-logout { --mo3-lo: var(--v3s-neg); display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 58px; margin-top: 6px; padding: 16px 18px; border: 0px; border-radius: 22px; cursor: pointer; font-size: 16.5px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; color: var(--mo3-lo); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px color-mix(in srgb, var(--mo3-lo) 30%, transparent), var(--v3s-shadow), var(--v3s-hi); transition: transform 0.18s cubic-bezier(0.2, 0, 0, 1); }
html.tl-app-feel:is([data-theme="blue"], [data-theme="green"]) #sc-veel.mo3-on .mo3-logout { --mo3-lo: color-mix(in srgb, var(--v3s-neg) 58%, var(--v3s-t1)); }
html.tl-app-feel #sc-veel.mo3-on .mo3-logout:active { transform: scale(0.985); }
html.tl-app-feel #sc-veel.mo3-on .mo3-lo-ico { flex: 0 0 auto; width: 22px; height: 22px; background: currentcolor; mask: var(--mo3-i-logout) center / contain no-repeat; }
html.tl-app-feel #sc-veel.mo3-on .mo3-foot { padding: 14px 0px 4px; text-align: center; font-size: 11.5px; font-weight: 600; color: var(--v3s-t3); font-variant-numeric: tabular-nums; }
@media (max-width: 360px){
html.tl-app-feel #sc-veel.mo3-on .mo3-val { font-size: 17px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-wide .mo3-val { font-size: 22px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-av { width: 50px; height: 50px; font-size: 18px; }
}
html.tl-app-feel #sc-veel.mo3-on .mo3-hero { position: relative; overflow: hidden; isolation: isolate; border-radius: 26px; background: var(--v3s-hero); box-shadow: 0 22px 44px -22px var(--v3s-hero-sh), inset 0 1px 0 rgba(255,255,255,.18); }
html.tl-app-feel #sc-veel.mo3-on .mo3-hero::before { content: ""; position: absolute; z-index: -1; width: 200px; height: 200px; right: -70px; top: -100px; border-radius: 50%; filter: blur(36px); background: var(--v3s-hero-a); pointer-events: none; }
html.tl-app-feel #sc-veel.mo3-on .mo3-hero .mo3-me { border-radius: 26px 26px 0px 0px; padding-bottom: 14px; background: none; box-shadow: none; }
html.tl-app-feel #sc-veel.mo3-on .mo3-hero .mo3-me::before { display: none; }
html.tl-app-feel #sc-veel.mo3-on .mo3-hero .mo3-me:active { transform: none; background: rgba(255, 255, 255, 0.07); }
html.tl-app-feel #sc-veel.mo3-on .mo3-av-ring { position: relative; box-shadow: rgba(0, 0, 0, 0.55) 0px 10px 22px -12px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-av-ring::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; pointer-events: none; background: conic-gradient(from -90deg, rgba(255,255,255,.92) 0 calc(var(--mo3-p, 0) * 1%), rgba(255,255,255,.2) 0); mask: radial-gradient(farthest-side, transparent calc(100% - 2.5px), rgb(0, 0, 0) calc(100% - 2.5px)); }
html.tl-app-feel #sc-veel.mo3-on .mo3-strip { display: flex; align-items: center; width: 100%; padding: 13px 16px 16px; border: 0px; border-radius: 0px 0px 26px 26px; background: none; cursor: pointer; text-align: left; color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.16) 0px 1px 0px inset; }
html.tl-app-feel #sc-veel.mo3-on .mo3-strip:active { background: rgba(255, 255, 255, 0.07); }
html.tl-app-feel #sc-veel.mo3-on .mo3-st { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 1px; padding-left: 13px; margin-left: 13px; box-shadow: rgba(255, 255, 255, 0.16) 1px 0px 0px inset; }
html.tl-app-feel #sc-veel.mo3-on .mo3-st:first-child { padding-left: 0px; margin-left: 0px; box-shadow: none; }
html.tl-app-feel #sc-veel.mo3-on .mo3-st > b { font-size: 19px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.1; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-veel.mo3-on .mo3-st > span { display: flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 650; opacity: 0.78; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-veel.mo3-on .mo3-st > span::before { content: ""; flex: 0 0 auto; width: 11px; height: 11px; background: currentcolor; mask: var(--mo3-st-i) center / contain no-repeat; }
html.tl-app-feel #sc-veel.mo3-on .mo3-st-fire { --mo3-st-i: var(--mo3-i-fire); }
html.tl-app-feel #sc-veel.mo3-on .mo3-st-star { --mo3-st-i: var(--mo3-i-star); }
html.tl-app-feel #sc-veel.mo3-on .mo3-st-lvl { --mo3-st-i: var(--mo3-i-lvl); }
html.tl-app-feel #sc-veel.mo3-on .mo3-strip .mo3-chev { flex: 0 0 auto; margin-left: 10px; background: rgba(255, 255, 255, 0.7); }
html.tl-app-feel #sc-veel.mo3-on .mo3-tile { position: relative; }
html.tl-app-feel #sc-veel.mo3-on .mo3-spark { display: flex; align-self: stretch; align-items: flex-end; gap: 3px; height: 28px; margin-top: 11px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-spark > i { position: relative; flex: 1 1 0%; min-width: 0px; height: 100%; }
html.tl-app-feel #sc-veel.mo3-on .mo3-spark > i::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 100%; max-width: 7px; border-radius: 2px; height: calc(var(--h, 0) * 1%); min-height: 3px; background: var(--v3a, var(--v3s-brand)); opacity: 0.62; }
html.tl-app-feel #sc-veel.mo3-on .mo3-spark > i.mo3-spnow::before { opacity: 1; }
html.tl-app-feel #sc-veel.mo3-on .mo3-spark > i > b { display: none; }
html.tl-app-feel #sc-veel.mo3-on .mo3-wide .mo3-spark { height: 40px; gap: 6px; margin-top: 13px; margin-bottom: 16px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-wide .mo3-spark > i::before { max-width: 11px; border-radius: 3px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-wide .mo3-spark > i > b { display: block; position: absolute; top: 100%; left: 0px; right: 0px; margin-top: 5px; text-align: center; font-size: 9.5px; font-weight: 700; font-style: normal; letter-spacing: 0px; color: var(--v3s-t4); }
html.tl-app-feel #sc-veel.mo3-on .mo3-fire { position: absolute; top: 12px; right: 12px; display: flex; align-items: center; gap: 3px; padding: 3px 8px 3px 6px; border-radius: 999px; font-size: 11.5px; font-weight: 800; line-height: 1.35; font-variant-numeric: tabular-nums; color: var(--v3s-t1); background: color-mix(in srgb, var(--v3c-gold) 17%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v3c-gold) 34%, transparent); }
html.tl-app-feel #sc-veel.mo3-on .mo3-fire > i { flex: 0 0 auto; width: 11px; height: 11px; background: var(--v3c-gold); mask: var(--mo3-i-fire) center / contain no-repeat; }
html.tl-app-feel #sc-veel.mo3-on .mo3-has-fire .mo3-name { padding-right: 4px; }
@media (max-width: 360px){
html.tl-app-feel #sc-veel.mo3-on .mo3-st > b { font-size: 17px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-st { padding-left: 10px; margin-left: 10px; }
html.tl-app-feel #sc-veel.mo3-on .mo3-fire { top: 10px; right: 10px; padding: 2px 7px 2px 5px; font-size: 11px; }
}
@keyframes mo3-settle { 
  0% { transform: translateY(10px) scale(0.985); }
  100% { transform: none; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-veel.mo3-on .mo3 *, html.tl-app-feel #sc-veel.mo3-on .mo3.mo3-intro > * { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
html.tl-app-feel { --mdv3-i-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E"); --mdv3-i-energy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E"); --mdv3-i-stress: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E"); --mdv3-i-sleep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E"); --mdv3-i-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2M15 7h2a5 5 0 1 1 0 10h-2M8 12h8'/%3E%3C/svg%3E"); --mdv3-i-cal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); --mdv3-i-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0l1.58 6.14a2 2 0 0 0 1.44 1.44l6.14 1.58a.5.5 0 0 1 0 .96l-6.14 1.58a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z'/%3E%3Cpath d='M20 3v4M22 5h-4'/%3E%3C/svg%3E"); --mdv3-i-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3C/svg%3E"); --mdv3-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-mental.mdv3 > :is(#mental-stats-row, .mood-checkin, .period-toggle[data-chart="mood"], .card-box:has(> #mood-chart), #mental-history), html.tl-app-feel #sc-mental.mdv3 > .sec-hd:is([data-i18n="mh.how_today"], [data-i18n="mh.analysis_title"], [data-i18n="mh.mood_trend"], [data-i18n="mh.history"]) { position: absolute !important; left: 0px !important; right: 0px !important; top: 0px !important; height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }
html.tl-app-feel #sc-mental.mdv3 > .screen-header { align-items: center; gap: 12px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }
html.tl-app-feel #sc-mental.mdv3 > .screen-header .tl-scr-back { position: relative; flex: 0 0 40px; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; font-size: 0px; color: var(--v3s-t1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-mental.mdv3 > .screen-header .tl-scr-back::before { content: ""; position: absolute; inset: 11px; background: currentcolor; mask: var(--v3i-back) center / contain no-repeat; }
html.tl-app-feel #sc-mental.mdv3 > .screen-header .screen-title { font-size: 22px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.1; color: var(--v3s-t1); }
html.tl-app-feel #sc-mental.mdv3 > .screen-header .screen-title > span:not([data-i18n]) { display: none; }
html.tl-app-feel #sc-mental.mdv3 > .screen-header .screen-sub { margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--v3s-t3); }
html.tl-app-feel #sc-mental.mdv3 .mdv3 { display: flex; flex-direction: column; gap: 14px; padding: 6px 16px 8px; color: var(--v3s-t1); }
html.tl-app-feel #sc-mental.mdv3 .mdv3 :where(h3, p, ul) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3 ul { list-style: none; }
html.tl-app-feel #sc-mental.mdv3 .mdv3 button { font-family: inherit; }
html.tl-app-feel #sc-mental.mdv3 .mdv3 :focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel :is(#sc-mental.mdv3, .mdv3-sheet) .mdv3-ic { display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; background: currentcolor; mask: var(--i) center / contain no-repeat; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-card { position: relative; border-radius: 22px; padding: 16px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-ch { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-ch h3 { flex: 1 1 0%; min-width: 0px; font-size: 15px; font-weight: 750; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-aside { font-size: 12px; font-weight: 700; color: var(--v3s-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 45%; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-plate { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--k, var(--v3k-mood)) 74%, #fff) 0%, var(--k, var(--v3k-mood)) 100%); box-shadow: 0 8px 16px -8px var(--k, var(--v3k-mood)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-plate.mdv3-grad { background: var(--v3s-grad); box-shadow: 0 8px 16px -8px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-sec { padding: 6px 2px 10px; font-size: 17px; font-weight: 800; letter-spacing: -0.03em; color: var(--v3s-t1); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-foot { margin-top: 10px; font-size: 12px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-mental.mdv3, .mdv3-sheet) .mdv3-face { display: block; flex: 0 0 auto; overflow: visible; }
html.tl-app-feel :is(#sc-mental.mdv3, .mdv3-sheet) .mdv3-face-bg { fill: color-mix(in srgb, var(--c) 18%, transparent); stroke: var(--c); stroke-width: 2.4; }
html.tl-app-feel :is(#sc-mental.mdv3, .mdv3-sheet) .mdv3-face-eye { fill: var(--c); }
html.tl-app-feel :is(#sc-mental.mdv3, .mdv3-sheet) .mdv3-face-mouth path { fill: none; stroke: var(--c); stroke-width: 3; stroke-linecap: round; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hero .mdv3-face-bg { fill: rgba(255, 255, 255, 0.94); stroke: rgba(255, 255, 255, 0.55); stroke-width: 3; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hero { position: relative; overflow: hidden; isolation: isolate; border-radius: 26px; padding: 18px 18px 16px; color: rgb(255, 255, 255); background: var(--v3s-hero); box-shadow: 0 22px 44px -22px var(--v3s-hero-sh), inset 0 1px 0 rgba(255,255,255,.18); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hero::before, html.tl-app-feel #sc-mental.mdv3 .mdv3-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; filter: blur(36px); pointer-events: none; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hero::before { width: 210px; height: 210px; right: -70px; top: -90px; background: color-mix(in srgb, var(--v3c-mood) 58%, transparent); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hero::after { width: 170px; height: 170px; left: -70px; bottom: -110px; background: var(--v3s-hero-a); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; opacity: 0.82; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-big { margin-top: 6px; font-size: 38px; font-weight: 800; letter-spacing: -0.04em; line-height: 1.05; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-today { display: flex; align-items: center; gap: 16px; margin-top: 10px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-today-t { min-width: 0px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-today .mdv3-big { margin-top: 0px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chips li { padding: 4px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: rgba(255, 255, 255, 0.16); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset; white-space: nowrap; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-note { margin-top: 14px; padding: 10px 12px; border-radius: 14px; font-size: 13px; line-height: 1.45; background: rgba(255, 255, 255, 0.1); overflow-wrap: anywhere; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-facts { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.16); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-fact { display: flex; flex-direction: column; gap: 3px; min-width: 0px; padding: 0px 8px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-fact + .mdv3-fact { border-left: 1px solid rgba(255, 255, 255, 0.14); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-fact:first-child { padding-left: 0px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-fact span { font-size: 11px; font-weight: 600; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-fact b { font-size: 15px; font-weight: 800; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-actions { display: flex; gap: 8px; margin-top: 16px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-btn { flex: 1 1 0%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 0px; padding: 12px 14px; border: 0px; border-radius: 14px; cursor: pointer; font-size: 15px; font-weight: 750; color: rgb(30, 27, 75); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.6) 0px 10px 24px -12px; transition: transform 0.15s; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-btn:active { transform: scale(0.98); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-seg { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 4px; margin: -2px 0px 12px; padding: 4px; border-radius: 14px; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-seg button { min-width: 0px; padding: 7px 0px; border: 0px; border-radius: 10px; cursor: pointer; font-size: 12px; font-weight: 750; color: var(--v3s-t3); background: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-seg button.mdv3-on { color: var(--v3s-t1); background: var(--v3s-card); box-shadow: 0 2px 8px -3px rgba(0,0,0,.35), 0 0 0 1px var(--v3s-line); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chart { position: relative; height: 186px; margin: 0px -4px; color: var(--v3c-mood); touch-action: pan-y; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chart svg { display: block; overflow: visible; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chart .mdv3-grid { stroke: var(--v3s-line); stroke-width: 1; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chart .mdv3-ax { font-size: 10.5px; font-weight: 600; fill: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chart .mdv3-ydot { opacity: 0.85; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chart .mdv3-line { fill: none; stroke: var(--v3c-mood); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; opacity: 0.85; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chart .mdv3-dot { cursor: pointer; fill: var(--v3s-card); stroke: var(--v3c-mood); stroke-width: 2.4; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chart .mdv3-dot.mdv3-dotc { fill: var(--c); stroke: var(--v3s-card); stroke-width: 2; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-chart .mdv3-dot.mdv3-sel { stroke: var(--v3s-t1); stroke-width: 3; filter: drop-shadow(0 0 6px color-mix(in srgb, var(--c, var(--v3c-mood)) 60%, transparent)); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-tip { position: absolute; z-index: 2; transform: translate(-50%, -100%); padding: 6px 10px; border-radius: 10px; pointer-events: none; text-align: center; white-space: nowrap; color: var(--v3s-canvas); background: var(--v3s-t1); box-shadow: rgba(0, 0, 0, 0.55) 0px 8px 20px -8px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-tip b { display: block; font-size: 13px; font-weight: 800; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-tip span { font-size: 11px; font-weight: 600; opacity: 0.78; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-tip::after { content: ""; position: absolute; left: calc(50% + var(--mdv3-ax, 0px)); bottom: -4px; width: 8px; height: 8px; margin-left: -4px; transform: rotate(45deg); background: inherit; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-tiles { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-tile { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0px; padding: 14px; border-radius: 20px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-t-top { display: block; margin-bottom: 8px; min-height: 30px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-t-lbl { font-size: 12.5px; font-weight: 650; color: var(--v3s-t2); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-t-val { max-width: 100%; font-size: 21px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.15; color: var(--v3s-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-t-val small { margin-left: 2px; font-size: 13px; font-weight: 700; color: var(--v3s-t3); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-t-sub { font-size: 11.5px; line-height: 1.35; color: var(--v3s-t3); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-gw li { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0px; font-size: 13.5px; line-height: 1.5; color: var(--v3s-t1); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-gw li + li { border-top: 1px solid var(--v3s-line); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-gw .mdv3-ic { width: 18px; height: 18px; margin-top: 2px; color: var(--v3c-mood); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-tips-hd { align-items: flex-start; margin-bottom: 12px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-tips-hd > div { flex: 1 1 0%; min-width: 0px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-tips-hd h3 { font-size: 17px; font-weight: 800; letter-spacing: -0.03em; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-tips-txt { margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis { color: var(--v3s-t2); margin: 0px !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis > div { margin: 0px; border: 0px; border-radius: 0px; background: none; box-shadow: none; padding: 0px !important; color: var(--v3s-t3) !important; text-align: left !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis [style*="background:var(--surface2)"] { box-shadow: inset 0 0 0 1px var(--v3s-line); background: var(--v3s-card-2) !important; border-radius: 14px !important; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hist { padding: 4px 8px 4px 14px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hrow { display: flex; align-items: center; gap: 12px; padding: 11px 0px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hrow + .mdv3-hrow { border-top: 1px solid var(--v3s-line); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hmid { flex: 1 1 0%; min-width: 0px; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hmid > b { display: flex; align-items: baseline; gap: 8px; font-size: 15px; font-weight: 800; color: var(--v3s-t1); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hmid > b span { font-size: 12px; font-weight: 650; color: var(--v3s-t3); white-space: nowrap; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hmeta { display: block; margin-top: 2px; font-size: 11.5px; font-weight: 650; color: var(--v3s-t3); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-hmid em { display: block; margin-top: 3px; font-size: 12px; font-style: normal; color: var(--v3s-t2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-del { flex: 0 0 auto; display: grid; place-items: center; width: 38px; height: 38px; padding: 0px; border: 0px; border-radius: 12px; cursor: pointer; color: var(--v3s-t3); background: none; }
html.tl-app-feel #sc-mental.mdv3 .mdv3-del:active { color: var(--v3s-neg); background: var(--v3s-card-2); }
html.tl-app-feel #sc-mental.mdv3 .mdv3-more { width: 100%; margin-top: 2px; padding: 12px 0px 10px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--v3s-line); background: none; cursor: pointer; font-size: 13px; font-weight: 700; color: var(--v3s-brand); }
@keyframes mdv3-rise { 
  0% { transform: translateY(40px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@media (max-width: 380px){
html.tl-app-feel #sc-mental.mdv3 .mdv3-big { font-size: 32px; }
}
@media (max-width: 340px){
html.tl-app-feel #sc-mental.mdv3 .mdv3-t-val { font-size: 18px; }
}
@keyframes mdv3-settle { 
  0% { transform: translateY(10px) scale(0.985); }
  100% { transform: none; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-mental.mdv3 .mdv3 *, html.tl-app-feel #sc-mental.mdv3 .mdv3, html.tl-app-feel .mdv3-sheet-panel, html.tl-app-feel .mdv3-sface { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
html.tl-app-feel #sc-profile.pp-ready.se3 :is(.panel-back, .pp-back) { position: relative; flex: 0 0 40px; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; font-size: 0px; color: var(--v3s-t1); cursor: pointer; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-profile.pp-ready.se3 :is(.panel-back, .pp-back)::before { content: ""; position: absolute; inset: 11px; background: currentcolor; mask: var(--v3i-back) center / contain no-repeat; }
html.tl-app-feel #sc-profile.pp-ready.se3 :is(.panel-back, .pp-back):active { transform: scale(0.92); }
html.tl-app-feel #sc-profile.pp-ready.se3 .pp-summary:is(:hover, :active) { background: var(--v3s-card-2); }
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-profile.pp-ready.se3 :is(.pp-summary, .pp-identity *) { transition: none !important; }
}
html.tl-app-feel #sc-profile.pp-ready.se3 :is(.se3-ic-hd, .se3-ic-row, .se3-ic-chip, .se3-ic-lead)[data-se3-ic]::before { content: ""; display: block; background: currentcolor; mask: var(--se3-ic, none) center / contain no-repeat; }
html.tl-app-feel #sc-profile.pp-ready.se3.se3-finding > :is(.pp-identity, .se3-foot, [data-pp-entry]) { display: none !important; }
html.tl-app-feel #sc-profile.pp-ready.se3 .se3-hit-row:is(:hover, :active) { background: var(--v3s-card-2); }
@keyframes se3-markfade { 
  0%, 62% { box-shadow: 0 0 0 2px var(--v3s-brand-2); }
  100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 2px; }
}
html.tl-app-feel { --fe3-i-camera: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-feed.fe3 :where(h1, h2, h3, p) { margin: 0px; padding: 0px; }
html.tl-app-feel { --fr3-i-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); --fr3-i-inbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-friends.fr3 :where(h3, p) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-rewards.rw3 :where(h3, p) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-rewards.rw3 #rw-perfect > :empty { display: none; }
html.tl-app-feel #sc-alerts.al3 :where(h3, p) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-journal.jr3 :where(h3, p) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-wellbeing.wb3 :where(h3, p) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-help.hp3 :where(h2, h3, h4, p) { margin: 0px; padding: 0px; }
html.tl-app-feel #helpdesk-content :where(h2, h3, h4, p) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-nutrition.nu3 :where(h3, p) { margin: 0px; padding: 0px; }
html.tl-app-feel { --fp3-i-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' stroke='none' d='M13 2 4.5 13.5h6L10 22l8.5-11.5h-6z'/%3E%3C/svg%3E"); --fp3-i-pie: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 1-9 9'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9z' opacity='.32'/%3E%3C/svg%3E"); --fp3-i-ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3.2' fill='black' stroke='none'/%3E%3C/svg%3E"); --fp3-i-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c1 2.4 4.4 4 4.4 7.3a4.4 4.4 0 0 1-8.8 0c0-1.2.5-2.3 1.3-3.2.7 1.1 1.8 1.9 2.9 3-.1-2.6-.3-4.8.2-7.1z'/%3E%3C/svg%3E"); }
html.tl-app-feel:has(#food-modal.fl3) { --fl3-ac: #7C3AED; }
@keyframes fl3-sheet-in { 
  0% { transform: translateY(26px); opacity: 0.55; }
}
@keyframes fl3-fade { 
  0% { opacity: 0; }
}
@keyframes fl3-row-in { 
  0% { transform: translateY(10px); opacity: 0; }
}
html.tl-app-feel #food-modal.fl3 #fs-qty-row > [aria-pressed="true"], html.tl-app-feel #food-modal.fl3 #fs-qty-row > .active { color: rgb(255, 255, 255); background: var(--fl3-ac); box-shadow: none; }
@keyframes fl3-mic { 
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--fl3-ac) 38%, transparent); }
  50% { box-shadow: transparent 0px 0px 0px 9px; }
}
@keyframes fl3-shimmer { 
  100% { background-position: -200% 0px; }
}
html.tl-app-feel #sc-toit.ft3 { --ft3-ac: #7C3AED; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
html.tl-app-feel #sc-toit.ft3 .v3-scr-hd { padding: 4px 6px 8px; gap: 10px; }
html.tl-app-feel #sc-toit.ft3 .v3-scr-hd .v3-back { flex: 0 0 auto; width: 36px; height: 36px; border: 0px; border-radius: 50%; cursor: pointer; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); color: var(--v3s-t1); font-size: 17px; font-weight: 700; line-height: 1; }
html.tl-app-feel #sc-toit.ft3 .v3-scr-hd .v3-back:active { transform: scale(0.92); }
html.tl-app-feel #sc-toit.ft3 .v3-scr-title { font-size: 22px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; color: var(--v3s-t1); }
html.tl-app-feel #sc-toit.ft3 .v3-scr-search { display: flex; align-items: center; gap: 9px; min-height: 42px; margin: 0px 4px 10px; padding: 0px 15px; border: 0px; border-radius: 999px; cursor: pointer; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); color: var(--v3s-t3); font-size: 13.5px; font-weight: 600; }
html.tl-app-feel #sc-toit.ft3 .v3-scr-search:active { transform: scale(0.985); }
html.tl-app-feel #sc-toit.ft3 .v3-scr-search .v3-search-ico { font-size: 15px; color: var(--v3s-t3); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-hd { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 2px 0px 10px; padding: 14px 14px 12px; border-radius: 20px; overflow: hidden; background: linear-gradient(120deg, color-mix(in srgb, var(--ft3-ac) 12%, var(--v3s-card)), color-mix(in srgb, var(--v3k-bmi) 5%, var(--v3s-card))); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-hd::after { content: ""; position: absolute; top: -46px; right: -28px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ft3-ac) 22%, transparent), transparent 70%); pointer-events: none; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-title { position: relative; z-index: 1; font-size: 18px; font-weight: 800; letter-spacing: -0.025em; color: var(--v3s-t1); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-macros { position: relative; z-index: 1; display: flex; gap: 6px; margin-left: auto; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-m { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 58px; padding: 7px 8px 6px; border-radius: 13px; background: color-mix(in srgb, var(--v3s-card) 72%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--v3s-line) 80%, transparent); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-m b { font-size: 17px; font-weight: 800; letter-spacing: -0.02em; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-m i { font-style: normal; font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--v3s-t3); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-m[data-m="kcal"] b { color: var(--ft3-ac); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-m[data-m="p"] b { color: var(--v3k-protein); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-m[data-m="f"] b { color: var(--v3k-fat); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-m[data-m="c"] b { color: var(--v3k-carbs); }
html.tl-app-feel #sc-toit.ft3 .v3-delta#v3-thr-deltas { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 5px 12px; width: 100%; }
html.tl-app-feel #sc-toit.ft3 #v3-thr-deltas .v3-delta { font-size: 11px; font-weight: 700; color: var(--v3s-t3); }
html.tl-app-feel #sc-toit.ft3 #v3-thr-deltas .v3-delta.pos { color: var(--v3s-pos); }
html.tl-app-feel #sc-toit.ft3 #v3-thr-deltas .v3-delta.neg { color: var(--v3s-neg); }
html.tl-app-feel #sc-toit.ft3 #v3-thr-deltas .v3-delta.flat { color: var(--v3s-t4); }
html.tl-app-feel #sc-toit.ft3 .ft3-sum { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; width: 100%; }
html.tl-app-feel #sc-toit.ft3 .ft3-sit { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 9px 6px 8px; border-radius: 14px; background: color-mix(in srgb, var(--v3s-card) 78%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--v3s-line) 80%, transparent); }
html.tl-app-feel #sc-toit.ft3 .ft3-sic { font-size: 13px; line-height: 1; }
html.tl-app-feel #sc-toit.ft3 .ft3-sv { font-size: 15px; font-weight: 800; letter-spacing: -0.01em; color: var(--v3s-t1); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel #sc-toit.ft3 .ft3-sl { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--v3s-t4); }
html.tl-app-feel #sc-toit.ft3 .ft3-sit-w .ft3-sv { color: var(--v3k-water); }
html.tl-app-feel #sc-toit.ft3 .ft3-sit-s .ft3-sv { color: var(--v3k-steps); }
html.tl-app-feel #sc-toit.ft3 .ft3-sit-f .ft3-sv { color: var(--v3k-gold); }
html.tl-app-feel #sc-toit.ft3 .ft3-sit-m .ft3-sv { color: var(--ft3-ac); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-body { display: flex; flex-direction: column; gap: 6px; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row { position: relative; display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 7px 8px 7px 12px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--v3s-line-2); border-radius: 16px; opacity: 1; animation: 0.3s cubic-bezier(0.2, 0.8, 0.25, 1) 0s 1 normal backwards running ft3-row-in; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row:last-child { border-bottom: 0px; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row:nth-child(n+7) { animation-delay: 25ms; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row:nth-child(n+13) { animation-delay: 50ms; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row:nth-child(n+19) { animation-delay: 75ms; }
@keyframes ft3-row-in { 
  0% { transform: translateY(8px); opacity: 0; }
}
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.aura-rest { background: color-mix(in srgb, var(--ft3-ac) 4%, transparent); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.aura-part { background: color-mix(in srgb, var(--ft3-ac) 8%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ft3-ac) 12%, transparent); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.past { background: color-mix(in srgb, var(--v3s-t1) 2.5%, transparent); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.now { background: linear-gradient(120deg, color-mix(in srgb, var(--ft3-ac) 13%, var(--v3s-card)), color-mix(in srgb, var(--ft3-ac) 6%, var(--v3s-card))); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ft3-ac) 32%, var(--v3s-line)), var(--v3s-shadow); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.now::before { content: ""; position: absolute; left: 0px; top: 12px; bottom: 12px; width: 3.5px; border-radius: 999px; background: var(--ft3-ac); box-shadow: 0 0 10px color-mix(in srgb, var(--ft3-ac) 55%, transparent); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-hr { flex: 0 0 auto; width: 52px; font-size: 13px; font-weight: 800; letter-spacing: 0.01em; color: var(--v3s-t2); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.past:not(.now) .v3-thr-hr { color: var(--v3s-t3); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.now .v3-thr-hr { display: flex; flex-direction: column; gap: 1px; color: var(--ft3-ac); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.now .v3-thr-hr::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-top: 2px; border-radius: 50%; background: var(--ft3-ac); animation: 1.8s ease-in-out 0s infinite normal none running ft3-now; }
@keyframes ft3-now { 
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--ft3-ac) 45%, transparent); }
  50% { box-shadow: transparent 0px 0px 0px 5px; }
}
html.tl-app-feel #sc-toit.ft3 .ft3-nowtime { font-size: 9.5px; font-weight: 800; color: var(--ft3-ac); font-variant-numeric: tabular-nums; line-height: 1; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-track { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 5px; padding: 6px 8px; border-radius: 13px; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.now .v3-thr-track { position: relative; background: color-mix(in srgb, var(--v3s-card) 55%, transparent); }
html.tl-app-feel #sc-toit.ft3 .ft3-nowmark { position: absolute; top: 3px; bottom: 3px; left: var(--ft3-x, 0%); width: 2px; margin-left: -1px; border-radius: 999px; pointer-events: none; background: linear-gradient(180deg, color-mix(in srgb, var(--ft3-ac) 70%, transparent), var(--ft3-ac)); box-shadow: 0 0 8px color-mix(in srgb, var(--ft3-ac) 50%, transparent); transition: left 1s linear; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-bands { display: flex; gap: 3px; background: transparent; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-band { height: 5px; border-radius: 999px; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-band.fast { background: color-mix(in srgb, var(--v3k-gold) 55%, transparent); box-shadow: 0 0 8px color-mix(in srgb, var(--v3k-gold) 35%, transparent); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-band.sleep { background: color-mix(in srgb, var(--v3k-sleep) 50%, transparent); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-lane { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-steps { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: color-mix(in srgb, var(--v3k-steps) 11%, transparent); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-steps i { width: 34px; height: 3.5px; border-radius: 999px; background: var(--v3k-steps); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-steps em { font-style: normal; font-size: 11px; font-weight: 800; color: var(--v3k-steps); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-drop { padding: 4px 10px; border-radius: 999px; background: color-mix(in srgb, var(--v3k-water) 11%, transparent); color: var(--v3k-water); font-size: 11px; font-weight: 700; letter-spacing: 0px; line-height: 1.3; white-space: nowrap; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-chip { display: inline-flex; align-items: center; gap: 8px; padding: 5px 6px 5px 12px; border-radius: 999px; cursor: pointer; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line-2), var(--v3s-shadow); font-size: 12.5px; font-weight: 650; color: var(--v3s-t1); max-width: 100%; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-chip:active { transform: scale(0.96); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-chip b { flex: 0 0 auto; padding: 3px 9px; border-radius: 999px; background: color-mix(in srgb, var(--ft3-ac) 13%, transparent); color: var(--ft3-ac); font-size: 11.5px; font-weight: 800; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-add { flex: 0 0 auto; width: 34px; height: 34px; padding: 0px; border: 0px; border-radius: 50%; cursor: pointer; background: var(--ft3-ac); box-shadow: 0 4px 10px -3px color-mix(in srgb, var(--ft3-ac) 60%, transparent); color: rgb(255, 255, 255); font-size: 17px; font-weight: 700; line-height: 1; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-add:active { transform: scale(0.9); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.now .v3-thr-add { box-shadow: 0 0 0 4px color-mix(in srgb, var(--ft3-ac) 18%, transparent), 0 4px 10px -3px color-mix(in srgb, var(--ft3-ac) 60%, transparent); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-m[data-pulse] b { animation: 0.45s ease 0s 1 normal none running ft3-pulse; }
@keyframes ft3-pulse { 
  0% { transform: scale(1.14); }
  100% { transform: scale(1); }
}
@keyframes ft3-pop { 
  0% { transform: translateY(-6px) scale(0.97); opacity: 0; }
}
html.tl-app-feel #sc-toit.ft3 #v3-thr-coach:not([hidden]) { display: flex; align-items: center; gap: 11px; margin-top: 10px; padding: 12px 14px; border-radius: 16px; border: 0px; background: linear-gradient(120deg, color-mix(in srgb, var(--ft3-ac) 10%, var(--v3s-card)), var(--v3s-card)); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-coach-ico { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; background: color-mix(in srgb, var(--ft3-ac) 13%, transparent); font-size: 14px; }
html.tl-app-feel #sc-toit.ft3 .v3-thr-coach-txt { font-size: 12.5px; font-weight: 650; line-height: 1.5; color: var(--v3s-t2); }
html.tl-app-feel #sc-toit.ft3 .ft3-legend { display: flex; justify-content: center; gap: 18px; margin: 10px 2px 0px; padding: 8px 14px; border-radius: 999px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line-2); }
html.tl-app-feel #sc-toit.ft3 .ft3-leg { display: flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 650; color: var(--v3s-t3); }
html.tl-app-feel #sc-toit.ft3 .ft3-leg i { width: 9px; height: 9px; border-radius: 50%; }
html.tl-app-feel #sc-toit.ft3 .ft3-leg-a i { background: transparent; box-shadow: inset 0 0 0 1.5px var(--v3s-t4); }
html.tl-app-feel #sc-toit.ft3 .ft3-leg-b i { background: color-mix(in srgb, var(--ft3-ac) 30%, transparent); }
html.tl-app-feel #sc-toit.ft3 .ft3-leg-c i { background: var(--ft3-ac); box-shadow: 0 0 6px color-mix(in srgb, var(--ft3-ac) 55%, transparent); }
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-toit.ft3 * { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
html.tl-app-feel #sc-toit.fh3 { --fh3-ac: #7C3AED; --fh3-ac-t: var(--v3c-fast); --fh3-i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-toit.fh3.fh3-hist :is(#v3-thread, .v3-cal, #v3-day) { display: none !important; }
html.tl-app-feel #sc-toit.fh3 .fh3-view[hidden], html.tl-app-feel #sc-toit.fh3 .fh3-day-body[hidden] { display: none !important; }
html.tl-app-feel #sc-toit.fh3 .fh3-dock { margin: 0px 0px 12px; }
html.tl-app-feel #sc-toit.fh3 .fh3-dock:empty { display: none; }
html.tl-app-feel #sc-toit.fh3.fh3-kc3:not(.fh3-hist):not(.fh3-lens) #v3-thread .v3-thr-hd { display: none !important; }
html.tl-app-feel #sc-toit.fh3.fh3-kc3:not(.fh3-hist) .fh3-dock :is(#kc3-trend, #kc3-src) { display: none !important; }
html.tl-app-feel #sc-toit.fh3 .fh3-thr-ch { display: none; }
html.tl-app-feel #sc-toit.fh3.fh3-kc3:not(.fh3-lens) .fh3-thr-ch { display: flex; align-items: center; gap: 10px; margin: 2px 2px 12px; }
html.tl-app-feel #sc-toit.fh3 .fh3-thr-ch .fh3-h { flex: 1 1 0%; min-width: 0px; }
html.tl-app-feel #sc-toit.fh3 .fh3-plate { flex: 0 0 auto; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--v3k-energy) 72%, #fff) 0%, var(--v3k-energy) 100%); box-shadow: 0 8px 16px -8px var(--v3k-energy), inset 0 1px 0 rgba(255, 255, 255, .3); }
html.tl-app-feel #sc-toit.fh3 .fh3-plate i { display: block; width: 16px; height: 16px; background: currentcolor; mask: var(--fh3-i-clock) center / contain no-repeat; }
html.tl-app-feel #sc-toit.fh3 .fh3-aside { flex: 0 0 auto; font-size: 12.5px; font-weight: 650; color: var(--v3s-t2); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-toit.fh3 .fh3-diary { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; margin-left: auto; min-height: 36px; padding: 0px 14px 0px 11px; border: 0px; border-radius: 999px; cursor: pointer; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); color: var(--v3s-t1); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 750; letter-spacing: -0.005em; line-height: 1; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
html.tl-app-feel #sc-toit.fh3 .fh3-diary:active { transform: scale(0.95); }
html.tl-app-feel #sc-toit.fh3 .fh3-diary-ico { flex: 0 0 auto; width: 16px; height: 16px; background: var(--fh3-ac-t); mask: var(--v3i-book) center / contain no-repeat; }
html.tl-app-feel #sc-toit.fh3 .v3-scr-search { margin-left: 0px; margin-right: 0px; }
html.tl-app-feel #sc-toit.fh3 .fh3-seg { position: relative; display: grid; grid-template-columns: 1fr 1fr; margin: 0px 0px 12px; padding: 4px; border-radius: 999px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-toit.fh3 .fh3-seg > button { position: relative; z-index: 1; min-height: 38px; margin: 0px; padding: 0px 12px; border: 0px; border-radius: 999px; background: transparent; color: var(--v3s-t3); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13.5px; font-weight: 750; letter-spacing: -0.005em; cursor: pointer; transition: color 0.2s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
html.tl-app-feel #sc-toit.fh3 .fh3-seg > button[aria-selected="true"] { color: rgb(255, 255, 255); }
html.tl-app-feel #sc-toit.fh3 .fh3-seg-glide { position: absolute; z-index: 0; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: 999px; background: var(--fh3-ac); box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--fh3-ac) 85%, transparent); transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.25, 1); }
html.tl-app-feel #sc-toit.fh3 :is(.fh3-seg > button, .fh3-diary, .fh3-bar, .fh3-day-hd, .fh3-btn, .fh3-link):focus-visible { outline: 2px solid var(--fh3-ac-t); outline-offset: 2px; }
html.tl-app-feel #sc-toit.fh3 .fh3-view { margin: 0px 0px 18px; animation: 0.3s cubic-bezier(0.2, 0.8, 0.25, 1) 0s 1 normal none running fh3-in; }
html.tl-app-feel #sc-toit.fh3 .fh3-body { display: flex; flex-direction: column; gap: 12px; }
@keyframes fh3-in { 
  0% { opacity: 0; transform: translateY(6px); }
}
html.tl-app-feel #sc-toit.fh3 .fh3-h { margin: 0px; padding: 0px; font-size: 16px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.25; color: var(--v3s-t1); }
@keyframes fh3-grow { 
  0% { transform: scaleY(0.15); opacity: 0; }
}
@keyframes fh3-flash { 
  30% { box-shadow: 0 0 0 2px var(--fh3-ac), var(--v3s-shadow); }
}
@keyframes fh3-open { 
  0% { opacity: 0; transform: translateY(-4px); }
}
@keyframes fh3-shimmer { 
  0% { background-position: 110% 0px; }
  100% { background-position: -110% 0px; }
}
@media (max-width: 360px){
html.tl-app-feel #sc-toit.fh3 .fh3-diary-lbl { display: none; }
html.tl-app-feel #sc-toit.fh3 .fh3-diary { width: 36px; padding: 0px; justify-content: center; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-toit.fh3 :is(.fh3-view, .fh3-seg-glide, .fh3-chev, .fh3-day, .fh3-day-body, .fh3-bar i, .fh3-skel i) { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
html.tl-app-feel #sc-toit.fd4 { --fd4-i-sunrise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v8'/%3E%3Cpath d='m4.93 10.93 1.41 1.41'/%3E%3Cpath d='M2 18h2'/%3E%3Cpath d='M20 18h2'/%3E%3Cpath d='m19.07 10.93-1.41 1.41'/%3E%3Cpath d='M22 22H2'/%3E%3Cpath d='m8 6 4-4 4 4'/%3E%3Cpath d='M16 18a4 4 0 0 0-8 0'/%3E%3C/svg%3E"); --fd4-i-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/svg%3E"); --fd4-i-sunset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 10V2'/%3E%3Cpath d='m4.93 10.93 1.41 1.41'/%3E%3Cpath d='M2 18h2'/%3E%3Cpath d='M20 18h2'/%3E%3Cpath d='m19.07 10.93-1.41 1.41'/%3E%3Cpath d='M22 22H2'/%3E%3Cpath d='m16 6-4 4-4-4'/%3E%3Cpath d='M16 18a4 4 0 0 0-8 0'/%3E%3C/svg%3E"); --fd4-i-apple: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z'/%3E%3Cpath d='M10 2c1 .5 2 2 2 5'/%3E%3C/svg%3E"); --fd4-i-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E"); --fd4-i-camera: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E"); --fd4-i-barcode: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M17 3h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M21 17v2a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M8 7v10'/%3E%3Cpath d='M12 7v10'/%3E%3Cpath d='M17 7v10'/%3E%3C/svg%3E"); --fd4-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); --fd4-i-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E"); --fd4-i-steps: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z'/%3E%3Cpath d='M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z'/%3E%3Cpath d='M16 17h4'/%3E%3Cpath d='M4 13h4'/%3E%3C/svg%3E"); --fd4-i-drop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E"); --fd4-i-timer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2h4'/%3E%3Cpath d='m12 14 3-3'/%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3C/svg%3E"); --fd4-i-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); --fd4-i-utensils: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2'/%3E%3Cpath d='M7 2v20'/%3E%3Cpath d='M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7'/%3E%3C/svg%3E"); --fd4-breakfast: var(--v3c-gold); --fd4-lunch: var(--v3c-meals); --fd4-dinner: var(--v3c-sleep); --fd4-snack: var(--v3c-water); --fd4-i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); --fd4-i-undo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7v6h6'/%3E%3Cpath d='M3.5 13a9 9 0 1 0 2.1-5.9L3 10'/%3E%3C/svg%3E"); --fd4-cut: var(--surface, var(--v3s-card)); --fd4-fill: var(--tl-food-fill, linear-gradient(135deg, #2A303C, #3E4554)); --fd4-fill-sh: var(--tl-food-fill-sh, 0 4px 10px -4px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .10)); }
html.tl-app-feel #sc-toit.fd4.fd4-on #v3-thr-body, html.tl-app-feel #sc-toit.fd4.fd4-on #v3-thr-coach, html.tl-app-feel #sc-toit.fd4.fd4-on #v3-thread .ft3-legend, html.tl-app-feel #sc-toit.fd4.fd4-on #v3-thread .fh3-thr-ch .fh3-aside { display: none !important; }
html.tl-app-feel #sc-toit.fd4 .fd4-aside { flex: 0 0 auto; font-size: 12.5px; font-weight: 650; color: var(--v3s-t2); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-toit.fd4 .fd4-aside:empty { display: none; }
html.tl-app-feel #sc-toit.fd4 .fd4 { margin: 2px 0px; }
html.tl-app-feel #sc-toit.fd4 .fd4-tl { list-style: none; margin: 0px; padding: 0px; }
html.tl-app-feel #sc-toit.fd4 .fd4-it { position: relative; display: grid; grid-template-columns: 42px 22px minmax(0px, 1fr); column-gap: 6px; align-items: start; }
html.tl-app-feel #sc-toit.fd4 .fd4-t { padding-top: 11px; text-align: right; font-size: 12.5px; font-weight: 750; line-height: 1.2; letter-spacing: 0.01em; color: var(--v3s-t2); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel #sc-toit.fd4 .fd4-r { position: relative; align-self: stretch; min-height: 100%; }
html.tl-app-feel #sc-toit.fd4 .fd4-r::before { content: ""; position: absolute; left: 50%; top: 0px; bottom: 0px; width: 2px; margin-left: -1px; border-radius: 2px; background: var(--v3s-line); transform-origin: center top; }
html.tl-app-feel #sc-toit.fd4 .fd4-it:first-child .fd4-r::before { top: 18px; }
html.tl-app-feel #sc-toit.fd4 .fd4-it:last-child .fd4-r::before { bottom: auto; height: 18px; }
html.tl-app-feel #sc-toit.fd4 .fd4-gap:first-child .fd4-r::before { top: 4px; mask-image: linear-gradient(to top, rgb(0, 0, 0) 55%, transparent); }
html.tl-app-feel #sc-toit.fd4 .fd4-node { position: absolute; left: 50%; top: 18px; z-index: 1; width: 12px; height: 12px; margin: -6px 0px 0px -6px; border-radius: 50%; background: var(--v3s-t3); box-shadow: 0 0 0 3px var(--fd4-cut); }
html.tl-app-feel #sc-toit.fd4 .fd4-c { min-width: 0px; padding: 4px 0px 6px; }
html.tl-app-feel #sc-toit.fd4 .fd4-meal[data-meal="breakfast"] { --mc: var(--fd4-breakfast); --mi: var(--fd4-i-sunrise); }
html.tl-app-feel #sc-toit.fd4 .fd4-meal[data-meal="lunch"] { --mc: var(--fd4-lunch); --mi: var(--fd4-i-sun); }
html.tl-app-feel #sc-toit.fd4 .fd4-meal[data-meal="dinner"] { --mc: var(--fd4-dinner); --mi: var(--fd4-i-sunset); }
html.tl-app-feel #sc-toit.fd4 .fd4-meal[data-meal="snack"] { --mc: var(--fd4-snack); --mi: var(--fd4-i-apple); }
html.tl-app-feel #sc-toit.fd4 .fd4-meal .fd4-node { background: var(--mc); }
html.tl-app-feel #sc-toit.fd4 .fd4-card { display: block; width: 100%; margin: 0px; padding: 11px 12px; border: 0px; border-radius: 18px; cursor: pointer; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line-2); color: inherit; font: inherit; text-align: left; -webkit-tap-highlight-color: transparent; touch-action: manipulation; transition: transform 0.15s; }
html.tl-app-feel #sc-toit.fd4 .fd4-card:active { transform: scale(0.985); }
html.tl-app-feel #sc-toit.fd4 .fd4-mh { display: flex; align-items: center; gap: 9px; }
html.tl-app-feel #sc-toit.fd4 .fd4-plate { flex: 0 0 auto; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 9px; background: color-mix(in srgb, var(--mc) 17%, transparent); color: var(--mc); }
html.tl-app-feel #sc-toit.fd4 .fd4-plate i, html.tl-app-feel #sc-toit.fd4 .fd4-pill i, html.tl-app-feel #sc-toit.fd4 .fd4-sleep .fd4-node i, html.tl-app-feel #sc-toit.fd4 .fd4-chev, html.tl-app-feel #sc-toit.fd4 :is(.fd4-add, .fd4-pk, .fd4-log, .fd4-ib, .fd4-big) i { display: block; flex: 0 0 auto; background: currentcolor; mask: var(--ic) center / contain no-repeat; }
html.tl-app-feel #sc-toit.fd4 .fd4-plate i { width: 15px; height: 15px; --ic: var(--mi); }
html.tl-app-feel #sc-toit.fd4 .fd4-mn { flex: 1 1 0%; min-width: 0px; font-size: 14.5px; font-weight: 780; letter-spacing: -0.01em; line-height: 1.25; color: var(--v3s-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-toit.fd4 .fd4-mk { flex: 0 0 auto; font-size: 11.5px; font-weight: 700; color: var(--v3s-t3); white-space: nowrap; }
html.tl-app-feel #sc-toit.fd4 .fd4-mk b { font-size: 15px; font-weight: 800; letter-spacing: -0.01em; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-toit.fd4 .fd4-share { display: block; height: 3px; margin: 10px 0px 1px; border-radius: 99px; background: var(--v3s-track); overflow: hidden; }
html.tl-app-feel #sc-toit.fd4 .fd4-share i { display: block; height: 100%; border-radius: inherit; background: var(--mc); transform-origin: left center; }
html.tl-app-feel #sc-toit.fd4 .fd4-foods { display: flex; flex-direction: column; gap: 6px; margin-top: 9px; }
html.tl-app-feel #sc-toit.fd4 .fd4-f { display: flex; align-items: baseline; gap: 12px; font-size: 13px; font-weight: 600; line-height: 1.3; color: var(--v3s-t2); }
html.tl-app-feel #sc-toit.fd4 .fd4-f span { flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel #sc-toit.fd4 .fd4-f b { flex: 0 0 auto; font-weight: 700; color: var(--v3s-t2); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-toit.fd4 .fd4-gap .fd4-c { padding: 2px 0px; }
html.tl-app-feel #sc-toit.fd4 .fd4-gh { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 38px; margin: 0px; padding: 6px 2px 6px 0px; border: 0px; background: none; color: inherit; font: inherit; text-align: left; }
html.tl-app-feel #sc-toit.fd4 .fd4-gx { flex: 1 1 0%; min-width: 0px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 7px; }
html.tl-app-feel #sc-toit.fd4 button.fd4-gh { cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; border-radius: 12px; }
html.tl-app-feel #sc-toit.fd4 button.fd4-gh:active { background: color-mix(in srgb, var(--v3s-t1) 4%, transparent); }
html.tl-app-feel #sc-toit.fd4 .fd4-gd { font-size: 12.5px; font-weight: 650; color: var(--v3s-t3); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.tl-app-feel #sc-toit.fd4 .fd4-pill { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px 3px 7px; border-radius: 999px; font-size: 11.5px; font-weight: 750; line-height: 1.35; white-space: nowrap; font-variant-numeric: tabular-nums; background: color-mix(in srgb, var(--pc) 13%, transparent); color: color-mix(in srgb, var(--pc) 88%, var(--v3s-t1)); }
html.tl-app-feel #sc-toit.fd4 .fd4-pill i { width: 12px; height: 12px; }
html.tl-app-feel #sc-toit.fd4 .fd4-pill.is-steps { --pc: var(--v3c-steps); --ic: var(--fd4-i-steps); }
html.tl-app-feel #sc-toit.fd4 .fd4-pill.is-water { --pc: var(--v3c-water); --ic: var(--fd4-i-drop); }
html.tl-app-feel #sc-toit.fd4 .fd4-chev { width: 15px; height: 15px; color: var(--v3s-t3); --ic: var(--fd4-i-chev); transition: transform 0.25s; }
@keyframes fd4-open { 
  0% { opacity: 0; transform: translateY(-4px); }
}
html.tl-app-feel #sc-toit.fd4 .fd4-now .fd4-t { color: var(--v3s-t1); font-weight: 820; }
html.tl-app-feel #sc-toit.fd4 .fd4-now .fd4-node { width: 14px; height: 14px; margin: -7px 0px 0px -7px; background: var(--fd4-cut); box-shadow: inset 0 0 0 3.5px var(--v3s-t1), 0 0 0 3px var(--fd4-cut); }
html.tl-app-feel #sc-toit.fd4 .fd4-now .fd4-node::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1.5px solid var(--v3s-t1); opacity: 0; animation: 2.6s cubic-bezier(0.2, 0.7, 0.3, 1) 0.6s 3 normal none running fd4-ping; }
@keyframes fd4-ping { 
  0% { transform: scale(0.55); opacity: 0.5; }
  75%, 100% { transform: scale(1.45); opacity: 0; }
}
html.tl-app-feel #sc-toit.fd4 .fd4-now .fd4-c { padding: 8px 0px 10px; }
html.tl-app-feel #sc-toit.fd4 .fd4-nh { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding-top: 1px; }
html.tl-app-feel #sc-toit.fd4 .fd4-nh b { font-size: 15px; font-weight: 800; letter-spacing: -0.01em; color: var(--v3s-t1); }
html.tl-app-feel #sc-toit.fd4 .fd4-nh span { min-width: 0px; font-size: 12.5px; font-weight: 650; color: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-toit.fd4 .fd4-acts { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
html.tl-app-feel #sc-toit.fd4 :is(.fd4-log, .fd4-ib, .fd4-big) { margin: 0px; border: 0px; cursor: pointer; font: inherit; -webkit-tap-highlight-color: transparent; touch-action: manipulation; transition: transform 0.15s; }
html.tl-app-feel #sc-toit.fd4 :is(.fd4-log, .fd4-ib, .fd4-big):active { transform: scale(0.95); }
html.tl-app-feel #sc-toit.fd4 .fd4-log { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0px 18px 0px 14px; border-radius: 999px; background: var(--fd4-fill); box-shadow: var(--fd4-fill-sh); color: rgb(255, 255, 255); font-size: 14px; font-weight: 750; letter-spacing: -0.005em; }
html.tl-app-feel #sc-toit.fd4 .fd4-log i { width: 15px; height: 15px; --ic: var(--fd4-i-plus); }
html.tl-app-feel #sc-toit.fd4 .fd4-ib { display: grid; place-items: center; width: 42px; height: 42px; padding: 0px; border-radius: 50%; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); color: var(--v3s-t1); }
html.tl-app-feel #sc-toit.fd4 .fd4-ib i { width: 18px; height: 18px; }
html.tl-app-feel #sc-toit.fd4 :is(.fd4-ib, .fd4-big).is-photo i { --ic: var(--fd4-i-camera); }
html.tl-app-feel #sc-toit.fd4 :is(.fd4-ib, .fd4-big).is-barcode i { --ic: var(--fd4-i-barcode); }
html.tl-app-feel #sc-toit.fd4 .fd4-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
html.tl-app-feel #sc-toit.fd4 :is(.fd4-card, .fd4-gh, .fd4-add, .fd4-pk, .fd4-log, .fd4-ib, .fd4-big):focus-visible { outline: 2px solid var(--v3s-t2); outline-offset: 2px; }
html.tl-app-feel #food-modal.fd4s :is(.fd4-when, .fd4-when-x, .fd4-when-in):focus-visible { outline: 2px solid var(--v3s-t2); outline-offset: 2px; }
html.tl-app-feel #sc-toit.fd4 .v3-cal-legend i.food { background: var(--v3c-energy); }
html.tl-app-feel #sc-toit.fd4 .v3-cal-legend i.fast { background: var(--v3k-gold); }
html.tl-app-feel #sc-toit.fd4 .v3-cal-legend i.weigh { background: var(--v3c-weight); }
@keyframes fd4-in { 
  0% { opacity: 0; transform: translateY(10px); }
}
@keyframes fd4-rail { 
  0% { transform: scaleY(0); }
}
@keyframes fd4-fill { 
  0% { transform: scaleX(0); }
}
@media (max-width: 360px){
html.tl-app-feel #sc-toit.fd4 .fd4-it { grid-template-columns: 38px 20px minmax(0px, 1fr); column-gap: 5px; }
html.tl-app-feel #sc-toit.fd4 .fd4-t { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-toit.fd4 .fd4 *, html.tl-app-feel #sc-toit.fd4 .fd4 ::before, html.tl-app-feel #sc-toit.fd4 .fd4 ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
html.tl-app-feel #sc-toit.fhx { --fhx-breakfast: var(--v3c-gold); --fhx-lunch: var(--v3c-meals); --fhx-dinner: var(--v3c-sleep); --fhx-snack: var(--v3c-water); --fhx-i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-toit.fhx :is(.fhx-dot, .fhx-meter i).is-breakfast { --mc: var(--fhx-breakfast); }
html.tl-app-feel #sc-toit.fhx :is(.fhx-dot, .fhx-meter i).is-lunch { --mc: var(--fhx-lunch); }
html.tl-app-feel #sc-toit.fhx :is(.fhx-dot, .fhx-meter i).is-dinner { --mc: var(--fhx-dinner); }
html.tl-app-feel #sc-toit.fhx :is(.fhx-dot, .fhx-meter i).is-snack { --mc: var(--fhx-snack); }
html.tl-app-feel #sc-toit.fhx :is(.fhx-grid, .fhx-usual) { position: absolute; top: 0px; bottom: 24px; pointer-events: none; }
@keyframes fhx-flash { 
  30% { box-shadow: 0 0 0 2px var(--v3s-t2), var(--v3s-shadow); }
}
@keyframes fhx-in { 
  0% { opacity: 0; transform: translateY(6px); }
}
@keyframes fhx-grow { 
  0% { transform: scaleX(0); }
}
@keyframes fhx-pop { 
  0% { transform: scale(0); opacity: 0; }
}
@keyframes fhx-fade { 
  0% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-toit.fhx :is(.fhx-card, .fhx-wk, .fh3-day) *, html.tl-app-feel #sc-toit.fhx .fh3-day { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
@keyframes tsb-spin { 
  100% { transform: rotate(360deg); }
}
html.tl-app-feel #sc-metric.mt3-ready[data-v3-metric="water"] .v3-scr > :is(.v3-chips, .v3-range, .v3-chart-wrap, .v3-period, .v3-legend, .v3-stats, .v3-recent, .v3-about) { position: absolute !important; left: 0px !important; right: 0px !important; top: 0px !important; height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }
html.tl-app-feel #sc-profile.pf3 :where(h3, p) { margin: 0px; padding: 0px; }
html.tl-app-feel { --co3-i-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0l1.58 6.14a2 2 0 0 0 1.44 1.44l6.14 1.58a.5.5 0 0 1 0 .96l-6.14 1.58a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z'/%3E%3Cpath d='M20 3v4M22 5h-4'/%3E%3C/svg%3E"); --co3-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); --co3-i-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); --co3-i-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E"); --co3-i-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); --co3-i-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); --co3-i-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E"); --co3-i-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/svg%3E"); }
html.tl-app-feel #sc-coach .co3 :where(h2, h3, h4, p, ul, ol) { margin: 0px; padding: 0px; }
html.tl-app-feel #sc-coach .co3 :where(ul, ol) { list-style: none; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-ic { display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; background: currentcolor; mask: var(--i) center / contain no-repeat; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-card { position: relative; border-radius: 22px; padding: 16px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-ch { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-ch h3 { flex: 1 1 0%; min-width: 0px; font-size: 15px; font-weight: 750; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-plate { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--k, var(--v3k-steps)) 74%, #fff) 0%, var(--k, var(--v3k-steps)) 100%); box-shadow: 0 8px 16px -8px var(--k, var(--v3k-steps)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-plate .co3-ic { width: 17px; height: 17px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-plate.co3-grad { background: var(--v3s-grad); box-shadow: 0 8px 16px -8px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-foot { font-size: 12px; line-height: 1.45; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-ai { flex: 0 0 auto; padding: 3px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
@keyframes co3-shim { 
  0% { background-position: 100% 0px; }
  100% { background-position: -100% 0px; }
}
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat { padding: 16px 16px 14px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-thread { display: flex; flex-direction: column; gap: 8px; max-height: 320px; overflow-y: auto; overscroll-behavior: contain; padding: 2px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-msg { display: flex; align-items: flex-end; gap: 8px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-msg.co3-user { justify-content: flex-end; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-bub { max-width: 78%; padding: 9px 12px; border-radius: 16px; font-size: 13.5px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-coach .co3-bub { color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); border-bottom-left-radius: 6px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-user .co3-bub { color: rgb(255, 255, 255); background: var(--v3s-grad); box-shadow: 0 8px 18px -10px var(--v3s-grad-sh); border-bottom-right-radius: 6px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-msg-ic { flex: 0 0 auto; display: grid; place-items: center; width: 24px; height: 24px; margin-bottom: 1px; border-radius: 9px; color: rgb(255, 255, 255); background: var(--v3s-grad); box-shadow: 0 6px 12px -8px var(--v3s-grad-sh); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-msg-ic .co3-ic { width: 12px; height: 12px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-msg.co3-err .co3-bub { color: var(--v3s-t2); background: var(--v3s-track); box-shadow: none; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-typing .co3-bub { display: inline-flex; align-items: center; gap: 4px; min-width: 44px; min-height: 34px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-typing .co3-bub i { width: 6px; height: 6px; border-radius: 50%; background: var(--v3s-t3); animation: 1.2s ease-in-out 0s infinite normal none running co3-blink; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-typing .co3-bub i:nth-child(2) { animation-delay: 0.18s; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-typing .co3-bub i:nth-child(3) { animation-delay: 0.36s; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-in { display: flex; gap: 8px; margin-top: 12px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-box { flex: 1 1 0%; min-width: 0px; min-height: 44px; padding: 10px 14px; border: 0px; border-radius: 14px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-box::placeholder { color: var(--v3s-t4); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-box:focus { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-send { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border: 0px; border-radius: 14px; cursor: pointer; color: rgb(255, 255, 255); background: var(--v3s-grad); box-shadow: 0 10px 20px -12px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.22); transition: transform 0.15s; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-send .co3-ic { width: 17px; height: 17px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-send:active { transform: scale(0.95); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-send:disabled, html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-box:disabled { opacity: 0.55; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-f { margin-top: 10px; text-align: center; }
html.tl-app-feel :is(#sc-coach, #co3-ins) #co3-kbpad { height: 0px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-ver { margin-left: auto; align-self: center; font-size: 10px; letter-spacing: 0.05em; color: var(--v3s-t4); }
@keyframes co3-blink { 
  0%, 80%, 100% { opacity: 0.35; }
  40% { opacity: 1; }
}
html.tl-app-feel #co3-ins { margin: 2px 0px 18px; color: var(--v3s-t1); }
html.tl-app-feel #co3-ins [hidden] { display: none !important; }
html.tl-app-feel #co3-ins :where(h2, h3, h4, p, ul, ol) { margin: 0px; padding: 0px; }
html.tl-app-feel #co3-ins button { font-family: inherit; -webkit-tap-highlight-color: transparent; }
html.tl-app-feel #co3-ins :focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx { padding: 16px 16px 14px; border-radius: 24px; background: radial-gradient(130% 90% at 0% 0%, color-mix(in srgb, var(--v3s-brand) 22%, transparent), transparent 62%), var(--v3s-card-grad), var(--v3s-card); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-ch { gap: 12px; margin-bottom: 14px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-ch .co3-plate { width: 38px; height: 38px; border-radius: 12px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-ch-t { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-ch-l { display: flex; align-items: center; gap: 8px; min-width: 0px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-ch h3 { flex: 0 1 auto; font-size: 16.5px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-ver { margin-left: 0px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-chat-sub { font-size: 12.5px; line-height: 1.35; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-go { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 2px; min-height: 34px; padding: 0px 9px 0px 13px; border: 0px; border-radius: 999px; cursor: pointer; font-size: 13px; font-weight: 750; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-go .co3-ic { width: 15px; height: 15px; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-go:active, html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chip:active { transform: scale(0.97); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-intro { display: none; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-thread { margin-bottom: 12px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-chat-in { margin-top: 0px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-chat-box { min-height: 46px; border-radius: 15px; font-size: 15px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-chat-send { width: 46px; height: 46px; border-radius: 15px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-chat-f { margin-top: 10px; font-size: 11.5px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx.co3-empty :is(.co3-thread, .co3-chat-f) { display: none; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chips { display: flex; gap: 8px; margin: 12px -16px 0px; padding: 0px 16px 2px; overflow-x: auto; scrollbar-width: none; mask-image: linear-gradient(90deg, rgb(0, 0, 0) calc(100% - 36px), transparent); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chips::-webkit-scrollbar { display: none; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chip { flex: 0 0 auto; min-height: 34px; padding: 0px 13px; border: 0px; border-radius: 999px; cursor: pointer; white-space: nowrap; font-size: 13px; font-weight: 650; color: var(--v3s-t2); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); transition: transform 0.15s; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-chips:empty { display: none; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-cons-b { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-cons-b .co3-cons-y { color: rgb(255, 255, 255); background: var(--v3s-grad); box-shadow: 0 8px 18px -10px var(--v3s-grad-sh); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-cons-b .co3-chip:disabled { opacity: 0.55; cursor: default; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-src { display: block; margin-top: 6px; font-size: 11px; font-weight: 650; letter-spacing: 0.02em; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-ai-tog { padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700; color: var(--v3s-t2); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
@media (max-width: 360px){
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-ch h3 { font-size: 15px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-ch .co3-plate { width: 34px; height: 34px; }
html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chatx .co3-ver { display: none; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel #sc-coach .co3-skel i, html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-typing .co3-bub i { animation: auto ease 0s 1 normal none running none; }
html.tl-app-feel #sc-coach .co3-bar i, html.tl-app-feel #sc-coach .co3-exp, html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chat-send, html.tl-app-feel :is(#sc-coach, #co3-ins) .co3-chip { transition: none; }
}
html.tl-app-feel { --kc3-i-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E"); --kc3-i-utensils: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2'/%3E%3Cpath d='M7 2v20'/%3E%3Cpath d='M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7'/%3E%3C/svg%3E"); --kc3-i-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E"); --kc3-i-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E"); --kc3-i-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3C/svg%3E"); --kc3-i-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E"); --kc3-i-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); }
html.tl-app-feel :is(#sc-metric, #sc-toit) { --kc3-p: #F9A8D4; --kc3-c: #93C5FD; --kc3-f: #FDE047; --kc3-o: rgba(255,255,255,.62); --kc3-breakfast: var(--v3c-gold); --kc3-lunch: var(--v3c-meals); --kc3-dinner: var(--v3c-sleep); --kc3-snack: var(--v3c-water); }
html.tl-app-feel #sc-metric.kc3-ready[data-v3-metric="calories"] .v3-scr > :is(.v3-chips, .v3-range, .v3-chart-wrap, .v3-period, .v3-legend, .v3-stats, .v3-recent, .v3-about), html.tl-app-feel #sc-metric.kc3-ready.kc3-macros:is([data-v3-metric="protein"], [data-v3-metric="carbs"], [data-v3-metric="fat"]) .v3-scr > :is(.v3-chips, .v3-range, .v3-chart-wrap, .v3-period, .v3-legend, .v3-stats, .v3-recent, .v3-about) { position: absolute !important; left: 0px !important; right: 0px !important; top: 0px !important; height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }
html.tl-app-feel #sc-metric.kc3-macros:not([data-v3-metric="calories"], [data-v3-metric="protein"], [data-v3-metric="carbs"], [data-v3-metric="fat"]) #kc3 { display: none !important; }
html.tl-app-feel #sc-toit .kc3.kc3-docked { padding: 0px; gap: 12px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3 { display: flex; flex-direction: column; gap: 14px; padding: 4px 4px 12px; color: var(--v3s-t1); transition: opacity 0.18s; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3.kc3-hold { opacity: 0; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3 [hidden] { display: none !important; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3 :where(h3, p, ol) { margin: 0px; padding: 0px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3 :where(ol) { list-style: none; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3 button { font-family: inherit; -webkit-tap-highlight-color: transparent; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3 :focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ic { display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; background: currentcolor; mask: var(--i) center / contain no-repeat; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-card { position: relative; border-radius: 24px; padding: 16px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ch { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ch h3 { flex: 1 1 0%; min-width: 0px; font-size: 16px; font-weight: 780; letter-spacing: -0.02em; line-height: 1.25; color: var(--v3s-t1); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-aside { font-size: 12.5px; font-weight: 650; color: var(--v3s-t2); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-plate { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--k, var(--v3k-energy)) 72%, #fff) 0%, var(--k, var(--v3k-energy)) 100%); box-shadow: 0 8px 16px -8px var(--k, var(--v3k-energy)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-foot { margin-top: 12px; font-size: 12px; color: var(--v3s-t2); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-empty { padding: 26px 8px 18px; text-align: center; font-size: 14px; line-height: 1.5; color: var(--v3s-t2); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-hero { position: relative; overflow: hidden; isolation: isolate; border-radius: 28px; padding: 18px 18px 16px; color: rgb(255, 255, 255); background: var(--v3s-hero); box-shadow: 0 24px 48px -24px var(--v3s-hero-sh), inset 0 1px 0 rgba(255,255,255,.18); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-hero::before, html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-hero::before { width: 250px; height: 250px; right: -96px; top: -118px; filter: blur(40px); background: radial-gradient(circle, var(--kc3-glow, rgba(255,138,76,.72)) 0%, var(--kc3-glow2, rgba(244,114,182,.38)) 55%, transparent 72%); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-hero::after { width: 200px; height: 200px; left: -90px; bottom: -130px; filter: blur(38px); background: var(--v3s-hero-a); opacity: 0.8; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 26px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-eyebrow { font-size: 11px; font-weight: 750; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.82; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-pill { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 2px; padding: 5px 8px 5px 12px; border: 0px; border-radius: 999px; cursor: pointer; font-size: 12px; font-weight: 750; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.14); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-pill .kc3-ic { width: 14px; height: 14px; opacity: 0.85; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-pill:active { transform: scale(0.97); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-pill.kc3-pill-cta { gap: 5px; padding: 6px 13px 6px 10px; color: rgb(30, 27, 75); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 18px -8px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-pill.kc3-pill-cta .kc3-ic { width: 13px; height: 13px; opacity: 1; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-hero-main { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-hero-txt { min-width: 0px; flex: 1 1 0%; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-big { display: flex; align-items: baseline; font-size: 54px; font-weight: 820; letter-spacing: -0.05em; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; text-shadow: rgba(255, 138, 76, 0.28) 0px 6px 30px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-big small { margin-left: 7px; font-size: 19px; font-weight: 700; letter-spacing: -0.01em; opacity: 0.78; text-shadow: none; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-lbl { margin: 7px 0px 11px; font-size: 14px; font-weight: 600; opacity: 0.84; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 5px 11px 5px 9px; border-radius: 999px; font-size: 12px; font-weight: 720; line-height: 1.25; background: rgba(255, 255, 255, 0.15); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset; backdrop-filter: blur(6px); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chip > span { min-width: 0px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chip .kc3-ic { width: 12px; height: 12px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-dot { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.22) 0px 0px 0px 2.5px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chip.kc3-good .kc3-dot { background: rgb(74, 222, 128); box-shadow: rgba(74, 222, 128, 0.28) 0px 0px 0px 2.5px, rgba(74, 222, 128, 0.7) 0px 0px 10px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chip.kc3-warn .kc3-dot { background: rgb(253, 186, 116); box-shadow: rgba(253, 186, 116, 0.3) 0px 0px 0px 2.5px, rgba(255, 138, 76, 0.8) 0px 0px 10px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chip.kc3-soft { background: rgba(255, 255, 255, 0.09); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chip.kc3-soft .kc3-dot { background: rgba(255, 255, 255, 0.6); box-shadow: none; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ring { position: relative; flex: 0 0 auto; width: 118px; height: 118px; margin-right: -2px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ring svg { display: block; width: 100%; height: 100%; overflow: visible; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ring circle { fill: none; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-trk { stroke: rgba(255, 255, 255, 0.14); stroke-width: 11; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-arcs { filter: drop-shadow(rgba(255, 255, 255, 0.28) 0px 0px 6px); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-arc { stroke-width: 11; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-arc-p { stroke: var(--kc3-p); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-arc-c { stroke: var(--kc3-c); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-arc-f { stroke: var(--kc3-f); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-arc-o { stroke: var(--kc3-o); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-arc-k { stroke: var(--kc3-kc, #fff); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-sweep { fill: none; stroke: rgb(255, 255, 255); stroke-width: 16; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-arc-over { stroke: var(--kc3-over, #FF8A4C); stroke-width: 6; stroke-linecap: round; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--kc3-over, #FF8A4C) 90%, transparent)); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ring-c { position: absolute; inset: 0px; display: grid; place-content: center; text-align: center; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ring-c b { font-size: 25px; font-weight: 820; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; line-height: 1.05; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ring-c b small { font-size: 14px; font-weight: 750; margin-left: 1px; opacity: 0.85; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ring-c span { font-size: 11px; font-weight: 650; opacity: 0.76; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-curve { position: relative; margin: 14px -4px 0px; height: 124px; touch-action: pan-y; cursor: crosshair; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-curve-svg { display: block; overflow: visible; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cgrid { stroke: rgba(255, 255, 255, 0.07); stroke-width: 1; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cbase { stroke: rgba(255, 255, 255, 0.22); stroke-width: 1; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cgoal { stroke: rgba(255, 255, 255, 0.5); stroke-width: 1.2; stroke-dasharray: 3, 4; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cusual { fill: none; stroke: rgba(255, 255, 255, 0.4); stroke-width: 1.6; stroke-dasharray: 1.5, 4; stroke-linecap: round; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-clbl { fill: rgba(255, 255, 255, 0.72); font-size: 10.5px; font-weight: 700; letter-spacing: 0.01em; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-clbl-u { fill: rgba(255, 255, 255, 0.58); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-carea { opacity: 1; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cline { fill: none; stroke: rgb(255, 255, 255); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(255, 255, 255, 0.55) 0px 0px 6px); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cdot { fill: rgb(255, 255, 255); stroke: rgba(255, 255, 255, 0.35); stroke-width: 3; paint-order: stroke; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cdot-guess { fill: none; stroke: rgb(255, 255, 255); stroke-width: 1.6; stroke-dasharray: 2, 2; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cnow { stroke: rgba(255, 255, 255, 0.34); stroke-width: 1; stroke-dasharray: 2, 3; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chead { fill: rgb(255, 255, 255); filter: drop-shadow(rgba(255, 255, 255, 0.9) 0px 0px 5px); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cpulse { fill: rgba(255, 255, 255, 0.5); transform-box: fill-box; transform-origin: center center; animation: 2.2s ease-out 0s infinite normal none running kc3-pulse; }
@keyframes kc3-pulse { 
  0% { transform: scale(0.7); opacity: 0.9; }
  70%, 100% { transform: scale(2.6); opacity: 0; }
}
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ctick { fill: rgba(255, 255, 255, 0.62); font-size: 10px; font-weight: 700; font-variant-numeric: tabular-nums; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cnow-pill { fill: rgba(255, 255, 255, 0.92); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cnow-t { fill: rgb(30, 27, 75); font-size: 9.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cscrub { stroke: rgba(255, 255, 255, 0.7); stroke-width: 1; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-cscrub-dot { fill: rgb(255, 255, 255); stroke: rgba(255, 255, 255, 0.35); stroke-width: 5; paint-order: stroke; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ctip { position: absolute; top: -6px; left: 50%; z-index: 2; transform: translate(-50%, -100%); max-width: 230px; padding: 7px 11px; border-radius: 12px; pointer-events: none; color: rgb(17, 24, 39); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.55) 0px 12px 26px -10px; display: flex; flex-direction: column; gap: 1px; white-space: nowrap; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ctip::after { content: ""; position: absolute; left: calc(50% + var(--kc3-ax, 0px)); bottom: -5px; width: 10px; height: 10px; margin-left: -5px; background: rgb(255, 255, 255); transform: rotate(45deg); border-radius: 2px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ctip b { font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ctip span { max-width: 208px; overflow: hidden; text-overflow: ellipsis; font-size: 11.5px; font-weight: 600; color: rgb(75, 85, 99); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-facts { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.14); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-fact { display: flex; flex-direction: column; gap: 4px; min-width: 0px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-fact > span { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 650; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-fact > span i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--m); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-fact b { font-size: 18px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-fact b small { font-size: 12px; font-weight: 650; opacity: 0.7; letter-spacing: 0px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-fact em { display: block; height: 4px; border-radius: 99px; background: rgba(255, 255, 255, 0.14); overflow: hidden; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-fact em i { display: block; height: 100%; border-radius: inherit; background: var(--m); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-fact-on > span { opacity: 1; font-weight: 800; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-fact-on em { height: 5px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-m-protein { --m: var(--kc3-p); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-m-carbs { --m: var(--kc3-c); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-m-fat { --m: var(--kc3-f); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-skel { display: grid; gap: 10px; margin: 14px 0px 6px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-skel i { display: block; height: 14px; border-radius: 8px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.1)) 0% 0% / 200% 100%; animation: 1.3s linear 0s infinite normal none running kc3-shimmer; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-skel i:first-child { width: 58%; height: 46px; border-radius: 12px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-skel i:nth-child(2) { width: 44%; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-skel i:nth-child(3) { width: 100%; height: 96px; border-radius: 14px; }
@keyframes kc3-shimmer { 
  100% { background-position: -200% 0px; }
}
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-msg { margin: 16px 0px 12px; font-size: 15px; font-weight: 650; line-height: 1.45; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-retry { padding: 10px 16px; border: 0px; border-radius: 14px; cursor: pointer; font-size: 14px; font-weight: 750; color: rgb(30, 27, 75); background: rgb(255, 255, 255); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3.kc3-pre > .kc3-card { display: none; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-seg { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); padding: 4px; border-radius: 16px; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-seg-thumb { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(33.3333% - 2.66667px); border-radius: 12px; background: var(--v3s-card); box-shadow: 0 1px 0 var(--v3s-line), 0 6px 14px -8px rgba(0,0,0,.45), inset 0 0 0 1px var(--v3s-line); transform: translateX(calc(var(--i, 0) * 100%)); transition: transform 0.36s cubic-bezier(0.3, 0.85, 0.25, 1); }
html.tl-app-feel[data-theme="dark"] :is(#sc-metric, #sc-toit) .kc3-seg-thumb, html.tl-app-feel[data-theme="black"] :is(#sc-metric, #sc-toit) .kc3-seg-thumb { background: rgba(255, 255, 255, 0.1); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-seg button { position: relative; z-index: 1; min-width: 0px; padding: 9px 4px; border: 0px; background: none; cursor: pointer; border-radius: 12px; font-size: 13.5px; font-weight: 700; color: var(--v3s-t2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-seg button.kc3-on { color: var(--v3s-t1); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(0px, 1fr)); gap: 10px; margin: 16px 2px 4px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stat { display: flex; flex-direction: column; gap: 3px; min-width: 0px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stat b { font-size: 21px; font-weight: 800; letter-spacing: -0.03em; color: var(--v3s-t1); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stat b small { font-size: 12px; font-weight: 650; letter-spacing: 0px; color: var(--v3s-t2); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stat span { font-size: 12.5px; font-weight: 600; color: var(--v3s-t2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chart { position: relative; margin-top: 4px; touch-action: pan-y; outline: none; border-radius: 12px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chart:focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 3px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-chart-svg { display: block; overflow: visible; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stop-a { stop-color: var(--v3c-energy); stop-opacity: 1; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stop-b { stop-color: var(--v3c-energy); stop-opacity: 0.5; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-base { stroke: var(--v3s-line); stroke-width: 1; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-goal { stroke: var(--v3s-t3); stroke-width: 1.2; stroke-dasharray: 4, 4; opacity: 0.75; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-glbl { fill: var(--v3s-t2); font-size: 11px; font-weight: 700; paint-order: stroke; stroke: var(--v3s-card); stroke-width: 4px; stroke-linejoin: round; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-guide { stroke: var(--v3s-t3); stroke-width: 1; stroke-dasharray: 2, 3; opacity: 0.7; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-b { transition: opacity 0.2s; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-b-ok { fill: url("#kc3-bfill"); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-b-part { fill: color-mix(in srgb, var(--v3c-energy) 14%, transparent); stroke: color-mix(in srgb, var(--v3c-energy) 72%, transparent); stroke-width: 1.3; stroke-dasharray: 3, 2.5; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-b-part.kc3-thin { stroke: none; fill: color-mix(in srgb, var(--v3c-energy) 34%, transparent); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-b-today { fill: url("#kc3-hatch"); stroke: var(--v3c-energy); stroke-width: 1.3; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-b-today.kc3-thin { stroke: none; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-hatch-bg { fill: color-mix(in srgb, var(--v3c-energy) 16%, transparent); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-hatch-ln { fill: color-mix(in srgb, var(--v3c-energy) 70%, transparent); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-b0 { fill: var(--v3s-t4); opacity: 0.55; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-touched .kc3-chart-svg .kc3-b:not(.kc3-sel) { opacity: 0.5; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-b.kc3-sel { filter: drop-shadow(0 0 8px color-mix(in srgb, var(--v3c-energy) 70%, transparent)); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-xl { fill: var(--v3s-t2); font-size: 11px; font-weight: 650; font-variant-numeric: tabular-nums; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-xl-now { fill: var(--v3s-t1); font-weight: 800; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-tip { position: absolute; top: 2px; left: 50%; z-index: 2; transform: translateX(-50%); display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 7px 26px 7px 12px; border: 0px; border-radius: 13px; cursor: pointer; text-align: left; white-space: nowrap; color: var(--v3s-t1); background: var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), 0 14px 28px -14px rgba(0,0,0,.55); }
html.tl-app-feel[data-theme="dark"] :is(#sc-metric, #sc-toit) .kc3-tip, html.tl-app-feel[data-theme="black"] :is(#sc-metric, #sc-toit) .kc3-tip { color: rgb(11, 18, 32); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.7) 0px 14px 28px -12px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-tip::after { content: ""; position: absolute; left: calc(50% + var(--kc3-ax, 0px)); bottom: -5px; width: 10px; height: 10px; margin-left: -5px; background: inherit; transform: rotate(45deg); border-radius: 2px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-tip b { font-size: 14px; font-weight: 820; font-variant-numeric: tabular-nums; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-tip b small { font-size: 11px; font-weight: 700; opacity: 0.7; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-tip span { font-size: 11.5px; font-weight: 600; opacity: 0.72; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-tip .kc3-ic { position: absolute; right: 7px; top: 50%; width: 13px; height: 13px; margin-top: -6.5px; opacity: 0.5; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; font-size: 11.5px; font-weight: 600; color: var(--v3s-t2); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-legend span { display: inline-flex; align-items: center; gap: 6px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-legend i { width: 10px; height: 10px; border-radius: 3px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-lg-ok { background: linear-gradient(180deg, var(--v3c-energy), color-mix(in srgb, var(--v3c-energy) 55%, transparent)); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-lg-part { background: color-mix(in srgb, var(--v3c-energy) 14%, transparent); box-shadow: inset 0 0 0 1.3px color-mix(in srgb, var(--v3c-energy) 72%, transparent); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-lg-today { background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--v3c-energy) 70%, transparent) 0 2px, color-mix(in srgb, var(--v3c-energy) 16%, transparent) 2px 4px); box-shadow: inset 0 0 0 1.3px var(--v3c-energy); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-split { display: flex; gap: 3px; height: 12px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-split i { display: block; flex-basis: 0px; min-width: 6px; border-radius: 99px; background: var(--mc); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-meal-breakfast { --mc: var(--kc3-breakfast); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-meal-lunch { --mc: var(--kc3-lunch); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-meal-dinner { --mc: var(--kc3-dinner); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-meal-snack { --mc: var(--kc3-snack); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-split-lg { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; font-size: 12.5px; font-weight: 600; color: var(--v3s-t2); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-split-lg span { display: inline-flex; align-items: center; gap: 6px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-split-lg i { width: 8px; height: 8px; border-radius: 50%; background: var(--mc); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-split-lg b { color: var(--v3s-t1); font-weight: 780; font-variant-numeric: tabular-nums; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-foods { display: flex; flex-direction: column; margin-top: 16px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-foods li { display: flex; align-items: center; gap: 12px; padding: 10px 0px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-foods li + li { border-top: 1px solid var(--v3s-line); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-rank { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 9px; display: grid; place-items: center; font-size: 12.5px; font-weight: 800; color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-foods li:first-child .kc3-rank { color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--v3k-energy) 72%, #fff), var(--v3k-energy)); box-shadow: 0 6px 14px -8px var(--v3k-energy); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-food { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-food b { font-size: 14px; font-weight: 700; color: var(--v3s-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-food small { font-size: 12px; font-weight: 600; color: var(--v3s-t2); font-variant-numeric: tabular-nums; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-food em { display: block; height: 4px; margin-top: 3px; border-radius: 99px; background: var(--v3s-track); overflow: hidden; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-food em i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, color-mix(in srgb, var(--v3c-energy) 60%, transparent), var(--v3c-energy)); }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-share { flex: 0 0 auto; min-width: 40px; text-align: right; font-size: 15px; font-weight: 800; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-hero-main, html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-facts { animation: 0.6s cubic-bezier(0.2, 0.8, 0.25, 1) 0s 1 normal both running kc3-rise; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-facts { animation-delay: 0.18s; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-card { animation: 0.6s cubic-bezier(0.2, 0.8, 0.25, 1) 0.12s 1 normal both running kc3-rise; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-card + .kc3-card { animation-delay: 0.2s; }
@keyframes kc3-rise { 
  0% { opacity: 0; transform: translateY(10px); }
}
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-sweep { animation: 1.15s cubic-bezier(0.33, 0.9, 0.25, 1) 0.1s 1 normal both running kc3-sweep; }
@keyframes kc3-sweep { 
  0% { stroke-dasharray: 0, 400; }
}
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-arc-over { animation: 0.7s cubic-bezier(0.33, 0.9, 0.25, 1) 1.15s 1 normal both running kc3-over; }
@keyframes kc3-over { 
  0% { stroke-dasharray: 0, 400; }
}
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-cline { stroke-dasharray: 1, 1; animation: 1.3s cubic-bezier(0.45, 0.1, 0.2, 1) 0.15s 1 normal both running kc3-draw; }
@keyframes kc3-draw { 
  0% { stroke-dashoffset: 1; }
  100% { stroke-dashoffset: 0; }
}
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-carea { animation: 0.9s ease-out 0.7s 1 normal both running kc3-fade; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-cusual, html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-clbl { animation: 0.8s ease-out 0.2s 1 normal both running kc3-fade; }
@keyframes kc3-fade { 
  0% { opacity: 0; }
}
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-cdot { transform-box: fill-box; transform-origin: center center; animation-duration: 0.45s; animation-timing-function: cubic-bezier(0.3, 1.6, 0.5, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: kc3-pop; animation-timeline: auto; animation-range: normal; animation-delay: calc(.35s + var(--kc3-i, 0) * 90ms); }
@keyframes kc3-pop { 
  0% { transform: scale(0); opacity: 0; }
}
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-chead, html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-cpulse { animation-delay: 1.35s; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-chead { animation: 0.3s ease-out 1.35s 1 normal both running kc3-fade; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-anim .kc3-fact em i { animation: 0.9s cubic-bezier(0.3, 0.85, 0.25, 1) 0.35s 1 normal both running kc3-fill; transform-origin: left center; }
@keyframes kc3-fill { 
  0% { transform: scaleX(0); }
}
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-grow .kc3-b { transform-box: fill-box; transform-origin: 50% 100%; animation-duration: 0.75s; animation-timing-function: cubic-bezier(0.2, 0.9, 0.25, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: kc3-grow; animation-timeline: auto; animation-range: normal; animation-delay: var(--kc3-d, 0ms); }
@keyframes kc3-grow { 
  0% { transform: scaleY(0); }
}
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-grow ~ .kc3-legend, html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-grow .kc3-tip { animation: 0.4s ease-out 0.5s 1 normal both running kc3-fade; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-split.kc3-grow i { transform-origin: left center; animation: 0.8s cubic-bezier(0.3, 0.85, 0.25, 1) 0.3s 1 normal both running kc3-fill; }
@media (prefers-reduced-motion: reduce){
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3 *, html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3 ::before, html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3 ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
@media (max-width: 360px){
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-big { font-size: 46px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-ring { width: 100px; height: 100px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-fact b { font-size: 16px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stat b { font-size: 18px; }
}
@media (max-width: 340px){
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stats { gap: 6px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stat b { font-size: 16px; }
html.tl-app-feel :is(#sc-metric, #sc-toit) .kc3-stat span { font-size: 11.5px; }
}
@keyframes cw1-grow { 
  0% { transform: scaleY(0.04); opacity: 0.4; }
}
@keyframes cw1-fade { 
  0% { opacity: 0; }
}
html.tl-app-feel { --gd3-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); --gd3-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); --gd3-i-bookmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E"); }
html.tl-app-feel[data-theme] :is(#sc-guides, #sc-guide), html.tl-app-feel body[data-theme] :is(#sc-guides, #sc-guide) { background-color: var(--v3s-canvas) !important; }
html.tl-app-feel :is(#sc-guides, #sc-guide)::before { content: none !important; }
html.tl-app-feel :is(#sc-guides, #sc-guide) :is(#gd3, #gd3r) { display: flex; flex-direction: column; gap: 12px; padding: 2px 0px 10px; color: var(--v3s-t1); }
html.tl-app-feel :is(#sc-guides, #sc-guide) :is(#gd3, #gd3r) [hidden] { display: none !important; }
html.tl-app-feel :is(#sc-guides, #sc-guide) :is(#gd3, #gd3r) :where(h1, h2, h3, h4, p, ul, ol) { margin: 0px; padding: 0px; }
html.tl-app-feel :is(#sc-guides, #sc-guide) :is(#gd3, #gd3r) :where(ul, ol) { list-style: none; }
html.tl-app-feel :is(#sc-guides, #sc-guide) :is(#gd3, #gd3r) button { font-family: inherit; -webkit-tap-highlight-color: transparent; }
html.tl-app-feel :is(#sc-guides, #sc-guide) :is(#gd3, #gd3r) :focus-visible { outline: 2px solid var(--v3s-brand); outline-offset: 2px; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-ic { display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; background: currentcolor; mask: var(--i) center / contain no-repeat; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-chev { display: inline-block; flex: 0 0 auto; width: 15px; height: 15px; background: var(--v3s-t4); mask: var(--v3i-chev) center / contain no-repeat; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-plate { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(140deg, color-mix(in srgb, var(--k, var(--v3k-steps)) 74%, #fff) 0%, var(--k, var(--v3k-steps)) 100%); box-shadow: 0 8px 16px -8px var(--k, var(--v3k-steps)), inset 0 1px 0 rgba(255,255,255,.3); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-plate .gd3-ic { width: 17px; height: 17px; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-card-plain { position: relative; border-radius: 22px; padding: 16px; margin-top: 10px; background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-foot { font-size: 11.5px; line-height: 1.5; color: var(--v3s-t4); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; min-height: 44px; padding: 0px 20px; border: 0px; border-radius: 999px; cursor: pointer; font-size: 14.5px; font-weight: 750; color: rgb(255, 255, 255); background: var(--v3s-grad); box-shadow: 0 10px 22px -12px var(--v3s-grad-sh), inset 0 1px 0 rgba(255,255,255,.22); transition: transform 0.15s; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-btn.gd3-btn-2 { color: var(--v3s-t1); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-btn:active { transform: scale(0.97); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-link { display: inline-flex; align-items: center; gap: 4px; margin-top: 10px; padding: 4px 0px; border: 0px; background: none; cursor: pointer; font-size: 13.5px; font-weight: 750; color: var(--v3s-t1); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-stats { display: flex; flex-wrap: wrap; gap: 6px 20px; margin-top: 12px; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-stat { display: flex; flex-direction: column; gap: 2px; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-stat b { font-size: 17px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: var(--v3s-t1); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-stat em { font-size: 11px; font-weight: 650; font-style: normal; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-err { text-align: center; padding: 22px 12px; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-err p { font-size: 14px; line-height: 1.55; color: var(--v3s-t2); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-loading { margin-top: 14px; text-align: center; font-size: 13px; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-skel { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-skel i { display: block; height: 12px; border-radius: 6px; background-size: 220% 100%; animation: 1.4s ease-in-out 0s infinite normal none running gd3-shim; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-skel i:nth-child(2) { width: 82%; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-skel i:nth-child(3) { width: 64%; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-skel i:nth-child(4) { width: 74%; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-skel-hero { margin-top: 16px; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-skel-hero i { height: 16px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 45%, rgba(255, 255, 255, 0.1) 90%) 0% 0% / 220% 100%; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-skel-hero i:first-child { width: 45%; height: 12px; }
@keyframes gd3-shim { 
  0% { background-position: 100% 0px; }
  100% { background-position: -100% 0px; }
}
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-chips { display: flex; gap: 8px; margin: 2px 0px 4px; padding: 2px; overflow-x: auto; scrollbar-width: none; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-chips::-webkit-scrollbar { display: none; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-chip-b { flex: 0 0 auto; min-height: 34px; padding: 0px 13px; border: 0px; border-radius: 999px; cursor: pointer; white-space: nowrap; font-size: 13px; font-weight: 650; color: var(--v3s-t2); background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line); transition: transform 0.15s; }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-chip-b:active { transform: scale(0.97); }
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-chip-b.on { color: var(--v3s-canvas); background: var(--v3s-t1); box-shadow: none; }
@keyframes gd3-flash { 
  0% { background: color-mix(in srgb, var(--v3s-brand) 22%, transparent); border-radius: 10px; }
  100% { background: transparent; }
}
@keyframes gd3-swap { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce){
html.tl-app-feel :is(#sc-guides, #sc-guide) .gd3-skel i { animation: auto ease 0s 1 normal none running none; }
}
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 { --gd4-gut: 16px; --gd4-r: 22px; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 :is(#gd3, #gd3r) { gap: 14px; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art { display: block; width: 100%; height: 100%; overflow: visible; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art .gd4-a1 { fill: color-mix(in srgb, var(--k) 40%, #fff); opacity: 0.15; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art .gd4-a2 { fill: color-mix(in srgb, var(--k) 46%, #fff); opacity: 0.28; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art .gd4-a3 { fill: color-mix(in srgb, var(--k) 58%, #fff); opacity: 0.42; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art .gd4-a4 { fill: color-mix(in srgb, var(--k) 20%, #fff); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art .gd4-a5 { fill: none; stroke: rgb(255, 255, 255); stroke-opacity: 0.3; stroke-width: 2; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art .gd4-a5d { stroke-width: 3.2; stroke-linecap: round; stroke-dasharray: 0.5, 9; stroke-opacity: 0.55; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art .gd4-a6 { fill: none; stroke: color-mix(in srgb, var(--k) 16%, #fff); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art .gd4-a6w { stroke-width: 11; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art .gd4-a7 { fill: rgb(255, 255, 255); opacity: 0.72; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-art .gd4-a8 { fill: none; stroke: rgb(255, 255, 255); stroke-opacity: 0.16; stroke-width: 11; stroke-linecap: round; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 :is(.gd4-cover, .gd4-rcover, .gd4-topic, .gd4-path, .gd4-thumb, .gd4-next-b, .gd4-next-done, .gd4-myth-a) { color: rgb(255, 255, 255); background: linear-gradient(158deg, color-mix(in srgb, var(--k, #3B82F6) 50%, #0A0D15) 0%, color-mix(in srgb, var(--k, #3B82F6) 24%, #06080D) 100%); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-kick { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.86); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-kick i { width: 8px; height: 8px; border-radius: 50%; background: color-mix(in srgb, var(--k, #3B82F6) 38%, #fff); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 :is(.gd4-cover-m, .gd4-rmeta) { display: flex; flex-wrap: wrap; gap: 4px 0px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.7); font-variant-numeric: tabular-nums; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 :is(.gd4-cover-m, .gd4-rmeta) span + span::before { content: "·"; margin: 0px 7px; opacity: 0.7; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-rail { display: flex; gap: 10px; margin: 0 calc(-1 * var(--gd4-gut)); padding: 2px var(--gd4-gut) 8px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 var(--gd4-gut); scrollbar-width: none; overscroll-behavior-x: contain; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-rail::-webkit-scrollbar { display: none; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-rail > * { flex: 0 0 auto; scroll-snap-align: start; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc { position: relative; display: flex; align-items: center; gap: 13px; width: 100%; padding: 10px 14px 10px 10px; border: 0px; border-radius: 20px; text-align: left; cursor: pointer; font: inherit; color: var(--v3s-t1); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow), var(--v3s-hi); overflow: hidden; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc:active { background: var(--v3s-card-2); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-thumb { position: relative; flex: 0 0 auto; align-self: stretch; width: 66px; min-height: 70px; border-radius: 15px; overflow: hidden; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-thumb .gd4-art { position: absolute; top: 50%; left: 50%; width: 150px; height: 105px; --gd4-tx: -8%; --gd4-ty: 0%; --gd4-s: 1; --gd4-fx: 1; transform: translate(calc(-50% + var(--gd4-tx)), calc(-50% + var(--gd4-ty))) scale(calc(var(--gd4-s) * var(--gd4-fx)), var(--gd4-s)); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-thumb.gd4-v1 .gd4-art { --gd4-tx: 14%; --gd4-ty: -12%; --gd4-s: 1.3; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-thumb.gd4-v2 .gd4-art { --gd4-tx: -18%; --gd4-ty: 12%; --gd4-s: 1.12; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-thumb.gd4-v3 .gd4-art { --gd4-tx: 6%; --gd4-ty: 2%; --gd4-s: 1.18; --gd4-fx: -1; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-thumb.gd4-v4 .gd4-art { --gd4-tx: 20%; --gd4-ty: 6%; --gd4-s: 1.45; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-thumb.gd4-v5 .gd4-art { --gd4-tx: -4%; --gd4-ty: -10%; --gd4-s: 1.02; --gd4-fx: -1; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px; padding: 2px 0px; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc-txt > em { font-size: 10.5px; font-style: normal; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc-txt > b { font-size: 15.5px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.25; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc-d { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12.5px; line-height: 1.42; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc-m { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0px; margin-top: 1px; font-size: 11.5px; font-weight: 600; color: var(--v3s-t4); font-variant-numeric: tabular-nums; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc-m > span + span::before { content: "·"; margin: 0px 6px; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc-fig { display: inline-flex; align-items: center; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-badge { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px 1px 6px; border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--v3s-t1); background: color-mix(in srgb, var(--v3s-pos) 18%, transparent); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc-m > span.gd4-badge::before { content: ""; width: 10px; height: 10px; margin: 0px; background: var(--v3s-pos); mask: var(--gd3-i-check) center / contain no-repeat; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc-prog { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 3px; background: var(--v3s-track); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-gc-prog i { display: block; height: 100%; background: var(--c, var(--v3s-brand)); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-ev { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 10px 14px; border-radius: 14px; background: var(--v3s-card-2); overflow: hidden; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-ev::before { content: ""; position: absolute; left: 0px; top: 10px; bottom: 10px; width: 3px; border-radius: 0px 3px 3px 0px; background: var(--gd4-ev, var(--v3s-t3)); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-ev b { font-size: 20px; font-weight: 800; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; color: var(--v3s-t1); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-ev em { font-size: 11.5px; font-style: normal; font-weight: 650; color: var(--v3s-t3); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-ev-official { --gd4-ev: var(--v3c-sleep); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-ev-expert { --gd4-ev: var(--v3c-fast); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-ev-review { --gd4-ev: var(--v3c-weight); }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-ev-study { --gd4-ev: var(--v3c-mood); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-seg, .gd4-key i).gd4-t1 { background: color-mix(in srgb, var(--c, #60A5FA) 40%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-seg, .gd4-key i).gd4-t2 { background: color-mix(in srgb, var(--c, #60A5FA) 27%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-seg, .gd4-key i).gd4-t3 { background: color-mix(in srgb, var(--c, #60A5FA) 17%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-seg, .gd4-key i).gd4-t4 { background: color-mix(in srgb, var(--c, #60A5FA) 11%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-seg, .gd4-key i).gd4-t5 { background: color-mix(in srgb, var(--c, #60A5FA) 7%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-seg, .gd4-key i).gd4-s1 { background: var(--c, #60A5FA); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-seg, .gd4-key i).gd4-s2 { background: color-mix(in srgb, var(--c, #60A5FA) 66%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-seg, .gd4-key i).gd4-s3 { background: color-mix(in srgb, var(--c, #60A5FA) 42%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-seg, .gd4-key i).gd4-s4 { background: color-mix(in srgb, var(--c, #60A5FA) 24%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-seg, .gd4-key i).gd4-s5 { background: color-mix(in srgb, var(--c, #60A5FA) 14%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-zone, .gd4-key i).gd4-z-ok { background: color-mix(in srgb, var(--v3c-steps) 34%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-zone, .gd4-key i).gd4-z-lo { background: color-mix(in srgb, var(--v3c-sleep) 28%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-zone, .gd4-key i).gd4-z-mid { background: color-mix(in srgb, var(--v3c-mood) 34%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-zone, .gd4-key i).gd4-z-hi { background: color-mix(in srgb, var(--v3c-pulse) 34%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-zone, .gd4-key i).gd4-z-s1 { background: color-mix(in srgb, var(--c, #60A5FA) 10%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-zone, .gd4-key i).gd4-z-s2 { background: color-mix(in srgb, var(--c, #60A5FA) 18%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-zone, .gd4-key i).gd4-z-s3 { background: color-mix(in srgb, var(--c, #60A5FA) 26%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-zone, .gd4-key i).gd4-z-s4 { background: color-mix(in srgb, var(--c, #60A5FA) 34%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-zone, .gd4-key i).gd4-z-s5 { background: color-mix(in srgb, var(--c, #60A5FA) 42%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-cv-xt, .gd4-cv-yt) { fill: var(--v3s-t3); font-size: 10.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-tl, .gd4-key i).gd4-tl-a { background: var(--c, var(--v3s-brand)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-tl, .gd4-key i).gd4-tl-b { background: color-mix(in srgb, var(--c, #60A5FA) 26%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-win, .gd4-key i).gd4-win-eat { background: color-mix(in srgb, var(--c, #60A5FA) 40%, var(--v3s-card)); }
html.tl-app-feel #sc-guide.gd4 :is(.gd4-win, .gd4-key i).gd4-win-soft { background: color-mix(in srgb, var(--c, #60A5FA) 18%, var(--v3s-card)); }
@keyframes gd4Rise { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: none; }
}
@keyframes gd4Drift { 
  0% { opacity: 0; transform: translateX(22px) scale(0.96); }
  100% { opacity: 1; transform: none; }
}
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-in :is(.gd4-cover-art, .gd4-rcover-art) { animation: 0.95s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running gd4Drift; }
html.tl-app-feel #sc-guide.gd4 .gd4-rcover.gd4-in > :is(.gd4-dek, .gd4-rmeta) { animation-delay: 0.1s; }
@media (prefers-reduced-motion: reduce){
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 :is(.gd4-in, .gd4-in *) { animation: auto ease 0s 1 normal none running none !important; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 :is(.gd4-myth-in, .gd4-mcard > *, .gd4-ring-v) { transition: none !important; }
}
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-why { display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; max-width: 100%; padding: 2px 8px 2px 6px; border-radius: 999px; background: color-mix(in srgb, var(--c, #60A5FA) 16%, transparent); font-size: 11px; font-weight: 750; color: var(--v3s-t1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.tl-app-feel :is(#sc-guides, #sc-guide).gd4 .gd4-why i { flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: var(--c, var(--v3s-brand)); }
html.tl-app-feel #sc-steps.stv3 :is(#steps-distance, #steps-calories, #steps-streak) { letter-spacing: -0.03em; color: var(--v3s-t1); font-size: 17px !important; font-weight: 800 !important; }
#sc-profile.pp-ready :is(input, select, button) { font-family: inherit; }
#sc-profile.pp-ready :is(.theme-btn, .lang-btn, .units-btn, .btn, .bg-chip) { min-height: 44px; font-size: 13px; line-height: 1.4; border-radius: 10px; white-space: normal; }
#sc-profile.pp-ready :is(.setting-input, .app-input) { font-size: 16px; min-height: 44px; max-width: 100%; min-width: 0px; }
#sc-profile.pp-ready :is(button, a, input, select, [role="switch"], summary, [role="button"]):focus-visible, .tl-profile-preferences .pp-editor :focus-visible { outline: 3px solid var(--brand,#245aee); outline-offset: 3px; }
.tl-profile-preferences .pp-editor :is(.mfm-pill-input, .mfm-notes-input) { font-weight: 500; letter-spacing: 0px; color: var(--t1); min-width: 0px; width: 100%; box-sizing: border-box; font-family: inherit !important; font-size: 16px !important; }
:root { --ui-space-6: 32px; --ui-motion-press: 120ms; --ui-motion-choice: 180ms; --ui-motion-sheet: 260ms; --ui-motion-total: 380ms; --ui-motion-milestone: 640ms; --tl-ink: var(--t1,#18243b); --tl-muted: var(--t2,#58677c); --tl-surface: var(--surface,#fff); --tl-line: var(--border,#dce3ec); --tl-accent: var(--brand,#2563eb); --tl-soft: var(--brand-l,#edf3ff); }
body { --ui-ease: cubic-bezier(.2,.8,.2,1); }
:where(button, a, input, select, textarea, summary):focus-visible { outline: 3px solid var(--tl-accent); outline-offset: 3px; }
:where(button, input, select, textarea) { font-family: inherit; }
:where(.btn, .tl-tools-primary, .daily-momentum-primary, .q-cta) { transition: background-color var(--ui-motion-press),border-color var(--ui-motion-press),transform var(--ui-motion-press) var(--ui-ease); }
:where(.btn, .tl-tools-primary, .daily-momentum-primary, .q-cta):active:not(:disabled) { transform: scale(0.985); }
body.tl-auth { display: flex; flex-direction: column; gap: 24px; min-height: 100dvh; background: rgb(244, 246, 250); padding: 32px 20px; color: var(--tl-ink); }
.tl-setup :is(.act-btn, .gender-btn, .goal-btn, .identity-choice) { border-radius: 12px; padding: 16px; border-width: 1.5px; transition: background-color var(--ui-motion-choice),border-color var(--ui-motion-choice); }
.tl-setup :is(.act-btn, .gender-btn, .goal-btn, .identity-choice).selected { box-shadow: inset 3px 0 0 var(--tl-accent); }
.tl-setup :is(.act-title, .goal-title) { font-size: 15px; line-height: 1.4; }
.tl-setup :is(.act-sub, .goal-sub) { font-size: 13px; line-height: 1.5; }
.tl-setup :is(.btn, input, select) { min-height: 48px; border-radius: 12px; }
.tl-line-icon { width: 22px; height: 22px; vertical-align: middle; flex-shrink: 0; }
html.tl-refined .screen-title { font-size: 23px; line-height: 1.25; letter-spacing: -0.5px; }
html.tl-refined .screen-sub { font-size: 13px; line-height: 1.5; }
html.tl-refined :is(.card, .trial-card, .daily-momentum-card, .dash-mini-card, .tracker-card) { border-radius: 18px; box-shadow: none; }
html.tl-refined :is(.btn-primary, .daily-momentum-primary) { background: var(--tl-accent); box-shadow: none; }
html.tl-refined :is(.btn, .tl-tools-primary) { border-radius: 12px; }
html.tl-refined .home-hero { background: linear-gradient(145deg,#173b84 0%,#1d4ed8 56%,var(--md-primary,#2563eb) 100%); color: var(--md-on-primary,#fff); border: 1px solid var(--tl-line); border-radius: 18px; box-shadow: none; }
html.tl-refined .home-hero::before, html.tl-refined .home-hero::after { display: none; }
html.tl-refined #sc-home .home-hero :is(.hh-name, .hh-greeting, .hh-alias-inline, .hh-greeting-sub, .hh-date, .hh-sub, .hh-date-text) { color: var(--md-on-primary,#fff); opacity: 1; }
html.tl-refined #sc-home .hh-focus-btn, html.tl-refined #sc-home .hh-avatar { color: var(--md-on-primary,#fff); background: rgba(255, 255, 255, 0.11); border-color: rgba(255, 255, 255, 0.32); }
html.tl-refined #sc-home :is(.hh-focus-btn, .hh-avatar):focus-visible { outline-color: var(--md-on-primary,#fff); }
html.tl-refined .daily-momentum-title { font-size: 20px; letter-spacing: -0.3px; }
html.tl-refined .daily-momentum-card { background: var(--tl-surface); border: 1px solid var(--tl-line); }
html.tl-refined .daily-momentum-recommendation { font-size: 14px; line-height: 1.5; }
html.tl-refined .daily-momentum-primary { min-height: 64px; border-radius: 12px; }
html.tl-refined .daily-momentum-primary-copy strong { font-size: 16px; }
html.tl-refined .daily-momentum-primary-copy small { font-size: 13px; line-height: 1.4; }
html.tl-refined .daily-momentum-primary :is(strong, small, .daily-momentum-primary-arrow) { color: var(--md-on-primary,#fff); }
html.tl-refined .daily-momentum-primary-icon { background: rgba(255, 255, 255, 0.16); color: var(--md-on-primary,#fff); }
html.tl-refined :is(.home-section-heading, .sec-hd) { letter-spacing: 0.02em; }
html.tl-refined :is(.trial-dialog, .tl-tools-dialog) { border-radius: 24px; box-shadow: rgba(16, 30, 58, 0.14) 0px 16px 64px; }
html.tl-refined :is(.trial-dialog, .tl-tools-dialog)::backdrop { backdrop-filter: none; background: rgba(18, 30, 49, 0.48); }
html.tl-refined .tl-tools-dialog :is(input, select, textarea) { font-size: 16px; border-radius: 12px; }
.tl-refined :is(#hyd-bar, #water-ring-progress, .macro-fill, .mc-fill, .nutr-progress-fill) { transition: width var(--ui-motion-total) var(--ui-ease),stroke-dashoffset var(--ui-motion-total) var(--ui-ease); }
.tl-refined :is(#hyd-total-ml, #home-hydration-glasses, #water-current, .macro-val, .dash-mini-value) { font-variant-numeric: tabular-nums; }
html[data-tl-celebrations="false"] :is(.phase-confetti, .med-confetti-container, .med-confetti-piece, .confetti-piece, .med-player-celebrate-trophy) { display: none !important; }
html[data-tl-celebrations="false"] :is(.ach-celebrate, .med-player-celebrate-trophy, .med-player-celebrate-stat, .med-player-celebrate-stat-n) { animation: auto ease 0s 1 normal none running none !important; }
.tl-refined .screen.active { animation: auto ease 0s 1 normal none running none; }
.tl-refined :is(.daily-momentum-score, .daily-momentum-stats, .daily-momentum-bar, .daily-momentum-kicker)[hidden] { display: none !important; }
@media (max-width: 480px){
body.tl-auth { padding: 20px 16px; justify-content: flex-start; }
}
html[data-tl-reduced-motion="true"] *, html[data-tl-reduced-motion="true"] ::before, html[data-tl-reduced-motion="true"] ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0s !important; scroll-behavior: auto !important; }
@media (prefers-reduced-motion: reduce){
*, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0s !important; scroll-behavior: auto !important; }
}
body.tl-auth { padding-top: max(24px,var(--tl-safe-top,0px),env(safe-area-inset-top,0px)); padding-bottom: max(24px,var(--tl-safe-bottom,0px),env(safe-area-inset-bottom,0px)); }
html.tl-app-feel .v3-scr-hd { background: var(--v3s-canvas); }
html.tl-app-feel :is(.v3-scr-hd, .v3-home .v3-top)::after { content: ""; position: absolute; left: 0px; right: 0px; top: 100%; height: 22px; pointer-events: none; opacity: 0; background: linear-gradient(to bottom, var(--v3s-canvas) 0%, color-mix(in srgb, var(--v3s-canvas) 55%, transparent) 45%, transparent 100%); }
@supports (animation-timeline: scroll()){
html.tl-app-feel :is(.v3-scr-hd, .v3-home .v3-top)::after { animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: tlpl-edge; animation-timeline: scroll(); animation-range: 0px 28px; }
}
@keyframes tlpl-edge { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
html.tl-app-feel :is(#v3-hero-energy-delta, #v3-macro-cal-delta, #v3-macro-protein-delta, #v3-macro-fat-delta, #v3-macro-carbs-delta).v3-delta:is(.pos, .neg) { color: var(--v3s-t2); background: var(--v3s-card-2); }
html.tl-app-feel :is(.slv3-bar, .wv3-bar, .fv3-bar, .mv3-bar) { filter: none !important; }
html.tl-app-feel #wv3-proj .wproj-metric { border: 0px; background: var(--v3s-card-2); box-shadow: inset 0 0 0 1px var(--v3s-line-2); }
html.tl-app-feel #wv3-proj .wproj-metric-label { color: var(--v3s-t3); letter-spacing: 0.06em; }
html.tl-app-feel #wv3-proj .wproj-metric-value > span:not(.wproj-capped) { color: var(--v3s-t3); }
html.tl-app-feel #wv3-proj .wproj-metric[data-tone="loss"] strong { color: var(--v3s-pos); }
html.tl-app-feel #wv3-proj .wproj-context i[data-pl-ic] { display: inline-block; width: 14px; height: 14px; margin-right: 5px; vertical-align: -2px; font-size: 0px; font-style: normal; background: var(--pl-k, var(--v3s-t3)); mask: var(--pl-i) center / contain no-repeat; }
html.tl-app-feel #sc-rewards.rw3 #rw-catalog .chip[style*="128,128,128"] { box-shadow: inset 0 0 0 1px var(--v3s-line); color: var(--v3s-t2) !important; background: var(--v3s-card-2) !important; }
html.tl-app-feel #sc-journal.jr3 :is(.journal-filter[data-type="mood"], .ji-icon[data-pl-ic="mood"]) { --pl-i: var(--v3i-mood); --pl-k: var(--v3c-mood); --pl-kk: var(--v3k-mood); }
html.tl-app-feel #sc-journal.jr3 :is(.journal-filter[data-type="hydration"], .ji-icon[data-pl-ic="water"]) { --pl-i: var(--v3i-water); --pl-k: var(--v3c-water); --pl-kk: var(--v3k-water); }
html.tl-app-feel #sc-journal.jr3 :is(.journal-filter[data-type="sleep"], .ji-icon[data-pl-ic="sleep"]) { --pl-i: var(--v3i-sleep); --pl-k: var(--v3c-sleep); --pl-kk: var(--v3k-sleep); }
html.tl-app-feel #sc-journal.jr3 :is(.journal-filter[data-type="activity"], .ji-icon[data-pl-ic="workout"]) { --pl-i: var(--v3i-run); --pl-k: var(--v3c-energy); --pl-kk: var(--v3k-energy); }
html.tl-app-feel #sc-journal.jr3 :is(.journal-filter[data-type="food"], .ji-icon[data-pl-ic="food"]) { --pl-i: var(--v3i-apple); --pl-k: var(--v3c-meals); --pl-kk: var(--v3k-meals); }
html.tl-app-feel #sc-journal.jr3 :is(.journal-filter[data-type="weight"], .ji-icon[data-pl-ic="weight"]) { --pl-i: var(--v3i-weight); --pl-k: var(--v3c-weight); --pl-kk: var(--v3k-weight); }
html.tl-app-feel #sc-journal.jr3 :is(.journal-filter[data-type="meditation"], .ji-icon[data-pl-ic="meditation"]) { --pl-i: var(--v3i-mood); --pl-k: var(--v3c-msg); --pl-kk: var(--v3k-msg); }
html.tl-app-feel #sc-activity.mv3 .mv3-quick .mv-quick-chip[data-pl-ic]::before { content: ""; display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; margin-right: 7px; vertical-align: -3px; background: var(--pl-k, var(--v3c-steps)); mask: var(--pl-i) center / contain no-repeat; }
html.tl-app-feel .mv-quick-chip[data-pl-ic="steps"] { --pl-i: var(--v3i-steps); --pl-k: var(--v3c-steps); }
html.tl-app-feel .mv-quick-chip[data-pl-ic="walk"] { --pl-i: var(--mv3-i-walk, var(--v3i-run)); --pl-k: var(--v3c-steps); }
html.tl-app-feel .mv-quick-chip[data-pl-ic="strength"] { --pl-i: var(--mv3-i-dumbbell, var(--v3i-run)); --pl-k: var(--v3c-energy); }
html.tl-app-feel .mv-quick-chip[data-pl-ic="timer"] { --pl-i: var(--mv3-i-timer, var(--v3i-hours)); --pl-k: var(--v3c-sleep); }
html.tl-app-feel .coach-ai-btn[data-pl-ai]::before { content: ""; display: inline-block; flex: 0 0 auto; width: 17px; height: 17px; margin-right: 9px; vertical-align: -3px; background: currentcolor; mask: var(--pl-spark) center / contain no-repeat; }
html.tl-app-feel { --pl-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.13-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.13a.5.5 0 0 1 .96 0L14.06 8.5A2 2 0 0 0 15.5 9.94l6.13 1.58a.5.5 0 0 1 0 .96L15.5 14.06a2 2 0 0 0-1.44 1.44l-1.58 6.13a.5.5 0 0 1-.96 0z'/%3E%3Cpath d='M20 3v4'/%3E%3Cpath d='M22 5h-4'/%3E%3C/svg%3E"); --pl-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.07-2.14-.22-4.05 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.15.43-2.29 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E"); --pl-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0'/%3E%3Cpath d='M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E"); --pl-msg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22z'/%3E%3C/svg%3E"); --pl-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); --pl-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); --pl-siren: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E"); --pl-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E"); --pl-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3C/svg%3E"); --pl-flat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m14 7 5 5-5 5'/%3E%3C/svg%3E"); --pl-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
html.tl-app-feel #wv3-proj .wproj-context i[data-pl-ic="kcal"] { --pl-i: var(--pl-flame); --pl-k: var(--v3c-energy); }
html.tl-app-feel #wv3-proj .wproj-context i[data-pl-ic="steps"] { --pl-i: var(--v3i-steps); --pl-k: var(--v3c-steps); }
html.tl-app-feel #wv3-proj .wproj-context i[data-pl-ic="days"] { --pl-i: var(--pl-clock); --pl-k: var(--v3s-t3); }
html.tl-app-feel #sc-feed.fe3 :is(.tf-news-desks, .tf-news-scope) > button { flex: 0 0 auto; min-height: 36px; padding: 8px 15px; border: 0px; border-radius: 999px; cursor: pointer; white-space: nowrap; font-size: 13px; font-weight: 700; color: var(--v3s-t2); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: 0 0 0 1px var(--v3s-line), var(--v3s-shadow); }
html.tl-app-feel #sc-feed.fe3 :is(.tf-news-desks, .tf-news-scope) > button.on { color: var(--v3s-canvas); background: var(--v3s-t1); box-shadow: var(--v3s-shadow); }
html.tl-app-feel #sc-feed.fe3 :is(.tf-news-desks, .tf-news-scope) > button:active { transform: scale(0.96); }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis > div[style*="linear-gradient"] { padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: none !important; overflow: visible !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis > div > div:first-child { box-shadow: inset 0 0 0 1px var(--v3s-line); gap: 14px !important; padding: 14px !important; border: 0px !important; border-radius: 18px !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis span[data-pl-mh] { flex: 0 0 auto; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 13px; background: color-mix(in srgb, var(--pl-k) 16%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pl-k) 26%, transparent); font-size: 0px !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis span[data-pl-mh]::before { content: ""; width: 20px; height: 20px; background: var(--pl-k); mask: var(--pl-i) center / contain no-repeat; }
html.tl-app-feel #mental-analysis span[data-pl-mh="warn"] { --pl-i: var(--pl-alert); --pl-k: var(--v3c-gold); }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[data-pl-tr] { display: flex; align-items: center; gap: 6px; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[data-pl-tr]::before { content: ""; flex: 0 0 auto; width: 13px; height: 13px; background: currentcolor; mask: var(--pl-i) center / contain no-repeat; }
html.tl-app-feel #mental-analysis div[data-pl-tr="flat"] { --pl-i: var(--pl-flat); }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[style*="repeat(5,1fr)"] { gap: 8px !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[style*="repeat(5,1fr)"] > div { box-shadow: inset 0 0 0 1px var(--v3s-line-2); padding: 11px 4px 9px !important; border-radius: 15px !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[style*="repeat(5,1fr)"] > div > div:first-child { display: grid; place-items: center; height: 20px; margin-bottom: 5px; font-size: 0px !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[style*="repeat(5,1fr)"] > div > div:first-child::before { content: ""; width: 18px; height: 18px; background: var(--pl-k); mask: var(--pl-i) center / contain no-repeat; }
html.tl-app-feel #mental-analysis div[style*="repeat(5,1fr)"] > div:nth-child(1) { --pl-i: var(--v3i-mood); --pl-k: var(--v3c-mood); }
html.tl-app-feel #mental-analysis div[style*="repeat(5,1fr)"] > div:nth-child(2) { --pl-i: var(--v3i-pulse); --pl-k: var(--v3c-pulse); }
html.tl-app-feel #mental-analysis div[style*="repeat(5,1fr)"] > div:nth-child(3) { --pl-i: var(--mdv3-i-stress, var(--v3i-pulse)); --pl-k: var(--v3c-energy); }
html.tl-app-feel #mental-analysis div[style*="repeat(5,1fr)"] > div:nth-child(4) { --pl-i: var(--mdv3-i-energy, var(--v3i-energy)); --pl-k: var(--v3c-fat); }
html.tl-app-feel #mental-analysis div[style*="repeat(5,1fr)"] > div:nth-child(5) { --pl-i: var(--v3i-sleep); --pl-k: var(--v3c-sleep); }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[style*="repeat(5,1fr)"] > div > div:nth-child(2) { font-size: 10.5px !important; letter-spacing: -0.01em; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[style*="repeat(5,1fr)"] > div > div:nth-child(3) { margin-top: 2px; font-size: 14px !important; font-weight: 800 !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis span[data-pl-ic="tipshead"] { width: 15px; height: 15px; background: var(--v3s-t2); mask: var(--pl-spark) center / contain no-repeat; font-size: 0px !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[style*="align-items:flex-start"] { box-shadow: inset 0 0 0 1px var(--v3s-line-2); gap: 12px !important; padding: 12px !important; margin-bottom: 8px !important; border-radius: 15px !important; background: var(--v3s-card-2) !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[style*="align-items:flex-start"] > span:first-child { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: color-mix(in srgb, var(--v3s-t1) 8%, transparent); font-size: 15px !important; line-height: 1 !important; }
html.tl-app-feel #sc-mental.mdv3 #mental-analysis div[style*="align-items:flex-start"] > span:last-child { font-size: 12.5px !important; color: var(--v3s-t2) !important; }
html.tl-app-feel { --pl-notebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h4'/%3E%3Cpath d='M2 10h4'/%3E%3Cpath d='M2 14h4'/%3E%3Cpath d='M2 18h4'/%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cpath d='M9.5 8h5'/%3E%3Cpath d='M9.5 12h5'/%3E%3Cpath d='M9.5 16h3'/%3E%3C/svg%3E"); }
html.tl-app-feel [data-v3-go="journal"] { --v3a: var(--v3c-water); --v3k: var(--v3k-water); --v3i: var(--pl-notebook); }
@media (prefers-reduced-motion: reduce){
html.tl-app-feel :is(.v3-scr-hd, .v3-home .v3-top)::after { animation: auto ease 0s 1 normal none running none; }
}
@property --hmv4-p { syntax: "<number>"; inherits: true; initial-value: 0; }
html.tl-home-v4 .v3-sentence-txt.hmv4-goals .v3-goals { gap: 10px; }
html.tl-home-v4 .hmv4-goals .v3-goal { flex-wrap: wrap; row-gap: 0px; align-content: center; transition: --hmv4-p 0.9s cubic-bezier(0.2, 0.7, 0.2, 1); }
html.tl-home-v4 .hmv4-goals .v3-goal::after { content: ""; flex: 0 0 100%; height: 3px; margin-top: 3px; border-radius: 999px; background: linear-gradient(90deg,
    var(--hmv4-gc) calc(var(--hmv4-p, 0) * 1%),
    rgba(255, 255, 255, .16) calc(var(--hmv4-p, 0) * 1%)); }
html.tl-home-v4 .hmv4-goals .v3-goal-energy { --hmv4-gc: #FF8A4C; }
html.tl-home-v4 .hmv4-goals .v3-goal-steps { --hmv4-gc: #2DD4BF; }
html.tl-home-v4 .hmv4-goals .v3-goal-sleep { --hmv4-gc: #60A5FA; }
html.tl-home-v4 .hmv4-goals .v3-goal.done::after { --hmv4-p: 100; }
@media (prefers-reduced-motion: reduce){
html.tl-home-v4 .hmv4-goals .v3-goal { transition: none; }
}
html.tl-home-v4 .hmv4-mood { display: none; }
html.tl-home-v4 .v3-card.hmv4-has-mood .hmv4-mood { display: flex; align-items: flex-end; gap: 7px; position: absolute; right: 14px; bottom: 15px; width: 40%; height: 34px; }
html.tl-home-v4 .hmv4-mood > i { flex: 1 1 0%; min-width: 0px; border-radius: 4px; background: var(--v3c-mood); }
html.tl-home-v4 .hmv4-mood > i[data-v="3"] { height: 60%; }
html.tl-home-v4 .hmv4-mood > i[data-v="4"] { height: 80%; }
@media (max-width: 359px){
html.tl-home-v4 .v3-card.hmv4-has-mood .hmv4-mood { position: static; width: auto; margin-top: 12px; }
}
html.tl-home-v4 .hmv4-meals { display: none; }
html.tl-home-v4 .v3-card.hmv4-has-meals .hmv4-meals { display: flex; gap: 3px; height: 22px; margin-top: 12px; }
html.tl-home-v4 .hmv4-meals > i { flex: 0 0 var(--w); min-width: 0px; border-radius: 5px; overflow: hidden; display: grid; place-items: center; background: var(--v3c-meals); }
html.tl-home-v4 .hmv4-meals > i[data-m="1"] { background: color-mix(in srgb, var(--v3c-meals) 74%, transparent); }
html.tl-home-v4 .hmv4-meals > i[data-m="2"] { background: color-mix(in srgb, var(--v3c-meals) 52%, transparent); }
html.tl-home-v4 .hmv4-meals > i[data-m="3"] { background: color-mix(in srgb, var(--v3c-meals) 32%, transparent); }
@supports not (background: color-mix(in srgb, red 50%, transparent)){
html.tl-home-v4 .hmv4-meals > i[data-m="1"] { opacity: 0.74; }
html.tl-home-v4 .hmv4-meals > i[data-m="2"] { opacity: 0.52; }
html.tl-home-v4 .hmv4-meals > i[data-m="3"] { opacity: 0.32; }
}
html.tl-home-v4 .hmv4-meals > i > b { font-size: 10px; font-weight: 800; letter-spacing: 0.04em; line-height: 1; color: var(--v3s-canvas); }
html.tl-home-v4 .hmv4-meals > i { container-type: inline-size; }
@container (max-width: 15px){
html.tl-home-v4 .hmv4-meals > i > b { display: none; }
}
#v3-macro-cal, #v3-macro-meals { display: none; }
#v3-macro-carbs { grid-column: 1 / -1; }
#v3-body-bmi, #v3-body-pulse { display: none; }
#v3-gen-fasth { display: none; }
@supports selector(:has(*)){
.v3-cards3:has(> #v3-gen-fasth) { grid-template-columns: 1fr 1fr; }
}
@property --sv4-p { syntax: "<number>"; inherits: true; initial-value: 0; }
html.tl-screens-v4 .sv4-sec { margin: 18px 0px 0px; }
html.tl-screens-v4 .sv4-hd { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0px 2px 9px; }
html.tl-screens-v4 .sv4-hd > b { font-size: 15px; font-weight: 760; letter-spacing: -0.02em; color: var(--v3s-t1); }
html.tl-screens-v4 .sv4-hd > span { flex: 0 0 auto; font-size: 11.5px; font-weight: 620; color: var(--v3s-t3); font-variant-numeric: tabular-nums; }
html.tl-screens-v4 .sv4-hd > span:empty { display: none; }
html.tl-screens-v4 .sv4-card { padding: 15px 16px; border-radius: 22px; border: 1px solid var(--v3s-line); background: var(--v3s-card-grad), var(--v3s-card); box-shadow: var(--v3s-hi), var(--v3s-shadow); }
html.tl-screens-v4 .sv4-band { display: grid; grid-template-columns: minmax(78px, auto) 1fr; gap: 16px; align-items: center; }
html.tl-screens-v4 .sv4-streak { display: grid; grid-template-columns: auto auto; align-items: center; gap: 0px 8px; min-width: 0px; }
html.tl-screens-v4 .sv4-ico { grid-row: 1 / 3; width: 26px; height: 26px; background: var(--sv4-dot, var(--v3c-neutral)); mask: var(--sv4-i, var(--v3i-energy)) center / contain no-repeat; }
html.tl-screens-v4 .sv4-num { font-size: 32px; font-weight: 780; letter-spacing: -0.045em; line-height: 1; color: var(--v3s-t1); font-variant-numeric: tabular-nums; }
html.tl-screens-v4 .sv4-lbl { grid-column: 2; font-size: 11.5px; font-weight: 640; line-height: 1.2; margin-top: 3px; color: var(--v3s-t3); }
html.tl-screens-v4 .sv4-best { grid-column: 1 / -1; margin-top: 7px; font-size: 11px; font-weight: 600; color: var(--v3s-t4); }
html.tl-screens-v4 .sv4-best:empty { display: none; }
html.tl-screens-v4 .sv4-grid { display: grid; grid-template-columns: repeat(15, 1fr); gap: 4px; }
html.tl-screens-v4 .sv4-c { aspect-ratio: 1 / 1; min-height: 8px; border-radius: 4px; background: var(--v3s-track); }
html.tl-screens-v4 .sv4-c[data-l="1"] { background: color-mix(in srgb, var(--sv4-dot, var(--v3c-neutral)) 32%, transparent); }
html.tl-screens-v4 .sv4-c.now { outline: 1.5px solid var(--v3s-t3); outline-offset: 2px; }
html.tl-screens-v4 .sv4-split { display: flex; gap: 3px; height: 22px; margin-top: 13px; }
html.tl-screens-v4 .sv4-split:empty, html.tl-screens-v4 .sv4-legend:empty, html.tl-screens-v4 .sv4-sum:empty { display: none; }
html.tl-screens-v4 .sv4-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 10px; font-size: 11px; font-weight: 620; color: var(--v3s-t3); }
html.tl-screens-v4 #sc-sleep .sv4-sec, html.tl-screens-v4 #sc-weight .sv4-sec { margin: 20px 0px 6px; }
@supports not (background: color-mix(in srgb, red 50%, transparent)){
html.tl-screens-v4 .sv4-c[data-l="1"], html.tl-screens-v4 .sv4-c[data-l="2"], html.tl-screens-v4 .sv4-c[data-l="3"] { background: var(--sv4-dot, var(--v3c-neutral)); }
html.tl-screens-v4 .sv4-c[data-l="1"] { opacity: 0.32; }
}
@keyframes sv4-pop { 
  0% { opacity: 0; transform: scale(0.55); }
  100% { opacity: 1; transform: none; }
}
@keyframes sv4-rise { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
@media (max-width: 359px){
html.tl-screens-v4 .sv4-band { grid-template-columns: 1fr; gap: 12px; }
html.tl-screens-v4 .sv4-streak { grid-template-columns: auto auto 1fr; }
html.tl-screens-v4 .sv4-best { grid-column: 3; justify-self: end; margin-top: 0px; }
}
.screen:not(#sc-weight):not(#sc-meditation) { contain: layout style; }
html.tl-app-feel { --tl-food-fill: linear-gradient(135deg, #2A303C, #3E4554); --tl-food-fill-sh: 0 4px 10px -4px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .10); }
html.tl-app-feel #sc-toit.ft3 { --ft3-ac: var(--v3s-t1); }
html.tl-app-feel #sc-toit.fh3 { --fh3-ac: var(--v3s-t1); --fh3-ac-t: var(--v3s-t2); }
html.tl-app-feel:has(#food-modal.fl3) { --fl3-ac: var(--v3s-t1); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-add, html.tl-app-feel #sc-toit.ft3 .v3-thr-today-chip, html.tl-app-feel #sc-toit.fh3 .fh3-seg-glide, html.tl-app-feel #sc-toit.fh3 .fh3-btn.is-solid, html.tl-app-feel #sc-nutrition.fp3 .nab-primary, html.tl-app-feel #food-modal.fl3 .tlg-method[aria-pressed="true"], html.tl-app-feel #food-modal.fl3 .tlg-voice-mic, html.tl-app-feel #food-modal.fl3 .tlg-actions .tlg-primary, html.tl-app-feel #food-modal.fl3 .tu-usual > .tu-primary, html.tl-app-feel #food-modal.fl3 #te-meal-basket .tu-primary, html.tl-app-feel #food-modal.fl3 .tu-portions > button[aria-pressed="true"], html.tl-app-feel #food-modal.fl3 #fs-qty-row > [aria-pressed="true"], html.tl-app-feel #food-modal.fl3 #fs-qty-row > .active, html.tl-app-feel #food-modal.fl3 .te-result.te-added .te-result-add, html.tl-app-feel #food-modal.fl3 #food-selected-form .mfm-btn-primary, html.tl-app-feel:has(#food-modal.fl3) .tl-draft-save, html.tl-app-feel:has(#food-modal.fl3) .tl-tools-primary { background: var(--tl-food-fill); box-shadow: var(--tl-food-fill-sh); color: rgb(255, 255, 255); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-row.now .v3-thr-add { box-shadow: 0 0 0 4px color-mix(in srgb, var(--v3s-t1) 10%, transparent), var(--tl-food-fill-sh); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-m[data-m="kcal"] b { color: var(--v3c-energy); }
html.tl-app-feel #sc-toit.ft3 .v3-thr-hd::after, html.tl-app-feel #sc-nutrition.fp3 .nutr-cal-hero::before { background: radial-gradient(circle, color-mix(in srgb, var(--v3s-t1) 9%, transparent), transparent 70%); }
html.tl-app-feel #sc-toit .v3-dots i.fast { background: var(--v3k-gold); }
html.tl-feel { --tlf-dur-quick: 120ms; --tlf-dur-base: 200ms; --tlf-dur-slow: 320ms; --tlf-ease-out: cubic-bezier(.32, .72, 0, 1); --tlf-ease-inout: cubic-bezier(.4, 0, .2, 1); --tlf-ease-spring: cubic-bezier(.34, 1.24, .64, 1); --tlf-dur-settle: var(--tlf-dur-base); }
html.tl-feel .card, html.tl-feel .dash-card, html.tl-feel .dash-mini, html.tl-feel .screen-header, html.tl-feel .bottomnav, html.tl-feel .bn-item, html.tl-feel .bn-fab, html.tl-feel .bn-pill, html.tl-feel .ctl-btn, html.tl-feel .more-menu, html.tl-feel .nav-more-item, html.tl-feel .sheet, html.tl-feel .v3-sheet, html.tl-feel button, html.tl-feel a, html.tl-feel input, html.tl-feel select, html.tl-feel textarea, html.tl-feel [role="switch"], html.tl-feel [onclick] { transition-duration: var(--tlf-dur-base); transition-timing-function: var(--tlf-ease-out); }
@keyframes tl-loader-reveal { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes tl-skel-sweep { 
  100% { transform: translateX(100%); }
}
@keyframes tl-rise { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
@keyframes tl-dlg-scrim-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes tl-dlg-in { 
  0% { transform: translateY(24px) scale(0.98); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
html.tl-feel .app, html.tl-feel .app * { user-select: none; }
html.tl-feel .app input, html.tl-feel .app textarea, html.tl-feel .app select, html.tl-feel .app [contenteditable="true"], html.tl-feel .app .meal-block, html.tl-feel .app #comm-thread, html.tl-feel .app #comm-input, html.tl-feel .app .tl-selectable, html.tl-feel .app .tl-selectable * { user-select: text; }
html.tl-feel button, html.tl-feel .bn-item, html.tl-feel .bn-fab, html.tl-feel .ctl-btn, html.tl-feel [role="switch"], html.tl-feel [onclick] { touch-action: manipulation; }
@media (prefers-reduced-motion: reduce){
html.tl-feel { --tlf-dur-quick: 1ms; --tlf-dur-base: 1ms; --tlf-dur-slow: 1ms; --tlf-dur-settle: 1ms; }
}
.pp-entry, .pp-dialog { --pp-accent: #2563eb; --pp-ink: var(--t1,#172338); --pp-muted: var(--t2,#475569); --pp-surface: var(--surface,#fff); --pp-line: var(--border,#cbd5e1); color: var(--pp-ink); }
.pp-entry { border: 1px solid var(--pp-line); border-radius: 18px; padding: 18px; margin: 14px 0px; background: var(--pp-surface); text-align: left; line-height: 1.5; }
.pp-entry small { color: var(--pp-muted); font-size: 11px; }
.pp-entry h3 { font-size: 19px; margin: 7px 0px; }
.pp-entry p { font-size: 13px; margin: 6px 0px 14px; }
.pp-entry button + button { margin-left: 8px; }
.pp-primary, .pp-button { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 650; line-height: 1.4; min-height: 44px; padding: 10px 14px; border: 1px solid var(--pp-line,#cbd5e1); border-radius: 10px; color: var(--pp-ink,var(--t1,#172338)); background: var(--pp-surface,var(--surface,#fff)); cursor: pointer; white-space: normal; max-width: 100%; overflow-wrap: anywhere; }
.pp-primary { background: rgb(29, 78, 216); border-color: rgb(29, 78, 216); color: rgb(255, 255, 255); }
.pp-dialog :is(button, input, select, textarea, summary):focus-visible, .pp-entry button:focus-visible { outline: rgb(96, 165, 250) solid 3px; outline-offset: 2px; }
@media (max-width: 380px){
.pp-entry button { display: block; width: 100%; margin: 8px 0px !important; }
}

/* demo shell: the app fills the frame under the disclosure strip */
html.tl-demo-v4,html.tl-demo-v4 body{height:100%;overflow:hidden;background:#0B0C10}
html.tl-demo-v4 .app[data-demo-app]{position:fixed!important;top:var(--demo-note-h,52px)!important;left:0;right:0;bottom:0!important;height:auto!important;inset:auto 0 0 0}
.demo-v4-note{position:fixed;z-index:2147483000;top:0;left:0;right:0;height:var(--demo-note-h,52px);box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 12px;background:#12141A;border-bottom:1px solid rgba(255,255,255,.08);color:#C0C6D0;font:600 11.5px/1.25 'DM Sans',system-ui,sans-serif}
.demo-v4-note-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.demo-v4-note-copy strong{color:#F2F4F8;font-size:12px}
.demo-v4-note-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-v4-cta{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;background:#F2F4F8;color:#0B0C10;font-weight:800;font-size:12px;text-decoration:none;white-space:nowrap}
.demo-v4-cta:focus-visible,.demo-v4-toast:focus-visible{outline:3px solid #8FB4FF;outline-offset:2px}
.demo-v4-toast{position:fixed;z-index:2147483001;left:50%;bottom:104px;transform:translate(-50%,12px);max-width:min(340px,calc(100% - 32px));padding:11px 15px;border-radius:14px;background:#F2F4F8;color:#0B0C10;font:700 13px/1.35 'DM Sans',system-ui,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;text-align:center}
.demo-v4-toast.is-on{opacity:1;transform:translate(-50%,0)}
html.tl-demo-v4 [data-demo-screen] [disabled]{cursor:default}
/* The real app paints the Home header opaque from JS the moment the screen scrolls
   (transparent -> var(--v3s-canvas) + backdrop blur). The frozen demo runs no app JS, so the
   day-ring row scrolled straight through it. Pin the header to its scrolled appearance. */
html.tl-demo-v4 .v3-home .v3-top{background:var(--v3s-canvas,#0B0C10)}
@media(prefers-reduced-motion:reduce){.demo-v4-toast{transition:none}}