:root{--border-radius-xs:4px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--font-body:"Inter",system-ui,-apple-system,sans-serif;--text-2xs:.6rem;--text-xs:.7rem;--text-sm:.8rem;--text-base:.9rem;--text-lg:1.1rem;--text-xl:1.5rem;--text-2xl:2rem;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:20px;--space-xl:32px;--space-2xl:48px;--transition-fast:.15s ease;--transition-normal:.25s ease;--cell-width:120px;--cell-height:10px;--hour-height:48px;--hour-column-width:44px;--week-header-height:44px;--color-bg:#ecf4ee;--color-bg-light:#f3fbf5;--color-surface:#fff;--color-surface-hover:#f7faf8;--color-border-light:#e3ece6;--color-border-subtle:#c8dace;--color-border-active:#a3c0ae;--input-border:var(--color-border-subtle);--color-brand:#7a9985;--color-brand-hover:#6a8875;--color-brand-soft:#bccbc2;--color-text-main:#1f2723;--color-text-soft:#4c5a55;--color-text-muted:#6c887a;--color-button-primary:var(--color-brand);--color-button-primary-hover:var(--color-brand-hover);--color-button-primary-active:#5e776b;--color-button-primary-text:var(--color-surface);--color-toggle-off:var(--color-surface);--color-toggle-on:var(--color-brand-soft);--color-accent-ok:#3c6f5a;--color-accent-warning:#e38b3a;--color-accent-danger:#d35656;--event-default-bg:#f5f5f5;--event-default-bg-transparent:#f5f5f5b3;--event-default-border:#e0e0e0;--event-default-text:#9c9c9c;--event-meeting-bg:#e8e8e8;--event-meeting-bg-transparent:#e8e8e8b3;--event-meeting-border:#cfcfcf;--event-meeting-text:#909090;--event-training-bg:#e3f2e8;--event-training-bg-transparent:#e3f2e8b3;--event-training-border:#a8c9b4;--event-training-text:#639e79;--event-walk-bg:#e3f0f7;--event-walk-bg-transparent:#e3f0f7b3;--event-walk-border:#a3cfeb;--event-walk-text:#409bd5;--event-studying-bg:#ede8f5;--event-studying-bg-transparent:#ede8f5b3;--event-studying-border:#bcb0d4;--event-studying-text:#7c64aa;--event-important-bg:#fbeaea;--event-important-bg-transparent:#fbeaeab3;--event-important-border:#e8b3b3;--event-important-text:#cb5454;--event-food-bg:#fef9e7;--event-food-bg-transparent:#fef9e7b3;--event-food-border:#ead7a0;--event-food-text:#d4ae3f;--color-green:#6bb088;--color-green-light:#8fc7ab;--color-orange:#d9bf73;--mood-very-bad-bg:#e8b3b3;--mood-very-bad-border:#d98989;--mood-bad-bg:#f5d1a3;--mood-bad-border:#e6b876;--mood-ok-bg:#ead7a0;--mood-ok-border:var(--color-orange);--mood-good-bg:#a8d094;--mood-good-border:#85ba68;--mood-very-good-bg:var(--color-green-light);--mood-very-good-border:var(--color-green);--intensity-very-light-bg:#c8e3f0;--intensity-very-light-border:#9acce3;--intensity-light-bg:#9ec4de;--intensity-light-border:#6fa8cd;--intensity-moderate-bg:#b8a8d8;--intensity-moderate-border:#9580c4;--intensity-hard-bg:#d498b8;--intensity-hard-border:#c56e9d;--intensity-very-hard-bg:#e89a9a;--intensity-very-hard-border:#dd6c6c;--chart-weight-primary:var(--color-green);--chart-weight-secondary:var(--color-green-light);--chart-calories:var(--color-orange);--shadow-sm:0 1px 2px #0f1d150a;--shadow-md:0 4px 6px #0f1d150f;--shadow-lg:0 10px 30px #0f1d150f}@media (prefers-color-scheme:dark){:root{--color-bg:#111818;--color-bg-light:#161d1d;--color-surface:#1a2221;--color-surface-hover:#1f2a28;--color-border-light:#1f2928;--color-border-subtle:#263130;--color-border-active:#2f3d3b;--color-brand:#9fbfaf;--color-brand-hover:#b6d5c4;--color-brand-soft:#2d4942;--color-text-main:#f1f5f3;--color-text-soft:#c6d0cb;--color-text-muted:#8ea09b;--color-button-primary-active:#8aad9a;--color-accent-ok:#9fbfaf;--color-accent-warning:#daa05e;--color-accent-danger:#dd6c6c;--event-default-bg:#1f2928;--event-default-bg-transparent:#1f2928b3;--event-default-border:#2a3432;--event-default-text:#617974;--event-meeting-bg:#252d2c;--event-meeting-bg-transparent:#252d2cb3;--event-meeting-border:#323d3b;--event-meeting-text:#677e7a;--event-training-bg:#1e342b;--event-training-bg-transparent:#1e342bb3;--event-training-border:#3a5447;--event-training-text:#67957e;--event-walk-bg:#1a2d38;--event-walk-bg-transparent:#1a2d38b3;--event-walk-border:#2f4a5c;--event-walk-text:#5485a5;--event-studying-bg:#2a243a;--event-studying-bg-transparent:#2a243ab3;--event-studying-border:#433d54;--event-studying-text:#756b93;--event-important-bg:#3a2424;--event-important-bg-transparent:#3a2424b3;--event-important-border:#5a3838;--event-important-text:#9d6161;--event-food-bg:#3a3422;--event-food-bg-transparent:#3a3422b3;--event-food-border:#584f36;--event-food-text:#9c8c5f;--color-green:#3d9494;--color-green-light:#2a6666;--color-orange:#968347;--mood-very-bad-bg:#6e3535;--mood-very-bad-border:#994a4a;--mood-bad-bg:#7a5028;--mood-bad-border:#a86e3a;--mood-ok-bg:#6b5e2f;--mood-ok-border:var(--color-orange);--mood-good-bg:#3a7050;--mood-good-border:#4fa070;--mood-very-good-bg:var(--color-green-light);--mood-very-good-border:var(--color-green);--intensity-very-light-bg:#3d5c6e;--intensity-very-light-border:#5a7d94;--intensity-light-bg:#2f4a66;--intensity-light-border:#4a6a8a;--intensity-moderate-bg:#544470;--intensity-moderate-border:#73619a;--intensity-hard-bg:#6b3d5e;--intensity-hard-border:#945687;--intensity-very-hard-bg:#6e3535;--intensity-very-hard-border:#994a4a;--shadow-soft:0 18px 45px #000000a6;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006}}.metrics-view{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.metrics-view.loading{color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.metrics-container{align-items:flex-start;gap:var(--space-lg);flex-direction:row;flex:1;min-height:0;display:flex}@media (max-width:768px){.metrics-container{flex-direction:column}}.table-section{flex-direction:column;min-height:0;display:flex}.table-wrapper{border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);background:var(--color-surface);flex:1}.metrics-table{border-collapse:collapse;width:100%;font-size:var(--text-xs);white-space:nowrap}.metrics-table tbody{border-top:1px solid var(--color-border-light)}.metrics-table tbody tr:not(:last-child){border-bottom:1px solid var(--color-border-light)}.metrics-table th,.metrics-table td{padding:var(--space-xs)var(--space-sm);text-align:center;vertical-align:middle;width:50px}.metrics-table th{font-size:var(--text-xs);color:var(--color-text-muted);z-index:2;font-weight:500}.metrics-table .date-col{color:var(--color-text-soft);text-align:left;border-right:1px solid var(--color-border-light);min-width:80px;font-weight:500}.metrics-table .date-col .date-container{justify-content:space-between;align-items:baseline;gap:var(--space-sm);flex-direction:row;display:flex}.metrics-table .date-col .date-container .day{width:24px;font-size:var(--text-xs);color:var(--color-text-muted)}.metrics-table .text-col{text-align:left;min-width:80px}.metrics-table .time-col{text-align:center}.metrics-table .rating-col{text-align:center;padding-left:2px;padding-right:2px}.metrics-table .notes-col{width:32px;padding:0 var(--space-xs)}.metrics-table .group-header-row th{font-size:var(--text-xs);color:var(--color-text-muted);padding-bottom:0;font-weight:600}.metrics-table .group-subheader-row th{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400}.metrics-table .group-separator{border-left:1px solid var(--color-border-light)}.metrics-table .divider-col{background:var(--color-border-light);width:1px;padding:0}.metrics-table tbody tr:hover{background:var(--color-surface-hover)}.rating-dot{vertical-align:middle;border-radius:50%;width:16px;height:16px;display:inline-block}.rating-dot.small{vertical-align:baseline;width:10px;height:10px}.rating-dot.empty{background:0 0}.rating-dot.mood-dot.level-1{background:var(--mood-very-bad-bg)}.rating-dot.mood-dot.level-2{background:var(--mood-bad-bg)}.rating-dot.mood-dot.level-3{background:var(--mood-ok-bg)}.rating-dot.mood-dot.level-4{background:var(--mood-good-bg)}.rating-dot.mood-dot.level-5{background:var(--mood-very-good-bg)}.rating-dot.intensity-dot.level-1{background:var(--intensity-very-light-bg)}.rating-dot.intensity-dot.level-2{background:var(--intensity-light-bg)}.rating-dot.intensity-dot.level-3{background:var(--intensity-moderate-bg)}.rating-dot.intensity-dot.level-4{background:var(--intensity-hard-bg)}.rating-dot.intensity-dot.level-5{background:var(--intensity-very-hard-bg)}.rating-dot-pair{align-items:center;gap:2px;display:inline-flex}.notes-popover-wrapper{display:inline-block;position:relative}.notes-trigger{width:20px;height:20px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.notes-trigger:hover{background:var(--color-surface-hover);color:var(--color-brand)}.notes-popover{z-index:100;min-width:200px;max-width:300px;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);white-space:normal;position:absolute;top:100%;left:50%;transform:translate(-96%)}.notes-popover .note-item{margin-bottom:var(--space-xs);font-size:var(--text-xs)}.notes-popover .note-item:last-child{margin-bottom:0}.notes-popover .note-label{color:var(--color-text-muted);margin-right:var(--space-xs);font-weight:500}.notes-popover .note-text{color:var(--color-text-soft)}.load-more-btn{margin-top:var(--space-md);padding:var(--space-sm)var(--space-lg);border:1px dashed var(--color-border-light);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;align-self:center}.load-more-btn:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand);background:#51b7e00d}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}