.sidebar{width:240px;background:#673ab8;display:flex;flex-direction:column;height:100vh;overflow-y:auto;flex-shrink:0;transition:width .2s ease}.sidebar.collapsed{width:56px}.sidebar-header{display:flex;align-items:center;padding:.75rem;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.15);min-height:48px}.sidebar-brand{color:#fff;font-weight:700;font-size:1.1rem;white-space:nowrap;overflow:hidden}.sidebar-toggle{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:.25rem;font-size:1.1rem;line-height:1;border-radius:4px;flex-shrink:0;margin-left:auto}.sidebar-toggle:hover{color:#fff;background:#ffffff1a}.sidebar-nav{display:flex;flex-direction:column;padding:.5rem 0;flex:1}.sidebar-link{display:flex;align-items:center;gap:.75rem;color:#ffffffd9;padding:.5rem .75rem;text-decoration:none;white-space:nowrap;font-size:.9rem;transition:background .15s;overflow:hidden}.sidebar-link:hover{background:#0003;color:#fff}.sidebar-link.active{background:#0000004d;color:#fff}.sidebar-icon{font-size:1.1rem;width:1.5rem;text-align:center;flex-shrink:0}.sidebar-label{overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-label,.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .sidebar-section-arrow{display:none}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar.collapsed .sidebar-toggle{margin-left:0}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.5rem}.sidebar.collapsed .sidebar-sub-links{display:none}.sidebar-section-btn{display:flex;align-items:center;gap:.75rem;width:100%;background:transparent;border:none;color:#ffffffd9;padding:.5rem .75rem;font:inherit;font-size:.9rem;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;transition:background .15s}.sidebar-section-btn:hover{background:#0003;color:#fff}.sidebar-section-btn.active{background:#0000004d;color:#fff}.sidebar-section-arrow{margin-left:auto;font-size:.7rem;opacity:.7}.sidebar-sub-links{display:flex;flex-direction:column}.sidebar-sub-links .sidebar-link{padding-left:2.5rem;font-size:.85rem;opacity:.9}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.15);padding:.5rem 0}@media(max-width:60em){.sidebar{display:none}}.icon-upload-btn{padding:2px 8px;font-size:.75rem;border:1px solid var(--border-color, #ccc);border-radius:4px;background:var(--bg-secondary, #f5f5f5);color:var(--text-color, #222);cursor:pointer;white-space:nowrap}.icon-upload-btn:hover:not(:disabled){background:var(--bg-hover, #e8e8e8)}.icon-upload-btn:disabled{opacity:.5;cursor:not-allowed}.icon-suggestion-btn{padding:2px 6px;font-size:.85rem;border:1px dashed var(--border-color, #ccc);border-radius:4px;background:transparent;cursor:pointer;opacity:.7}.icon-suggestion-btn:hover{opacity:1}.icon-upload-error{color:var(--color-error, #e53e3e);font-size:.75rem}.trend-line-chart-container{position:relative;width:100%}.trend-line-chart-container svg{display:block}.trend-line-chart-tooltip{position:absolute;pointer-events:none;background:#000000d9;color:#fff;padding:.375rem .625rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:10;display:none}.trend-line-chart-placeholder{height:200px;display:flex;align-items:center;justify-content:center;color:#9ca3af;background:#f9fafb;border-radius:8px}@media(prefers-color-scheme:dark){.trend-line-chart-tooltip{background:#111827f2}.trend-line-chart-placeholder{background:#111827;color:#6b7280}}.save-status-indicator.compact{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.save-status-indicator .status-spinner{display:inline-block;width:14px;height:14px;border:2px solid #e0e0e0;border-top-color:#8b5cf6;border-radius:50%;animation:save-status-spin .6s linear infinite}.save-status-indicator .status-checkmark{color:#22c55e;font-size:1.1rem;font-weight:700}.save-status-indicator .status-error-icon{color:#dc2626;font-size:1.1rem;font-weight:700}.save-status-indicator.text{font-size:.85rem;white-space:nowrap}.save-status-indicator.text.saving{color:#888}.save-status-indicator.text.saved{color:#4caf50}.save-status-indicator.text.error{color:#f44336}@keyframes save-status-spin{to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.save-status-indicator .status-spinner{border-color:#555;border-top-color:#a78bfa}.save-status-indicator .status-checkmark{color:#4ade80}.save-status-indicator .status-error-icon{color:#ef4444}.save-status-indicator.text.saving{color:#aaa}.save-status-indicator.text.saved{color:#4ade80}.save-status-indicator.text.error{color:#ef4444}}.save-cancel-row{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}.activity-type-meta-page{width:100%;padding:2rem;box-sizing:border-box}.activity-type-meta-header{margin-bottom:2rem}.activity-type-meta-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.activity-type-meta-title-row h1{font-size:1.75rem;font-weight:600;margin:0;color:#1f2937}.activity-type-meta-icon-placeholder{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;font-size:1.25rem;font-weight:600}.activity-type-meta-badges{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.activity-type-meta-category-badge{font-size:.8rem;padding:.2rem .6rem;background:#eff6ff;color:#2563eb;border-radius:999px;font-weight:500}.activity-type-meta-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.activity-type-meta-name-muted{font-size:.85rem;color:#9ca3af;font-family:monospace}.activity-type-meta-section{margin-bottom:2rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.activity-type-meta-section h2{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 1rem}.activity-type-meta-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.activity-type-meta-section-header h2{margin:0}.activity-type-meta-section-header select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;color:#374151;background:#fff}.activity-type-meta-settings-grid{display:flex;flex-direction:column;gap:1rem}.activity-type-meta-settings-grid label{display:flex;flex-direction:column;gap:.375rem}.activity-type-meta-field-label{font-size:.85rem;font-weight:500;color:#6b7280}.activity-type-meta-text-input{padding:.5rem .75rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:6px;background:transparent;color:inherit;width:100%;max-width:400px;box-sizing:border-box}.activity-type-meta-text-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.activity-type-meta-icon-row{display:flex;align-items:center;gap:.5rem}.activity-type-meta-icon-row input{flex:1}.activity-type-meta-icon-preview{font-size:2rem;line-height:1;display:flex;align-items:center}.activity-type-meta-icon-preview img{border-radius:4px}.activity-type-meta-timeline-toggle{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;color:#374151;cursor:pointer;flex-direction:row}.activity-type-meta-timeline-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:#673ab8;cursor:pointer}@media(prefers-color-scheme:dark){.activity-type-meta-timeline-toggle{color:#d1d5db}}.activity-type-meta-trend-value{display:flex;align-items:baseline;gap:.375rem;margin-bottom:.75rem}.activity-type-meta-trend-number{font-size:2rem;font-weight:700;color:#1f2937}.activity-type-meta-trend-unit{font-size:.9rem;color:#6b7280}.activity-type-meta-recent-list{display:flex;flex-direction:column;gap:.375rem}.activity-type-meta-recent-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border:1px solid #f3f4f6;border-radius:6px;font-size:.85rem;text-decoration:none;color:inherit}.activity-type-meta-recent-item:hover{background:#f9fafb}.activity-type-meta-recent-time{color:#6b7280}.activity-type-meta-recent-title{font-weight:500;color:#374151}.activity-type-meta-recent-duration{font-size:.8rem;color:#9ca3af}.activity-type-meta-empty{color:#9ca3af;font-size:.9rem;text-align:center;padding:1rem}.activity-type-meta-links{display:flex;flex-wrap:wrap;gap:.5rem}.activity-type-meta-link{display:inline-block;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:6px;text-decoration:none;font-size:.85rem;color:#374151;transition:all .15s}.activity-type-meta-link:hover{background:#f3f4f6;border-color:#d1d5db}.activity-type-meta-page .btn-primary{padding:.5rem 1rem;font-size:.85rem;background:#673ab8;color:#fff;border:none;border-radius:4px;cursor:pointer}.activity-type-meta-page .btn-primary:hover:not(:disabled){background:#5a32a3}.activity-type-meta-page .btn-primary:disabled{opacity:.5;cursor:not-allowed}.activity-type-meta-page .loading,.activity-type-meta-page .error{text-align:center;padding:1rem;color:#6b7280}.activity-type-meta-page .error{color:#dc2626}.activity-type-meta-page .btn-secondary{padding:.5rem 1rem;font-size:.85rem;background:transparent;border:1px solid #d1d5db;color:#374151;border-radius:4px;cursor:pointer}.activity-type-meta-page .btn-secondary:hover{background:#f3f4f6}.activity-type-meta-page .btn-danger{padding:.5rem 1rem;font-size:.85rem;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer}.activity-type-meta-page .btn-danger:hover:not(:disabled){background:#b91c1c}.activity-type-meta-page .btn-danger:disabled{opacity:.5;cursor:not-allowed}.activity-type-meta-merge-desc{color:#6b7280;font-size:.85rem;margin-bottom:.75rem}.activity-type-meta-merge-form{display:flex;flex-direction:column;gap:.75rem}.activity-type-meta-merge-form label{display:flex;flex-direction:column;gap:.25rem}.activity-type-meta-merge-form select,.activity-type-meta-merge-form input{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.85rem}.activity-type-meta-merge-form code{font-size:.8rem;background:#f3f4f6;padding:.1rem .3rem;border-radius:2px}.activity-type-meta-merge-actions{display:flex;gap:.5rem}.activity-type-meta-schema-table{width:100%;border-collapse:collapse;font-size:.85rem}.activity-type-meta-schema-table th{text-align:left;font-weight:500;color:#6b7280;padding:.375rem .5rem;border-bottom:1px solid #e5e7eb}.activity-type-meta-schema-table td{padding:.375rem .5rem;border-bottom:1px solid #f3f4f6}.activity-type-meta-schema-input{padding:.375rem .5rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit;width:100%;box-sizing:border-box}.btn-icon-small{border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:.85rem;padding:.25rem .5rem}.btn-icon-small:hover{color:#dc2626}@media(prefers-color-scheme:dark){.activity-type-meta-title-row h1{color:#f9fafb}.activity-type-meta-icon-placeholder{background:#374151;border-color:#4b5563;color:#6b7280}.activity-type-meta-category-badge{background:#1e3a5f;color:#60a5fa}.activity-type-meta-name-muted{color:#6b7280}.activity-type-meta-section{background:#1f2937;border-color:#374151}.activity-type-meta-section h2{color:#e5e7eb}.activity-type-meta-section-header select{background:#111827;border-color:#4b5563;color:#e5e7eb}.activity-type-meta-text-input{border-color:#4b5563;background:#374151;color:#f9fafb}.activity-type-meta-text-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.activity-type-meta-field-label{color:#9ca3af}.activity-type-meta-trend-number{color:#f9fafb}.activity-type-meta-trend-unit{color:#9ca3af}.activity-type-meta-recent-item{border-color:#374151}.activity-type-meta-recent-item:hover{background:#111827}.activity-type-meta-recent-time{color:#9ca3af}.activity-type-meta-recent-title{color:#e5e7eb}.activity-type-meta-link{border-color:#374151;color:#d1d5db}.activity-type-meta-link:hover{background:#374151;border-color:#4b5563}.activity-type-meta-page .btn-secondary{border-color:#4b5563;color:#d1d5db}.activity-type-meta-page .btn-secondary:hover{background:#374151}.activity-type-meta-merge-form select,.activity-type-meta-merge-form input{background:#374151;border-color:#4b5563;color:#f9fafb}.activity-type-meta-merge-form code{background:#374151;color:#d1d5db}.activity-type-meta-schema-table th{border-color:#374151;color:#9ca3af}.activity-type-meta-schema-table td{border-color:#374151}.activity-type-meta-schema-input{border-color:#4b5563;background:#374151;color:#f9fafb}}@media(max-width:639px){.activity-type-meta-page{padding:1rem}.activity-type-meta-title-row h1{font-size:1.35rem}.activity-type-meta-badges{flex-direction:column;gap:.25rem;align-items:flex-start}.activity-type-meta-links{flex-direction:column}.activity-type-meta-link{text-align:center}}.at-toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.at-add-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:500;background:#673ab8;color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap}.at-add-btn:hover{background:#5a32a3}.at-add-form{margin-bottom:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.at-add-fields{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.at-add-fields label{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.at-add-label{font-size:.8rem;font-weight:500;color:#6b7280}.at-add-input{padding:.5rem .75rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:inherit}.at-add-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.at-add-actions{display:flex;gap:.5rem}.at-add-save{padding:.5rem 1rem;font-size:.85rem;background:#673ab8;color:#fff;border:none;border-radius:6px;cursor:pointer}.at-add-save:hover:not(:disabled){background:#5a32a3}.at-add-save:disabled{opacity:.5;cursor:not-allowed}.at-add-cancel{padding:.5rem 1rem;font-size:.85rem;background:transparent;border:1px solid #d1d5db;color:#374151;border-radius:6px;cursor:pointer}.at-add-cancel:hover{background:#f3f4f6}.at-add-error{color:#dc2626;font-size:.85rem;margin:0 0 .5rem}.at-search-input{width:100%;max-width:400px;padding:.5rem .75rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:6px;background:transparent;color:inherit}.at-search-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.at-container{display:flex;flex-direction:column;gap:1rem}.at-group{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.at-group-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;background:#f9fafb;border:none;cursor:pointer;font-size:.95rem;font-weight:600;color:#374151;text-align:left}.at-group-header:hover{background:#f3f4f6}.at-group-chevron{font-size:.65rem;transition:transform .15s}.at-group-chevron.collapsed{transform:rotate(-90deg)}.at-group-label{flex:1}.at-group-count{font-size:.75rem;font-weight:500;color:#6b7280;background:#e5e7eb;padding:.1rem .4rem;border-radius:99px}.at-group-list{border-top:1px solid #e0e0e0}.at-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid #f0f0f0}.at-row:last-child{border-bottom:none}.at-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.at-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.at-display-name{font-weight:600;font-size:.9rem}.at-name-muted{font-size:.8rem;color:#9ca3af}.at-actions{display:flex;gap:.5rem;flex-shrink:0}.at-toggle{display:flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.8rem;color:#6b7280}.at-toggle input{accent-color:#673ab8;width:16px;height:16px;cursor:pointer}.at-empty{color:#9ca3af;font-size:.9rem;font-style:italic;padding:1rem 0}@media(prefers-color-scheme:dark){.at-add-btn{background:#7c3aed}.at-add-btn:hover{background:#6d28d9}.at-add-form{background:#1a1a2e;border-color:#333}.at-add-input{background:#374151;border-color:#4b5563;color:#f9fafb}.at-add-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.at-add-save{background:#7c3aed}.at-add-save:hover:not(:disabled){background:#6d28d9}.at-add-cancel{border-color:#4b5563;color:#d1d5db}.at-add-cancel:hover{background:#374151}.at-search-input{border-color:#4b5563}.at-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.at-group{border-color:#333}.at-group-header{background:#1a1a2e;color:#d1d5db}.at-group-header:hover{background:#1e1e32}.at-group-count{background:#374151;color:#9ca3af}.at-group-list{border-top-color:#333}.at-row{border-bottom-color:#333}.at-display-name{color:#d1d5db}.at-toggle{color:#9ca3af}.at-toggle input{accent-color:#8b5cf6}}@media(max-width:639px){.at-row{flex-direction:column;align-items:flex-start;gap:.375rem}.at-actions{width:100%;justify-content:flex-end}}.metric-picker{position:relative}.metric-picker-input{width:100%;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;color:#1f2937;min-height:38px;box-sizing:border-box}.metric-picker-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.metric-picker-input::placeholder{color:#9ca3af}.metric-picker-dropdown{position:absolute;top:100%;left:0;right:0;margin:.25rem 0 0;padding:.25rem 0;list-style:none;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:240px;overflow-y:auto;z-index:50}.metric-picker-group-header{padding:.375rem .75rem .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;cursor:default}.metric-picker-option{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;cursor:pointer;font-size:.875rem}.metric-picker-option:hover,.metric-picker-option.highlighted{background:#f3f0ff}.metric-picker-option.selected{font-weight:500}.metric-option-label{color:#1f2937}.metric-option-key{font-family:monospace;font-size:.75rem;color:#9ca3af;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-color-scheme:dark){.metric-picker-input{background:#111827;border-color:#4b5563;color:#f9fafb}.metric-picker-input::placeholder{color:#6b7280}.metric-picker-dropdown{background:#1f2937;border-color:#4b5563;box-shadow:0 4px 12px #0000004d}.metric-picker-group-header{color:#6b7280}.metric-picker-option:hover,.metric-picker-option.highlighted{background:#374151}.metric-option-label{color:#f9fafb}.metric-option-key{color:#6b7280}}.add-data-page{width:100%;padding:2rem;box-sizing:border-box}.add-data-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.add-data-page h1{font-size:1.75rem;margin:0}.add-more-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.add-more-label{font-size:.85rem;color:#6b7280;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;background:#d1d5db;border-radius:10px;transition:background .2s ease;cursor:pointer}.toggle-switch.active{background:#673ab8}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-knob{transform:translate(16px)}.add-data-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.add-data-tab{padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:#6b7280;transition:all .15s ease}.add-data-tab:hover{color:#374151}.add-data-tab.active{color:#673ab8;border-bottom-color:#673ab8}.add-form{display:flex;flex-direction:column;gap:1rem}.add-form .form-field{display:flex;flex-direction:column;gap:.375rem}.add-form .form-field label{font-weight:500;font-size:.9rem;color:#374151}.add-form .form-field input,.add-form .form-field select,.add-form .form-field textarea{padding:.5rem;font-size:.95rem;border:1px solid #d1d5db;border-radius:6px;background:transparent;color:inherit;font-family:inherit}.add-form .form-field input:focus,.add-form .form-field select:focus,.add-form .form-field textarea:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.add-form .form-field textarea{resize:vertical;min-height:60px}.add-form .form-row{display:flex;gap:1rem}.add-form .form-row .form-field{flex:1}.add-form-actions{display:flex;gap:.75rem;margin-top:.5rem}.add-form-actions .btn-primary{padding:.5rem 1.5rem;font-size:.9rem;background:#673ab8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.add-form-actions .btn-primary:hover:not(:disabled){background:#5e35b1}.add-form-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.add-form .form-hint{font-size:.8rem;color:#9ca3af;margin-top:-.125rem}.add-form .form-check{display:flex;align-items:center;gap:.5rem}.add-form .form-check input[type=checkbox]{width:auto}.add-form .form-check label{font-weight:400}.add-success{padding:.75rem 1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#166534;font-size:.9rem;margin-bottom:1rem}.add-error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.9rem;margin-bottom:1rem}@media(prefers-color-scheme:dark){.add-data-tabs{border-color:#374151}.add-data-tab,.add-more-label{color:#9ca3af}.toggle-switch{background:#4b5563}.toggle-switch.active{background:#8b5cf6}.add-data-tab:hover{color:#d1d5db}.add-data-tab.active{color:#a78bfa;border-bottom-color:#a78bfa}.add-form .form-field label{color:#d1d5db}.add-form .form-field input,.add-form .form-field select,.add-form .form-field textarea{border-color:#4b5563}.add-form .form-field input:focus,.add-form .form-field select:focus,.add-form .form-field textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.add-form .form-hint{color:#6b7280}.add-success{background:#052e16;border-color:#166534;color:#86efac}.add-error{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}}.fit-upload{margin-bottom:0}.fit-upload-area{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.fit-upload-area:hover{border-color:#6366f1;background:#f0f0ff}.fit-upload-input{display:none}.fit-upload-label{font-weight:600;font-size:.95rem;color:#374151}.fit-upload-hint{font-size:.8rem;color:#9ca3af}.form-divider{text-align:center;color:#9ca3af;font-size:.85rem;margin:1rem 0;position:relative}.form-divider:before,.form-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e5e7eb}.form-divider:before{left:0}.form-divider:after{right:0}@media(prefers-color-scheme:dark){.fit-upload-area{border-color:#4b5563}.fit-upload-area:hover{border-color:#818cf8;background:#1e1b4b33}.fit-upload-label{color:#e5e7eb}.fit-upload-hint,.form-divider{color:#6b7280}.form-divider:before,.form-divider:after{background:#374151}}@media(max-width:639px){.add-data-page{padding:1rem}.add-form .form-row{flex-direction:column;gap:1rem}}.admin-settings-page{width:100%;padding:2rem;box-sizing:border-box}.admin-settings-page h1{font-size:1.75rem;margin-bottom:1.5rem}.admin-settings-page .loading{text-align:center;padding:2rem}.form-field select{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;width:100%;max-width:400px;background:#fff}.stat-value{font-size:1.5rem;font-weight:600;color:#333;margin:0}.connected-status{color:#4caf50;font-weight:500;margin:0 0 .5rem}.api-key-input-row{display:flex;gap:.5rem;max-width:400px}.api-key-input-row input{flex:1;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.clear-button{padding:.5rem 1rem;font-size:.875rem;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.clear-button:hover{background:#d32f2f}.toggle-row{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.toggle-row input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer}.generate-button{padding:.75rem 1.5rem;font-size:1rem;background:#673ab8;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:1rem}.generate-button:hover:not(:disabled){background:#5e35b1}.generate-button:disabled{opacity:.6;cursor:not-allowed}.invitation-result{margin-top:1rem;padding:1rem;background:#f5f5f5;border-radius:8px}.invitation-url{display:flex;gap:.5rem}.invitation-url input{flex:1;padding:.5rem;font-size:.875rem;border:1px solid #ccc;border-radius:4px;font-family:monospace;background:#fff}.copy-button{padding:.5rem 1rem;font-size:.875rem;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.copy-button:hover{background:#1976d2}.invitation-expiry{color:#666;font-size:.875rem;margin-top:.5rem;margin-bottom:0}@media(prefers-color-scheme:dark){.settings-section{border-bottom-color:#444}.section-description,.field-description{color:#aaa}.form-field select,.api-key-input-row input{background:#333;border-color:#555;color:#fff}.stat-value{color:#fff}.invitation-result{background:#333}.invitation-url input{background:#222;border-color:#555;color:#fff}}@media(max-width:639px){.admin-settings-page{padding:1rem}.admin-settings-page h1{font-size:1.5rem}.invitation-url{flex-direction:column}}.audit-log-page{width:100%;padding:2rem;box-sizing:border-box}.audit-log-page h1{font-size:1.75rem;margin-bottom:1rem}.audit-log-filters{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.audit-log-filters select{padding:.4rem .5rem;font-size:.875rem;border:1px solid #ccc;border-radius:4px}.audit-log-count{font-size:.85rem;color:#666}.audit-log-list{display:flex;flex-direction:column;gap:1px}.audit-log-entry{padding:.5rem .75rem;border-left:3px solid transparent;cursor:pointer;transition:background .1s}.audit-log-entry:hover{background:#f5f5f5}.audit-log-entry.level-info{border-left-color:#2196f3}.audit-log-entry.level-warn{border-left-color:#ff9800}.audit-log-entry.level-error{border-left-color:#f44336}.audit-log-row{display:flex;gap:.75rem;align-items:baseline;font-size:.875rem;line-height:1.5}.audit-log-icon{flex-shrink:0;width:1.25em;text-align:center}.audit-log-time{color:#888;flex-shrink:0;font-size:.8rem;font-variant-numeric:tabular-nums}.audit-log-category{color:#673ab8;font-weight:500;font-size:.8rem;flex-shrink:0;text-transform:uppercase}.audit-log-message{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-log-entry.expanded .audit-log-message{white-space:normal}.audit-log-details{margin:.5rem 0 0 2rem;padding:.5rem;background:#f8f8f8;border-radius:4px;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.audit-log-pagination{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:1rem;font-size:.875rem}.audit-log-pagination button{padding:.4rem .75rem;font-size:.875rem;border:1px solid #ccc;border-radius:4px;background:transparent;cursor:pointer}.audit-log-pagination button:hover:not(:disabled){background:#f5f5f5}.audit-log-pagination button:disabled{opacity:.4;cursor:not-allowed}.audit-log-page .loading,.audit-log-page .empty{text-align:center;padding:2rem;color:#666}@media(prefers-color-scheme:dark){.audit-log-entry:hover{background:#2a2a2a}.audit-log-filters select{background:#333;border-color:#555;color:#fff}.audit-log-time{color:#aaa}.audit-log-category{color:#b388ff}.audit-log-count{color:#aaa}.audit-log-details{background:#1a1a1a;color:#ddd}.audit-log-pagination button{border-color:#555;color:#fff}.audit-log-pagination button:hover:not(:disabled){background:#333}}@media(max-width:639px){.audit-log-page{padding:1rem}.audit-log-row{flex-wrap:wrap}.audit-log-message{width:100%;white-space:normal}}.bar-chart-container{position:relative;width:100%}.bar-chart-container svg{display:block}.bar-chart-tooltip{position:absolute;pointer-events:none;background:#000000d9;color:#fff;padding:.375rem .625rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:10;display:none}.bar-chart-placeholder{height:200px;display:flex;align-items:center;justify-content:center;color:#9ca3af;background:#f9fafb;border-radius:8px}@media(prefers-color-scheme:dark){.bar-chart-tooltip{background:#111827f2}.bar-chart-placeholder{background:#111827;color:#6b7280}}.chart-page{width:100%;padding:2rem;box-sizing:border-box}.chart-page h1{font-size:1.75rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.chart-page-description{color:#6b7280;font-size:.9rem;line-height:1.6;margin:0 0 1.5rem}.chart-controls{display:flex;flex-direction:column;gap:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.chart-controls-row{display:flex;flex-wrap:wrap;gap:1rem}.chart-controls label{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;font-weight:500;color:#374151;flex:1;min-width:140px}.chart-controls label.source-picker{flex:2;min-width:200px}.chart-controls select,.chart-controls input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#1f2937;background:#fff}.chart-controls select:focus,.chart-controls input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.chart-type-toggle{display:flex;gap:0;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.chart-type-btn{padding:.5rem 1rem;border:none;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:background .15s,color .15s}.chart-type-btn:not(:last-child){border-right:1px solid #d1d5db}.chart-type-btn.active{background:#8b5cf6;color:#fff}.chart-type-btn:hover:not(.active){background:#f3f4f6}.chart-display{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.breakdown-fields{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.breakdown-label{font-size:.85rem;color:#6b7280;font-weight:500}.breakdown-checkbox{display:flex;align-items:center;gap:.25rem;font-size:.85rem;cursor:pointer}.breakdown-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.breakdown-legend-item{display:flex;align-items:center;gap:.375rem;font-size:.85rem}.breakdown-legend-dot{width:10px;height:10px;border-radius:50%}.breakdown-series{margin-bottom:.5rem}.breakdown-series-title{font-size:.85rem;font-weight:500;color:#6b7280;margin:0 0 .25rem}.chart-current-value{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#f9fafb;border-radius:8px}.chart-current-number{font-size:2rem;font-weight:700;color:#1f2937}.chart-current-unit{font-size:.875rem;color:#6b7280}.chart-loading,.chart-error,.chart-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#9ca3af}.chart-error{color:#dc2626}.chart-login-prompt{text-align:center;padding:4rem 2rem}.chart-login-prompt h2{font-size:1.25rem;color:#374151;margin-bottom:1rem}.chart-login-prompt a{display:inline-block;padding:.625rem 1.5rem;background:#8b5cf6;color:#fff;border-radius:6px;text-decoration:none;font-weight:500}.chart-login-prompt a:hover{background:#7c3aed}.add-to-dashboard-row{display:flex;justify-content:flex-end;margin-top:1rem}.btn-add-to-dashboard{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#673ab8;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-add-to-dashboard:hover{background:#5b32a3}.add-to-dash-success{text-align:center;padding:1.5rem;color:#059669;font-weight:500;font-size:1rem}@media(prefers-color-scheme:dark){.chart-page h1{color:#f9fafb}.chart-page-description{color:#9ca3af}.chart-controls{background:#1f2937;border-color:#374151}.chart-controls label{color:#e5e7eb}.chart-controls select,.chart-controls input{background:#111827;border-color:#4b5563;color:#f9fafb}.chart-type-toggle{border-color:#4b5563}.chart-type-btn{background:#111827;color:#e5e7eb}.chart-type-btn:not(:last-child){border-right-color:#4b5563}.chart-type-btn:hover:not(.active){background:#1f2937}.chart-display{background:#1f2937;border-color:#374151}.chart-current-value{background:#111827}.chart-current-number{color:#f9fafb}.chart-login-prompt h2{color:#e5e7eb}.add-to-dash-success{color:#34d399}}@media(max-width:639px){.chart-page{padding:1rem}.chart-controls-row{flex-direction:column}.chart-controls label{min-width:100%}}.correlations-page{width:100%;padding:2rem;box-sizing:border-box}.correlations-page .correlations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.correlations-page h1{font-size:2rem;margin:0;color:#1f2937}.correlations-page h2{font-size:1.25rem;margin:0 0 1rem;color:#374151;border-bottom:2px solid #673ab8;padding-bottom:.5rem}.correlations-page h3{font-size:1rem;margin:0 0 .75rem;color:#6b7280}.correlations-page .intro-text{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem}.correlations-page .period-select{padding:.5rem 1rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer}.correlations-page .period-select:hover{border-color:#673ab8}.correlations-page .loading{text-align:center;padding:2rem;color:#6b7280}.correlations-page .baseline-section{margin-bottom:2rem}.correlations-page .baseline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.correlations-page .baseline-card{background:#f9fafb;border-radius:12px;padding:1rem;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.25rem}.correlations-page .baseline-label{font-size:.85rem;color:#6b7280}.correlations-page .baseline-value{font-size:1.5rem;font-weight:600}.correlations-page .baseline-value.hrv{color:#10b981}.correlations-page .baseline-value.hr{color:#ef4444}.correlations-page .baseline-value.stress{color:#f59e0b}.correlations-page .impact-section{margin-bottom:2rem;background:#f9fafb;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb}.correlations-page .impact-section h2{border:none;padding:0;margin-bottom:.5rem}.correlations-page .impact-meta{font-size:.85rem;font-weight:400;color:#6b7280;margin-left:.75rem}.correlations-page .impact-chart-container{width:100%;overflow:hidden}.correlations-page .impact-legend{display:flex;gap:1.5rem;margin-top:.75rem;flex-wrap:wrap;font-size:.85rem;color:#6b7280}.correlations-page .impact-legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.25rem}.correlations-page .impact-legend .dot.hrv{background:#10b981}.correlations-page .impact-legend .dot.hr{background:#ef4444}.correlations-page .impact-legend .dot.stress{background:#f59e0b}.correlations-page .impact-legend .zone{display:inline-block;width:20px;height:10px;background:#3b82f633;margin-right:.25rem}.correlations-page .table-section{margin-bottom:2rem}.correlations-page .table-container{overflow-x:auto}.correlations-page .correlations-table{width:100%;border-collapse:collapse;font-size:.9rem}.correlations-page .correlations-table th{background:#f3f4f6;padding:.75rem .5rem;text-align:left;font-weight:500;color:#374151;border-bottom:2px solid #e5e7eb}.correlations-page .correlations-table td{padding:.75rem .5rem;border-bottom:1px solid #e5e7eb}.correlations-page .correlations-table tbody tr{cursor:pointer;transition:background .15s}.correlations-page .correlations-table tbody tr:hover{background:#f9fafb}.correlations-page .correlations-table tbody tr.selected{background:#ede9fe}.correlations-page .name-cell{font-weight:500}.correlations-page .name-cell .name{display:block}.correlations-page .name-cell .extra{display:block;font-size:.75rem;color:#9ca3af;font-weight:400}.correlations-page .type-cell{color:#6b7280;font-size:.8rem}.correlations-page .value-cell{font-variant-numeric:tabular-nums}.correlations-page .delta-cell{font-variant-numeric:tabular-nums;font-weight:500}.correlations-page .delta-cell.positive{color:#059669}.correlations-page .delta-cell.negative{color:#dc2626}.correlations-page .samples-cell{color:#6b7280;font-size:.8rem}.correlations-page .info-section{background:#f9fafb;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb}.correlations-page .info-section ul{margin:0;padding-left:1.25rem;color:#6b7280;font-size:.9rem}.correlations-page .info-section li{margin-bottom:.5rem}@media(prefers-color-scheme:dark){.correlations-page h1{color:#f3f4f6}.correlations-page h2{color:#d1d5db;border-color:#8b5cf6}.correlations-page .intro-text{color:#9ca3af}.correlations-page .period-select{background:#1f2937;border-color:#374151;color:#d1d5db}.correlations-page .period-select:hover{border-color:#8b5cf6}.correlations-page .baseline-card,.correlations-page .impact-section,.correlations-page .info-section{background:#1f2937;border-color:#374151}.correlations-page .baseline-label{color:#9ca3af}.correlations-page .correlations-table th{background:#111827;color:#d1d5db;border-color:#374151}.correlations-page .correlations-table td{border-color:#374151}.correlations-page .correlations-table tbody tr:hover{background:#1f2937}.correlations-page .correlations-table tbody tr.selected{background:#312e81}.correlations-page .type-cell,.correlations-page .samples-cell{color:#9ca3af}.correlations-page .name-cell .extra{color:#6b7280}.correlations-page .delta-cell.positive{color:#34d399}.correlations-page .delta-cell.negative{color:#f87171}.correlations-page .info-section ul{color:#9ca3af}}@media(max-width:768px){.correlations-page{padding:1rem}.correlations-page .correlations-header{flex-direction:column;align-items:flex-start;gap:1rem}.correlations-page h1{font-size:1.5rem}.correlations-page .correlations-table{font-size:.8rem}.correlations-page .correlations-table th,.correlations-page .correlations-table td{padding:.5rem .25rem}}.date-nav{display:flex;align-items:center;gap:.25rem;position:relative}.date-nav .nav-btn{padding:.25rem .5rem;font-size:.85rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:4px;cursor:pointer;line-height:1;font-family:monospace}.date-nav .nav-btn:hover:not(:disabled){background:#f3f4f6}.date-nav .nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-today{font-size:.75rem;padding:.2rem .5rem;color:#673ab8;border-color:#c4b5fd}.nav-date-label{font-size:.9rem;font-weight:500;color:#374151;min-width:100px;text-align:center;padding:.25rem .5rem;border:none;background:none;cursor:pointer;border-radius:4px}.nav-date-label:hover{background:#f3f4f6}.nav-range-label{cursor:default;display:flex;align-items:center;gap:.125rem;min-width:unset}.nav-range-btn{border:none;background:none;color:#374151;font-size:.9rem;font-weight:500;padding:.125rem .25rem;cursor:pointer;border-radius:4px}.nav-range-btn:hover{background:#f3f4f6}.nav-date-picker{position:absolute;top:100%;left:50%;transform:translate(-50%);opacity:0;width:0;height:0;border:none;padding:0;pointer-events:none}@media(prefers-color-scheme:dark){.date-nav .nav-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.date-nav .nav-btn:hover:not(:disabled){background:#4b5563}.nav-date-label{color:#d1d5db}.nav-date-label:hover{background:#374151}.nav-range-btn{color:#d1d5db}.nav-range-btn:hover{background:#374151}}.data-page{display:flex;flex-direction:row;gap:1.5rem;width:100%;flex:1;min-height:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}.data-sidebar{display:flex;flex-direction:column;gap:1rem;flex:0 0 auto;width:280px;min-width:220px;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;align-self:flex-start}.data-time-filter{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem .625rem;background:#ede9fe;border:1px solid #c4b5fd;border-radius:20px;font-size:.8rem;color:#5b21b6}.data-time-filter button{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;color:#7c3aed;padding:0 .15rem;border-radius:50%}.data-time-filter button:hover{background:#ddd6fe}.data-type-filters{display:flex;flex-direction:column;gap:.375rem}.data-type-btn{display:flex;align-items:center;gap:.3rem;background:transparent;border:1px solid #d1d5db;border-radius:20px;padding:.2rem .625rem;font-size:.8rem;cursor:pointer;color:#6b7280;transition:background .15s,color .15s}.data-type-btn:hover{background:#f3f4f6;color:#374151}.data-type-btn.active{color:#374151;background:#f9fafb}.data-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.data-main{flex:1;min-width:0;overflow-y:auto}.data-list{display:flex;flex-direction:column}.data-item{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem .25rem;border-bottom:1px solid #e5e7eb;text-decoration:none;color:inherit}.data-item.clickable{cursor:pointer}.data-item.clickable:hover{background:#f9fafb;border-radius:6px;margin:0 -.25rem;padding-left:.5rem;padding-right:.5rem}.data-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0;margin-top:.3rem}.data-item-content{display:flex;flex-direction:column;gap:.1rem}.data-item-label{font-weight:500;color:#1f2937;font-size:.9rem}.data-item-detail{font-size:.8rem;color:#6b7280}.data-status{text-align:center;padding:2rem;color:#6b7280}.data-error{color:#dc2626}@media(max-width:48em){.data-page{flex-direction:column;overflow:auto}.data-sidebar{width:100%;min-width:unset;flex:0 0 auto}.data-type-filters{flex-direction:row;flex-wrap:wrap}.data-main{overflow-y:visible}}@media(prefers-color-scheme:dark){.data-sidebar{background:#1f2937;border-color:#374151}.data-type-btn{color:#9ca3af;border-color:#4b5563}.data-type-btn:hover{background:#374151;color:#d1d5db}.data-type-btn.active{color:#d1d5db;background:#1f2937}.data-item{border-color:#374151}.data-item.clickable:hover{background:#1f2937}.data-item-label{color:#e5e7eb}.data-item-detail{color:#9ca3af}.data-time-filter{background:#2e1065;border-color:#6d28d9;color:#c4b5fd}.data-time-filter button{color:#a78bfa}.data-time-filter button:hover{background:#4c1d95}}.data-sources-page{width:100%;padding:2rem;box-sizing:border-box}.data-sources-page .page-header{margin-bottom:2rem}.data-sources-page h1{font-size:1.75rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.data-sources-page .page-subtitle{color:#4b5563;font-size:1rem;line-height:1.6;max-width:700px}.data-sources-page h2{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 1rem}.data-sources-page .loading{text-align:center;padding:2rem;color:#6b7280}.sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.source-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}.source-card:hover{box-shadow:0 4px 12px #00000014;border-color:#673ab8}.source-card.connected{border-color:#86efac;background:#f0fdf4}.source-card.not-connected{border-color:#e5e7eb}.source-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.source-card-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.source-card .status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.source-card .status-dot.connected{background:#16a34a}.source-card .status-dot.not-connected{background:#d1d5db}.source-card .data-types{font-size:.8rem;color:#6b7280;line-height:1.5;margin:0 0 .5rem}.source-card .source-status-text{font-size:.8rem;margin:auto 0 0;padding-top:.5rem}.source-card .source-status-text.connected{color:#16a34a;font-weight:500}.source-card .source-status-text.not-connected{color:#9ca3af}.data-source-detail{margin-bottom:2rem}.data-source-detail .source-description{color:#4b5563;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;max-width:700px}.data-source-detail .data-types-section{margin-bottom:1.5rem}.data-source-detail .data-types-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.data-source-detail .data-type-badge{display:inline-block;padding:.25rem .625rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;font-size:.8rem;color:#374151}.data-source-detail a.data-type-link{text-decoration:none;color:#673ab8;cursor:pointer;transition:background .15s,border-color .15s}.data-source-detail a.data-type-link:hover{background:#f3f0ff;border-color:#673ab8}.garmin-data-types-grid{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.garmin-data-type-row{display:flex;align-items:flex-start;gap:.5rem;padding:.375rem .5rem;border-radius:6px;cursor:pointer;transition:background .15s}.garmin-data-type-row:hover{background:#f3f4f6}.garmin-data-type-row.disabled{opacity:.55}.garmin-data-type-row input[type=checkbox]{margin-top:.15rem;accent-color:#673ab8}.garmin-data-type-info{display:flex;flex-direction:column;gap:.125rem}.garmin-data-type-label{font-size:.875rem;font-weight:500;color:#1f2937}a.garmin-data-type-label{color:#673ab8;text-decoration:none}a.garmin-data-type-label:hover{text-decoration:underline}.garmin-data-type-note{font-size:.75rem;color:#6b7280}.data-source-detail .doc-link{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;text-decoration:none;color:#673ab8;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;transition:background .15s,border-color .15s}.data-source-detail .doc-link:hover{background:#f3f0ff;border-color:#673ab8}.data-source-detail .external-link{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#673ab8;border-radius:6px;text-decoration:none;color:#fff;font-size:.875rem;font-weight:500;margin-right:.5rem;margin-bottom:.5rem;transition:background .15s}.data-source-detail .external-link:hover{background:#5b32a3}.data-source-detail .links-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.data-source-detail .status-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.data-source-detail .status-banner.connected{background:#f0fdf4;border:1px solid #86efac;color:#166534}.data-source-detail .status-banner.not-connected{background:#fffbeb;border:1px solid #fcd34d;color:#854d0e}.data-source-detail .setup-instructions{margin-bottom:1.5rem}.data-source-detail .setup-instructions h3{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .75rem}.data-source-detail .setup-instructions ol{margin:0;padding-left:1.25rem;font-size:.9rem;color:#4b5563;line-height:1.7}.data-source-detail .setup-instructions li{margin-bottom:.5rem}.getting-started-tips{background:#f9fafb;border-radius:10px;padding:1.25rem;border:1px solid #e5e7eb;margin-top:1.5rem}.getting-started-tips h2{border:none;margin-bottom:.75rem;padding-bottom:0}.getting-started-tips ul{margin:0;padding-left:1.25rem;color:#4b5563;line-height:1.7}.getting-started-tips li{margin-bottom:.5rem}.getting-started-tips li:last-child{margin-bottom:0}.getting-started-tips strong{color:#1f2937}.data-sources-page .settings-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.data-sources-page .settings-section h2{font-size:1.25rem;margin-bottom:.5rem}.data-sources-page .form-field{margin-bottom:1rem}.data-sources-page .form-field label{display:block;font-weight:500;margin-bottom:.5rem}.data-sources-page .form-field input[type=date],.data-sources-page .form-field input[type=email],.data-sources-page .form-field input[type=password],.data-sources-page .form-field input[type=text],.data-sources-page .form-field input[type=url]{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;width:100%;max-width:400px}.data-sources-page .connected-status{color:#4caf50;font-weight:500;margin:0}.data-sources-page .connect-button{padding:.5rem 1rem;font-size:.875rem;background:#673ab8;color:#fff;border:none;border-radius:4px;cursor:pointer}.data-sources-page .connect-button:hover:not(:disabled){background:#5e35b1}.data-sources-page .connect-button:disabled{opacity:.5;cursor:not-allowed}.data-sources-page .field-description{color:#666;font-size:.875rem;margin-top:.5rem;line-height:1.4}.data-sources-page .field-description a{color:#673ab8}.data-sources-page .field-description.warning{color:#f57c00}.data-sources-page .section-description{color:#666;margin-bottom:1rem;line-height:1.5}.data-sources-page .section-header-row{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem}.data-sources-page .section-header-row h2{margin-bottom:0}.data-sources-page .save-indicator{font-size:.85rem}.data-sources-page .save-indicator.saving{color:#888}.data-sources-page .save-indicator.saved{color:#4caf50}.data-sources-page .save-indicator.error{color:#f44336}.data-sources-page .oura-connected-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.data-sources-page .oura-resync-button{font-size:.8rem;padding:.35rem .75rem}.data-sources-page .oura-sync-message{font-size:.8rem}.data-sources-page .oura-sync-message.done{color:#4caf50}.data-sources-page .oura-sync-message.error{color:#f44336}.data-sources-page .sync-status-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem 0;margin-bottom:1rem;font-size:.85rem}.data-sources-page .sync-status-time{color:#6b7280}.data-sources-page .sync-status-error{color:#f44336}.data-sources-page .sync-status-warning{color:#f57c00}.data-sources-page .sync-now-button{padding:.3rem .75rem;font-size:.8rem;background:#673ab8;color:#fff;border:none;border-radius:4px;cursor:pointer}.data-sources-page .sync-now-button:hover:not(:disabled){background:#5e35b1}.data-sources-page .sync-now-button:disabled{opacity:.5;cursor:not-allowed}.data-sources-page .sync-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sync-spin .6s linear infinite;margin-right:.35rem;vertical-align:middle}@keyframes sync-spin{to{transform:rotate(360deg)}}.data-sources-page .sync-result.done{color:#4caf50}.data-sources-page .sync-result.error{color:#f44336}.data-sources-page .garmin-connected-actions .connected-status{margin-bottom:.75rem}.data-sources-page .garmin-button-row{display:flex;gap:.5rem;flex-wrap:wrap}.data-sources-page .disconnect-button{background:transparent;color:#f44336;border:1px solid #f44336}.data-sources-page .disconnect-button:hover:not(:disabled){background:#f44336;color:#fff}.data-sources-page .garmin-sync-message{font-size:.85rem;margin-top:.5rem}.data-sources-page .garmin-sync-message.done{color:#4caf50}.data-sources-page .garmin-sync-message.error{color:#f44336}.data-sources-page .garmin-login-form{max-width:400px}.data-sources-page .garmin-login-form .connect-button{margin-top:.5rem}.data-sources-page .garmin-login-error{color:#f44336;font-size:.875rem;margin-top:.5rem}.data-sources-page .activitywatch-token-section{margin-top:.75rem}.data-sources-page .token-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.data-sources-page .token-display{flex:1;min-width:0;padding:.5rem;font-size:.8rem;font-family:monospace;border:1px solid #ccc;border-radius:4px;background:#f5f5f5;color:#333;cursor:text}.data-sources-page .calendars-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.data-sources-page .calendar-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:4px;gap:1rem}.data-sources-page .calendar-info{display:flex;flex-direction:column;overflow:hidden}.data-sources-page .calendar-name{font-weight:500}.data-sources-page .calendar-url{font-size:.8rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-sources-page .remove-calendar-button{padding:.25rem .5rem;font-size:.8rem;background:transparent;border:1px solid #f44336;color:#f44336;border-radius:4px;cursor:pointer;flex-shrink:0}.data-sources-page .remove-calendar-button:hover{background:#f44336;color:#fff}.data-sources-page .add-calendar-form{margin-bottom:.5rem}.data-sources-page .add-calendar-form .form-field input[type=text],.data-sources-page .add-calendar-form .form-field input[type=url]{max-width:100%}@media(prefers-color-scheme:dark){.data-sources-page h1{color:#f9fafb}.data-sources-page .page-subtitle{color:#9ca3af}.data-sources-page h2{color:#e5e7eb}.source-card{background:#1f2937;border-color:#374151}.source-card:hover{box-shadow:0 4px 12px #0000004d;border-color:#8b5cf6}.source-card.connected{border-color:#166534;background:#052e16}.source-card.not-connected{border-color:#374151}.source-card-header h3{color:#f9fafb}.source-card .status-dot.not-connected{background:#4b5563}.source-card .data-types{color:#9ca3af}.source-card .source-status-text.connected{color:#4ade80}.source-card .source-status-text.not-connected{color:#6b7280}.data-source-detail .source-description{color:#9ca3af}.data-source-detail .data-type-badge{background:#374151;border-color:#4b5563;color:#d1d5db}.data-source-detail a.data-type-link{color:#a78bfa}.data-source-detail a.data-type-link:hover{background:#2d2053;border-color:#8b5cf6}.data-source-detail .doc-link{background:#1f2937;border-color:#374151;color:#a78bfa}.data-source-detail .doc-link:hover{background:#2d2053;border-color:#8b5cf6}.data-source-detail .external-link{background:#7c3aed}.data-source-detail .external-link:hover{background:#6d28d9}.data-source-detail .status-banner.connected{background:#052e16;border-color:#166534;color:#4ade80}.data-source-detail .status-banner.not-connected{background:#422006;border-color:#854d0e;color:#fbbf24}.data-source-detail .setup-instructions h3{color:#e5e7eb}.data-source-detail .setup-instructions ol{color:#9ca3af}.getting-started-tips{background:#1f2937;border-color:#374151}.getting-started-tips ul{color:#9ca3af}.getting-started-tips strong{color:#f9fafb}.data-sources-page .settings-section{border-bottom-color:#444}.data-sources-page .section-description,.data-sources-page .field-description{color:#aaa}.data-sources-page .form-field input[type=date],.data-sources-page .form-field input[type=email],.data-sources-page .form-field input[type=password],.data-sources-page .form-field input[type=text],.data-sources-page .form-field input[type=url]{background:#333;border-color:#555;color:#fff}.data-sources-page .form-field input::placeholder{color:#888}.data-sources-page .calendar-item{border-color:#444}.data-sources-page .calendar-url{color:#aaa}.data-sources-page .token-display{background:#2a2a2a;border-color:#555;color:#ddd}.data-sources-page .sync-status-time{color:#9ca3af}.data-sources-page .sync-now-button{background:#7c3aed}.data-sources-page .sync-now-button:hover:not(:disabled){background:#6d28d9}.garmin-data-type-row:hover{background:#374151}.garmin-data-type-label{color:#f9fafb}a.garmin-data-type-label{color:#a78bfa}.garmin-data-type-note{color:#9ca3af}}@media(max-width:800px){.sources-grid{grid-template-columns:1fr}}@media(max-width:639px){.data-sources-page{padding:1rem}.data-sources-page h1{font-size:1.5rem}}.confirm-inline{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.confirm-inline>span{color:#666}@media(prefers-color-scheme:dark){.confirm-inline>span{color:#9ca3af}}.settings-section .section-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem}.settings-section .section-header h2{margin:0;font-size:1.25rem}.settings-section .section-description{color:#666;margin-bottom:1rem;line-height:1.5;font-size:.9rem}.settings-section .loading{color:#888;font-style:italic}.settings-section .no-data{color:#888;font-style:italic;padding:1rem;text-align:center;background:#f8f8f8;border-radius:4px}@media(prefers-color-scheme:dark){.settings-section{border-bottom-color:#444}.settings-section .section-description,.settings-section .loading{color:#aaa}.settings-section .no-data{color:#aaa;background:#2a2a2a}}.rules-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.rule-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:4px;gap:1rem}.rule-info{display:flex;flex-direction:column;overflow:hidden}.rule-name{font-weight:500}.rule-details{font-size:.875rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-actions{display:flex;gap:.5rem;flex-shrink:0}.edit-rule-button{padding:.25rem .5rem;font-size:.8rem;background:transparent;border:1px solid #1976d2;color:#1976d2;border-radius:4px;cursor:pointer}.edit-rule-button:hover{background:#1976d2;color:#fff}.remove-rule-button{padding:.25rem .5rem;font-size:.8rem;background:transparent;border:1px solid #f44336;color:#f44336;border-radius:4px;cursor:pointer;flex-shrink:0}.remove-rule-button:hover{background:#f44336;color:#fff}.rule-item.editing{flex-direction:column;align-items:stretch;background:#fafafa}.rule-edit-fields{width:100%}.rule-edit-fields .form-field{margin-bottom:.75rem}.rule-edit-fields .form-field label{display:block;font-weight:500;margin-bottom:.25rem;font-size:.875rem}.rule-edit-fields .form-field input,.rule-edit-fields .form-field select{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;width:100%}.rule-edit-actions{display:flex;gap:.5rem;margin-top:.25rem}.cancel-button{padding:.5rem 1rem;font-size:.875rem;background:transparent;border:1px solid #999;color:#666;border-radius:4px;cursor:pointer}.cancel-button:hover{background:#e0e0e0}.rule-edit-error{color:#f44336;font-size:.8rem;margin:.5rem 0 0}.add-rule-form{border:1px solid #e0e0e0;border-radius:4px;padding:1rem;background:#fafafa}.add-rule-form h3{margin:0 0 1rem;font-size:1rem}.form-row{display:flex;gap:1rem;margin-bottom:.5rem}.form-row .form-field{flex:1}.add-rule-form .form-field{margin-bottom:.75rem}.add-rule-form .form-field label{display:block;font-weight:500;margin-bottom:.25rem;font-size:.875rem}.add-rule-form .form-field input,.add-rule-form .form-field select{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;width:100%}.artist-names-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.artist-name-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#e3f2fd;border-radius:16px;font-size:.875rem}.remove-artist-button{background:transparent;border:none;cursor:pointer;font-size:.75rem;color:#666;padding:0 .15rem;line-height:1}.remove-artist-button:hover{color:#f44336}.artist-input-row{display:flex;gap:.5rem}.artist-input-row input{flex:1}.add-artist-button{padding:.5rem .75rem;font-size:1rem;background:transparent;border:1px solid #ccc;border-radius:4px;cursor:pointer;flex-shrink:0}.add-artist-button:hover{background:#e0e0e0}.field-help{font-size:.75rem;color:#888;margin:.25rem 0 0}.rule-merge-info{color:#1976d2;font-size:.8rem}.add-rule-form .connect-button{margin-top:.5rem}@media(prefers-color-scheme:dark){.rule-item{border-color:#444}.rule-details{color:#aaa}.add-rule-form{border-color:#444;background:#2a2a2a}.add-rule-form .form-field input,.add-rule-form .form-field select{background:#333;border-color:#555;color:#fff}.artist-name-chip{background:#1e3a5f;color:#e0e0e0}.remove-artist-button{color:#aaa}.add-artist-button{border-color:#555;color:#ccc}.add-artist-button:hover{background:#444}.field-help{color:#777}.rule-merge-info{color:#64b5f6}.edit-rule-button{border-color:#64b5f6;color:#64b5f6}.edit-rule-button:hover{background:#1976d2;color:#fff}.rule-item.editing{background:#1e1e1e}.rule-edit-fields .form-field input,.rule-edit-fields .form-field select{background:#333;border-color:#555;color:#fff}.cancel-button{border-color:#666;color:#aaa}.cancel-button:hover{background:#444}}@media(max-width:639px){.form-row{flex-direction:column;gap:0}.rule-item{flex-direction:column;align-items:flex-start;gap:.5rem}.rule-actions{align-self:flex-end}}.rules-header{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.rules-list{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid #f0f0f0}.rule-row:last-child{border-bottom:none}.rule-info{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;min-width:0;flex:1;text-decoration:none;color:inherit}.rule-info:hover .rule-name{color:#673ab8}.rule-name{font-weight:600;font-size:.9rem;transition:color .15s}.rule-conditions{font-size:.8rem;color:#6b7280;background:#f3f4f6;padding:.125rem .375rem;border-radius:3px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-output{font-size:.8rem;color:#6b7280}.rule-priority{font-size:.7rem;font-weight:500;padding:.1rem .375rem;border-radius:3px}.rule-priority.priority-0{background:#e5e7eb;color:#6b7280}.rule-priority.priority-1{background:#dbeafe;color:#2563eb}.rule-priority.priority-2{background:#fee2e2;color:#dc2626}.rule-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.rule-toggle{display:flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.8rem;color:#6b7280}.rule-toggle input{accent-color:#673ab8;width:16px;height:16px;cursor:pointer}.rule-toggle-label{white-space:nowrap}.rules-empty{color:#9ca3af;font-size:.9rem;font-style:italic;padding:1rem 0}.eval-result{background:#ecfdf5;color:#065f46;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem}.rule-error{color:#ef4444;font-size:.85rem;margin:.5rem 0}.rule-header-row{display:flex;align-items:center;gap:.75rem}.rule-back-link{color:#673ab8;text-decoration:none;font-size:.85rem}.rule-back-link:hover{text-decoration:underline}.rule-detail{display:flex;flex-direction:column;gap:1.5rem}.rule-section{display:flex;flex-direction:column;gap:.75rem}.rule-section h2{font-size:1.1rem;font-weight:600;color:#374151;margin:0}.rule-field{display:flex;align-items:center;gap:.75rem}.rule-field-label{min-width:140px;font-size:.85rem;font-weight:500;color:#6b7280;flex-shrink:0}.rule-field-input{width:280px;max-width:100%;padding:.375rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit}.rule-field-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.rule-field-select{padding:.375rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.rule-field-select:focus{outline:none;border-color:#673ab8}.rule-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.rule-checkbox input{accent-color:#673ab8;width:16px;height:16px;cursor:pointer}.rule-footer{display:flex;gap:.75rem;align-items:center}.rule-danger-zone{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.output-data-entries{display:flex;flex-direction:column;gap:.375rem}.output-data-row{display:flex;gap:.375rem;align-items:center}.output-data-key{flex:1}.output-data-value{flex:2}.rule-preview-btn{background:transparent;border:1px solid #d1d5db;color:#374151}.rule-preview-btn:hover{background:#f3f4f6}.rule-preview-result{font-size:.85rem;color:#6b7280}@media(prefers-color-scheme:dark){.rules-list{border-color:#333}.rule-row{border-bottom-color:#333}.rule-info:hover .rule-name{color:#8b5cf6}.rule-conditions{background:#374151;color:#9ca3af}.rule-priority.priority-1{background:#1e3a5f;color:#60a5fa}.rule-priority.priority-2{background:#3b1111;color:#f87171}.rule-toggle{color:#9ca3af}.rule-toggle input,.rule-checkbox input{accent-color:#8b5cf6}.eval-result{background:#052e16;color:#6ee7b7}.rule-back-link{color:#8b5cf6}.rule-section h2{color:#d1d5db}.rule-field-label{color:#9ca3af}.rule-field-input{border-color:#4b5563}.rule-field-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.rule-field-select{border-color:#4b5563}.rule-field-select:focus{border-color:#8b5cf6}.rule-danger-zone{border-top-color:#333}}@media(max-width:639px){.rule-row{flex-direction:column;align-items:flex-start;gap:.375rem}.rule-actions{width:100%;justify-content:space-between}.rule-field{flex-direction:column;align-items:flex-start;gap:.25rem}.rule-field-label{min-width:auto}}.condition-builder{display:flex;flex-direction:column;gap:.5rem}.condition-and{text-align:center;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:.25rem 0}.condition-card{border:1px solid #e0e0e0;border-radius:8px;padding:.75rem;background:#fafafa}.condition-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.condition-kind-select{padding:.375rem .5rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.condition-kind-select:focus{outline:none;border-color:#673ab8}.condition-remove-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:#9ca3af;padding:.25rem;line-height:1;transition:color .15s}.condition-remove-btn:hover{color:#ef4444}.condition-card-body{display:flex;flex-direction:column;gap:.5rem}.condition-field-select{width:100%;padding:.375rem .5rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.condition-field-select:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.condition-field-input{width:100%;padding:.375rem .5rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit;box-sizing:border-box}.condition-field-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.condition-data-fields{display:flex;flex-direction:column;gap:.5rem}.condition-data-row{display:flex;gap:.5rem;align-items:center}.condition-field-narrow{width:auto;flex:1;min-width:0}.condition-data-filters-inline{display:flex;flex-direction:column;gap:.375rem;margin-top:.375rem}.condition-add-filter-btn{align-self:flex-start;font-size:.8rem;color:#6b7280;background:none;border:1px dashed #d1d5db;border-radius:4px;padding:.25rem .5rem;cursor:pointer}.condition-add-filter-btn:hover{color:#374151;border-color:#9ca3af}.condition-add-btn{align-self:flex-start;margin-top:.5rem}@media(prefers-color-scheme:dark){.condition-card{border-color:#333;background:#1a1a2e}.condition-kind-select{border-color:#4b5563}.condition-kind-select:focus{border-color:#8b5cf6}.condition-field-select{border-color:#4b5563}.condition-field-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.condition-field-input{border-color:#4b5563}.condition-field-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.condition-and{color:#9ca3af}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.md-editor{border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.md-editor-tabs{display:flex;border-bottom:1px solid #d1d5db;background:#f9fafb}.md-editor-tab{padding:.5rem 1rem;border:none;background:transparent;font-size:.85rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.md-editor-tab:hover{color:#374151}.md-editor-tab.active{color:#673ab8;border-bottom-color:#673ab8;background:#fff}.md-editor-textarea{width:100%;padding:.75rem;border:none;resize:vertical;font-family:inherit;font-size:.9rem;line-height:1.6;min-height:80px;box-sizing:border-box}.md-editor-textarea:focus{outline:none}.md-editor-preview{padding:.75rem;font-size:.9rem;line-height:1.6;min-height:80px}.md-editor-preview h1,.md-editor-preview h2,.md-editor-preview h3{margin:.5em 0 .25em}.md-editor-preview h1{font-size:1.25rem}.md-editor-preview h2{font-size:1.1rem}.md-editor-preview h3{font-size:1rem}.md-editor-preview p{margin:.5em 0}.md-editor-preview ul,.md-editor-preview ol{margin:.5em 0;padding-left:1.5em}.md-editor-preview code{background:#f3f4f6;padding:.15em .4em;border-radius:3px;font-size:.85em}.md-editor-preview pre{background:#f3f4f6;padding:.75em;border-radius:4px;overflow-x:auto}.md-editor-preview pre code{background:none;padding:0}.md-editor-preview a{color:#673ab8}.md-editor-preview blockquote{margin:.5em 0;padding-left:.75em;border-left:3px solid #d1d5db;color:#6b7280}@media(prefers-color-scheme:dark){.md-editor{border-color:#4b5563}.md-editor-tabs{border-color:#4b5563;background:#1f2937}.md-editor-tab{color:#9ca3af}.md-editor-tab:hover{color:#d1d5db}.md-editor-tab.active{color:#a78bfa;border-bottom-color:#a78bfa;background:#111827}.md-editor-textarea{background:#111827;color:#f3f4f6}.md-editor-preview{color:#f3f4f6}.md-editor-preview code,.md-editor-preview pre{background:#374151}.md-editor-preview blockquote{border-left-color:#4b5563;color:#9ca3af}}.entity-detail-page{width:100%;padding:2rem;box-sizing:border-box}.deleted-banner{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;margin-bottom:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.9rem}.btn-restore{padding:.375rem .75rem;font-size:.8rem;background:#673ab8;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.btn-restore:hover:not(:disabled){background:#5e35b1}.btn-restore:disabled{opacity:.5;cursor:not-allowed}.entity-info{margin-bottom:1.5rem}.entity-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.entity-type-badge{display:inline-block;padding:.2rem .6rem;background:#673ab8;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}a.entity-type-badge:hover{background:#7c4dcd}.entity-source{font-size:.8rem;color:#6b7280}.entity-info h2{margin:0 0 1rem;font-size:1.5rem}.entity-title-with-icon{display:flex;align-items:center;gap:.5rem}.entity-title-with-icon .icon-preview{font-size:1.75rem;line-height:1;display:flex;align-items:center}.entity-title-with-icon .icon-preview img{border-radius:4px}.entity-meta-link{color:inherit;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .15s}.entity-meta-link:hover{border-bottom-color:#673ab8}.entity-title-link{color:inherit;text-decoration:none}.entity-title-link:hover{color:#673ab8}.category-link{color:#673ab8;text-decoration:none}.category-link:hover{text-decoration:underline}.entity-subtitle{margin:-.75rem 0 1rem;font-size:.9rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-fields{display:flex;flex-direction:column;gap:.5rem}.field-row{display:flex;gap:1rem;font-size:.9rem}.field-label{min-width:80px;color:#6b7280;font-weight:500}.field-value{color:#374151}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.detail-grid-full{grid-column:1 / -1}.metric-cards{display:flex;flex-wrap:wrap;gap:.75rem}.metric-card{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;min-width:100px;text-align:center}.metric-card-label{font-size:.75rem;color:#6b7280;font-weight:500;margin-bottom:.25rem}.metric-card-value{font-size:1.25rem;font-weight:700;color:#374151}.metric-card-unit{font-size:.8rem;font-weight:400;color:#9ca3af}.merged-indicator{display:inline-block;padding:.25rem .75rem;margin-bottom:1rem;background:#ede9fe;color:#5b21b6;border-radius:999px;font-size:.8rem;font-weight:500}.source-records{margin-top:1.5rem;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.source-records h3{font-size:1rem;margin:0 0 .75rem}.source-record{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.5rem;text-decoration:none;color:inherit;transition:background .15s ease}.source-record:last-child{margin-bottom:0}.source-record:hover{background:#f3f4f6}.source-record-source{font-weight:500;font-size:.85rem;min-width:100px}.source-record-time{font-size:.8rem;color:#6b7280}.source-record-title{font-size:.8rem;color:#6b7280;margin-left:auto}.activity-chart-container{position:relative}.chart-toggles{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.chart-toggle{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border:1px solid #d1d5db;border-radius:999px;background:transparent;cursor:pointer;font-size:.8rem;color:#6b7280;transition:all .15s ease}.chart-toggle.active{background:#f3f4f6;border-color:#9ca3af;color:#374151}.chart-toggle-dot{width:8px;height:8px;border-radius:50%}.chart-toggle-loading{font-size:.8rem;color:#9ca3af;padding:.25rem .5rem}.chart-svg-container{position:relative;width:100%;overflow:hidden}.chart-tooltip{display:none;position:absolute;padding:.375rem .5rem;background:#fffffff2;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;line-height:1.4;white-space:pre;pointer-events:none;z-index:10;color:#374151}.chart-svg-container svg{display:block}.music-playlist{border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;padding:1rem}.music-playlist h3{font-size:1rem;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.music-playlist-list{display:flex;flex-direction:column;gap:.375rem;max-height:300px;overflow-y:auto}.music-playlist-item{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;line-height:1.4}.music-playlist-time{font-size:.75rem;color:#9ca3af;white-space:nowrap;min-width:40px}.music-playlist-track{color:#374151}.music-playlist-artist{font-weight:500}.music-playlist-album{font-size:.75rem;color:#9ca3af}.detail-section{border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.detail-section h3{font-size:1rem;margin:0 0 .75rem}.hr-zones-detail{margin-top:1.25rem}.hr-zones-detail h3{font-size:1rem;margin:0 0 .5rem}.hr-zone-visual-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.hr-zone-segment{display:block;height:100%}.hr-zone-legend{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:#6b7280}.hr-zone-entry{display:flex;align-items:center;gap:.25rem}.hr-zone-dot{width:8px;height:8px;border-radius:2px}.entity-actions{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-danger{padding:.5rem 1rem;font-size:.85rem;background:transparent;border:1px solid #ef4444;color:#ef4444;border-radius:4px;cursor:pointer}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.notes-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.notes-section h3{font-size:1.1rem;margin:0 0 1rem}.notes-loading{color:#6b7280;font-size:.9rem}.notes-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.note-item{padding:.75rem;border:1px solid #e5e7eb;border-radius:6px}.note-content{font-size:.9rem;line-height:1.6}.note-content p:first-child{margin-top:0}.note-content p:last-child{margin-bottom:0}.note-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.note-date{font-size:.75rem;color:#9ca3af}.note-actions{display:flex;gap:.5rem}.note-action-btn{padding:.2rem .5rem;font-size:.75rem;background:transparent;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;color:#6b7280}.note-action-btn:hover{border-color:#9ca3af;color:#374151}.note-action-btn.danger{border-color:#fca5a5;color:#ef4444}.note-action-btn.danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.note-edit-form{display:flex;flex-direction:column;gap:.5rem}.note-edit-actions{display:flex;gap:.5rem}.note-add-form{display:flex;flex-direction:column;gap:.5rem}.btn-primary{padding:.5rem 1rem;font-size:.85rem;background:#673ab8;color:#fff;border:none;border-radius:4px;cursor:pointer;align-self:flex-start}.btn-primary:hover:not(:disabled){background:#5e35b1}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.5rem 1rem;font-size:.85rem;background:transparent;border:1px solid #d1d5db;color:#374151;border-radius:4px;cursor:pointer}.btn-edit{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem;cursor:pointer;color:#6b7280;transition:all .2s;display:flex;align-items:center}.btn-edit:hover:not(:disabled){background:#673ab8;border-color:#673ab8;color:#fff}.btn-edit:disabled{opacity:.4;cursor:not-allowed}.edit-title-input{display:block;width:100%;margin:0 0 1rem;padding:.375rem .5rem;font-size:1.5rem;font-weight:600;border:1px solid #d1d5db;border-radius:6px;background:transparent;color:inherit;box-sizing:border-box}.edit-title-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.edit-datetime-input{padding:.25rem .5rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit}.edit-datetime-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.edit-value-input{padding:.25rem .5rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit;min-width:120px;width:auto}.edit-value-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.edit-value-unit{margin-left:.375rem;font-size:.85rem;color:#6b7280}.edit-notes-block{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.edit-notes-input{width:100%;padding:.375rem .5rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit;resize:vertical;font-family:inherit;box-sizing:border-box}.edit-notes-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.entity-detail-page .loading,.entity-detail-page .error{text-align:center;padding:2rem;color:#6b7280}.entity-detail-page .error{color:#dc2626}.location-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.location-link{display:inline-flex;align-items:center;gap:.4rem;color:#374151;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.location-link:hover{border-bottom-color:#673ab8}.location-list{display:flex;flex-direction:column;gap:.25rem}.location-entry{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#374151;text-decoration:none;transition:color .15s}.location-entry:hover{color:#673ab8}.location-name{flex-shrink:0}.location-duration{color:#9ca3af;font-size:.8rem}.field-row-top{align-items:flex-start}.activity-map-container{width:100%;aspect-ratio:1;max-height:600px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-top:1rem}.activity-map-container .leaflet-container{height:100%;width:100%}.activity-map-highlight{width:14px;height:14px;background:#673ab8;border:2px solid white;border-radius:50%;box-shadow:0 0 4px #0006}@media(prefers-color-scheme:dark){.deleted-banner{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.entity-source{color:#9ca3af}.entity-info h2{color:#f3f4f6}.entity-meta-link:hover{border-bottom-color:#8b5cf6}.entity-subtitle,.field-label{color:#9ca3af}.field-value,.location-link{color:#d1d5db}.location-link:hover{border-bottom-color:#8b5cf6}.location-entry{color:#d1d5db}.location-entry:hover{color:#8b5cf6}.location-duration{color:#6b7280}.activity-map-container,.entity-actions,.notes-section,.note-item{border-color:#374151}.note-footer{border-color:#1f2937}.note-action-btn{border-color:#4b5563;color:#9ca3af}.note-action-btn:hover{color:#d1d5db;border-color:#6b7280}.btn-secondary{border-color:#4b5563;color:#d1d5db}.btn-secondary:hover{background:#374151}.hr-zone-legend{color:#9ca3af}.metric-card{background:#1f2937;border-color:#374151}.metric-card-value{color:#f3f4f6}.metric-card-label{color:#9ca3af}.music-playlist{background:#1f2937;border-color:#374151}.music-playlist-track{color:#d1d5db}.detail-section{border-color:#374151}.merged-indicator{background:#2e1065;color:#c4b5fd}.source-records,.source-record{border-color:#374151}.source-record:hover{background:#1f2937}.source-record-source{color:#d1d5db}.source-record-time,.source-record-title{color:#9ca3af}.btn-edit{background:#374151;border-color:#4b5563;color:#9ca3af}.btn-edit:hover:not(:disabled){background:#8b5cf6;border-color:#8b5cf6;color:#fff}.edit-title-input{border-color:#4b5563}.edit-title-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.edit-datetime-input{border-color:#4b5563}.edit-datetime-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.edit-value-input{border-color:#4b5563}.edit-value-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.edit-value-unit{color:#9ca3af}.edit-notes-input{border-color:#4b5563}.edit-notes-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.chart-toggle{border-color:#4b5563;color:#9ca3af}.chart-toggle.active{background:#374151;border-color:#6b7280;color:#d1d5db}.chart-tooltip{background:#1f2937f2;border-color:#4b5563;color:#d1d5db}}.merge-panel{margin-top:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.merge-panel h3{margin:0 0 .75rem;font-size:.95rem;font-weight:600}.merge-loading,.merge-empty{color:#6b7280;font-size:.85rem;margin:.5rem 0}.merge-list{list-style:none;padding:0;margin:0 0 1rem}.merge-item{padding:.5rem 0;border-bottom:1px solid #f3f4f6}.merge-item:last-child{border-bottom:none}.merge-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}.merge-label input[type=checkbox]{margin-top:.2rem}.merge-item-info{display:flex;flex-direction:column;gap:.125rem}.merge-item-title{font-weight:500;font-size:.9rem}.merge-item-time{font-size:.8rem;color:#6b7280}.merge-item-meta{font-size:.75rem;color:#9ca3af}.merge-error{color:#ef4444;font-size:.85rem;margin:.5rem 0}.merge-actions{display:flex;gap:.5rem}@media(prefers-color-scheme:dark){.merge-panel{border-color:#4b5563;background:#1f2937}.merge-item{border-color:#374151}.merge-item-title{color:#e5e7eb}}@media(max-width:639px){.entity-detail-page{padding:1rem}.entity-info h2{font-size:1.25rem}.field-row{flex-direction:column;gap:.125rem}.field-label{min-width:auto}.detail-grid{grid-template-columns:1fr}.metric-cards{gap:.5rem}.metric-card{min-width:80px;padding:.5rem .75rem}}.food-item-detail-page{width:100%;padding:2rem;box-sizing:border-box}.fi-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.fi-detail-actions{display:flex;gap:.5rem;align-items:center}.food-item-detail-page h1{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:#1f2937}.fi-name-input{font-size:1.25rem;font-weight:600;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:4px;color:#374151;background:#fff;width:100%;margin-bottom:1rem}.fi-default-edit{display:flex;gap:.375rem;align-items:center;font-size:.85rem;color:#6b7280}.fi-default-edit input{padding:.25rem .375rem;font-size:.8rem;border:1px solid #d1d5db;border-radius:4px;color:#374151;background:#fff}.fi-default-edit input[type=number]{width:60px}.fi-default-edit input[type=text]{width:100px}.nutrient-edit{display:flex;align-items:center;gap:.25rem}.nutrient-edit input{width:70px;padding:.125rem .25rem;font-size:.75rem;border:1px solid #d1d5db;border-radius:3px;color:#374151;background:#fff;text-align:right}.nutrient-unit{font-size:.65rem;color:#9ca3af;min-width:20px}.fi-icon-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem}.fi-icon-label{color:#6b7280;font-weight:500;min-width:2.5rem}.fi-icon-row input[type=text]{padding:.25rem .375rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;color:#374151;background:#fff;width:180px}.fi-icon-display-img{vertical-align:middle;margin-right:.375rem}.fi-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem;font-size:.85rem;color:#6b7280}.nutrient-sections{display:flex;flex-direction:column;gap:1.5rem}.nutrient-section h3{font-size:.9rem;font-weight:600;color:#374151;margin:0 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid #e5e7eb}.nutrient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.25rem 1rem}.nutrient-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.8rem}.nutrient-label{color:#6b7280}.nutrient-value{color:#374151;font-weight:500;font-variant-numeric:tabular-nums}@media(prefers-color-scheme:dark){.food-item-detail-page h1,.fi-name-input{color:#e5e7eb}.fi-name-input,.fi-default-edit input,.fi-icon-row input[type=text],.nutrient-edit input{background:#374151;border-color:#4b5563;color:#d1d5db}.fi-icon-label{color:#9ca3af}.btn-secondary{background:#374151;border-color:#4b5563;color:#d1d5db}.food-item-detail-page h1{color:#e5e7eb}.back-link{color:#c4b5fd}.fi-meta{color:#9ca3af}.nutrient-section h3{color:#d1d5db;border-color:#374151}.nutrient-label{color:#9ca3af}.nutrient-value{color:#d1d5db}}@media(max-width:639px){.food-item-detail-page{padding:1rem}.nutrient-grid{grid-template-columns:1fr}}.food-items-page{width:100%;padding:2rem;box-sizing:border-box}.food-items-page h1{font-size:1.75rem;font-weight:600;margin:0 0 1.5rem;color:#1f2937}.fi-search{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.fi-search input{flex:1;padding:.5rem .75rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:6px;color:#374151;background:#fff}.fi-count{font-size:.8rem;color:#6b7280;white-space:nowrap}.fi-table{width:100%;border-collapse:collapse;font-size:.85rem}.fi-table th{text-align:left;padding:.5rem;border-bottom:2px solid #e5e7eb;color:#6b7280;font-weight:500;font-size:.75rem;text-transform:uppercase}.fi-table td{padding:.5rem;border-bottom:1px solid #f3f4f6;color:#374151}.fi-name{font-weight:500}.fi-num{text-align:right;font-variant-numeric:tabular-nums;color:#6b7280}.fi-source{color:#9ca3af;font-size:.75rem}.no-data{text-align:center;padding:2rem;color:#9ca3af}@media(prefers-color-scheme:dark){.food-items-page h1{color:#e5e7eb}.fi-search input{background:#374151;border-color:#4b5563;color:#d1d5db}.fi-table th{border-color:#374151;color:#9ca3af}.fi-table td{border-color:#374151;color:#d1d5db}.fi-num{color:#9ca3af}}@media(max-width:639px){.food-items-page{padding:1rem}.fi-table{font-size:.75rem}.fi-table th,.fi-table td{padding:.375rem .25rem}}.add-goal-button{background:#673ab8;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.add-goal-button:hover{background:#7c4dcc}.save-status{font-size:.85rem;margin:.5rem 0;padding:.25rem 0}.save-status.saving{color:#888}.save-status.saved{color:#4caf50}.save-status.error{color:#f44336}.no-goals{color:#888;font-style:italic;padding:1rem 0}.goals-list{display:flex;flex-direction:column;gap:.75rem}.goal-row{display:flex;gap:.75rem;align-items:flex-end;padding:.75rem;background:var(--bg-secondary, #f5f5f5);border-radius:8px;flex-wrap:wrap;position:relative}.goal-row.invalid{border:2px solid #f44336}.goal-row.new{border:2px dashed #673ab8}.goal-row.dragging{opacity:.5}.goal-row.drag-over{border-top:2px solid #673ab8}.drag-handle{cursor:grab;padding:.5rem .25rem;color:#888;font-size:1rem;letter-spacing:-2px;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.drag-handle:active{cursor:grabbing}.goal-row.new .drag-handle{visibility:hidden}.field-error input{border-color:#f44336!important;background-color:#f443360d}.validation-error{width:100%;color:#f44336;font-size:.8rem;margin-top:.25rem}.goal-field{display:flex;flex-direction:column;gap:.25rem}.goal-field label{font-size:.75rem;color:#666;font-weight:500}.metric-field{flex:2;min-width:120px}.metric-field select{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;width:100%;background:#fff}.min-field,.max-field{flex:1;min-width:80px}.window-field{flex:1;min-width:70px}.window-field input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.input-with-unit{display:flex;align-items:center;gap:.25rem}.input-with-unit input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.input-with-unit .unit{font-size:.8rem;color:#666;min-width:2rem}.info-button{background:#888;color:#fff;border:none;border-radius:50%;width:1.2em;height:1.2em;font-size:.7rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:.25rem}.info-button:hover{background:#666}.delete-goal-button{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem;opacity:.6;transition:opacity .2s}.delete-goal-button:hover{opacity:1}.duration-help{background:var(--bg-secondary, #f5f5f5);border-radius:8px;padding:1rem;margin-top:1rem;font-size:.85rem}.duration-help p{margin:0 0 .5rem}.duration-help ul{margin:.5rem 0;padding-left:1.5rem}.duration-help li{margin:.25rem 0}.duration-help code{background:#e0e0e0;padding:.1rem .3rem;border-radius:3px;font-family:monospace}@media(prefers-color-scheme:dark){.goal-row{background:var(--bg-secondary, #2a2a2a)}.goal-field label{color:#aaa}.metric-field select,.input-with-unit input,.window-field input{background:#333;color:#fff;border-color:#555}.input-with-unit .unit{color:#aaa}.duration-help{background:var(--bg-secondary, #2a2a2a)}.duration-help code{background:#444}.drag-handle{color:#666}.goal-row.drag-over{border-top-color:#9c77db}.field-error input{background-color:#f4433626}}@media(max-width:639px){.goal-row{flex-direction:column;align-items:stretch}.goal-field{width:100%}.delete-goal-button{align-self:flex-end}}.goals-page{width:100%;padding:1rem;box-sizing:border-box}.goals-page h1{margin-bottom:1.5rem}.goals-page .loading{color:#888}.goals-page .no-goals{color:#888;font-style:italic}.goals-page .no-goals a{color:#673ab8}.goals-list{display:flex;flex-direction:column;gap:1.5rem}.goal-progress{background:var(--bg-secondary, #f5f5f5);border-radius:8px;padding:1rem}.goal-progress.loading{opacity:.6}.goal-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.goal-label{font-weight:600;font-size:1rem}.goal-window{font-weight:400;font-size:.85rem;color:#888}.losing-tomorrow{color:#888;font-size:.85rem}.goal-value{margin-left:auto;font-weight:600;font-size:1.1rem}.progress-container{position:relative;height:24px;background:#ddd;border-radius:12px;overflow:hidden;margin-bottom:.25rem}.progress-container.overflow{height:16px;margin-top:4px;opacity:.8}.progress-bar{height:100%;border-radius:12px;transition:width .3s ease}.progress-bar.below-min{background:linear-gradient(90deg,#9e9e9e,#757575)}.progress-bar.in-range,.progress-bar.met{background:linear-gradient(90deg,#4caf50,#45a045)}.progress-bar.over-max{background:linear-gradient(90deg,#f44336,#d32f2f)}.progress-bar.neutral{background:linear-gradient(90deg,#2196f3,#1976d2)}.progress-bar.loading{background:#ccc}.min-marker{position:absolute;top:0;bottom:0;width:3px;background:#fff;opacity:.8;box-shadow:0 0 4px #0000004d}.goal-targets{display:flex;gap:1rem;font-size:.8rem;color:#666}.target-label{font-weight:500}.goals-footer{margin-top:2rem;font-size:.9rem;color:#888;text-align:center}.goals-footer a{color:#673ab8}@media(prefers-color-scheme:dark){.goal-progress{background:var(--bg-secondary, #2a2a2a)}.goal-window,.losing-tomorrow{color:#aaa}.progress-container{background:#444}.goal-targets,.goals-footer{color:#aaa}}@media(max-width:639px){.goal-header{flex-direction:column;align-items:flex-start}.goal-value{margin-left:0}}.dashboard-editor-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dashboard-editor-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;color:#111827}.close-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:#6b7280;border-radius:4px;transition:background-color .2s}.close-btn:hover{background:#f3f4f6;color:#111827}.modal-content{flex:1;overflow-y:auto;padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.widget-picker{display:flex;flex-direction:column;gap:.75rem}.widget-template{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.widget-template:hover{border-color:#673ab8;background:#faf5ff}.template-label{font-weight:600;color:#111827;margin-bottom:.25rem}.template-description{font-size:.875rem;color:#6b7280}.widget-config{display:flex;flex-direction:column;gap:1rem}.back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:#673ab8;font-size:.875rem;padding:0;margin-bottom:.5rem}.back-btn:hover{text-decoration:underline}.config-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input,.form-group select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 3px #673ab81a}.form-group input[type=color]{height:2.5rem;padding:.25rem;cursor:pointer}.btn-primary{background:#673ab8;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background:#5b32a3}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.625rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}@media(prefers-color-scheme:dark){.dashboard-editor-modal{background:#1f2937}.modal-header{border-color:#374151}.modal-header h3{color:#f9fafb}.close-btn{color:#9ca3af}.close-btn:hover{background:#374151;color:#f9fafb}.modal-footer{border-color:#374151}.widget-template{background:#111827;border-color:#374151}.widget-template:hover{border-color:#8b5cf6;background:#1e1b4b}.template-label{color:#f9fafb}.template-description{color:#9ca3af}.back-btn{color:#a855f7}.form-group label{color:#d1d5db}.form-group input,.form-group select{background:#111827;border-color:#374151;color:#f9fafb}.form-group input:focus,.form-group select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.btn-secondary{background:#374151;color:#f9fafb;border-color:#4b5563}.btn-secondary:hover{background:#4b5563;border-color:#6b7280}}.dashboard{width:100%;padding:2rem;box-sizing:border-box}.dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard h1{font-size:2rem;margin:0;color:#333}.dashboard .dashboard-actions{display:flex;gap:.75rem}.dashboard .btn-edit{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem;cursor:pointer;color:#6b7280;transition:all .2s}.dashboard .btn-edit:hover{background:#673ab8;border-color:#673ab8;color:#fff}.dashboard .btn-primary{background:#673ab8;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.dashboard .btn-primary:hover{background:#5b32a3}.dashboard .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.dashboard .btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.dashboard .section-header{display:flex;align-items:center}.dashboard .collapse-indicator{font-size:.75rem;margin-left:.5rem;color:#9ca3af}.dashboard h2{font-size:1.25rem;margin:0 0 1rem;color:#555;border-bottom:2px solid #673ab8;padding-bottom:.5rem}.dashboard h3{font-size:1.1rem;margin:0 0 1rem;color:#666}.dashboard .loading{text-align:center;padding:2rem;color:#888}.dashboard .sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:2rem;margin-bottom:2rem}.dashboard .metrics-section{min-width:0}.dashboard .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.dashboard .metric-card{background:#f9fafb;border-radius:12px;padding:1rem;border:1px solid #e5e7eb;transition:box-shadow .2s}.dashboard .metric-card:hover{box-shadow:0 4px 12px #00000014}.dashboard .metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dashboard .metric-title{font-size:.85rem;color:#6b7280;font-weight:500}.dashboard .metric-value{font-size:1.75rem;font-weight:600;color:#111827;margin-bottom:.25rem}.dashboard .metric-value .unit{font-size:1rem;font-weight:400;color:#6b7280;margin-left:.25rem}.dashboard .metric-value .no-data{font-size:1rem;color:#9ca3af;font-weight:400}.dashboard .metric-subtitle{font-size:.75rem;color:#9ca3af}.dashboard .metric-sparkline{margin-top:.75rem;display:flex;justify-content:center}.dashboard .sparkline-placeholder{font-size:.75rem;color:#9ca3af;text-align:center;padding:.5rem}.dashboard .trend-indicator{font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:4px}.dashboard .trend-positive{background:#d1fae5;color:#065f46}.dashboard .trend-negative{background:#fee2e2;color:#991b1b}.dashboard .trend-neutral{background:#f3f4f6;color:#6b7280}.dashboard .activity-summary{background:#f9fafb;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb}.dashboard .activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.dashboard .activity-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.dashboard .activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.dashboard .exercise-icon{background:#dcfce7;color:#22c55e}.dashboard .sleep-icon{background:#dbeafe;color:#3b82f6}.dashboard .meditation-icon{background:#f3e8ff;color:#a855f7}.dashboard .activity-details{text-align:center}.dashboard .activity-value{font-size:1.5rem;font-weight:600;color:#111827;display:block}.dashboard .activity-label{font-size:.85rem;color:#6b7280}.dashboard .activity-sub{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.dashboard .quick-links{background:#f9fafb;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb}.dashboard .links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.dashboard .quick-link{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;text-decoration:none;color:#374151;transition:all .2s}.dashboard .quick-link:hover{border-color:#673ab8;background:#faf5ff;transform:translateY(-2px);box-shadow:0 4px 12px #673ab826}.dashboard .link-icon{width:48px;height:48px;border-radius:12px;background:#f3e8ff;color:#673ab8;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.dashboard .quick-link:hover .link-icon{background:#673ab8;color:#fff}.dashboard .link-text{font-size:.9rem;font-weight:500}@media(prefers-color-scheme:dark){.dashboard h1{color:#f3f4f6}.dashboard h2{color:#d1d5db;border-color:#8b5cf6}.dashboard h3{color:#9ca3af}.dashboard .metric-card{background:#1f2937;border-color:#374151}.dashboard .metric-title{color:#9ca3af}.dashboard .metric-value{color:#f9fafb}.dashboard .metric-value .unit{color:#9ca3af}.dashboard .activity-summary,.dashboard .quick-links{background:#1f2937;border-color:#374151}.dashboard .activity-item{background:#111827;border-color:#374151}.dashboard .activity-value{color:#f9fafb}.dashboard .activity-label{color:#9ca3af}.dashboard .exercise-icon{background:#064e3b;color:#34d399}.dashboard .sleep-icon{background:#1e3a5f;color:#60a5fa}.dashboard .meditation-icon{background:#3b0764;color:#c084fc}.dashboard .quick-link{background:#111827;border-color:#374151;color:#d1d5db}.dashboard .quick-link:hover{border-color:#8b5cf6;background:#1e1b4b}.dashboard .link-icon{background:#3b0764;color:#a855f7}.dashboard .quick-link:hover .link-icon{background:#8b5cf6;color:#fff}.dashboard .trend-positive{background:#064e3b;color:#34d399}.dashboard .trend-negative{background:#7f1d1d;color:#fca5a5}.dashboard .trend-neutral{background:#374151;color:#9ca3af}}@media(max-width:639px){.dashboard{padding:1rem}.dashboard h1{font-size:1.5rem}.dashboard .metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard .activity-grid{grid-template-columns:1fr}.dashboard .links-grid{grid-template-columns:repeat(2,1fr)}.dashboard .dashboard-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.dashboard .widget-editing-wrapper{position:relative;border:2px dashed #d1d5db;border-radius:8px;padding:.25rem}.dashboard .widget-editing-wrapper:hover{border-color:#673ab8}.dashboard .widget-edit-controls{position:absolute;top:-12px;right:4px;display:flex;gap:4px;z-index:10}.dashboard .widget-move-btn,.dashboard .widget-remove-btn{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:4px;cursor:pointer;color:#6b7280;transition:all .2s}.dashboard .widget-move-btn:hover{background:#673ab8;border-color:#673ab8;color:#fff}.dashboard .widget-remove-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.dashboard .add-widget-placeholder{display:flex;align-items:center;justify-content:center;min-height:100px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb}.dashboard .add-widget-btn{background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:.5rem 1rem;transition:color .2s}.dashboard .add-widget-btn:hover{color:#673ab8}.dashboard .hr-zones-widget{background:#f9fafb;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb}.dashboard .hr-zones-widget-loading{text-align:center;padding:1rem;color:#9ca3af}.dashboard .hr-zones-widget-list{display:flex;flex-direction:column;gap:.5rem}.dashboard .hr-zones-widget-bar{padding:.25rem 0}.dashboard .hr-zones-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.dashboard .hr-zones-widget-label,.dashboard .hr-zones-widget-time{font-size:.8rem;font-weight:500;color:#374151}.dashboard .hr-zones-widget-progress-row{display:flex;align-items:center;gap:.5rem}.dashboard .hr-zones-widget-track{flex:1;height:6px;border-radius:3px;overflow:hidden}.dashboard .hr-zones-widget-fill{height:100%;border-radius:3px;transition:width .3s ease}.dashboard .hr-zones-widget-percent{width:2.5rem;text-align:right;font-size:.75rem;color:#6b7280}.dashboard .charts-grid{display:grid;grid-template-columns:1fr;gap:1rem}.dashboard .chart-widget,.dashboard .correlation-widget{background:#f9fafb;border-radius:12px;padding:1rem;border:1px solid #e5e7eb}.dashboard .chart-widget-link{display:block;text-decoration:none;color:inherit;transition:box-shadow .2s}.dashboard .chart-widget-link:hover{box-shadow:0 4px 12px #00000014}.dashboard .chart-widget h4,.dashboard .correlation-widget h4{margin:0 0 .75rem;font-size:1rem;color:#374151}.dashboard .chart-widget-value{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.dashboard .chart-loading,.dashboard .chart-error{text-align:center;padding:2rem;color:#9ca3af;font-size:.875rem}.dashboard .correlation-summary{margin-bottom:.5rem}.dashboard .correlation-summary .occurrences{font-size:.75rem;color:#6b7280}.dashboard .loading-placeholder{color:#9ca3af}.dashboard .add-section-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;padding:2rem}.dashboard .add-section-btn{background:none;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:.875rem;cursor:pointer;padding:1rem 1.5rem;transition:all .2s;display:flex;align-items:center;gap:.5rem}.dashboard .add-section-btn:hover{border-color:#673ab8;color:#673ab8;background:#faf5ff}.dashboard .section-edit-controls{display:flex;gap:.5rem;margin-left:auto}.dashboard .section-delete-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.dashboard .section-delete-btn:hover{color:#dc2626;background:#fee2e2}@media(prefers-color-scheme:dark){.dashboard .btn-edit{background:#374151;border-color:#4b5563;color:#9ca3af}.dashboard .btn-edit:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.dashboard .widget-editing-wrapper{border-color:#4b5563}.dashboard .widget-editing-wrapper:hover{border-color:#8b5cf6}.dashboard .widget-move-btn,.dashboard .widget-remove-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.dashboard .widget-move-btn:hover{background:#8b5cf6;border-color:#8b5cf6}.dashboard .widget-remove-btn:hover{background:#dc2626;border-color:#dc2626}.dashboard .add-widget-placeholder{background:#111827;border-color:#4b5563}.dashboard .add-widget-btn{color:#9ca3af}.dashboard .add-widget-btn:hover{color:#a855f7}.dashboard .hr-zones-widget{background:#1f2937;border-color:#374151}.dashboard .hr-zones-widget-label,.dashboard .hr-zones-widget-time{color:#d1d5db}.dashboard .hr-zones-widget-percent{color:#9ca3af}.dashboard .chart-widget,.dashboard .correlation-widget{background:#1f2937;border-color:#374151}.dashboard .chart-widget h4,.dashboard .correlation-widget h4{color:#d1d5db}.dashboard .chart-widget-value{color:#9ca3af}.dashboard .add-section-placeholder{background:#111827;border-color:#4b5563}.dashboard .add-section-btn{border-color:#4b5563;color:#9ca3af}.dashboard .add-section-btn:hover{border-color:#8b5cf6;color:#a855f7;background:#1e1b4b}.dashboard .section-delete-btn:hover{color:#f87171;background:#7f1d1d}}.home{width:100%;padding:2rem;box-sizing:border-box;text-align:left}.home .hero{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;justify-content:left}.home .hero-logo{width:120px;height:120px;flex-shrink:0}.home .hero-text{text-align:left}.home h1{font-size:2.5rem;margin:0 0 .25rem;text-align:left}.home .subtitle{font-size:1.25rem;color:#666;margin:0;text-align:left}.home section{margin-bottom:2rem}.home .intro p,.home .name p{line-height:1.6;margin-bottom:1rem}.home .intro ul{margin-bottom:1rem}.home .screenshots{display:flex;gap:1.5rem;margin:1.5rem 0;flex-wrap:wrap;justify-content:center}.home .screenshots figure{margin:0;text-align:center}.home .screenshots figure.narrow{max-width:180px}.home .screenshots img{max-width:280px;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:transform .15s ease}.home .screenshots figure.narrow img{max-width:180px}.home .screenshots img:hover{transform:scale(1.03)}.home .screenshots figcaption{font-size:.875rem;color:#666;margin-top:.5rem}.home .data-sources-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:1rem 0}.home .data-sources-table th,.home .data-sources-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #ddd}.home .data-sources-table th{font-weight:600;border-bottom:2px solid #673ab8}.home .data-sources-table td:first-child{white-space:nowrap}.home .legal{text-align:center;font-size:.85rem;color:#666;margin-top:2rem;padding-top:1rem;border-top:1px solid #ddd}@media(prefers-color-scheme:dark){.home .screenshots figcaption{color:#aaa}.home .screenshots img{box-shadow:0 4px 12px #0006}.home .data-sources-table th,.home .data-sources-table td{border-color:#444}.home .legal{color:#aaa;border-color:#444}}.home a{color:#673ab8;text-decoration:underline}.home a:hover{color:#8b5cf6}.home h2{font-size:1.5rem;margin-bottom:.75rem;border-bottom:2px solid #673ab8;padding-bottom:.25rem}.home h3{font-size:1.1rem;margin:1rem 0 .5rem;color:#555}@media(prefers-color-scheme:dark){.home h3{color:#bbb}}.home ul{list-style:disc;margin-left:1.5rem}.home li{margin-bottom:.5rem;line-height:1.4}.home .downloads .note,.home .intro .note{font-size:.875rem;color:#666;margin-top:.5rem}.home .quickstart h3{margin-top:1.25rem}.home .quickstart p{margin:.5rem 0}.home .quickstart code{background:#f0f0f0;padding:.15rem .4rem;border-radius:3px;font-size:.9rem}.home .code-block{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.85rem;line-height:1.4;margin:.75rem 0}.home .user-actions{background:#f5f3ff;padding:1.5rem;border-radius:.5rem;border:1px solid #673ab8}.home .user-actions a{font-weight:500}@media(max-width:639px){.home{padding:1rem}.home .hero{gap:1rem}.home .hero-logo{width:80px;height:80px}.home h1{font-size:1.75rem}.home .subtitle{font-size:1rem}}@media(prefers-color-scheme:dark){.home .subtitle,.home .downloads .note,.home .quickstart .note{color:#aaa}.home .quickstart code{background:#2d2d2d}.home .user-actions{background:#1a1a2e;border-color:#8b5cf6}}.login-page{max-width:400px;margin:0 auto;padding:2rem}.login-page h1{font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .form-field{display:flex;flex-direction:column;gap:.5rem}.login-form .form-field label{font-weight:500}.login-form .form-field input{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.login-form .error{color:#f44336;margin:0}.login-form button{padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;margin-top:.5rem}.login-form button.primary{background:#673ab8;color:#fff;border:none}.login-form button.primary:hover:not(:disabled){background:#5e35b1}.login-form button:disabled{opacity:.5;cursor:not-allowed}.signup-link{text-align:center;margin-top:1.5rem}.signup-link a{color:#673ab8}.signup-link a:hover{text-decoration:underline}@media(prefers-color-scheme:dark){.login-form .form-field input{background:#333;border-color:#555;color:#fff}.signup-link a{color:#b39ddb}}@media(max-width:639px){.login-page{padding:1rem}.login-page h1{font-size:1.5rem}}.meals-page{width:100%;padding:2rem;box-sizing:border-box}.day-layout{display:flex;flex-direction:column;gap:1.5rem}.day-main{flex:2;min-width:0}@media(min-width:900px){.day-layout{flex-direction:row;align-items:flex-start}.day-nutrient-summary{flex:1;min-width:200px;max-width:360px;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}}.day-nutrient-summary{padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.day-nutrient-summary.empty{border-style:dashed;background:transparent}.no-nutrients{color:#9ca3af;font-size:.85rem;margin:0;text-align:center}.day-nutrient-summary h3{font-size:.95rem;font-weight:600;color:#374151;margin:0 0 .75rem}.day-nutrient-group{margin-bottom:.75rem}.day-nutrient-group h4{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;margin:0 0 .25rem;padding-bottom:.125rem;border-bottom:1px solid #e5e7eb}.day-nutrient-line{display:flex;justify-content:space-between;font-size:.75rem;padding:.125rem 0;color:#374151}.day-nutrient-line span:last-child{font-weight:500;font-variant-numeric:tabular-nums}.meals-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.meals-header h1{font-size:1.75rem;font-weight:600;margin:0;color:#1f2937}.log-completion{margin-top:1.5rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.completion-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#374151;cursor:pointer;font-weight:500}.completion-label input[type=checkbox]{accent-color:#673ab8;width:1.1rem;height:1.1rem}.config-hint{font-size:.85rem;color:#6b7280;margin-bottom:1rem}.config-hint a{color:#673ab8}.meal-slots{display:flex;flex-direction:column;gap:.75rem}.meal-slot-row{padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.meal-slot-row.has-meal{border-color:#c4b5fd;background:#faf5ff}.slot-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.slot-name{font-weight:600;min-width:80px;color:#374151;font-size:.95rem}.saving-indicator{display:inline-block;width:14px;height:14px;border:2px solid #d1d5db;border-top-color:#673ab8;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.time-slider-wrapper{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.time-label{font-size:.8rem;font-weight:500;color:#374151;min-width:3.25rem;text-align:center;font-variant-numeric:tabular-nums}.time-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#d1d5db;border-radius:3px;outline:none;cursor:pointer}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#673ab8;border:2px solid #fff;box-shadow:0 1px 3px #0003;cursor:grab}.time-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#673ab8;border:2px solid #fff;box-shadow:0 1px 3px #0003;cursor:grab}.time-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.15)}.time-slider:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.15)}.btn-add-meal{margin-top:.75rem;padding:.5rem 1rem;font-size:.85rem;border:1px dashed #d1d5db;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;width:100%;text-align:center}.btn-add-meal:hover{border-color:#673ab8;color:#673ab8;background:#faf5ff}.incomplete-indicator{color:#d97706;font-weight:600;margin-left:.25rem}.sensitivity-checks{display:flex;gap:.75rem;flex-wrap:wrap}.sensitivity-label{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#4b5563;cursor:pointer;white-space:nowrap}.sensitivity-label input[type=checkbox]{accent-color:#673ab8}.sensitivity-label.derived{font-style:italic;opacity:.8}.meal-details{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.meal-name{font-size:.85rem;color:#374151;font-weight:500;margin-bottom:.375rem;text-decoration:none;display:block}a.meal-name:hover{color:#673ab8}.meal-edit-link{font-size:.8rem;color:#6b7280;text-decoration:none;padding:.125rem .375rem;border-radius:4px}.meal-edit-link:hover{background:#f3f4f6;color:#673ab8}.food-items{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.375rem}.food-item-chip{display:inline-block;padding:.125rem .5rem;font-size:.75rem;background:#e0f2fe;color:#0369a1;cursor:pointer;position:relative;border-radius:10px}.food-item-chip:hover{background:#bae6fd}.food-item-chip.mapped{background:#dbeafe;border:1px solid #93c5fd}.mapping-dot{display:inline-block;width:6px;height:6px;background:#673ab8;border-radius:50%;margin-left:.25rem;vertical-align:middle}.food-map-popover{position:absolute;top:100%;left:0;z-index:10;margin-top:.25rem;padding:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:180px}.popover-title{font-size:.7rem;color:#6b7280;margin-bottom:.375rem;white-space:nowrap}.popover-option{display:flex;align-items:center;gap:.375rem;padding:.2rem 0;font-size:.8rem;color:#374151;cursor:pointer}.popover-option input[type=checkbox]{accent-color:#673ab8}.meal-sensitivities{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.375rem}.sensitivity-chip{display:inline-block;padding:.125rem .5rem;font-size:.75rem;background:#ede9f0;color:#673ab8;border-radius:12px;font-weight:500}.meal-calories{font-size:.75rem;color:#6b7280}.meal-notes{font-size:.8rem;color:#6b7280;font-style:italic;margin-top:.25rem}.meal-source{font-size:.7rem;color:#9ca3af;margin-left:.5rem}.meal-time{font-size:.85rem;color:#6b7280}.other-meals{margin-top:1.5rem}.other-meals h2{font-size:1.1rem;font-weight:600;margin:0 0 .75rem;color:#374151}.btn-danger-small{margin-left:auto;padding:.2rem .5rem;font-size:.75rem;border:1px solid #fca5a5;background:#fff;color:#dc2626;border-radius:4px;cursor:pointer}.error-message{color:#dc2626;font-size:.85rem;margin-top:1rem}.no-data,.loading{text-align:center;padding:2rem 1rem;color:#9ca3af}@media(max-width:639px){.meals-page{padding:1rem}.meals-header{flex-direction:column;align-items:flex-start;gap:.75rem}.slot-top{flex-wrap:wrap}.slot-name{min-width:unset}}@media(prefers-color-scheme:dark){.day-nutrient-summary{background:#1f2937;border-color:#374151}.day-nutrient-summary h3{color:#d1d5db}.day-nutrient-group h4{color:#9ca3af;border-color:#374151}.day-nutrient-line{color:#d1d5db}.meals-header h1{color:#e5e7eb}.slot-name{color:#d1d5db}.meal-slot-row{background:#1f2937;border-color:#374151}.meal-slot-row.has-meal{background:#1e1b4b;border-color:#6d28d9}.time-label{color:#d1d5db}.time-slider{background:#4b5563}.time-slider::-webkit-slider-thumb{border-color:#1f2937}.time-slider::-moz-range-thumb{border-color:#1f2937}.btn-add-meal{border-color:#4b5563;color:#9ca3af}.btn-add-meal:hover{border-color:#7c3aed;color:#c4b5fd;background:#1e1b4b}.incomplete-indicator{color:#f59e0b}.incomplete-notice{color:#f59e0b;background:#1c1917;border-color:#78350f}.sensitivity-label{color:#9ca3af}.meal-details{border-color:#374151}.meal-name{color:#d1d5db}.food-item-chip{background:#1e3a5f;color:#7dd3fc}.food-item-chip:hover{background:#1e4d8c}.food-item-chip.mapped{background:#1e3a5f;border-color:#3b82f6}.food-map-popover{background:#1f2937;border-color:#4b5563}.popover-title{color:#9ca3af}.popover-option{color:#d1d5db}.sensitivity-chip{background:#312e81;color:#c4b5fd}.meal-time{color:#9ca3af}.other-meals h2{color:#d1d5db}.btn-danger-small{background:#1f2937;border-color:#7f1d1d;color:#fca5a5}.btn-danger-small:hover{background:#2d1b1b}.config-hint{color:#9ca3af}.log-completion{background:#1f2937;border-color:#374151}.completion-label{color:#d1d5db}}.food-autocomplete{position:relative;flex:2;min-width:0}.food-autocomplete input{width:100%;padding:.25rem .375rem;font-size:.8rem;border:1px solid #d1d5db;border-radius:4px;color:#374151;background:#fff;box-sizing:border-box}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:20;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto}.autocomplete-option{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;cursor:pointer;font-size:.8rem}.autocomplete-option:hover,.autocomplete-option.active{background:#f3f4f6}.ac-name{color:#374151}.ac-cal{color:#6b7280;font-size:.7rem}@media(prefers-color-scheme:dark){.food-autocomplete input{background:#374151;border-color:#4b5563;color:#d1d5db}.autocomplete-dropdown{background:#1f2937;border-color:#4b5563}.autocomplete-option:hover,.autocomplete-option.active{background:#374151}.ac-name{color:#d1d5db}.ac-cal{color:#9ca3af}}.meal-detail-page{width:100%;padding:2rem;box-sizing:border-box}.detail-layout{display:flex;flex-direction:column;gap:1.5rem}.nutrient-groups.collapsed-mobile{display:none}@media(min-width:900px){.detail-layout{flex-direction:row;align-items:flex-start}.detail-card{flex:2;min-width:0}.nutrient-breakdown{flex:1;min-width:200px;max-width:400px;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.nutrient-toggle{display:none}.nutrient-groups.collapsed-mobile{display:flex}}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.back-link{color:#673ab8;text-decoration:none;font-size:.9rem}.back-link:hover{text-decoration:underline}.detail-actions{display:flex;gap:.5rem;align-items:center}.detail-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff}.detail-row{display:flex;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;gap:1rem;align-items:flex-start}.detail-row:last-child{border-bottom:none}.detail-row label{font-weight:500;color:#6b7280;font-size:.85rem;min-width:90px;padding-top:.125rem}.detail-value{color:#374151;font-size:.9rem}.detail-row input[type=text],.detail-row input[type=datetime-local],.detail-row textarea{flex:1;padding:.375rem .5rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;color:#374151;background:#fff;font-family:inherit}.detail-row textarea{resize:vertical}.detail-row-block{flex-direction:column}.type-editor{display:flex;gap:.5rem;flex:1}.nutrient-breakdown{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.nutrient-placeholder{border-style:dashed;background:transparent}.nutrient-toggle{background:none;border:none;color:#673ab8;cursor:pointer;font-size:.85rem;padding:0;font-weight:500}.nutrient-toggle:hover{text-decoration:underline}.nutrient-groups{margin-top:.75rem;display:flex;flex-direction:column;gap:1rem}.nutrient-group h4{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;margin:0 0 .25rem;padding-bottom:.125rem;border-bottom:1px solid #e5e7eb}.nutrient-line{display:flex;justify-content:space-between;font-size:.75rem;padding:.125rem 0;color:#374151}.nutrient-line span:last-child{font-weight:500;font-variant-numeric:tabular-nums}.type-editor select,.type-editor input{padding:.375rem .5rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;color:#374151;background:#fff}.macros-grid{display:flex;flex-wrap:wrap;gap:.5rem}.macro-input{display:flex;flex-direction:column;gap:.125rem}.macro-input span{font-size:.7rem;color:#6b7280}.macro-input input{width:70px;padding:.25rem .375rem;font-size:.8rem;border:1px solid #d1d5db;border-radius:4px;color:#374151;background:#fff}.flags-editor{display:flex;flex-wrap:wrap;gap:.5rem}.flag-check{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#4b5563;cursor:pointer}.flag-check input[type=checkbox]{accent-color:#673ab8}.food-items-editor{display:flex;flex-direction:column;gap:.375rem;width:100%}.food-item-edit-row{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;border:1px solid #e5e7eb;border-radius:6px;background:#fafafa}.food-row-top{display:flex;gap:.375rem;align-items:center}.food-row-macros{display:flex;gap:.5rem;flex-wrap:wrap}.food-row-macros label{display:flex;flex-direction:column;gap:.0625rem}.food-row-macros span{font-size:.65rem;color:#6b7280}.food-row-macros input{width:55px;padding:.2rem .3rem;font-size:.75rem;border:1px solid #d1d5db;border-radius:3px;color:#374151;background:#fff}.food-name-input{flex:2;min-width:0}.food-num-input{width:60px}.food-unit-input{width:70px}.food-item-edit-row input{padding:.25rem .375rem;font-size:.8rem;border:1px solid #d1d5db;border-radius:4px;color:#374151;background:#fff}.btn-add-item{align-self:flex-start;font-size:.8rem;padding:.25rem .5rem}.detail-food-items,.detail-sensitivities{display:flex;flex-wrap:wrap;gap:.25rem}.detail-food-chip{display:inline-block;padding:.125rem .5rem;font-size:.75rem;background:#e0f2fe;color:#0369a1;text-decoration:none}a.detail-food-link:hover{background:#bae6fd;border-radius:10px}.detail-sensitivity-chip{display:inline-block;padding:.125rem .5rem;font-size:.75rem;background:#ede9f0;color:#673ab8;border-radius:12px;font-weight:500}.btn-primary{padding:.375rem .75rem;font-size:.85rem;background:#673ab8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.btn-primary:hover{background:#5e35b1}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.375rem .75rem;font-size:.85rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:4px;cursor:pointer}.incomplete-notice{font-size:.8rem;color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:.5rem .75rem;margin-top:.5rem}@media(prefers-color-scheme:dark){.incomplete-notice{color:#f59e0b;background:#1c1917;border-color:#78350f}.nutrient-breakdown{border-color:#374151;background:#1f2937}.nutrient-toggle{color:#c4b5fd}.nutrient-group h4{color:#9ca3af;border-color:#374151}.nutrient-line{color:#d1d5db}.detail-card{background:#1f2937;border-color:#374151}.detail-row{border-color:#374151}.detail-row label{color:#9ca3af}.detail-value{color:#d1d5db}.detail-row input[type=text],.detail-row input[type=datetime-local],.detail-row input[type=number],.detail-row textarea,.detail-row select,.type-editor select,.type-editor input,.macro-input input,.food-item-edit-row input,.food-row-macros input{background:#374151;border-color:#4b5563;color:#d1d5db}.food-item-edit-row{background:#1f2937;border-color:#374151}.food-row-macros span,.macro-input span,.flag-check{color:#9ca3af}.detail-food-chip{background:#1e3a5f;color:#7dd3fc}.detail-sensitivity-chip{background:#312e81;color:#c4b5fd}.back-link{color:#c4b5fd}.btn-secondary{background:#374151;border-color:#4b5563;color:#d1d5db}.btn-secondary:hover{background:#4b5563}}@media(max-width:639px){.meal-detail-page{padding:1rem}.detail-row{flex-direction:column;gap:.25rem}.detail-row label{min-width:unset}}.metric-meta-page{width:100%;padding:2rem;box-sizing:border-box}.metric-meta-header{margin-bottom:2rem}.metric-meta-header h1{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#1f2937}.metric-meta-subtitle{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.metric-meta-subtitle code{font-size:.85rem;padding:.25rem .5rem;background:#f3f4f6;border-radius:4px;color:#6b7280}.metric-meta-unit-badge{font-size:.8rem;padding:.2rem .6rem;background:#eff6ff;color:#2563eb;border-radius:999px;font-weight:500}.metric-meta-type-badge{font-size:.75rem;padding:.2rem .6rem;background:#f3f4f6;color:#6b7280;border-radius:999px;font-weight:500}.metric-meta-type-badge.custom{background:#faf5ff;color:#7c3aed}.metric-meta-section{margin-bottom:2rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.metric-meta-section h2{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 1rem}.metric-meta-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metric-meta-section-header h2{margin:0}.metric-meta-chart-link{font-size:.85rem;color:#7c3aed;text-decoration:none;margin-left:auto;margin-right:.75rem}.metric-meta-chart-link:hover{text-decoration:underline}.metric-meta-section-header select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;color:#374151;background:#fff}.metric-meta-field-row{display:flex;gap:1rem;font-size:.9rem;margin-bottom:.5rem}.metric-meta-field-row:last-child{margin-bottom:0}.metric-meta-field-label{min-width:100px;color:#6b7280;font-weight:500;font-size:.85rem}.metric-meta-custom-info{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.metric-meta-custom-fields{flex:1}.metric-meta-custom-edit{display:flex;flex-direction:column;gap:1rem}.metric-meta-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metric-meta-edit-grid label{display:flex;flex-direction:column;gap:.375rem}.metric-meta-edit-grid input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#1f2937;background:#fff}.metric-meta-edit-grid input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.metric-meta-edit-actions{display:flex;gap:.75rem}.metric-meta-trend-value{display:flex;align-items:baseline;gap:.375rem;margin-bottom:.75rem}.metric-meta-trend-number{font-size:2rem;font-weight:700;color:#1f2937}.metric-meta-trend-unit{font-size:.9rem;color:#6b7280}.metric-meta-recent-list{display:flex;flex-direction:column;gap:.375rem}.metric-meta-recent-item{display:flex;align-items:center;padding:0;border:1px solid #f3f4f6;border-radius:6px;font-size:.85rem}.metric-meta-recent-item:hover{background:#f9fafb}.metric-meta-recent-link{display:flex;justify-content:space-between;align-items:center;flex:1;padding:.5rem .75rem;text-decoration:none;color:inherit}.metric-meta-recent-time{color:#6b7280}.metric-meta-recent-value{font-weight:600;color:#374151}.metric-meta-delete-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.1rem;padding:.5rem .75rem;line-height:1;border-left:1px solid #f3f4f6}.metric-meta-delete-btn:hover{color:#ef4444;background:#fef2f2}.metric-meta-delete-btn:disabled{opacity:.3;cursor:not-allowed}.metric-meta-empty{color:#9ca3af;font-size:.9rem;text-align:center;padding:1rem}.metric-meta-more{font-size:.8rem;color:#9ca3af;text-align:center;margin:.5rem 0 0}.source-filter-chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.source-chip{padding:.3rem .75rem;font-size:.8rem;font-weight:500;border:1px solid #d1d5db;border-radius:999px;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s}.source-chip:hover{background:#f3f4f6;border-color:#9ca3af}.source-chip.active{background:#673ab8;border-color:#673ab8;color:#fff}.metric-meta-links{display:flex;flex-wrap:wrap;gap:.5rem}.metric-meta-link{display:inline-block;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:6px;text-decoration:none;font-size:.85rem;color:#374151;transition:all .15s}.metric-meta-link:hover{background:#f3f4f6;border-color:#d1d5db}.metric-meta-page .btn-primary{padding:.5rem 1rem;font-size:.85rem;background:#673ab8;color:#fff;border:none;border-radius:4px;cursor:pointer}.metric-meta-page .btn-primary:hover:not(:disabled){background:#5e35b1}.metric-meta-page .btn-primary:disabled{opacity:.5;cursor:not-allowed}.metric-meta-page .btn-secondary{padding:.5rem 1rem;font-size:.85rem;background:transparent;border:1px solid #d1d5db;color:#374151;border-radius:4px;cursor:pointer}.metric-meta-page .btn-secondary:hover{background:#f3f4f6}.metric-meta-page .btn-danger{padding:.5rem 1rem;font-size:.85rem;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer}.metric-meta-page .btn-danger:hover:not(:disabled){background:#b91c1c}.metric-meta-page .btn-danger:disabled{opacity:.5;cursor:not-allowed}.metric-meta-merge-desc{color:#6b7280;font-size:.85rem;margin-bottom:.75rem}.metric-meta-merge-form{display:flex;flex-direction:column;gap:.75rem}.metric-meta-merge-form label{display:flex;flex-direction:column;gap:.25rem}.metric-meta-merge-form select,.metric-meta-merge-form input{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.85rem}.metric-meta-merge-form code{font-size:.8rem;background:#f3f4f6;padding:.1rem .3rem;border-radius:2px}.metric-meta-page .loading,.metric-meta-page .error{text-align:center;padding:1rem;color:#6b7280}.metric-meta-page .error{color:#dc2626}@media(prefers-color-scheme:dark){.metric-meta-header h1{color:#f9fafb}.metric-meta-subtitle code{background:#374151;color:#9ca3af}.metric-meta-unit-badge{background:#1e3a5f;color:#60a5fa}.metric-meta-type-badge{background:#374151;color:#9ca3af}.metric-meta-type-badge.custom{background:#2e1065;color:#c4b5fd}.metric-meta-section{background:#1f2937;border-color:#374151}.metric-meta-section h2{color:#e5e7eb}.metric-meta-section-header select{background:#111827;border-color:#4b5563;color:#e5e7eb}.metric-meta-field-label{color:#9ca3af}.metric-meta-edit-grid input{background:#111827;border-color:#4b5563;color:#f9fafb}.metric-meta-edit-grid input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.metric-meta-trend-number{color:#f9fafb}.metric-meta-trend-unit{color:#9ca3af}.metric-meta-recent-item{border-color:#374151}.metric-meta-recent-item:hover{background:#111827}.metric-meta-recent-time{color:#9ca3af}.metric-meta-recent-value{color:#e5e7eb}.metric-meta-chart-link{color:#a78bfa}.metric-meta-delete-btn{color:#6b7280;border-left-color:#374151}.metric-meta-delete-btn:hover{color:#f87171;background:#1f1215}.metric-meta-link{border-color:#374151;color:#d1d5db}.metric-meta-link:hover{background:#374151;border-color:#4b5563}.metric-meta-page .btn-secondary{border-color:#4b5563;color:#d1d5db}.metric-meta-page .btn-secondary:hover{background:#374151}.source-chip{border-color:#4b5563;color:#9ca3af}.source-chip:hover{background:#374151;border-color:#6b7280}.source-chip.active{background:#7c3aed;border-color:#7c3aed;color:#fff}}@media(max-width:639px){.metric-meta-page{padding:1rem}.metric-meta-header h1{font-size:1.35rem}.metric-meta-edit-grid{grid-template-columns:1fr}.metric-meta-field-row{flex-direction:column;gap:.125rem}.metric-meta-field-label{min-width:auto}.metric-meta-links{flex-direction:column}.metric-meta-link{text-align:center}}.places-page{display:flex;flex-direction:column;height:100%;padding:1rem}.places-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}.places-header h1{margin:0;font-size:1.5rem;color:#1f2937}.date-nav{display:flex;align-items:center;gap:.5rem}.date-nav button{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:1rem}.date-nav button:hover{background:#f3f4f6;border-color:#3b82f6}.date-nav input[type=date]{padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem}.places-content{display:flex;flex:1;gap:1rem;min-height:0;overflow:hidden}.places-list{display:flex;flex-direction:column;width:400px;min-width:280px;max-width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.places-list-scroll{flex:1;overflow-y:auto;padding:.5rem}.places-list-footer{border-top:1px solid #e5e7eb;padding:.5rem 1rem;font-size:.85em;color:#6b7280;background:#f9fafb}.place-item{padding:.75rem;margin-bottom:.25rem;border-radius:6px;cursor:pointer;transition:background .15s}.place-item:hover{background:#f3f4f6}.place-item.selected{background:#e0f2fe}.place-item-header{display:flex;gap:.5rem;align-items:baseline}.place-time{color:#6b7280;font-size:.9em;min-width:100px}.place-name{font-weight:500}.place-name.unnamed{font-weight:400;font-style:italic}.place-address{color:#6b7280;font-size:.85em;margin-top:.25rem}.place-duration{color:#9ca3af;font-size:.8em;margin-top:.25rem}.transit-item{border-left:2px dashed #d1d5db;margin-left:.5rem;padding:.25rem .5rem;color:#9ca3af;font-size:.9em}.map-container{flex:1;min-width:300px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f5f5f5}.map-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af}.map-container .leaflet-container{height:100%;width:100%}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:1.5rem;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{margin:0 0 1rem;color:#1f2937}.modal-address{color:#6b7280;margin-bottom:1rem;font-size:.9em}.modal-field{margin-bottom:1rem}.modal-field label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151}.modal-field input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;box-sizing:border-box}.modal-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.modal-actions button{padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer}.modal-actions button:first-child{background:#fff;border:1px solid #d1d5db}.modal-actions button:first-child:hover{background:#f3f4f6}.btn-primary{background:#3b82f6;border:none;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}@media(prefers-color-scheme:dark){.places-header h1{color:#f3f4f6}.date-nav button{background:#374151;border-color:#4b5563;color:#e5e7eb}.date-nav button:hover{background:#4b5563}.date-nav input[type=date]{background:#374151;border-color:#4b5563;color:#e5e7eb}.places-list{background:#1f2937;border-color:#374151}.places-list-footer{background:#111827;border-color:#374151;color:#9ca3af}.place-item:hover{background:#374151}.place-item.selected{background:#1e3a5f}.map-container{border-color:#374151;background:#1f2937}.modal-content{background:#1f2937}.modal-content h3{color:#f3f4f6}.modal-field label{color:#e5e7eb}.modal-field input,.modal-actions button:first-child{background:#374151;border-color:#4b5563;color:#e5e7eb}}@media(max-width:768px){.places-page{padding:.5rem}.places-header{flex-direction:column;align-items:flex-start}.places-content{flex-direction:column}.places-list{width:100%;max-height:40vh;flex-shrink:0}.map-container{min-height:300px;flex:1}}.report-entries-editor{display:flex;flex-direction:column;gap:.75rem}.report-entries-editor-header{display:flex;justify-content:space-between;align-items:center}.report-entries-editor-header label{font-weight:500;font-size:.9rem;color:#374151}.btn-add-entry{padding:.375rem .75rem;font-size:.8rem;background:transparent;border:1px dashed #d1d5db;border-radius:6px;cursor:pointer;color:#6b7280}.btn-add-entry:hover{border-color:#673ab8;color:#673ab8}.report-entry-form{padding:1rem;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;display:flex;flex-direction:column;gap:.75rem}.report-entry-form-header{display:flex;justify-content:space-between;align-items:center}.report-entry-form-number{font-size:.8rem;font-weight:600;color:#9ca3af}.report-entry-remove{background:none;border:none;font-size:1.25rem;color:#9ca3af;cursor:pointer;padding:0 .25rem;line-height:1}.report-entry-remove:hover{color:#dc2626}.btn-secondary-link{padding:.5rem 1.5rem;font-size:.9rem;background:transparent;border:1px solid #d1d5db;color:#374151;border-radius:6px;cursor:pointer;text-decoration:none;text-align:center}.btn-secondary-link:hover{background:#f3f4f6}@media(prefers-color-scheme:dark){.report-entries-editor-header label{color:#d1d5db}.btn-add-entry{border-color:#4b5563;color:#9ca3af}.btn-add-entry:hover{border-color:#a78bfa;color:#a78bfa}.report-entry-form{background:#111827;border-color:#374151}.report-entry-form-number{color:#6b7280}.report-entry-remove:hover{color:#f87171}.btn-secondary-link{border-color:#4b5563;color:#d1d5db}.btn-secondary-link:hover{background:#374151}}@media(max-width:639px){.report-entry-form .form-row{flex-direction:column;gap:.75rem}}.reports-page{width:100%;padding:2rem;box-sizing:border-box}.reports-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.reports-header h1{font-size:1.75rem;font-weight:600;margin:0;color:#1f2937}.reports-header .btn-primary{padding:.5rem 1.25rem;font-size:.9rem;background:#673ab8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;text-decoration:none}.reports-header .btn-primary:hover{background:#5e35b1}.reports-filter{margin-bottom:1rem}.reports-filter select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;color:#374151;background:#fff}.reports-empty{text-align:center;padding:3rem 1rem;color:#9ca3af}.reports-empty a{color:#673ab8}.reports-list{display:flex;flex-direction:column;gap:.75rem}.report-card{display:block;padding:1rem 1.25rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.report-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.report-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.report-card-type{font-weight:600;font-size:1rem;color:#1f2937}.report-card-date{font-size:.85rem;color:#6b7280}.report-card-meta{display:flex;gap:1rem;font-size:.85rem;color:#6b7280}.report-card-location:before{content:"📍"}.report-card-flags{margin-top:.5rem;font-size:.8rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;display:inline-block}.report-card-flags.report-flag-warning{background:#fef3c7;color:#92400e}.report-card-flags.report-flag-critical{background:#fee2e2;color:#991b1b}.loading{text-align:center;padding:2rem;color:#6b7280}@media(prefers-color-scheme:dark){.reports-header h1{color:#f9fafb}.reports-filter select{background:#111827;border-color:#4b5563;color:#e5e7eb}.report-card{background:#1f2937;border-color:#374151}.report-card:hover{border-color:#4b5563;box-shadow:0 2px 8px #0003}.report-card-type{color:#f9fafb}.report-card-date,.report-card-meta{color:#9ca3af}.report-card-flags.report-flag-warning{background:#78350f;color:#fde68a}.report-card-flags.report-flag-critical{background:#7f1d1d;color:#fca5a5}}@media(max-width:639px){.reports-page{padding:1rem}.reports-header h1{font-size:1.35rem}}.ref-range-bar{display:flex;flex-direction:column;gap:.125rem;min-width:120px;max-width:200px}.ref-range-track{position:relative;height:10px;border-radius:5px;background:#f3f4f6;overflow:visible}.ref-range-zone{position:absolute;top:0;height:100%}.ref-range-low{background:#fef3c7;border-radius:5px 0 0 5px}.ref-range-normal{background:#d1fae5}.ref-range-high{background:#fef3c7;border-radius:0 5px 5px 0}.ref-range-marker{position:absolute;top:-2px;width:4px;height:14px;border-radius:2px;transform:translate(-2px);box-shadow:0 1px 2px #0003}.ref-range-labels{display:flex;justify-content:space-between;font-size:.65rem;color:#9ca3af}.ref-range-label-spacer{flex:1}@media(prefers-color-scheme:dark){.ref-range-track{background:#374151}.ref-range-low{background:#78350f}.ref-range-normal{background:#064e3b}.ref-range-high{background:#78350f}.ref-range-labels{color:#6b7280}}.report-detail-page{width:100%;padding:2rem;box-sizing:border-box}.report-detail-nav{margin-bottom:1rem}.report-detail-nav a{font-size:.85rem;color:#673ab8;text-decoration:none}.report-detail-nav a:hover{text-decoration:underline}.report-detail-header{margin-bottom:2rem}.report-detail-header h1{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#1f2937}.report-detail-meta{display:flex;gap:1rem;font-size:.9rem;color:#6b7280;flex-wrap:wrap}.report-detail-location:before{content:"📍"}.report-detail-notes{margin:.75rem 0 0;font-size:.9rem;color:#4b5563;font-style:italic}.report-entries-section{margin-bottom:2rem}.report-entries-section h2{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 1rem}.report-entries-table{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.report-entries-table-header{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr 1.5fr;padding:.75rem 1rem;background:#f9fafb;font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.report-entries-table-header.with-comparison{grid-template-columns:1.5fr 1.2fr 80px 1.2fr 1.5fr}.report-entry-row{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr 1.5fr;padding:.75rem 1rem;border-top:1px solid #f3f4f6;align-items:center;font-size:.9rem}.report-entries-table-header.with-comparison~.report-entry-row{grid-template-columns:1.5fr 1.2fr 80px 1.2fr 1.5fr}.report-entry-row:hover{background:#f9fafb}.report-entry-metric a{color:#673ab8;text-decoration:none;font-weight:500}.report-entry-metric a:hover{text-decoration:underline}.report-entry-value{display:flex;flex-direction:column;gap:.125rem;font-weight:600;color:#1f2937}.report-entry-unit{font-weight:400;color:#6b7280;font-size:.85rem}.report-entry-delta{font-size:.75rem;font-weight:500}.report-entry-delta.delta-up{color:#059669}.report-entry-delta.delta-down{color:#dc2626}.report-entry-delta.delta-neutral{color:#6b7280}.report-entry-sparkline{display:flex;align-items:center;justify-content:center}.report-entry-badges{display:flex;gap:.375rem;flex-wrap:wrap}.report-entries-cards{display:none;flex-direction:column;gap:.75rem}.report-entry-card{padding:1rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:.5rem}.report-entry-card-header{display:flex;justify-content:space-between;align-items:flex-start}.report-entry-card-metric{color:#673ab8;text-decoration:none;font-weight:500;font-size:.95rem}.report-entry-card-value-group{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.report-entry-card-value{font-weight:600;font-size:.95rem;color:#1f2937}.report-entry-card-sparkline{display:flex;justify-content:center}.report-entry-card-badges{display:flex;gap:.375rem;flex-wrap:wrap}.report-flag-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.report-flag-badge.flag-normal{background:#d1fae5;color:#065f46}.report-flag-badge.flag-warning{background:#fef3c7;color:#92400e}.report-flag-badge.flag-critical{background:#fee2e2;color:#991b1b}.report-confidence-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.report-confidence-badge.confidence-measured{background:#eff6ff;color:#1d4ed8}.report-confidence-badge.confidence-estimated{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.report-confidence-badge.confidence-derived{background:transparent;color:#9ca3af;border:1px dashed #d1d5db}.report-method-badge{display:inline-block;padding:.15rem .5rem;font-size:.7rem;color:#9ca3af;background:#f9fafb;border-radius:4px}.report-detail-actions{padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-danger{padding:.5rem 1rem;font-size:.85rem;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.5rem 1rem;font-size:.85rem;background:transparent;border:1px solid #d1d5db;color:#374151;border-radius:6px;cursor:pointer}.btn-secondary:hover{background:#f3f4f6}.report-delete-confirm{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#991b1b}.loading,.error{text-align:center;padding:2rem;color:#6b7280}.error{color:#dc2626}@media(prefers-color-scheme:dark){.report-detail-nav a{color:#a78bfa}.report-detail-header h1{color:#f9fafb}.report-detail-meta,.report-detail-notes{color:#9ca3af}.report-entries-section h2{color:#e5e7eb}.report-entries-table{background:#1f2937;border-color:#374151}.report-entries-table-header{background:#111827;color:#9ca3af}.report-entry-row{border-color:#374151}.report-entry-row:hover{background:#111827}.report-entry-metric a{color:#a78bfa}.report-entry-value{color:#f9fafb}.report-entry-unit{color:#9ca3af}.report-entry-delta.delta-up{color:#34d399}.report-entry-delta.delta-down{color:#f87171}.report-entry-delta.delta-neutral{color:#9ca3af}.report-entry-card{background:#1f2937;border-color:#374151}.report-entry-card-metric{color:#a78bfa}.report-entry-card-value{color:#f9fafb}.report-flag-badge.flag-normal{background:#064e3b;color:#6ee7b7}.report-flag-badge.flag-warning{background:#78350f;color:#fde68a}.report-flag-badge.flag-critical{background:#7f1d1d;color:#fca5a5}.report-confidence-badge.confidence-measured{background:#1e3a5f;color:#60a5fa}.report-confidence-badge.confidence-estimated{background:#374151;color:#9ca3af;border-color:#4b5563}.report-confidence-badge.confidence-derived{color:#6b7280;border-color:#4b5563}.report-method-badge{background:#374151;color:#6b7280}.report-detail-actions{border-color:#374151}.btn-secondary{border-color:#4b5563;color:#d1d5db}.btn-secondary:hover{background:#374151}.report-delete-confirm{color:#fca5a5}}@media(max-width:768px){.report-detail-page{padding:1rem}.report-detail-header h1{font-size:1.35rem}.report-entries-table{display:none}.report-entries-cards{display:flex}.report-delete-confirm{flex-direction:column;align-items:flex-start}}.category-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;font-size:.875rem;color:#6b7280}.category-breadcrumb a{color:#673ab8;text-decoration:none}.category-breadcrumb a:hover{text-decoration:underline}.breadcrumb-separator{color:#9ca3af;margin:0 .25rem}.breadcrumb-current{color:#374151;font-weight:500}.category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.category-header h1{margin:0}.category-header-icon{font-size:2rem;line-height:1}.category-color-swatch{display:inline-block;width:20px;height:20px;border-radius:4px;flex-shrink:0}.category-details{margin-bottom:2rem}.category-details code{background:#f3f4f6;padding:.15rem .5rem;border-radius:3px;font-size:.85rem;color:#374151}.category-details .muted{color:#9ca3af;font-style:italic}.category-icon-edit-row{display:flex;align-items:center;gap:.5rem}.category-icon-input{width:160px;padding:.375rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit}.category-icon-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.category-icon-preview{font-size:1.25rem;line-height:1}.category-icon-preview img{border-radius:3px;vertical-align:middle}.category-icon-suggestion{background:none;border:1px dashed #d1d5db;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:1rem;color:#6b7280;transition:border-color .15s}.category-icon-suggestion:hover{border-color:#673ab8;color:#673ab8}.category-save-status{font-size:.8rem;color:#9ca3af}.auto-save-input{width:280px;max-width:100%;padding:.375rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit}.auto-save-input.mono{font-family:monospace;font-size:.8rem}.auto-save-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.auto-save-select{padding:.375rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.auto-save-select:focus{outline:none;border-color:#673ab8}.auto-save-checkbox{cursor:pointer}.auto-save-checkbox input{accent-color:#673ab8;width:16px;height:16px}.auto-save-color-row{display:flex;align-items:center;gap:.5rem}.auto-save-color-input{width:40px;height:28px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;padding:1px}.sc-clear-btn{background:none;border:1px solid #d1d5db;border-radius:4px;padding:.15rem .4rem;cursor:pointer;font-size:.75rem;color:#6b7280}.sc-clear-btn:hover{border-color:#ef4444;color:#ef4444}.muted{color:#9ca3af;font-style:italic;font-size:.85rem}.category-section{margin-bottom:2rem}.category-section h3{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.category-trend-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.category-trend-header h3{margin:0}.category-trend-lookback{padding:.25rem .5rem;font-size:.8rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.category-trend-value{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.category-trend-number{font-size:1.5rem;font-weight:600;color:#374151}.category-trend-unit{font-size:.85rem;color:#9ca3af}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;background:#f3f4f6;border-radius:99px;font-size:.75rem;font-weight:500;color:#6b7280}.uncategorized-search{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.uncategorized-filter-count{font-size:.8rem;color:#9ca3af;white-space:nowrap}.uncategorized-more{font-size:.8rem;color:#9ca3af;font-style:italic;margin-top:.5rem}.children-list{display:flex;flex-wrap:wrap;gap:.5rem}.child-category-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#374151;transition:border-color .15s,box-shadow .15s}.child-category-card:hover{border-color:#673ab8;box-shadow:0 1px 3px #673ab81f}.child-icon{font-size:1.1rem;line-height:1}.child-name{font-weight:500}.child-stats{font-size:.8rem;color:#9ca3af}.app-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.app-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid #f3f4f6}.app-row:last-child{border-bottom:none}.app-name-col{display:flex;flex-direction:column;min-width:0;gap:.1rem}.app-name{font-weight:500;color:#374151;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-title{font-size:.75rem;color:#9ca3af;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-row-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.app-stats{font-size:.8rem;color:#9ca3af;white-space:nowrap}.app-action-btn{padding:.2rem .5rem;font-size:.75rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;cursor:pointer;white-space:nowrap;transition:all .15s}.app-action-btn:disabled{opacity:.5;cursor:not-allowed}.app-action-btn.add{color:#673ab8;border-color:#673ab8}.app-action-btn.add:hover:not(:disabled){background:#673ab8;color:#fff}.app-action-btn.danger{color:#9ca3af;border-color:#e5e7eb}.app-action-btn.danger:hover:not(:disabled){color:#ef4444;border-color:#ef4444}.category-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.manage-link{color:#673ab8;text-decoration:none;font-weight:500}.manage-link:hover{text-decoration:underline}.add-confirm-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.add-confirm-dialog{background:#fff;border-radius:12px;padding:1.5rem;max-width:480px;width:90vw;box-shadow:0 8px 30px #0003}.add-confirm-dialog h4{margin:0 0 .5rem;font-size:1.1rem}.add-confirm-desc{margin:0 0 1rem;font-size:.85rem;color:#6b7280}.add-confirm-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.add-confirm-option{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .15s}.add-confirm-option:has(input:checked){border-color:#673ab8;background:#faf5ff}.add-confirm-option input[type=radio]{margin-top:.25rem;accent-color:#673ab8}.add-confirm-option strong{font-weight:600}.add-confirm-option em{color:#673ab8;font-style:normal;font-weight:500}.add-confirm-preview{margin-top:.25rem}.add-confirm-preview code{background:#f3f4f6;padding:.1rem .4rem;border-radius:3px;font-size:.8rem;color:#374151}.add-confirm-custom-input{margin-top:.375rem}.add-confirm-custom-input input{width:100%;padding:.375rem .5rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit}.add-confirm-custom-input input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.add-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.add-confirm-actions .app-action-btn{font-size:.85rem;padding:.4rem .75rem}@media(prefers-color-scheme:dark){.category-details code{background:#374151;color:#d1d5db}.category-icon-input{border-color:#4b5563}.category-icon-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.category-icon-suggestion{border-color:#4b5563}.category-icon-suggestion:hover{border-color:#8b5cf6;color:#8b5cf6}.add-confirm-dialog{background:#1e1e1e;color:#d1d5db}.add-confirm-option{border-color:#333}.add-confirm-option:has(input:checked){border-color:#8b5cf6;background:#1a1025}.add-confirm-option em{color:#8b5cf6}.add-confirm-preview code{background:#374151;color:#d1d5db}.add-confirm-custom-input input{border-color:#4b5563}.add-confirm-custom-input input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.app-list{background:#1e1e1e;border-color:#333}.app-row{border-bottom-color:#333}.app-name{color:#d1d5db}.app-title{color:#6b7280}.child-category-card{background:#1e1e1e;border-color:#333}.child-category-card:hover{border-color:#8b5cf6}.app-action-btn{border-color:#4b5563}.app-action-btn.add{color:#8b5cf6;border-color:#8b5cf6}.app-action-btn.add:hover:not(:disabled){background:#8b5cf6}.app-action-btn.danger:hover:not(:disabled){color:#f87171;border-color:#f87171}}@media(max-width:639px){.app-row{flex-direction:column;align-items:flex-start;gap:.25rem}.app-row-right{width:100%;justify-content:space-between}.category-icon-edit-row{flex-wrap:wrap}}.sc-container{display:flex;flex-direction:column;gap:1rem}.sc-header{display:flex;gap:.5rem;align-items:center}.sc-list{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.sc-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid #f0f0f0}.sc-row:last-child{border-bottom:none}.sc-row-link{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;min-width:0;overflow:hidden;text-decoration:none;color:inherit;flex:1}.sc-row-link:hover .sc-name{color:#673ab8}.sc-color-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.sc-name{font-weight:600;font-size:.9rem;transition:color .15s}.sc-excluded-badge{font-size:.7rem;color:#9ca3af;background:#f3f4f6;padding:.1rem .375rem;border-radius:3px;font-style:italic}.sc-regex{font-size:.8rem;color:#6b7280;background:#f3f4f6;padding:.125rem .375rem;border-radius:3px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-actions{display:flex;gap:.375rem;flex-shrink:0}.sc-trash-btn{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1rem;opacity:.4;transition:opacity .15s;line-height:1}.sc-trash-btn:hover{opacity:1}.sc-trash-btn:disabled{opacity:.2;cursor:not-allowed}.sc-actions-section{border-top:1px solid #e5e7eb;padding-top:1rem}.sc-action-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.sc-import-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sc-input{padding:.375rem .5rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit}.sc-input.wide{min-width:250px}.sc-empty{color:#9ca3af;font-size:.9rem;font-style:italic;padding:1rem 0}.sc-error{color:#ef4444;font-size:.85rem;margin-top:.5rem}@media(prefers-color-scheme:dark){.sc-list{border-color:#333}.sc-row{border-bottom-color:#333}.sc-row-link:hover .sc-name{color:#8b5cf6}.sc-regex{background:#374151;color:#9ca3af}.sc-excluded-badge{background:#374151}.sc-input{border-color:#4b5563}.sc-actions-section{border-top-color:#333}}.meal-pref-subsection{margin-bottom:1.5rem}.meal-pref-subsection h3{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#374151}.subsection-desc{font-size:.8rem;color:#6b7280;margin:0 0 .75rem}.area-list{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.area-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;background:#ede9f0;color:#673ab8;border-radius:12px;font-weight:500}.chip-remove{background:none;border:none;color:#673ab8;cursor:pointer;font-size:1rem;line-height:1;padding:0 .125rem;opacity:.7}.chip-remove:hover{opacity:1}.add-row{display:flex;gap:.5rem;align-items:center}.add-row input[type=text],.add-row input[type=number]{padding:.375rem .5rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;color:#374151;background:#fff}.add-row input[type=text]{flex:1;min-width:0}.add-row .btn-secondary{padding:.375rem .75rem;font-size:.85rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:4px;cursor:pointer;white-space:nowrap}.add-row .btn-secondary:hover{background:#f3f4f6}.slots-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.slot-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.slot-label{font-weight:500;min-width:100px;color:#374151;font-size:.85rem}.slot-hour-label{font-size:.8rem;color:#6b7280;display:flex;align-items:center;gap:.375rem}.slot-hour-input{width:60px;padding:.25rem .375rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;color:#374151;background:#fff}.btn-danger-small{padding:.25rem .5rem;font-size:.75rem;border:1px solid #fca5a5;background:#fff;color:#dc2626;border-radius:4px;cursor:pointer}.btn-danger-small:hover{background:#fef2f2}@media(prefers-color-scheme:dark){.meal-pref-subsection h3{color:#d1d5db}.subsection-desc{color:#9ca3af}.area-chip{background:#312e81;color:#c4b5fd}.chip-remove{color:#c4b5fd}.add-row input[type=text],.add-row input[type=number],.add-row .btn-secondary{background:#374151;border-color:#4b5563;color:#d1d5db}.add-row .btn-secondary:hover{background:#4b5563}.slot-row{background:#1f2937;border-color:#374151}.slot-label{color:#d1d5db}.slot-hour-label{color:#9ca3af}.slot-hour-input{background:#374151;border-color:#4b5563;color:#d1d5db}.btn-danger-small{background:#1f2937;border-color:#7f1d1d;color:#fca5a5}.btn-danger-small:hover{background:#2d1b1b}}.settings-page{width:100%;padding:2rem;box-sizing:border-box}.settings-page h1{font-size:1.75rem;margin-bottom:1.5rem}.settings-page .loading,.settings-page .error{text-align:center;padding:2rem}.settings-page .error{color:#f44336}.settings-page .success{color:#4caf50;margin-bottom:1rem}.settings-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.settings-section h2{font-size:1.25rem;margin-bottom:.5rem}.section-header-row{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem}.section-header-row h2{margin-bottom:0}.save-indicator{font-size:.85rem}.save-indicator.saving{color:#888}.save-indicator.saved{color:#4caf50}.save-indicator.error{color:#f44336}.section-description{color:#666;margin-bottom:1rem;line-height:1.5}.form-field{margin-bottom:1rem}.form-field label{display:block;font-weight:500;margin-bottom:.5rem}.field-header-row{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.field-header-row label{margin-bottom:0}.form-field input[type=date],.form-field input[type=password],.form-field input[type=text],.form-field select{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;width:100%;max-width:300px}.form-field input[type=date],.form-field select{max-width:200px}.connected-status{color:#4caf50;font-weight:500;margin:0}.connect-button{padding:.5rem 1rem;font-size:.875rem;background:#673ab8;color:#fff;border:none;border-radius:4px;cursor:pointer}.connect-button:hover:not(:disabled){background:#5e35b1}.connect-button:disabled{opacity:.5;cursor:not-allowed}.oura-connected-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.oura-resync-button{font-size:.8rem;padding:.35rem .75rem}.oura-sync-message{font-size:.8rem}.oura-sync-message.done{color:#4caf50}.oura-sync-message.error{color:#f44336}.field-description{color:#666;font-size:.875rem;margin-top:.5rem;line-height:1.4}.field-description.warning{color:#f57c00}.calendars-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.calendar-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:4px;gap:1rem}.calendar-info{display:flex;flex-direction:column;overflow:hidden}.calendar-name{font-weight:500}.calendar-url{font-size:.8rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-calendar-button{padding:.25rem .5rem;font-size:.8rem;background:transparent;border:1px solid #f44336;color:#f44336;border-radius:4px;cursor:pointer;flex-shrink:0}.remove-calendar-button:hover{background:#f44336;color:#fff}.add-calendar-form{margin-bottom:.5rem}.add-calendar-form .form-field input[type=text],.add-calendar-form .form-field input[type=url]{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;width:100%}.hr-zones-form{display:flex;flex-direction:column;gap:.75rem}.zone-input{display:flex;align-items:center;gap:1rem}.zone-input label{min-width:120px;font-weight:500}.input-with-unit{display:flex;align-items:center;gap:.5rem}.zone-input input[type=number]{width:80px;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;text-align:center}.zone-input .unit{color:#666}.activitywatch-token-section{margin-top:.75rem}.token-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.token-display{flex:1;min-width:0;padding:.5rem;font-size:.8rem;font-family:monospace;border:1px solid #ccc;border-radius:4px;background:#f5f5f5;color:#333;cursor:text}.reset-zones-button{margin-top:1rem;padding:.5rem 1rem;font-size:.875rem;background:transparent;border:1px solid #ccc;border-radius:4px;cursor:pointer}.reset-zones-button:hover{background:#f5f5f5}.custom-metrics-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.custom-metric-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:4px}.custom-metric-item.editing{flex-direction:column;align-items:stretch}.custom-metric-fields{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.custom-metric-name{font-weight:600;font-family:monospace;font-size:.9rem}.custom-metric-unit{font-size:.85rem;color:#6b7280;padding:.125rem .5rem;background:#f3f4f6;border-radius:4px}.custom-metric-desc{font-size:.85rem;color:#6b7280}.custom-metric-range{font-size:.8rem;color:#9ca3af}.custom-metric-actions{display:flex;gap:.375rem;flex-shrink:0}.custom-metric-edit-row{display:flex;gap:.5rem;margin-top:.5rem}.custom-metric-input{padding:.375rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:inherit;min-width:0;flex:1}.custom-metric-input.wide{flex:2}.custom-metric-input:focus{outline:none;border-color:#673ab8;box-shadow:0 0 0 2px #673ab833}.custom-metric-add-form{margin-top:.75rem}.custom-metric-add-form h3{font-size:.95rem;margin:0 0 .5rem}.custom-metric-add-row{display:flex;gap:.5rem;margin-bottom:.5rem}.custom-metric-error{color:#ef4444;font-size:.85rem;margin:.25rem 0}@media(prefers-color-scheme:dark){.settings-section{border-bottom-color:#444}.custom-metric-item{border-color:#444}.custom-metric-unit{background:#374151;color:#9ca3af}.custom-metric-input{border-color:#4b5563}.custom-metric-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.section-description,.field-description,.zone-input .unit{color:#aaa}.calendar-item{border-color:#444}.calendar-url{color:#aaa}.add-calendar-form .form-field input[type=text],.add-calendar-form .form-field input[type=url],.form-field input[type=date],.form-field input[type=password],.form-field input[type=text],.form-field select,.zone-input input[type=number]{background:#333;border-color:#555;color:#fff}.form-field input[type=password]::placeholder,.form-field input[type=text]::placeholder{color:#888}.reset-zones-button{border-color:#555;color:#fff}.reset-zones-button:hover{background:#444}.token-display{background:#2a2a2a;border-color:#555;color:#ddd}}@media(max-width:639px){.settings-page{padding:1rem}.settings-page h1{font-size:1.5rem}.zone-input{flex-direction:column;align-items:flex-start;gap:.25rem}.zone-input label{min-width:auto}}.signup-page{max-width:400px;margin:0 auto;padding:2rem}.signup-page h1{font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.signup-page .not-available{text-align:center;color:#666}.signup-page .invitation-notice{text-align:center;color:#4caf50;font-weight:500;margin-bottom:1rem;padding:.75rem;background:#4caf501a;border-radius:4px}.signup-form{display:flex;flex-direction:column;gap:1rem}.signup-form .form-field{display:flex;flex-direction:column;gap:.5rem}.signup-form .form-field label{font-weight:500}.signup-form .form-field input{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.signup-form .field-hint{font-size:.875rem;color:#666;margin:0}.signup-form .error{color:#f44336;margin:0}.signup-form button{padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;margin-top:.5rem}.signup-form button.primary{background:#673ab8;color:#fff;border:none}.signup-form button.primary:hover:not(:disabled){background:#5e35b1}.signup-form button:disabled{opacity:.5;cursor:not-allowed}.login-link{text-align:center;margin-top:1.5rem}.login-link a{color:#673ab8}.login-link a:hover{text-decoration:underline}@media(prefers-color-scheme:dark){.signup-page .not-available,.signup-form .field-hint{color:#aaa}.signup-page .invitation-notice{background:#4caf5033}.signup-form .form-field input{background:#333;border-color:#555;color:#fff}.login-link a{color:#b39ddb}}@media(max-width:639px){.signup-page{padding:1rem}.signup-page h1{font-size:1.5rem}}.sleep-page{width:100%;padding:2rem;box-sizing:border-box}.sleep-page .sleep-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.sleep-page h1{font-size:2rem;margin:0;color:#1f2937}.sleep-page h2{font-size:1.25rem;margin:0 0 1rem;color:#374151;border-bottom:2px solid #3b82f6;padding-bottom:.5rem}.sleep-page .days-select{padding:.5rem 1rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer}.sleep-page .days-select:hover{border-color:#3b82f6}.sleep-page .loading{text-align:center;padding:2rem;color:#6b7280}.sleep-page .stats-section{margin-bottom:2rem}.sleep-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.sleep-page .stat-card{background:#f9fafb;border-radius:12px;padding:1rem;border:1px solid #e5e7eb}.sleep-page .stat-label{font-size:.85rem;color:#6b7280;margin-bottom:.25rem}.sleep-page .stat-value{font-size:1.75rem;font-weight:600;color:#111827}.sleep-page .stat-value .stat-unit{font-size:1rem;font-weight:400;color:#6b7280;margin-left:.125rem}.sleep-page .stat-value .no-data{color:#9ca3af;font-size:1.25rem}.sleep-page .stat-trend{font-size:.75rem;font-weight:500;margin-top:.25rem}.sleep-page .stat-trend.trend-positive{color:#059669}.sleep-page .stat-trend.trend-negative{color:#dc2626}.sleep-page .stat-trend.trend-neutral{color:#6b7280}.sleep-page .stat-description{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.sleep-page .chart-section{margin-bottom:2rem;background:#f9fafb;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb}.sleep-page .chart-container{width:100%;overflow:hidden}.sleep-page .chart-container svg{display:block}.sleep-page .chart-placeholder{text-align:center;padding:2rem;color:#9ca3af;font-size:.9rem}.sleep-page .duration-legend{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.sleep-page .legend-item{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:#6b7280}.sleep-page .legend-color{width:12px;height:12px;border-radius:2px}.sleep-page .legend-color.green{background:#22c55e}.sleep-page .legend-color.yellow{background:#f59e0b}.sleep-page .legend-color.red{background:#ef4444}.sleep-page .info-section{text-align:center;padding:1rem;color:#6b7280;font-size:.9rem}@media(prefers-color-scheme:dark){.sleep-page h1{color:#f3f4f6}.sleep-page h2{color:#d1d5db;border-color:#60a5fa}.sleep-page .days-select{background:#1f2937;border-color:#374151;color:#d1d5db}.sleep-page .days-select:hover{border-color:#60a5fa}.sleep-page .stat-card,.sleep-page .chart-section{background:#1f2937;border-color:#374151}.sleep-page .stat-label{color:#9ca3af}.sleep-page .stat-value{color:#f9fafb}.sleep-page .stat-trend.trend-positive{color:#34d399}.sleep-page .stat-trend.trend-negative{color:#f87171}.sleep-page .legend-item{color:#9ca3af}}@media(max-width:639px){.sleep-page{padding:1rem}.sleep-page .sleep-header{flex-direction:column;align-items:flex-start;gap:1rem}.sleep-page h1{font-size:1.5rem}.sleep-page .stats-grid{grid-template-columns:repeat(2,1fr)}.sleep-page .stat-value{font-size:1.5rem}}.timeline-view{display:flex;flex-direction:column;width:100%;height:100%;padding:.5rem .75rem 0;box-sizing:border-box;overflow:hidden}.timeline-fullscreen{position:fixed;inset:0;z-index:400;background:var(--bg, #fff);padding:.5rem .75rem 0}@media(prefers-color-scheme:dark){.timeline-fullscreen{background:#1a1a1a}}.timeline-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.375rem;padding:.375rem .5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;flex-shrink:0}.timeline-nav{display:flex;align-items:center;gap:.25rem}.timeline-nav .nav-btn,.timeline-orientation-toggle .nav-btn{background:transparent;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:600;cursor:pointer;color:#374151;transition:background .15s,border-color .15s;min-width:1.75rem;text-align:center;line-height:1.4}.timeline-nav .nav-btn:hover,.timeline-orientation-toggle .nav-btn:hover{background:#e5e7eb;border-color:#9ca3af}.timeline-nav .nav-btn:active,.timeline-orientation-toggle .nav-btn:active{background:#d1d5db}.timeline-nav .nav-today{padding:.25rem .625rem;font-weight:500}.timeline-refresh-btn{display:inline-flex!important;align-items:center;justify-content:center;padding:.25rem .4rem!important;line-height:0}.timeline-refresh-spinning{cursor:default;opacity:.6}.timeline-refresh-spinning svg{animation:timeline-spin 1s linear infinite}@keyframes timeline-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeline-orientation-toggle .nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .4rem;line-height:0}.timeline-date-label{font-size:.875rem;color:#374151;font-weight:500;white-space:nowrap}.timeline-orientation-toggle{display:flex;align-items:center;gap:.25rem;margin-left:auto}.timeline-fullscreen-btn{font-size:1rem;padding:.2rem .4rem!important}.timeline-legend-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-bottom:.375rem;flex-shrink:0}.timeline-legend-toggle{background:none;border:1px solid #d1d5db;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;color:#6b7280;cursor:pointer;white-space:nowrap;flex-shrink:0}.timeline-legend-toggle:hover{background:#f3f4f6;color:#374151}.timeline-legend{display:flex;flex-wrap:wrap;gap:.375rem;padding:.375rem .5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;font-size:.8rem;flex:1}.timeline-legend .legend-item{display:flex;align-items:center;gap:.3rem;cursor:pointer;background:none;border:none;padding:.15rem .4rem;border-radius:4px;font:inherit;font-size:.8rem;color:inherit;transition:opacity .15s,background .15s}.timeline-legend .legend-item:hover{background:#0000000d}.timeline-legend .legend-item-hidden{opacity:.4;text-decoration:line-through}.timeline-legend .legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.timeline-legend .legend-separator{width:1px;height:18px;background:#d1d5db;margin:0 .125rem;flex-shrink:0;align-self:center}.timeline-legend .legend-group{display:flex;align-items:center;flex-wrap:wrap;gap:.125rem}.timeline-legend .legend-group-header{font-weight:600}.timeline-legend .legend-dot-small{width:8px;height:8px}.timeline-legend .legend-sub-item{font-size:.75rem;padding:.1rem .3rem}.timeline-legend .legend-sub-item--disabled{opacity:.35}.timeline-overlap-warnings{margin-bottom:.375rem;padding:.375rem .75rem;background:#fefce8;border:1px solid #fbbf24;border-radius:8px;font-size:.8rem;color:#92400e;flex-shrink:0}.timeline-overlap-warnings summary{cursor:pointer;font-weight:600;color:#b45309}.timeline-overlap-warnings summary:before{content:"⚠️ "}.timeline-overlap-warnings ul{margin:.375rem 0;padding-left:1.25rem}.timeline-overlap-warnings li{margin-bottom:.25rem}.timeline-chart-container{position:relative;flex:1;min-height:0;overflow:hidden}.timeline-chart-container svg{display:block;cursor:grab;touch-action:none}.timeline-chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-secondary, #888);pointer-events:none}.timeline-chart-container svg:active{cursor:grabbing}.timeline-chart-container svg [data-clickable]{cursor:pointer}.timeline-column-headers{display:flex;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem;padding:0 0 .25rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.timeline-tooltip{position:absolute;pointer-events:none;background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.78rem;line-height:1.5;max-width:300px;z-index:1000;white-space:pre-line;box-shadow:0 4px 12px #0003}.timeline-tooltip .tooltip-title{font-weight:600;margin-bottom:.25rem}.timeline-tooltip .tooltip-time{color:#9ca3af;font-size:.72rem}.timeline-tooltip .tooltip-detail{color:#d1d5db;margin-top:.2rem}.timeline-tooltip .tooltip-music{color:#ec4899;margin-top:.3rem;font-style:italic}.timeline-tooltip .tooltip-tracks{max-height:200px;overflow-y:auto;color:#ec4899;font-style:italic;margin-top:.3rem;font-size:.72rem;line-height:1.4}.timeline-tooltip .hr-zone-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-top:.3rem}.timeline-tooltip .hr-zone-bar span{display:block;height:100%}.timeline-help{font-size:.75rem;color:#9ca3af;margin:.25rem 0 0;text-align:center;flex-shrink:0}.timeline-view .loading,.timeline-view .error{text-align:center;padding:2rem;color:#6b7280}.timeline-view .error{color:#dc2626}@media(prefers-color-scheme:dark){.timeline-controls{background:#1f2937;border-color:#374151}.timeline-nav .nav-btn,.timeline-orientation-toggle .nav-btn{color:#d1d5db;border-color:#4b5563}.timeline-nav .nav-btn:hover,.timeline-orientation-toggle .nav-btn:hover{background:#374151;border-color:#6b7280}.timeline-nav .nav-btn:active,.timeline-orientation-toggle .nav-btn:active{background:#4b5563}.timeline-date-label{color:#d1d5db}.timeline-legend-toggle{border-color:#4b5563;color:#9ca3af}.timeline-legend-toggle:hover{background:#374151;color:#d1d5db}.timeline-legend{background:#1f2937;border-color:#374151}.timeline-legend .legend-item:hover{background:#ffffff14}.timeline-legend .legend-separator{background:#4b5563}.timeline-column-headers{color:#9ca3af;border-color:#374151}.timeline-tooltip{background:#111827f2}.timeline-overlap-warnings{background:#422006;border-color:#b45309;color:#fde68a}.timeline-overlap-warnings summary{color:#fbbf24}.music-note{opacity:.75}.music-stem{stroke-opacity:.75}.music-staff-line{stroke-opacity:.45}.music-barline{stroke-opacity:.6}.music-clef{opacity:.6}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}#app{display:flex;flex-direction:row;min-height:100vh;height:100vh}.app-content{display:flex;flex-direction:column;flex:1;min-width:0;height:100vh}@media(max-width:60em){#app{flex-direction:column}.app-content{height:auto;flex:1}}header{background-color:#673ab8;display:none}@media(max-width:60em){header{display:block}}.nav-mobile{display:flex;align-items:center;padding:0 .5rem}.nav-mobile .spacer{flex:1}.nav-mobile-home{color:#fff;padding:.75rem;text-decoration:none}.nav-mobile-home.active{background-color:#0005}.hamburger-btn{background:transparent;border:none;color:#fff;font-size:1.4rem;padding:.5rem .75rem;cursor:pointer;line-height:1}.hamburger-btn:hover{background-color:#0008}.drawer-backdrop{position:fixed;inset:0;background:#0006;z-index:200}.nav-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:#673ab8;z-index:300;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto}.nav-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.2)}.drawer-title{color:#fff;font-weight:600;font-size:1rem}.drawer-close-btn{background:transparent;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.25rem .5rem;line-height:1}.drawer-close-btn:hover{background-color:#0008;border-radius:4px}.nav-drawer a{color:#fff;padding:.75rem 1rem;text-decoration:none;display:block}.nav-drawer a.active{background-color:#0005}.nav-drawer a:hover{background-color:#0008}.drawer-section-toggle{background:transparent;border:none;color:#fff;padding:.75rem 1rem;text-align:left;width:100%;font:inherit;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.drawer-section-toggle:hover{background-color:#0008}.drawer-section-toggle.active{background-color:#0005}.dropdown-arrow{font-size:.7em;margin-left:.125rem}.drawer-sub-link{padding-left:2rem!important;font-size:.9rem!important;opacity:.9}.drawer-spacer{flex:1;min-height:1rem}main{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;text-align:left;overflow:auto}main>div{flex:1;min-height:0;display:flex;flex-direction:column;width:100%}.site-footer{text-align:right;font-size:.75rem;padding:.5rem 1rem;color:#888}.site-footer a{color:#888}.site-footer a:hover{color:#673ab8}@media(prefers-color-scheme:dark){:root{color:#ccc;background-color:#1a1a1a}.site-footer,.site-footer a{color:#666}.site-footer a:hover{color:#8b5cf6}}