:root{color-scheme:dark;--bg: #12141a;--card: #181b22;--text: #e7e9ee;--text-muted: #9297a3;--text-faint: #7a7f8a;--border: #262a33;--accent: #3ddc97;--accent-soft: #5dcaa5;--accent-bg: #1a3d30;--coral: #d9764a;--coral-soft: #e0967c;--blue: #4a8fd8;--blue-soft: #7f9fd8;--chart-bar: #3a3d45;--chart-workout: var(--coral);--chart-limit: var(--blue-soft);--chart-weight: var(--blue)}:root[data-theme=light]{color-scheme:light;--bg: #f4f5f7;--card: #ffffff;--text: #14161b;--text-muted: #5b6070;--text-faint: #82869a;--border: #e2e4ea;--accent-bg: #dcf5ea;--chart-bar: #d5d8e0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.muted{color:var(--text-faint)}.app-shell{width:100%;padding:24px 32px 64px;display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:start}@media (max-width: 900px){.app-shell{grid-template-columns:1fr;padding:16px 16px 48px;gap:16px}}@media (max-width: 720px){.app-shell{padding:16px 12px 40px}}.app-main{display:flex;flex-direction:column;gap:16px;min-width:0}.sidebar{display:flex;flex-direction:column;gap:2px;padding-right:14px;border-right:1px solid var(--border);position:sticky;top:24px}@media (max-width: 900px){.sidebar{flex-direction:row;align-items:center;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border);padding:0 0 12px;position:static;gap:4px}}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:0 10px 16px;color:var(--text);font-weight:500;font-size:14px}@media (max-width: 900px){.sidebar-brand{padding:0 10px 0 0}}.sidebar-brand-icon{color:var(--accent)}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text-faint);font-size:13px;width:100%;border:none;background:none;font-family:inherit;text-align:left;cursor:pointer}.sidebar-item:hover{background:var(--border)}.sidebar-item.active{background:var(--accent-bg);color:var(--accent)}.sidebar-item.active:hover{background:var(--accent-bg)}@media (max-width: 900px){.sidebar-item{width:auto;white-space:nowrap}}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.app-header h1{font-size:18px;font-weight:500;margin:0}.app-header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.theme-toggle{display:flex;align-items:center;border-radius:8px;border:1px solid var(--border);overflow:hidden}.theme-toggle-btn{padding:6px 9px;border:none;background:transparent;color:var(--text-faint);cursor:pointer;display:flex;align-items:center}.theme-toggle-btn.active{background:var(--accent-bg);color:var(--accent)}.range-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.range-presets{display:flex;gap:8px}.range-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--text-faint);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap}.range-btn.active{background:var(--accent-bg);color:var(--accent);border-color:transparent}.date-range-picker{position:relative}.date-range-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:20;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 16px 40px #00000059;display:flex;flex-direction:column;gap:14px;width:max-content}.date-range-fields{display:flex;gap:12px}.date-range-field{flex:1;display:flex;flex-direction:column;gap:4px}.date-range-field-label{font-size:11px;color:var(--text-faint)}.date-range-field-value{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;white-space:nowrap}.date-range-months{display:flex;gap:20px}.date-range-footer{display:flex;justify-content:flex-end}.date-range-ok{background:var(--accent);color:#0a0b0e;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.date-range-ok:disabled{opacity:.4;cursor:default}.calendar-month{display:flex;flex-direction:column;gap:6px;width:224px}.calendar-month-header{display:flex;align-items:center;justify-content:space-between}.calendar-month-title{font-size:13px;font-weight:500;color:var(--text)}.calendar-nav{background:none;border:none;color:var(--text-faint);cursor:pointer;display:flex;align-items:center;padding:2px}.calendar-nav:hover{color:var(--text)}.calendar-nav-spacer{width:20px;display:inline-block}.calendar-weekdays,.calendar-week{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekday{font-size:11px;color:var(--text-faint);text-align:center;padding:2px 0}.calendar-day{background:none;border:none;color:var(--text);font-size:12px;padding:6px 0;cursor:pointer;border-radius:6px;font-family:inherit}.calendar-day:hover{background:var(--border)}.calendar-day.outside{color:var(--text-faint);opacity:.5}.calendar-day.in-range{background:var(--accent-bg);border-radius:0}.calendar-day.selected{background:var(--accent);color:#0a0b0e;font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 720px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:12px;color:var(--text-muted)}.kpi-value{font-size:22px;font-weight:500}.kpi-sub{font-size:11px;color:var(--text-faint)}.kpi-positive{color:var(--accent-soft)}.kpi-negative{color:var(--coral-soft)}.chart-and-today{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;align-items:stretch}@media (max-width: 720px){.chart-and-today{grid-template-columns:1fr}}.chart-block{display:flex;flex-direction:column;gap:4px}.chart-header h2{font-size:13px;font-weight:500;color:var(--text-muted);margin:0 0 4px}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--text-muted);padding-top:4px}.chart-legend-item{display:flex;align-items:center;gap:5px}.chart-legend-swatch{width:8px;height:8px;border-radius:2px;display:inline-block}.chart-legend-line{width:8px;height:2px;display:inline-block}.chart-tooltip{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--text)}.chart-tooltip-date{font-weight:700;margin-bottom:4px}.chart-tooltip-workout{color:var(--coral-soft)}.today-card{display:flex;flex-direction:column;gap:10px;height:100%}.today-title{font-size:13px;color:var(--text-muted)}.today-empty-wrap{flex:1;display:flex;align-items:center;justify-content:center}.today-empty{font-size:12px;color:var(--text-faint)}.today-body{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-height:0}.today-ring-section{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;justify-content:center;width:100%}.today-ring{width:clamp(112px,15vw,200px);height:clamp(112px,15vw,200px);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.today-ring-inner{width:80%;height:80%;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center}.today-ring-value{font-size:clamp(17px,2vw,26px);font-weight:500;color:var(--text)}.today-limit-label{font-size:12px;color:var(--chart-limit);cursor:pointer;display:flex;align-items:center;gap:3px;background:none;border:none;padding:0;font-family:inherit;white-space:nowrap}.today-breakdown{width:100%;background:var(--bg);border-radius:8px;padding:8px 10px;font-size:11px;color:var(--text-muted)}.today-breakdown-row{display:flex;justify-content:space-between;padding:2px 0;color:var(--text)}.today-breakdown-row span:first-child{color:var(--text-muted)}.today-remaining{font-size:12px}.today-steps{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);padding-top:8px;width:100%;justify-content:center}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 720px){.two-col-grid{grid-template-columns:1fr}}.table-card{display:flex;flex-direction:column;gap:8px}.table-title{font-size:13px;color:var(--text-muted)}.table-scroll-vertical{max-height:340px;overflow-y:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.data-table th{text-align:left;font-weight:400;color:var(--text-muted);padding:4px 8px;position:sticky;top:0;z-index:1;background:var(--card)}.data-table th.num{text-align:right}.data-table th:first-child{padding-left:0}.data-table th:last-child{padding-right:0}.data-table td{padding:5px 8px}.data-table td.num{text-align:right}.data-table td:first-child{padding-left:0}.data-table td:last-child{padding-right:0}.data-table tbody tr{border-top:1px solid var(--border)}.sleep-card{display:flex;flex-direction:column}.sleep-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.table-scroll{overflow-x:auto}.sleep-table{table-layout:auto}.sleep-table th,.sleep-table td{text-align:center;white-space:nowrap}.sleep-table th:first-child,.sleep-table td:first-child{text-align:left;width:110px}.sleep-row-label{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.sleep-low{color:var(--coral-soft)}.sleep-footnote{font-size:11px;color:var(--text-faint);margin-top:8px}.settings-sections{display:flex;flex-direction:column;gap:16px}.settings-card{display:flex;flex-direction:column;gap:4px;max-width:560px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.settings-row+.settings-row{border-top:1px solid var(--border)}.goal-toggle{display:flex;border-radius:8px;border:1px solid var(--border);overflow:hidden;flex-shrink:0}.goal-toggle-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-faint);cursor:pointer;font-size:12px;font-family:inherit;white-space:nowrap}.goal-toggle-btn.active{background:var(--accent-bg);color:var(--accent)}.settings-number{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text);flex-shrink:0}.settings-number input{width:96px;background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--text);font-size:13px;font-family:inherit}.settings-label{font-size:13px;color:var(--text-muted)}.settings-token{display:flex;align-items:center;gap:8px}.settings-token-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text);word-break:break-all}.settings-icon-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;display:flex;align-items:center;padding:0}.settings-logout-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);border-radius:8px;padding:8px 14px;color:var(--coral-soft);font-size:13px;font-family:inherit;cursor:pointer}.settings-logout-btn:hover{background:var(--border)}.status{padding:24px 0;color:var(--text-muted)}.status-error{color:#e08585}.status-card{display:flex;align-items:center;justify-content:center;min-height:160px}.status-card .status{padding:0}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.gate-card{background:#1f1f22;border:1px solid #2f2f33;border-radius:16px;padding:32px;max-width:360px;width:100%;display:flex;flex-direction:column;gap:14px}.gate-card h1{font-size:20px;margin:0}.gate-card p{font-size:14px;color:#9a9a9e;margin:0}.gate-card input{background:#17171a;border:1px solid #2f2f33;border-radius:8px;padding:10px 12px;color:#e8e8ea;font-size:14px}.gate-card button{background:#f2f2f3;color:#17171a;border:none;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;cursor:pointer}.gate-card button:disabled{opacity:.6;cursor:default}.gate-error{color:#e08585;font-size:13px}