@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{--bg-page: #0a0a0a;--bg-card: #141414;--bg-elevated: #1e1e1e;--bg-input: #1e1e1e;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #6b7280;--border-subtle: #2a2a2a;--border-hover: #3a3a3a;--border-ghost: rgba(255, 255, 255, .06);--accent: #3b82f6;--accent-hover: #2563eb;--accent-muted: rgba(59, 130, 246, .15);--accent-glow: rgba(59, 130, 246, .25);--nav-active-bg: rgba(255, 255, 255, .1);--color-mood: #3b82f6;--color-emotion: #a855f7;--color-symptom: #ef4444;--color-sleep: #22c55e;--color-fasting: #f97316;--color-exercise: #06b6d4;--color-working: #6b7280;--error: #ef4444;--color-reminder: #f59e0b;--color-reminder-muted: rgba(245, 158, 11, .12);--color-autolog: #22c55e;--notification-badge: #ef4444;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-page);color-scheme:dark}[data-theme=light]{--bg-page: #F8F8F6;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-input: #F0F0EE;--text-primary: #1A1A1A;--text-secondary: #52525B;--text-muted: #71717A;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-muted: rgba(37, 99, 235, .08);--accent-glow: rgba(37, 99, 235, .15);--nav-active-bg: rgba(37, 99, 235, .06);--border-subtle: #E4E4E7;--border-hover: #2563EB;--border-ghost: rgba(0, 0, 0, .05);--error: #DC2626;--color-mood: #2563EB;--color-emotion: #7C3AED;--color-symptom: #DC2626;--color-sleep: #16A34A;--color-fasting: #EA580C;--color-exercise: #0891B2;--color-working: #52525B;--color-reminder: #D97706;--color-reminder-muted: rgba(217, 119, 6, .1);--color-autolog: #16A34A;--notification-badge: #DC2626;color-scheme:light}@media(prefers-color-scheme:light){[data-theme=system]{--bg-page: #F8F8F6;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-input: #F0F0EE;--text-primary: #1A1A1A;--text-secondary: #52525B;--text-muted: #71717A;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-muted: rgba(37, 99, 235, .08);--accent-glow: rgba(37, 99, 235, .15);--nav-active-bg: rgba(37, 99, 235, .06);--border-subtle: #E4E4E7;--border-hover: #2563EB;--border-ghost: rgba(0, 0, 0, .05);--error: #DC2626;--color-mood: #2563EB;--color-emotion: #7C3AED;--color-symptom: #DC2626;--color-sleep: #16A34A;--color-fasting: #EA580C;--color-exercise: #0891B2;--color-working: #52525B;--color-reminder: #D97706;--color-reminder-muted: rgba(217, 119, 6, .1);--color-autolog: #16A34A;--notification-badge: #DC2626;color-scheme:light}}[data-theme=light] .profile-input[type=date]{color-scheme:light}@media(prefers-color-scheme:light){[data-theme=system] .profile-input[type=date]{color-scheme:light}}[data-theme=light] .modal-overlay{background:#00000059}@media(prefers-color-scheme:light){[data-theme=system] .modal-overlay{background:#00000059}}[data-theme=light] .sidebar-overlay{background:#00000040}@media(prefers-color-scheme:light){[data-theme=system] .sidebar-overlay{background:#00000040}}[data-theme=light] .filter-sub-dropdown,[data-theme=light] .multi-select-dropdown,[data-theme=light] .searchable-select-dropdown,[data-theme=light] .notification-dropdown,[data-theme=light] .stats-toolbar__context-menu,[data-theme=light] .widget-menu-dropdown,[data-theme=light] .timeline-graph-tooltip{box-shadow:0 4px 16px #0000001a}@media(prefers-color-scheme:light){[data-theme=system] .filter-sub-dropdown,[data-theme=system] .multi-select-dropdown,[data-theme=system] .searchable-select-dropdown,[data-theme=system] .notification-dropdown,[data-theme=system] .stats-toolbar__context-menu,[data-theme=system] .widget-menu-dropdown,[data-theme=system] .timeline-graph-tooltip{box-shadow:0 4px 16px #0000001a}}[data-theme=light] .timeline-view-switcher button.active,[data-theme=light] .schedules-view-switcher button.active{box-shadow:0 1px 3px #0000001a}@media(prefers-color-scheme:light){[data-theme=system] .timeline-view-switcher button.active,[data-theme=system] .schedules-view-switcher button.active{box-shadow:0 1px 3px #0000001a}}[data-theme=light] .date-nav-today-btn:hover{color:#fff}@media(prefers-color-scheme:light){[data-theme=system] .date-nav-today-btn:hover{color:#fff}}[data-theme=light] .quick-add-fab{box-shadow:0 2px 12px #2563eb40}[data-theme=light] .types-fab,[data-theme=light] .my-graphs-fab{box-shadow:0 4px 12px #0000001f}@media(prefers-color-scheme:light){[data-theme=system] .quick-add-fab{box-shadow:0 2px 12px #2563eb40}[data-theme=system] .types-fab,[data-theme=system] .my-graphs-fab{box-shadow:0 4px 12px #0000001f}}@media(max-width:768px){[data-theme=light] .notification-dropdown-backdrop{background:#00000040}}@media(max-width:768px)and (prefers-color-scheme:light){[data-theme=system] .notification-dropdown-backdrop{background:#00000040}}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-width:320px;min-height:100vh}.screen{max-width:800px;margin:0 auto;padding:1rem 1rem 5rem}.screen.timeline-screen{max-width:1200px}.screen-header{margin-bottom:1rem}.screen-header h1{margin:0;font-size:1.5rem;color:var(--text-primary)}.screen-subtitle{font-size:.85rem;color:var(--text-muted);margin:0 0 .25rem}.screen-nav a{color:var(--accent);text-decoration:none}.screen-nav a:hover{text-decoration:underline}.timeline-top-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative;justify-content:center}.date-nav-hero{display:flex;align-items:center;gap:.5rem}.date-nav-chevron{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-ghost);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:border-color .15s,color .15s;flex-shrink:0}.date-nav-chevron:hover{border-color:var(--border-hover);color:var(--text-primary)}.date-nav-center{cursor:pointer;text-align:center;position:relative;-webkit-user-select:none;user-select:none;padding:.25rem .75rem;border-radius:8px;transition:background .15s}.date-nav-center:hover{background:var(--bg-elevated)}.date-nav-day{font-size:1.3rem;font-weight:700;color:var(--text-primary);line-height:1.3}.date-nav-today-badge{font-size:.7rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.date-nav-today-btn{position:absolute;left:0;font-size:.75rem;font-weight:600;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:12px;padding:.2rem .7rem;cursor:pointer;white-space:nowrap}.date-nav-today-btn:hover{background:var(--accent);color:var(--bg)}.date-nav-hidden-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.timeline-top-right{position:absolute;right:0;display:flex;align-items:center;gap:.75rem}.toggle-pills{display:flex;gap:.35rem}.toggle-pill{padding:.3rem .7rem;font-size:.8rem;font-weight:500;border-radius:999px;border:1px solid var(--border-ghost);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.toggle-pill:hover{color:var(--text-secondary);border-color:var(--border-hover)}.toggle-pill.active{background:var(--accent-muted);color:var(--accent);border-color:var(--accent-glow)}.timeline-timezone-hint{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:-.5rem;margin-bottom:.5rem}.timeline-filters-bar{margin-bottom:.75rem}.timeline-filters-toggle-row{display:flex;align-items:center;gap:.5rem}.timeline-filters-toggle{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.85rem;font-weight:500;border-radius:8px;border:1px solid var(--border-ghost);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,border-color .15s}.timeline-filters-toggle:hover{border-color:var(--border-hover);background:var(--bg-card)}.timeline-filters-chevron{display:inline-block;transition:transform .2s;font-size:1rem;line-height:1}.timeline-filters-chevron.open{transform:rotate(90deg)}.timeline-filters-active-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.timeline-filters-panel{margin-top:.5rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-ghost);border-radius:10px}.timeline-filters-global-actions{display:flex;gap:.4rem;margin-bottom:.6rem}.timeline-filters-global-actions button,.timeline-filters-section-actions button{font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:8px;border:1px solid var(--border-ghost);background:transparent;color:var(--text-muted);cursor:pointer}.timeline-filters-global-actions button:hover,.timeline-filters-section-actions button:hover{color:var(--text);border-color:var(--text-muted)}.timeline-filters-section{margin-bottom:.5rem}.timeline-filters-section:last-child{margin-bottom:0}.timeline-filters-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.timeline-filters-section-actions{display:flex;gap:.3rem}.timeline-filters-section-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.timeline-filters-chips{display:flex;flex-wrap:wrap;gap:.35rem}.filter-chip-wrap{position:relative}.filter-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .6rem;border-radius:16px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:all .15s;white-space:nowrap}.filter-chip.has-sub-filter{border-color:var(--accent-glow)}.filter-chip-label{pointer-events:none}.filter-chip-caret{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:.1rem;margin-right:-.25rem;border-radius:50%;font-size:.7rem;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;pointer-events:auto}.filter-chip-caret:hover{background:var(--bg-elevated);color:var(--text-primary)}.filter-sub-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;max-width:280px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;padding:.35rem 0}.filter-sub-search{width:calc(100% - .7rem);margin:.25rem .35rem;padding:.35rem .5rem;font-size:.8rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;outline:none}.filter-sub-search:focus{border-color:var(--accent)}.filter-sub-actions{display:flex;gap:.25rem;padding:.25rem .35rem;border-bottom:1px solid var(--border-ghost)}.filter-sub-actions button{padding:.2rem .5rem;font-size:.75rem;border-radius:4px;border:1px solid var(--border-ghost);background:transparent;color:var(--text-muted);cursor:pointer}.filter-sub-actions button:hover{color:var(--text-secondary);border-color:var(--border-hover)}.filter-sub-actions button.active{background:var(--accent-muted);color:var(--accent);border-color:var(--accent-glow)}.filter-sub-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto}.filter-sub-option{padding:.15rem .35rem}.filter-sub-option label{display:flex;align-items:center;gap:.4rem;padding:.25rem .35rem;border-radius:4px;cursor:pointer;font-size:.8rem;color:var(--text-secondary)}.filter-sub-option label:hover{background:var(--bg-card)}.filter-sub-option input[type=checkbox]{accent-color:var(--accent)}.filter-sub-empty{padding:.5rem .75rem;font-size:.8rem;color:var(--text-muted);font-style:italic}.filter-reset{padding:.4rem .75rem;font-size:.8rem;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;align-self:center;white-space:nowrap;transition:background .15s}.filter-reset:hover{background:var(--accent-muted)}.sort-dropdown{padding:.4rem .75rem;font-size:.8rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;align-self:center;white-space:nowrap}.multi-select{position:relative;min-width:150px;flex:1 1 150px;max-width:240px}.multi-select-trigger{width:100%;display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;font-size:.85rem;text-align:left;transition:border-color .15s}.multi-select-trigger:hover{border-color:var(--border-hover)}.multi-select-label{font-weight:500;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.multi-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.multi-select-caret{font-size:.65rem;color:var(--text-muted);flex-shrink:0}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;box-shadow:0 4px 16px #0006;max-height:280px;display:flex;flex-direction:column;min-width:200px}.multi-select-search{padding:.45rem .6rem;background:var(--bg-input);color:var(--text-primary);border:none;border-bottom:1px solid var(--border-subtle);font-size:.85rem;outline:none}.multi-select-actions{display:flex;gap:.25rem;padding:.35rem .6rem;border-bottom:1px solid var(--border-subtle)}.multi-select-actions button{padding:.2rem .5rem;font-size:.75rem;border:1px solid var(--border-subtle);border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.multi-select-actions button:hover{background:var(--bg-card)}.multi-select-actions button.active{background:var(--accent-muted);color:var(--accent);border-color:var(--accent)}.multi-select-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.multi-select-option{padding:0}.multi-select-option label{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;cursor:pointer;font-size:.85rem;color:var(--text-primary);transition:background .1s}.multi-select-option label:hover{background:var(--accent-muted)}.multi-select-option input[type=checkbox]{width:14px;height:14px;flex-shrink:0;margin:0}.multi-select-empty{padding:.6rem;color:var(--text-muted);font-size:.85rem;text-align:center}.filter-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem;margin-bottom:1rem}.filter-card{background:var(--bg-card);border:1px solid var(--border-ghost);border-radius:12px;padding:.75rem 1rem;cursor:pointer;position:relative;transition:border-color .15s,background .15s}.filter-card:hover{border-color:var(--border-hover)}.filter-card-header{display:flex;align-items:center;gap:.5rem}.filter-card-icon{font-size:1rem;flex-shrink:0}.filter-card-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);flex:1;min-width:0}.filter-card-status{font-size:.8rem;color:var(--text-secondary);margin-top:.35rem;padding-left:1.5rem}.filter-card-status.filter-card-empty{color:var(--text-muted);font-style:italic}.filter-card-dropdown-wrap{margin-top:.5rem}.filter-card-dropdown-wrap .multi-select{max-width:none;flex:1 1 100%;min-width:0}.filter-cards-reset{display:flex;justify-content:center;margin-bottom:1rem}.active-timers{margin-bottom:1rem}.active-timers-toggle{display:flex;align-items:center;gap:.4rem;padding:.35rem 0;font-size:.9rem;color:var(--text-muted);font-weight:600;background:none;border:none;cursor:pointer;margin-bottom:.5rem}.active-timers-toggle:hover{color:var(--text-primary)}.active-timers-chevron{display:inline-block;transition:transform .2s;font-size:1rem;line-height:1}.active-timers-chevron.open{transform:rotate(90deg)}.active-timer-card{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--accent);border-radius:8px;padding:.5rem .75rem;margin-bottom:.5rem}.active-timer-type{font-weight:600;text-transform:capitalize;color:var(--text-primary);font-size:.9rem}.active-timer-start{font-size:.8rem;color:var(--text-muted)}.active-timer-elapsed{font-weight:600;font-size:.9rem;color:var(--accent)}.active-timer-note{font-size:.8rem;color:var(--text-secondary)}.active-timer-finish{margin-left:auto;padding:.25rem .75rem;border-radius:4px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;font-size:.8rem;transition:background .15s}.active-timer-finish:hover{background:var(--accent-muted)}.active-timer-finish:disabled{opacity:.5}.active-timer-goal{width:100%;font-size:.8rem;color:var(--text-secondary)}.active-timer-progress{width:100%;height:6px;background:var(--border-subtle);border-radius:3px;overflow:hidden}.active-timer-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width 1s ease}.active-timer-actions{display:flex;gap:.5rem;margin-left:auto}.active-timer-edit{padding:.25rem .75rem;border-radius:4px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.8rem}.active-timer-edit:hover{color:var(--text-primary);border-color:var(--text-muted)}.ongoing-toggle{display:flex;align-items:center;justify-content:space-between;gap:.65rem;font-size:.9rem;line-height:1.4;color:var(--text-primary);margin-bottom:1rem}.ongoing-toggle input[type=checkbox]{-webkit-appearance:none;appearance:none;width:36px;min-width:36px;height:20px;margin:0;flex-shrink:0;background:var(--border-subtle);border-radius:10px;border:none;position:relative;cursor:pointer;transition:background .2s}.ongoing-toggle input[type=checkbox]:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s}.ongoing-toggle input[type=checkbox]:checked{background:var(--accent)}.ongoing-toggle input[type=checkbox]:checked:after{transform:translate(16px)}.goal-duration{margin-bottom:1rem}.goal-duration-label{display:block;font-size:.9rem;color:var(--text-primary);margin-bottom:.4rem}.goal-duration-inputs{display:flex;gap:.5rem}.goal-duration-field{display:flex;flex-direction:column;align-items:center;flex:1;margin-bottom:0}.goal-duration-field input{width:100%;padding:.5rem;font-size:1rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-input);color:var(--text-primary);text-align:center}.goal-duration-field input:focus{outline:none;border-color:var(--accent)}.goal-duration-field span{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.timeline-graph-card{background:var(--bg-card);border-radius:8px;border:1px solid var(--border-subtle);padding:.75rem;margin-bottom:1rem}.timeline-graph-viewport{position:relative;overflow:hidden;border-radius:4px;cursor:grab;touch-action:pan-y pinch-zoom}.timeline-graph-viewport.grabbing{cursor:grabbing}.timeline-graph-inner{transform-origin:0 0;will-change:transform}.timeline-graph-y-axis{position:absolute;left:0;top:0;z-index:2;pointer-events:none;background:var(--bg-card)}.timeline-graph-zoom-controls{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:5}.timeline-graph-zoom-controls button{width:28px;height:28px;border-radius:4px;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.timeline-graph-zoom-controls button:hover{background:var(--border-hover);color:var(--text-primary)}.timeline-graph-legend{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border-subtle);margin-top:.5rem}.timeline-graph-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.timeline-graph-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.timeline-graph-legend-empty{font-size:.8rem;color:var(--text-muted)}.timeline-graph-zoom-slider-wrap{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.timeline-graph-zoom-slider-label{font-size:.8rem;color:var(--text-secondary)}.timeline-graph-zoom-slider{flex:1;min-width:80px;height:6px;-webkit-appearance:none;appearance:none;background:var(--border-subtle);border-radius:3px}.timeline-graph-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.timeline-graph-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.timeline-graph-zoom-slider-value{font-size:.8rem;color:var(--text-muted);min-width:2.5ch}.timeline-graph-minimap{position:relative;height:24px;margin-top:.5rem;border-radius:4px;background:var(--bg-elevated);cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}.timeline-graph-minimap-dragging{cursor:grabbing}.timeline-graph-minimap-track{position:absolute;inset:0;background:var(--border-subtle);border-radius:4px}.timeline-graph-minimap-viewport{position:absolute;top:2px;bottom:2px;background:var(--accent);opacity:.5;border-radius:2px;pointer-events:none}.timeline-graph-tooltip{padding:.4rem .65rem;font-size:.85rem;background:var(--bg-elevated);color:var(--text-primary);border-radius:6px;border:1px solid var(--border-subtle);pointer-events:auto;z-index:50;max-width:260px;box-shadow:0 4px 12px #0006;display:flex;flex-direction:column}.timeline-view-switcher{display:flex;gap:0;background:var(--bg-elevated);border-radius:999px;padding:3px}.timeline-view-switcher button{padding:.35rem .85rem;font-size:.8rem;font-weight:500;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:999px;transition:background .15s,color .15s}.timeline-view-switcher button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}.timeline-day-title{font-size:1.1rem;margin:0 0 .5rem;color:var(--text-primary)}.timeline-events{display:flex;flex-direction:column;gap:.5rem}.timeline-empty{color:var(--text-muted);font-style:italic}.event-card{padding:.6rem .8rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-subtle);display:grid;grid-template-columns:9.5rem 6.5rem 1fr auto auto;align-items:center;gap:0 .75rem;overflow:hidden}.event-notes{grid-column:1 / -1;padding-left:.25rem;font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-top:.3rem}.event-time{font-size:.9rem;color:var(--text-muted);min-width:4ch;font-variant-numeric:tabular-nums}.event-value{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.event-score{font-weight:600;white-space:nowrap;text-align:right}.event-window-range{font-size:.9rem;color:var(--text-primary)}.event-window-type{font-size:.8rem;color:var(--text-muted);text-transform:capitalize}.quick-add-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 12px #3b82f659;transition:background .15s}.quick-add-fab:hover{background:var(--accent-hover)}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-subtle);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.modal-header h3{margin:0;font-size:1.2rem;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);line-height:1}.modal-close:hover{color:var(--text-primary)}.quick-add-form{display:flex;flex-direction:column;padding:1.25rem;overflow-y:auto;max-height:calc(90vh - 60px)}.quick-add-form-body{flex:1}.quick-add-form label{display:block;margin-bottom:1rem;font-size:.9rem;color:var(--text-primary)}.quick-add-form label span{display:block;margin-bottom:.25rem;color:var(--text-secondary)}.quick-add-form input,.quick-add-form select,.quick-add-form textarea{width:100%;padding:.5rem;font-size:1rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-input);color:var(--text-primary)}.quick-add-form input:focus,.quick-add-form select:focus,.quick-add-form textarea:focus{outline:none;border-color:var(--accent)}.quick-add-notes{margin-bottom:1rem}.quick-add-notes-label{display:block;font-size:.9rem;color:var(--text-primary);margin-bottom:.35rem}.quick-add-notes-input{display:block;min-height:4.5rem;padding:.6rem .75rem;resize:vertical;font-family:inherit}.scale-opt-in{width:100%;padding:10px 12px;border:1px dashed var(--border);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.9em;text-align:left;transition:border-color .15s,color .15s;margin-bottom:.5rem}.scale-opt-in:hover{border-color:var(--accent);color:var(--text)}.scale-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.78em;padding:2px 0;display:block}.scale-clear:hover{color:var(--error, #ef4444)}.scale-field{margin-bottom:.5rem}.quick-add-form .scale-value{display:inline-block;min-width:1.5em;text-align:center;font-weight:600;margin-left:8px;color:var(--text-primary)}.field-required{color:var(--error, #ef4444)}.form-required-legend{font-size:.75em;color:var(--text-muted);margin:-4px 0 8px}.emoji-picker{display:flex;flex-wrap:wrap;gap:.5rem}.emoji-picker button{padding:.5rem;font-size:1.5rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-elevated);cursor:pointer;transition:background .15s,border-color .15s}.emoji-picker button:hover{background:var(--border-hover)}.emoji-picker button.active{background:var(--accent-muted);border-color:var(--accent)}.form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.form-actions button{padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .15s,border-color .15s}.form-actions button[type=submit]{background:var(--accent);color:#fff;border:1px solid var(--accent)}.form-actions button[type=submit]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.form-actions button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.form-actions button[type=button]{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.form-actions button[type=button]:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.stats-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.stats-filters button{padding:.5rem .75rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.stats-filters button:hover{border-color:var(--border-hover)}.stats-filters button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.stats-cards{display:flex;flex-direction:column;gap:1rem}.stat-card{background:var(--bg-card);padding:1.25rem;border-radius:8px;border:1px solid var(--border-subtle)}.stat-card h3{margin:0 0 .5rem;font-size:.95rem;color:var(--text-muted)}.stat-value{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.emotion-summary{display:flex;flex-wrap:wrap;gap:.5rem}.emotion-item{font-size:1.1rem}.stat-card ul{margin:0;padding-left:1.25rem;color:var(--text-secondary)}.stats-empty{color:var(--text-muted);font-style:italic}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;max-width:none;padding:1rem;background:#fff;background-image:radial-gradient(ellipse at 30% 20%,rgba(232,234,246,.4) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(224,242,241,.3) 0%,transparent 50%);color:#1a1a1a}.login-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff40;padding:2.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000000f,inset 0 1px #fff6;width:100%;max-width:400px;margin:1rem}.login-card h1{margin:0 0 .5rem;font-size:1.75rem;font-family:Newsreader,Georgia,serif;font-weight:600;color:#1a1a1a}.login-sub{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem}.login-signup{margin-top:1rem;font-size:.9rem;color:#6b7280}.login-signup a{color:#3b82f6;text-decoration:none}.login-signup a:hover{text-decoration:underline}.login-card label{display:block;margin-bottom:1rem;color:#1a1a1a;font-size:.9rem}.login-card label input{width:100%;padding:.65rem .75rem;font-size:1rem;font-family:Manrope,system-ui,sans-serif;margin-top:.25rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1a1a1a;transition:border-color .2s,background .2s}.login-card label input:focus{outline:none;border-color:#3b82f6;background:#ffffff4d;box-shadow:0 0 0 3px #3b82f61a}.login-card button[type=submit]{width:100%;padding:.75rem;font-size:1rem;font-family:Manrope,system-ui,sans-serif;font-weight:600;background:#3b82f6;color:#fff;border:none;border-radius:9999px;cursor:pointer;margin-top:.75rem;transition:background .2s,box-shadow .2s;box-shadow:0 4px 20px #3b82f64d}.login-card button[type=submit]:hover{background:#2563eb;box-shadow:0 4px 28px #3b82f673}.login-card button[type=submit]:disabled{opacity:.5}.login-back-link{display:inline-block;font-size:.8rem;color:#6b7280;text-decoration:none;margin-bottom:1rem;transition:color .2s}.login-back-link:hover{color:#3b82f6}.error{color:#dc2626;font-size:.9rem;margin:.5rem 0 0}.password-requirements{color:#dc2626;font-size:.85rem;margin:.5rem 0 0;padding-left:1.25rem;list-style:disc}.password-requirements li{margin:.2rem 0}.terms-checkbox{display:flex;align-items:flex-start;gap:8px;margin-top:16px;font-size:13px;color:#6b7280;cursor:pointer}.terms-checkbox input[type=checkbox]{width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:#3b82f6;cursor:pointer}.terms-checkbox a{color:#3b82f6;text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.loading{color:var(--text-muted);font-style:italic}.searchable-select{position:relative;width:100%}.searchable-select-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.45rem .6rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;font-size:.9rem;text-align:left}.searchable-select-trigger:hover{border-color:var(--border-hover)}.searchable-select-caret{font-size:.9rem;color:var(--text-muted)}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;box-sizing:border-box;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;box-shadow:0 4px 16px #0006;max-height:240px;display:flex;flex-direction:column}.searchable-select-search{padding:.45rem .6rem;background:var(--bg-input);color:var(--text-primary);border:none;border-bottom:1px solid var(--border-subtle);font-size:.9rem;outline:none}.searchable-select-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.searchable-select-option{padding:.4rem .6rem;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.searchable-select-option.highlighted{background:var(--accent-muted)}.searchable-select-option.selected{color:var(--accent)}.searchable-select-empty{padding:.6rem;color:var(--text-muted);font-size:.85rem;text-align:center}.searchable-select-section-header{padding:.3rem .6rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-top:1px solid var(--border-subtle)}.searchable-select-section-header:first-child{border-top:none}.quickadd-form input[type=datetime-local]{-webkit-appearance:none;appearance:none;padding:.5rem;font-size:.95rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-input);color:var(--text-primary);width:100%}.quickadd-form input[type=datetime-local]:focus{outline:none;border-color:var(--accent)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:200px;background:var(--bg-card);border-right:1px solid var(--border-ghost);display:flex;flex-direction:column;z-index:200;transition:transform .2s ease;overflow-y:auto}.sidebar-header{padding:1rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--border-ghost)}.sidebar-header-profile{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.25rem;border-radius:8px;min-width:0;flex:1;transition:background .15s}.sidebar-header-profile:hover{background:var(--border-ghost)}.sidebar-header-profile.active{background:var(--nav-active-bg)}.sidebar-header-name{font-size:.875rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.sidebar-header-settings{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.sidebar-header-settings:hover{background:var(--border-ghost);color:var(--text-secondary)}.sidebar-header-settings.active{background:var(--nav-active-bg);color:var(--text-primary)}.sidebar-logo{flex-shrink:0;opacity:.85;transition:opacity .15s ease}.sidebar-header-profile:hover .sidebar-logo{opacity:1}.sidebar-nav{display:flex;flex-direction:column;padding:.5rem .625rem;gap:4px}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;color:var(--text-muted);text-decoration:none;font-size:.8125rem;font-weight:500;letter-spacing:.01em;transition:background .15s,color .15s;border-radius:10px}.sidebar-item:hover{background:var(--border-ghost);color:var(--text-secondary)}.sidebar-item-active{background:var(--nav-active-bg);color:var(--text-primary);font-weight:600}.sidebar-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:.5rem .625rem;border-top:1px solid var(--border-ghost)}.sidebar-logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--error);background:none;border:none;border-radius:10px;cursor:pointer;transition:background .15s}.sidebar-logout-btn:hover{background:#ef44441a}.sidebar-logout-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:199}.app-layout{display:flex;min-height:100vh}.app-content{flex:1;margin-left:200px;min-width:0}.hamburger-btn{display:none;position:fixed;top:.75rem;left:.75rem;z-index:201;width:36px;height:36px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);font-size:1.2rem;cursor:pointer;align-items:center;justify-content:center}@media(max-width:600px){.screen{padding:.75rem .75rem 5rem}.timeline-top-bar{flex-direction:column;align-items:center;gap:.75rem}.date-nav-today-btn{position:static}.timeline-top-right{position:static;width:100%;justify-content:center}.date-nav-day{font-size:1.1rem}.filter-cards-grid{grid-template-columns:repeat(2,1fr)}.multi-select{max-width:none;flex:1 1 100%}.multi-select-dropdown{position:fixed;inset:auto 0 0;max-height:50vh;border-radius:12px 12px 0 0;border-bottom:none}.filter-sub-dropdown{position:fixed;inset:auto 0 0;max-width:100%;max-height:50vh;border-radius:12px 12px 0 0;border-bottom:none}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:12px 12px 0 0;max-height:85vh;max-width:100%}.modal-overlay-top{align-items:flex-start}.modal-overlay-top .modal{margin:auto 0;border-radius:12px;max-height:85vh;overflow-y:auto;transition:margin .3s ease,max-height .3s ease,border-radius .3s ease}.modal-overlay-top.keyboard-open .modal{margin:0;border-radius:0 0 12px 12px;max-height:50vh}.form-actions{flex-direction:row}.form-actions button{flex:1;text-align:center}.searchable-select-dropdown{position:fixed;inset:0 0 auto;max-height:55vh;border-radius:0 0 12px 12px;z-index:200}.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block}.hamburger-btn{display:flex}.app-content{margin-left:0;padding-top:3rem}}@media(max-width:400px){.filter-cards-grid{grid-template-columns:1fr}}.event-card{position:relative}.event-card-actions{display:flex;gap:.25rem;justify-self:end;opacity:0;transition:opacity .15s}.event-card:hover .event-card-actions{opacity:1}.event-action-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:.2rem;border-radius:4px;transition:background .15s}.event-action-btn:hover{background:var(--bg-elevated)}.event-mood{border-left:3px solid #8b5cf6}.event-emotion{border-left:3px solid #f97316}.event-symptom{border-left:3px solid #ef4444}.event-weight{border-left:3px solid #eab308}.event-window{border-left:3px solid #22c55e}.event-content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.event-type-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-elevated);padding:.15rem .4rem;border-radius:3px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.confirm-dialog-overlay{z-index:150}.confirm-dialog{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-subtle);padding:1.5rem;max-width:360px;width:100%}.confirm-dialog-message{margin:0 0 1.25rem;font-size:1rem;color:var(--text-primary)}.confirm-dialog-actions{display:flex;gap:.75rem}.confirm-dialog-delete{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--error);background:var(--error);color:#fff;cursor:pointer;font-size:.9rem;transition:opacity .15s}.confirm-dialog-delete:hover{opacity:.85}.confirm-dialog-delete:disabled{opacity:.5;cursor:not-allowed}.confirm-dialog-cancel{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.9rem}.confirm-dialog-cancel:hover{background:var(--bg-elevated)}.graph-tooltip-actions{display:flex;gap:.35rem;margin-top:.35rem}.graph-tooltip-btn{padding:.15rem .5rem;font-size:.75rem;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:background .15s}.graph-tooltip-btn:hover{background:var(--accent-muted)}.graph-tooltip-btn-delete{color:var(--error);border-color:var(--error)}.graph-tooltip-btn-delete:hover{background:#ef444426}.definitions-screen h1{margin:0}.def-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-subtle);margin-bottom:1.25rem}.def-tabs button{flex:1;padding:.6rem;background:none;border:none;border-bottom:2.5px solid transparent;border-radius:6px 6px 0 0;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s ease}.def-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.def-tabs button:hover:not(.active){color:var(--text-secondary);background:var(--bg-elevated)}.def-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.def-options{display:flex;flex-direction:column;gap:1rem}.def-options-hint{font-size:.85rem;color:var(--text-muted);margin:0 0 .25rem}.def-category-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:12px;padding:1.25rem}.def-category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.def-category-emoji{font-size:1.2rem}.def-category-label{font-size:1rem;font-weight:600;color:var(--text-primary);flex:1}.def-category-count{font-size:.75rem;color:var(--text-muted);padding:.2rem .6rem;background:var(--bg-elevated);border-radius:12px}.def-category-description{font-size:.8rem;color:var(--text-muted);margin:0 0 .75rem}.def-items-toggle{font-size:.8rem;color:var(--accent);cursor:pointer;background:none;border:none;padding:.35rem 0;margin-bottom:.35rem;transition:opacity .15s ease}.def-items-toggle:hover{text-decoration:underline;text-underline-offset:2px}.def-items-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.def-items-system{opacity:.7}.def-items-search{width:100%;padding:.4rem .6rem;font-size:.8rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-input);color:var(--text-primary);margin-bottom:.5rem;transition:border-color .15s ease,box-shadow .15s ease}.def-items-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.def-items-no-results{font-size:.8rem;color:var(--text-muted);text-align:center;padding:.5rem;margin:0}.def-global-limit{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:.75rem}.def-add-toggle:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-subtle);color:var(--text-muted)}.def-items{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.def-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-elevated);border-radius:8px;transition:background .15s ease}.def-item:hover{background:var(--bg-card)}.def-item-emoji{font-size:1.1rem}.def-item-label{flex:1;font-size:.88rem;color:var(--text-primary)}.def-item-key{font-size:.7rem;color:var(--text-muted)}.def-item-lock{font-size:.75rem;opacity:.5}.def-item-delete{background:none;border:none;color:var(--error);cursor:pointer;font-size:1.1rem;padding:.35rem .5rem;border-radius:6px;line-height:1;min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.def-item-delete:hover{background:#ef444426}.def-item-delete:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.def-item-edit{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:.35rem .5rem;border-radius:6px;line-height:1;min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.def-item-edit:hover{background:var(--accent-muted);color:var(--text-primary)}.def-item-edit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.def-item-editing{gap:.4rem;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.def-edit-input{font-size:.85rem;padding:.4rem .5rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-input);color:var(--text-primary);width:3.5rem;min-height:34px;transition:border-color .15s ease,box-shadow .15s ease}.def-edit-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.def-edit-input.def-edit-label{flex:1;min-width:6rem}.def-edit-actions{display:flex;gap:.35rem}.def-edit-save,.def-edit-cancel{font-size:.8rem;font-weight:500;padding:.35rem .75rem;border-radius:6px;border:none;cursor:pointer;line-height:1;min-height:32px;transition:background .15s ease,opacity .15s ease,transform .1s ease}.def-edit-save{background:var(--accent);color:#fff}.def-edit-save:hover{background:var(--accent-hover)}.def-edit-save:active{transform:scale(.97)}.def-edit-save:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.def-edit-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.def-edit-cancel{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.def-edit-cancel:hover{background:var(--border-subtle);color:var(--text-primary)}.def-edit-cancel:active{transform:scale(.97)}.def-edit-cancel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.def-edit-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.def-add-form{border-top:1px solid var(--border-subtle);padding-top:.75rem}.def-add-toggle{background:none;border:1px dashed var(--border-subtle);border-radius:10px;padding:.4rem .75rem;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:500;width:100%;transition:all .15s ease}.def-add-toggle:hover{border-color:var(--accent);color:var(--accent)}.def-add-form.def-add-open form{display:flex;gap:.5rem;flex-wrap:wrap}.def-add-form.def-add-open input{padding:.4rem .6rem;font-size:.85rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input);color:var(--text-primary);flex:1;min-width:80px;transition:border-color .15s ease,box-shadow .15s ease}.def-add-form.def-add-open input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.def-add-actions{display:flex;gap:.35rem;width:100%;margin-top:.35rem}.def-add-actions button{padding:.4rem .75rem;font-size:.85rem;font-weight:500;border-radius:8px;cursor:pointer;min-height:34px;transition:background .15s ease,border-color .15s ease,transform .1s ease}.def-add-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.def-add-actions button:active{transform:scale(.97)}.def-add-actions button[type=submit]{border:1px solid var(--accent);background:var(--accent);color:#fff}.def-add-actions button[type=submit]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.def-add-actions button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none}.def-add-actions button[type=button]{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary)}.def-add-actions button[type=button]:hover{border-color:var(--border-hover);color:var(--text-primary)}.def-mapping-notice{display:flex;align-items:center;gap:.5rem;font-size:.8rem;line-height:1.4;color:#e2c86d;background:#fef9e714;border:1px solid rgba(245,230,163,.2);border-left:3px solid #e2c86d;border-radius:6px;padding:.6rem .85rem;margin-top:.5rem;animation:def-notice-in .2s ease-out}@keyframes def-notice-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .def-mapping-notice{color:#92700c;background:#fef9e7;border-color:#f5e6a3;border-left-color:#d4a90a}@media(prefers-color-scheme:light){[data-theme=system] .def-mapping-notice{color:#92700c;background:#fef9e7;border-color:#f5e6a3;border-left-color:#d4a90a}}.def-mapping-notice .dismiss-btn{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:.78rem;font-weight:500;text-decoration:underline;text-underline-offset:2px;padding:.25rem .35rem;min-height:28px;white-space:nowrap;border-radius:4px;transition:opacity .15s ease,background .15s ease}.def-mapping-notice .dismiss-btn:hover{opacity:.8;background:#ffffff14}.def-mapping-notice .dismiss-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.info-tip{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.info-tip-icon{width:16px;height:16px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-subtle);font-size:.6rem;cursor:help;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);margin-left:.35rem;flex-shrink:0;font-weight:700;line-height:1;padding:0}.info-tip-content{position:fixed;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:.5rem .65rem;font-size:.8rem;font-weight:400;color:var(--text-secondary);white-space:normal;max-width:240px;box-shadow:0 2px 8px #00000026;z-index:10000;pointer-events:none}.types-loading{text-align:center;padding:2rem;color:var(--text-muted)}.type-counter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-secondary)}.type-counter-warning{color:#f97316;font-size:.8rem}.type-counter-bar{width:100%;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.type-counter-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.types-toolbar{display:flex;gap:.75rem;margin-bottom:1rem}.types-search{flex:1;padding:.55rem .85rem;font-size:.85rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.types-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.types-sort{padding:.55rem .85rem;font-size:.85rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.types-sort:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.types-category-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.types-chip{padding:.4rem .75rem;font-size:.8rem;font-weight:600;border:1px solid var(--border-subtle);border-radius:100px;background:var(--bg-input);color:var(--text-secondary);cursor:pointer;min-height:32px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.types-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.types-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.types-chip:active{transform:scale(.96)}.types-chip-active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.types-custom-filter{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:100px;cursor:pointer;white-space:nowrap;min-height:32px;-webkit-user-select:none;user-select:none;transition:all .15s ease}.types-custom-filter:hover{border-color:var(--accent);color:var(--accent)}.types-custom-filter:has(input:checked){background:var(--accent-muted);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.types-custom-filter input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1.5px solid var(--text-muted);border-radius:3px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease}.types-custom-filter input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.types-custom-filter input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:3.5px;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.types-custom-filter input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.types-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.75rem;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;z-index:50;transition:all .15s}.types-fab:hover{background:var(--accent-hover);transform:scale(1.05)}.types-fab:focus-visible{outline:2px solid #fff;outline-offset:3px}.types-fab:active{transform:scale(.95)}.types-fab:disabled{opacity:.4;cursor:not-allowed;transform:none}.types-no-results{text-align:center;color:var(--text-muted);font-size:.85rem;padding:1rem}.types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.type-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.15rem;display:flex;flex-direction:column;gap:.5rem;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.type-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #00000014}.type-card-system{opacity:.85}.type-card-header{display:flex;align-items:center;justify-content:space-between}.type-card-emoji{font-size:1.5rem}.type-badge-source{font-size:.65rem;padding:.1rem .4rem;background:var(--bg-elevated);color:var(--text-muted);border-radius:6px;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.type-badge-custom{background:#3b82f626;color:var(--accent)}.type-card-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.type-badge{display:inline-block;width:fit-content;font-size:.7rem;padding:.1rem .45rem;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.type-badge-point{background:#3b82f626;color:#3b82f6}.type-badge-window{background:#22c55e26;color:#22c55e}.type-badge-daily{background:#a855f726;color:#a855f7}.type-card-group,.type-card-fields{font-size:.75rem;color:var(--text-muted)}.type-card-actions{display:flex;gap:.35rem;margin-top:.5rem;opacity:.6;transition:opacity .15s ease}.type-card:hover .type-card-actions{opacity:1}.type-card-actions .btn-edit,.type-card-actions .btn-delete,.type-card-actions .btn-cancel{padding:.25rem .6rem;font-size:.75rem;border-radius:6px;cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);transition:all .15s ease}.type-card-actions .btn-edit:hover{border-color:var(--accent);color:var(--accent)}.type-card-actions .btn-edit:focus-visible,.type-card-actions .btn-delete:focus-visible,.type-card-actions .btn-cancel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.type-card-actions .btn-delete{color:var(--error);border-color:var(--error)}.type-card-actions .btn-delete:hover{background:#ef44441a}.type-card-actions .btn-delete:disabled,.type-card-actions .btn-cancel:disabled{opacity:.5}.type-card-confirm{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.type-card-create{border-style:dashed;border-color:var(--accent);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:140px;cursor:pointer;color:var(--accent);font-size:.9rem;font-weight:500;transition:all .15s}.type-card-create:hover{background:var(--accent-muted)}.type-card-create:disabled{opacity:.4;cursor:not-allowed}.type-card-create-icon{font-size:2rem;line-height:1}.type-builder-modal{max-width:650px;width:90vw;max-height:85vh;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 8px 32px #00000047,0 2px 8px #0000001f;overflow:hidden}.type-builder-modal .modal-header{padding:1.1rem 1.25rem}.type-builder-modal .builder-steps{padding:.75rem 1.25rem 0;gap:0}.type-builder-body{flex:1;overflow-y:auto;padding:1.25rem}.type-builder-body textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.9rem;font-family:inherit;resize:vertical;min-height:36px;transition:border-color .15s ease,box-shadow .15s ease}.type-builder-body textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.type-builder-modal .builder-steps{display:flex;align-items:flex-start;justify-content:center;position:relative}.type-builder-modal .builder-step{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .75rem;border-radius:0;border:none;background:transparent;color:var(--text-muted);cursor:default;font-size:.78rem;font-weight:500;position:relative;flex:1;max-width:160px}.type-builder-modal .builder-step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--border-subtle);font-size:.82rem;font-weight:700;color:var(--text-muted);position:relative;z-index:2;transition:all .25s ease}.type-builder-modal .builder-step:not(:last-child):after{content:"";position:absolute;top:calc(.5rem + 16px);left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:var(--border-subtle);z-index:1;transition:background .25s ease}.type-builder-modal .builder-step.active{color:var(--accent);background:transparent}.type-builder-modal .builder-step.active .builder-step-num{background:transparent;border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.type-builder-modal .builder-step.completed{color:var(--accent);cursor:pointer}.type-builder-modal .builder-step.completed .builder-step-num{background:var(--accent);border-color:var(--accent);color:#fff;font-size:0}.type-builder-modal .builder-step.completed .builder-step-num:before{content:"✓";font-size:.85rem;font-weight:700}.type-builder-modal .builder-step.completed:not(:last-child):after{background:var(--accent)}.behavior-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.behavior-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem;border:1.5px solid var(--border-subtle);border-radius:12px;background:var(--bg-elevated);cursor:pointer;text-align:center;transition:all .2s ease}.behavior-card:hover:not(:disabled){border-color:var(--border-hover);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.behavior-card.active{border-color:var(--accent);background:var(--accent-muted);box-shadow:0 0 0 2px var(--accent-muted)}.behavior-card:disabled{opacity:.45;cursor:not-allowed}.behavior-card strong{font-size:.95rem;color:var(--text-primary);font-weight:600}.behavior-card span{font-size:.75rem;color:var(--text-muted);line-height:1.35}.field-row{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:1rem;margin-bottom:.75rem;box-shadow:0 1px 4px #0000000d;transition:box-shadow .15s ease}.field-row:hover{box-shadow:0 2px 8px #00000014}.field-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.field-row-title{font-size:.82rem;font-weight:700;color:var(--accent)}.field-row-remove{background:none;border:none;color:var(--error);cursor:pointer;font-size:1.3rem;padding:.2rem .45rem;line-height:1;border-radius:6px;transition:all .15s ease}.field-row-remove:hover{background:#ef444426;box-shadow:0 0 0 3px #ef44441a}.field-row-options{display:flex;gap:1rem;margin-top:.5rem}.field-config{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--border-subtle)}.field-config-hint{width:100%;font-size:.78rem;color:var(--text-muted);margin:0 0 .15rem}.field-config-list-display{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.field-config label{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--text-muted);flex:1;min-width:80px}.field-config input[type=number],.field-config input[type=text]{padding:.4rem .6rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.85rem;min-height:36px;transition:border-color .15s ease,box-shadow .15s ease}.field-config input[type=number]:focus,.field-config input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.field-config-checkbox{display:flex!important;flex-direction:row!important;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.field-config-checkbox input{accent-color:var(--accent)}.type-builder-review{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:12px;padding:1rem;margin-bottom:.75rem}.type-builder-review h4{margin:0 0 .65rem;font-size:.95rem;font-weight:700;color:var(--text-primary)}.type-builder-review p{font-size:.85rem;color:var(--text-secondary);margin:.35rem 0;line-height:1.5}.type-builder-review p strong{color:var(--text-primary);font-weight:600}.type-builder-review ul{list-style:none;margin:.35rem 0 0;padding:0}.type-builder-review li{font-size:.82rem;color:var(--text-secondary);margin-bottom:.3rem;padding:.3rem .6rem;background:var(--bg-card);border-radius:6px;border:1px solid var(--border-ghost)}.type-builder-review li:before{content:"•";color:var(--accent);font-weight:700;margin-right:.5rem}.type-builder-error{padding:.6rem .85rem;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:var(--error);border-radius:10px;font-size:.85rem;margin-bottom:.75rem}.field-config-option-mode{display:flex;width:100%;gap:0;border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.field-config-mode-btn{flex:1;padding:.45rem .6rem;border:none;background:var(--bg-card);color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease}.field-config-mode-btn:not(:last-child){border-right:1px solid var(--border-subtle)}.field-config-mode-btn.active{background:var(--accent);color:#fff;font-weight:600}.field-config-mode-btn:hover:not(.active){background:var(--bg-elevated);color:var(--text-secondary)}.field-config-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.field-config-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--accent-muted);border:1px solid var(--accent);border-radius:6px;font-size:.82rem;color:var(--text-primary)}.field-config-chip-remove{background:none;border:none;color:var(--error);cursor:pointer;font-size:1rem;line-height:1;padding:0 .15rem;border-radius:3px;transition:background .15s ease}.field-config-chip-remove:hover{background:#ef444426}.field-config-chip-add input{width:100%;padding:.4rem .6rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.85rem}.field-config-chip-add input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.field-key-display{font-size:.72rem;color:var(--text-muted);margin-top:.2rem;display:inline-block;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:var(--bg-elevated);padding:.15rem .45rem;border-radius:4px;border:1px solid var(--border-ghost)}.under-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center}.under-construction-icon{color:var(--text-muted);margin-bottom:1.5rem;opacity:.5}.under-construction-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.under-construction-text{font-size:.9rem;color:var(--text-muted);margin:0}.settings-screen h1{margin:0 0 1.5rem}.settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1.5rem;margin-bottom:1rem}.settings-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.settings-card-header h2{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.04em}.settings-edit-btn{padding:.3rem .9rem;font-size:.8rem;font-weight:500;border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;transition:background .15s,color .15s}.settings-edit-btn:hover{background:var(--accent);color:#fff}.settings-field{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--border-ghost)}.settings-field:last-child{border-bottom:none}.settings-field-label{font-size:.88rem;color:var(--text-muted);min-width:120px}.settings-field-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.settings-select{padding:.35rem .6rem;font-size:.85rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-input);color:var(--text-primary);min-width:180px}.settings-toggle-group{display:inline-flex;gap:0}.settings-toggle-group button{padding:.35rem .7rem;font-size:.85rem;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.settings-toggle-group button:first-child{border-radius:6px 0 0 6px}.settings-toggle-group button:not(:first-child){margin-left:-1px}.settings-toggle-group button:last-child{border-radius:0 6px 6px 0}.settings-toggle-group button:not(:first-child):not(:last-child){border-radius:0}.settings-toggle-group button.active{background:var(--accent);color:#fff;border-color:var(--accent);z-index:1}.settings-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.settings-cancel-btn{padding:.4rem 1rem;font-size:.85rem;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s}.settings-cancel-btn:hover{background:var(--bg-elevated)}.settings-save-btn{padding:.4rem 1.2rem;font-size:.85rem;font-weight:500;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s}.settings-save-btn:hover{background:var(--accent-hover)}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.settings-field--palette{flex-direction:column;align-items:flex-start;gap:.5rem}.settings-palette-header{display:flex;align-items:center;gap:.5rem;width:100%}.settings-premium-badge{display:inline-block;padding:.1rem .45rem;font-size:.65rem;font-weight:600;border-radius:9999px;background:var(--accent-muted);color:var(--accent);text-transform:uppercase;letter-spacing:.03em;line-height:1.4}.settings-palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}@media(max-width:480px){.settings-palette-grid{grid-template-columns:repeat(3,1fr)}}.settings-palette-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:2px solid var(--border-subtle);border-radius:8px;background:var(--bg-elevated);cursor:pointer;transition:border-color .15s,background .15s,opacity .15s;position:relative}.settings-palette-swatch:hover:not(:disabled){border-color:var(--border-hover)}.settings-palette-swatch--selected{background:var(--accent-muted)}.settings-palette-swatch--locked{opacity:.5;cursor:not-allowed}.settings-palette-dot{width:24px;height:24px;border-radius:50%;flex-shrink:0}.settings-palette-lock{position:absolute;top:4px;right:4px;color:var(--text-muted);line-height:1}.settings-palette-name{font-size:.72rem;color:var(--text-secondary);font-weight:500;text-align:center;line-height:1.2}.subscription-premium-badge{color:var(--color-autolog);font-weight:600}.subscription-warning{padding:.6rem .75rem;margin:.5rem 0;background:#ef44441a;border:1px solid var(--error);border-radius:8px}.subscription-warning-text{color:var(--error);font-size:.85rem;font-weight:500}.subscription-manage-btn{padding:.4rem 1rem;font-size:.85rem;font-weight:500;border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;transition:background .15s,color .15s}.subscription-manage-btn:hover{background:var(--accent);color:#fff}.subscription-manage-btn:disabled{opacity:.6;cursor:not-allowed}.subscription-iap-note{color:var(--text-muted);font-style:italic;font-size:.85rem}.subscription-upgrade-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-ghost)}.subscription-upgrade-subtitle{font-size:.85rem;color:var(--text-muted);margin:0 0 1rem}.subscription-plan-toggle{display:inline-flex;margin-bottom:1rem}.subscription-plan-toggle button{padding:.35rem .85rem;font-size:.85rem;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;position:relative}.subscription-plan-toggle button:first-child{border-radius:6px 0 0 6px}.subscription-plan-toggle button:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.subscription-plan-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent);z-index:1}.subscription-plan-badge{display:inline-block;margin-left:.4rem;padding:.1rem .45rem;font-size:.7rem;font-weight:600;border-radius:9999px;background:var(--accent-muted);color:var(--accent);vertical-align:middle;line-height:1.3}.subscription-plan-toggle button.active .subscription-plan-badge{background:#fff3;color:#fff}.subscription-plan-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.subscription-plan-card{padding:1rem;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-elevated);cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.subscription-plan-card:hover{border-color:var(--border-hover)}.subscription-plan-card--selected{border-color:var(--accent);background:var(--accent-muted)}.subscription-plan-card-name{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.subscription-plan-card-price{font-size:1.35rem;font-weight:700;color:var(--text-primary)}.subscription-plan-card-price span{font-size:.8rem;font-weight:400;color:var(--text-muted)}.subscription-plan-card-saving{margin-top:.35rem;font-size:.75rem;font-weight:600;color:var(--color-autolog)}.subscription-upgrade-btn{display:block;width:100%;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;border:none;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s}.subscription-upgrade-btn:hover{background:var(--accent-hover)}.subscription-upgrade-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.subscription-plan-cards{grid-template-columns:1fr}}.checkout-return-screen{display:flex;align-items:center;justify-content:center;min-height:60vh}.checkout-return-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;max-width:400px;padding:2rem}@keyframes checkout-spin{to{transform:rotate(360deg)}}.checkout-return-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:checkout-spin .8s linear infinite}.checkout-return-message{font-size:1.05rem;font-weight:500;color:var(--text-primary);margin:0;line-height:1.5}.checkout-return-message--success{color:var(--color-autolog);font-weight:600;font-size:1.15rem}.checkout-return-redirect{font-size:.85rem;color:var(--text-muted);margin:0}.checkout-return-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}.checkout-return-btn{padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;border:none;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s}.checkout-return-btn:hover{background:var(--accent-hover)}.checkout-return-link{font-size:.85rem;color:var(--text-muted);background:none;border:none;cursor:pointer;text-decoration:underline;transition:color .15s}.checkout-return-link:hover{color:var(--text-secondary)}.manage-types-top-bar{margin-bottom:1.25rem}.manage-types-back{color:var(--accent);font-size:.85rem;text-decoration:none;display:inline-block;margin-bottom:.5rem}.manage-types-back:hover{text-decoration:underline}.manage-types-top-bar h1{margin:0}.manage-types-section{border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:.75rem;overflow:hidden}.manage-types-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--bg-card);border:none;color:var(--text-primary);font-size:1rem;cursor:pointer;text-align:left;transition:background .15s}.manage-types-header:hover{background:var(--bg-elevated)}.manage-types-header-label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.manage-types-field-hint{font-size:.8rem;color:var(--text-muted)}.manage-types-chevron{font-size:.7rem;color:var(--text-muted)}.manage-types-body{padding:.75rem 1rem;border-top:1px solid var(--border-subtle);background:var(--bg-page)}.manage-types-loading,.manage-types-empty{color:var(--text-muted);font-size:.9rem;margin:0 0 .5rem}.manage-types-list{list-style:none;margin:0 0 .75rem;padding:0}.manage-types-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--border-ghost)}.manage-types-item:last-child{border-bottom:none}.manage-types-item-info{display:flex;align-items:center;gap:.5rem}.manage-types-item-emoji{font-size:1.1rem}.manage-types-item-label{font-size:.9rem;color:var(--text-primary)}.manage-types-badge{font-size:.7rem;color:var(--text-muted);background:var(--bg-elevated);padding:.1rem .4rem;border-radius:4px}.manage-types-delete-btn{background:none;border:1px solid transparent;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.15rem .4rem;border-radius:4px;transition:color .15s,background .15s;line-height:1}.manage-types-delete-btn:hover:not(:disabled){color:var(--error, #ef4444);background:#ef44441a}.manage-types-delete-btn:disabled{opacity:.5;cursor:default}.manage-types-error{color:var(--error, #ef4444);font-size:.85rem;margin:.25rem 0}.manage-types-add-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.manage-types-input{flex:1;min-width:120px;padding:.4rem .6rem;font-size:.9rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-input);color:var(--text-primary)}.manage-types-input:focus{outline:none;border-color:var(--accent)}.manage-types-input-emoji{flex:0 0 4rem;min-width:4rem;text-align:center}.manage-types-add-btn{padding:.4rem .75rem;font-size:.9rem;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s;white-space:nowrap}.manage-types-add-btn:hover:not(:disabled){background:var(--accent-hover)}.manage-types-add-btn:disabled{opacity:.5;cursor:default}.profile-screen h1{margin:0 0 1.5rem}.profile-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1.5rem}.profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.profile-card-header h2{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.04em}.profile-edit-btn{padding:.3rem .9rem;font-size:.8rem;font-weight:500;border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;transition:background .15s,color .15s}.profile-edit-btn:hover{background:var(--accent);color:#fff}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--border-ghost)}.profile-field:last-child{border-bottom:none}.profile-label{font-size:.88rem;color:var(--text-muted);min-width:120px}.profile-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.profile-input,.profile-select{padding:.35rem .6rem;font-size:.85rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-input);color:var(--text-primary);min-width:180px}.profile-input[type=date]{color-scheme:dark}.profile-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.profile-cancel-btn{padding:.4rem 1rem;font-size:.85rem;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s}.profile-cancel-btn:hover{background:var(--bg-elevated)}.profile-save-btn{padding:.4rem 1.2rem;font-size:.85rem;font-weight:500;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s}.profile-save-btn:hover{background:var(--accent-hover)}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-height-group{display:inline-flex;align-items:center;gap:.35rem}.profile-height-input{min-width:60px;width:70px;text-align:center}.profile-height-input--cm{width:80px}.profile-height-suffix{font-size:.82rem;color:var(--text-muted)}@media(max-width:600px){.event-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.event-card-actions{opacity:1;align-self:flex-end}}.stats-screen{padding-bottom:2rem;max-width:none}.stats-screen .dashboard-empty{max-width:1200px}.stats-screen .stats-toolbar{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.stats-toolbar{display:flex;align-items:center;height:48px;padding:0 1rem;border-bottom:1px solid var(--border-subtle);position:relative}.stats-toolbar__nav{display:flex;align-items:center;height:100%;overflow-x:auto;scrollbar-width:none;flex-shrink:1;min-width:0;-webkit-overflow-scrolling:touch}.stats-toolbar__nav::-webkit-scrollbar{display:none}.stats-toolbar__tab{flex-shrink:0;height:100%;display:flex;align-items:center;padding:0 .875rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.stats-toolbar__tab:hover{color:var(--text-primary)}.stats-toolbar__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.stats-toolbar__tab--add{font-size:1.1rem;font-weight:400;padding:0 .7rem;color:var(--text-muted)}.stats-toolbar__tab--add:hover{color:var(--accent)}.stats-toolbar__tab--disabled{opacity:.45;cursor:not-allowed}.stats-toolbar__tab--disabled:hover{color:var(--text-muted)}.stats-toolbar__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.stats-toolbar__counter{font-size:.75rem;font-weight:500;color:var(--text-muted);padding:.15rem .5rem;background:var(--bg-elevated);border-radius:4px}.stats-toolbar__counter[data-warning]{color:#f97316;background:#f973161a}.stats-toolbar__btn{padding:.3rem .7rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid var(--accent)}.stats-toolbar__btn--primary{background:var(--accent);color:#fff}.stats-toolbar__btn--primary:hover{background:var(--accent-hover)}.stats-toolbar__btn--ghost{background:transparent;color:var(--accent)}.stats-toolbar__btn--ghost:hover{background:var(--accent-muted)}.stats-toolbar__divider{width:1px;height:20px;background:var(--border-subtle);margin:0 .5rem;flex-shrink:0}.stats-toolbar__utility{flex-shrink:0;height:100%;display:flex;align-items:center;padding:0 .75rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.stats-toolbar__utility:hover{color:var(--text-primary)}.stats-toolbar__utility--active{color:var(--accent);border-bottom-color:var(--accent)}.stats-toolbar--editing .stats-toolbar__nav{opacity:.5;pointer-events:none}.stats-toolbar--editing .stats-toolbar__divider{opacity:.5}.stats-toolbar--editing .stats-toolbar__utility{opacity:.5;pointer-events:none}.stats-toolbar__context-menu{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:200;padding:.25rem 0;min-width:120px}.stats-toolbar__context-menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:.5rem .75rem;color:var(--text-primary);font-size:.85rem;cursor:pointer}.stats-toolbar__context-menu button:hover{background:var(--bg-elevated)}@media(max-width:768px){.stats-toolbar__actions:not(.stats-toolbar__actions--mobile){display:none}.stats-toolbar__divider{display:none}.stats-screen .stats-toolbar{margin-left:-.75rem;margin-right:-.75rem}.stats-toolbar__tab--graphs{margin-left:.5rem;border-left:1px solid var(--border-subtle);padding-left:1rem}}.stats-toolbar__actions--mobile{display:flex;align-items:center;gap:.25rem;margin-left:auto;flex-shrink:0}.stats-toolbar__btn--compact{padding:.25rem .5rem;font-size:.75rem}.stats-toolbar--mobile-editing .stats-toolbar__nav{opacity:.5;pointer-events:none}.stats-toolbar__range-group{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.stats-toolbar__range-select{height:30px;padding:0 .5rem;font-size:.8rem;font-weight:500;border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;appearance:auto;transition:all .15s}.stats-toolbar__range-select:focus{outline:none;box-shadow:0 0 0 2px var(--accent-muted)}.stats-toolbar__range-select option{background:var(--bg-card);color:var(--text-primary)}.stats-toolbar__range-select option:disabled{color:var(--text-muted)}.stats-toolbar__custom-range{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.stats-toolbar__date-input{height:30px;padding:0 .4rem;font-size:.75rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-card);color:var(--text-primary);max-width:130px}.stats-toolbar__date-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.stats-toolbar__range-sep{font-size:.75rem;color:var(--text-muted)}.create-dash-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.create-dash-input{display:block;width:100%;margin-top:.35rem;padding:.5rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.create-dash-input:focus{outline:none;border-color:var(--accent)}.create-dash-section-title{font-size:.85rem;color:var(--text-muted);margin:0 0 .5rem}.template-gallery{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.template-card{display:flex;flex-direction:column;gap:.2rem;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;text-align:left;cursor:pointer;transition:all .15s}.template-card:hover{border-color:var(--accent)}.template-card-selected{border-color:var(--accent);background:#6366f114}.template-card-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.template-card-desc{font-size:.75rem;color:var(--text-muted);line-height:1.3}.template-card-count{font-size:.7rem;color:var(--accent);margin-top:.1rem}.layout-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.layout-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .15s;text-align:center}.layout-card:hover{border-color:var(--accent)}.layout-card-selected{border-color:var(--accent);background:#6366f114}.layout-card-name{font-size:.75rem;font-weight:600;color:var(--text-primary)}.layout-card-desc{font-size:.65rem;color:var(--text-muted);line-height:1.2}.layout-preview{width:100%;max-width:120px;height:auto}.empty-slot{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-subtle);background:transparent;cursor:pointer;transition:all .15s}.empty-slot:hover{border-color:var(--accent);background:#6366f10d}.empty-slot-content{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:var(--text-muted)}.empty-slot-icon{font-size:1.5rem;color:var(--accent);opacity:.6}.empty-slot-label{font-size:.75rem}.create-dash-submit{width:100%;margin-top:.5rem;padding:.6rem}.create-dash-submit:disabled{opacity:.5;cursor:not-allowed}.create-dash-templates{margin-top:1rem}.custom-widget-row-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.my-graphs-view{max-width:800px;margin:0 auto;padding:1rem}.my-graphs-heading{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.my-graphs-counter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.my-graphs-counter-label{font-size:.8rem;color:var(--text-muted);width:100%}.my-graphs-counter-warn{color:var(--error)}.my-graphs-counter-bar{width:100%;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.my-graphs-counter-fill{height:100%;border-radius:2px;transition:width .3s}.my-graphs-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.my-graphs-empty p{margin:0 0 .25rem}.my-graphs-empty-hint{font-size:.8rem;opacity:.7}.my-graphs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.my-graph-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .15s}.my-graph-card:hover{border-color:var(--border-hover, var(--accent))}.my-graph-card-header{display:flex;align-items:center;justify-content:space-between}.my-graph-card-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.my-graph-card-chart-badge{font-size:.65rem;padding:.1rem .4rem;background:var(--bg-elevated);color:var(--text-muted);border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.my-graph-card-name{font-size:.95rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-graph-card-badge{display:inline-block;font-size:.7rem;padding:.1rem .45rem;background:#3b82f626;color:#3b82f6;border-radius:4px;text-transform:uppercase;width:fit-content}.my-graph-card-actions{display:flex;gap:.35rem;margin-top:.5rem;opacity:0;transition:opacity .15s}.my-graph-card:hover .my-graph-card-actions,.my-graph-card:focus-within .my-graph-card-actions{opacity:1}.my-graph-card-actions .btn-edit,.my-graph-card-actions .btn-delete{padding:.25rem .6rem;font-size:.75rem;border-radius:4px;cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);transition:all .15s}.my-graph-card-actions .btn-edit:hover{border-color:var(--accent);color:var(--accent)}.my-graph-card-actions .btn-delete{color:var(--error);border-color:var(--error)}.my-graph-card-actions .btn-delete:hover{background:#ef44441a}.my-graphs-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.75rem;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:50;transition:all .15s;display:flex;align-items:center;justify-content:center}.my-graphs-fab:hover{background:var(--accent-hover);transform:scale(1.05)}.my-graphs-fab:disabled{opacity:.4;cursor:not-allowed;transform:none}@media(max-width:600px){.my-graphs-grid{grid-template-columns:1fr}.my-graph-card-actions{opacity:1}}.my-graphs-sections{display:flex;flex-direction:column;gap:1.5rem}.mg-section{display:flex;flex-direction:column;gap:.75rem}.mg-section-header{display:flex;align-items:center;gap:.5rem}.mg-section-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0}.mg-section-title-btn{background:none;border:none;padding:0;cursor:pointer;color:inherit}.mg-section-title-btn:hover .mg-section-title{color:var(--accent)}.mg-section-count{font-size:.7rem;padding:.1rem .4rem;background:var(--bg-elevated);color:var(--text-muted);border-radius:4px;font-weight:600}.mg-collapse-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}.mg-collapse-btn:hover{color:var(--text-primary)}.mg-collapse-icon{transition:transform .2s}.mg-collapse-icon--collapsed{transform:rotate(-90deg)}.mg-delete-group-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;border-radius:4px;display:flex;align-items:center;margin-left:auto;transition:color .15s}.mg-delete-group-btn:hover{color:var(--error)}.mg-rename-form{flex:1}.mg-rename-input{width:100%;padding:.25rem .5rem;font-size:.85rem;font-weight:600;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--accent);border-radius:4px;outline:none}.mg-empty-group{font-size:.8rem;color:var(--text-muted);font-style:italic;padding:.5rem 0;margin:0}.mg-new-group{margin-top:.5rem}.mg-new-group-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:none;border:1px dashed var(--border-subtle);border-radius:6px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .15s}.mg-new-group-btn:hover{border-color:var(--accent);color:var(--accent)}.mg-new-group-form{display:flex;align-items:center;gap:.5rem}.mg-new-group-input{flex:1;padding:.4rem .6rem;font-size:.85rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;outline:none}.mg-new-group-input:focus{border-color:var(--accent)}.mg-new-group-save{padding:.35rem .75rem;font-size:.8rem;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.mg-new-group-save:disabled{opacity:.5;cursor:not-allowed}.mg-new-group-cancel{padding:.35rem .75rem;font-size:.8rem;background:none;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;white-space:nowrap}.mg-new-group-cancel:hover{color:var(--text-primary)}.gb-group-new{display:flex;gap:.5rem;align-items:center}.gb-group-new__cancel{padding:.35rem .6rem;font-size:.8rem;background:none;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-muted);cursor:pointer;white-space:nowrap}.gb-group-new__cancel:hover{color:var(--text-primary)}.builder-metric-badge{display:inline-block;padding:.3rem .75rem;background:var(--accent-muted);color:var(--accent);border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.dashboard-grid{min-height:200px;touch-action:pan-y}.dashboard-grid:not(.dashboard-grid-editing) .react-grid-item{cursor:default!important}.dashboard-grid:not(.dashboard-grid-editing) .react-grid-item>.react-resizable-handle{display:none!important}.widget-drag-handle{touch-action:none}.dashboard-grid-mobile .react-grid-item>.react-resizable-handle{display:none!important}.dashboard-grid-mobile.dashboard-grid-editing .widget-drag-handle{cursor:grab;background:var(--bg-elevated)}.dashboard-grid-mobile.dashboard-grid-editing .widget-drag-handle:active{cursor:grabbing}.dashboard-grid-mobile.dashboard-grid-editing .react-grid-item.react-draggable-dragging{z-index:100;box-shadow:0 4px 16px #00000026}.dashboard-widget{display:flex;flex-direction:column;height:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:visible}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border-subtle);min-height:36px}.widget-header.widget-drag-handle{cursor:grab}.widget-header.widget-drag-handle:active{cursor:grabbing}.widget-title-group{display:flex;flex-direction:column;overflow:hidden;min-width:0}.widget-title{font-size:.85rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-date-range{font-size:.65rem;color:var(--text-muted);line-height:1.2}.widget-controls{display:flex;align-items:center;gap:3px;margin-top:2px}.widget-range-select{padding:1px 14px 1px 3px;font-size:.6rem;font-weight:500;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;line-height:1.3;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2 3l2 2 2-2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 3px center;background-size:8px;min-height:18px}.widget-range-select:hover{border-color:var(--text-secondary);color:var(--text-primary)}.widget-range-select:focus{outline:1px solid var(--accent);outline-offset:-1px}.widget-yaxis-btn{display:flex;align-items:center;justify-content:center;padding:2px;border:1px solid var(--border-subtle);border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;min-width:18px;min-height:18px;transition:color .15s,border-color .15s,background .15s}.widget-yaxis-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.widget-yaxis-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.widget-yaxis-btn--active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.widget-info-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.5;cursor:help;padding:2px;transition:opacity .15s ease-out}.widget-info-icon:hover{opacity:1}.widget-body{flex:1;min-height:120px;padding:.5rem;overflow:visible;position:relative}.widget-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.85rem}.widget-loading:after{content:"";width:20px;height:20px;border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:widget-spin .6s linear infinite}@keyframes widget-spin{to{transform:rotate(360deg)}}.widget-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.85rem;font-style:italic}.widget-menu-container{position:relative}.widget-menu-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:0 .35rem;line-height:1;border-radius:4px}.widget-menu-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.widget-menu-dropdown{position:absolute;top:100%;right:0;z-index:20;min-width:120px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;box-shadow:0 4px 12px #0006;padding:.25rem 0}.widget-menu-dropdown button{display:block;width:100%;padding:.4rem .75rem;text-align:left;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem}.widget-menu-dropdown button:hover{background:var(--bg-card);color:var(--text-primary)}.widget-menu-delete{color:var(--error)!important}.widget-delete-confirm{padding:.5rem .75rem}.widget-delete-confirm span{font-size:.8rem;color:var(--text-secondary);display:block;margin-bottom:.35rem}.widget-delete-actions{display:flex;gap:.35rem}.dashboard-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.dashboard-empty p{margin:0;font-size:.95rem}.wp-modal{max-width:720px;width:92vw;max-height:85vh;display:flex;flex-direction:column;border-radius:12px;overflow:hidden}.wp-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.wp-header__title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.wp-header__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:color .15s,background .15s}.wp-header__close:hover{color:var(--text-primary);background:var(--bg-elevated)}.wp-header__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wp-warning{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.8rem;font-weight:500}.wp-warning--full{background:#ef44441a;color:var(--error)}.wp-warning--low{background:#f9731614;color:#f97316}.wp-search{position:relative;margin:.75rem 1.25rem 0}.wp-search__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.wp-search__input{width:100%;padding:.55rem 2rem .55rem 2.25rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:8px;font-size:.9rem;outline:none;box-sizing:border-box;transition:border-color .15s}.wp-search__input:focus{border-color:var(--accent)}.wp-search__input::placeholder{color:var(--text-muted)}.wp-search__clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:4px}.wp-search__clear:hover{color:var(--text-primary)}.wp-categories{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem 1.25rem;flex-shrink:0}.wp-chip{padding:.3rem .7rem;font-size:.78rem;font-weight:500;border-radius:100px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s;min-height:32px;display:flex;align-items:center}.wp-chip:hover{border-color:var(--accent);color:var(--text-primary)}.wp-chip--active{background:var(--accent);color:#fff;border-color:var(--accent)}.wp-chip--active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.wp-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wp-preset-group{margin-bottom:.5rem}.wp-preset-group__header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .25rem;margin-bottom:.35rem;background:none;border:none;cursor:pointer;border-radius:6px;transition:background .15s}.wp-preset-group__header:hover{background:var(--bg-elevated)}.wp-preset-group__name{font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em}.wp-preset-group__count{font-size:.65rem;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);border-radius:100px;padding:.1rem .45rem;line-height:1.3}.wp-preset-group__chevron{margin-left:auto;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.wp-preset-group__chevron--collapsed{transform:rotate(-90deg)}.wp-body{flex:1;overflow-y:auto;padding:1rem 1.25rem 1.25rem}.wp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:600px){.wp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.wp-grid{grid-template-columns:1fr}}.wp-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s;cursor:default}.wp-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #00000026}.wp-card--added{opacity:.6}.wp-card--dim{opacity:.5}.wp-card__color-bar{height:3px;width:100%;flex-shrink:0}.wp-card__icon{display:flex;align-items:center;justify-content:center;padding:.75rem .75rem 0}.wp-card__title{font-size:.85rem;font-weight:600;color:var(--text-primary);padding:.25rem .75rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-card__subtitle{font-size:.7rem;color:var(--text-muted);padding:0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-card__action{padding:.5rem .75rem .75rem;margin-top:auto}.wp-card__add-btn{display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;padding:.4rem 0;font-size:.78rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s;min-height:32px}.wp-card__add-btn:hover{background:var(--accent-hover)}.wp-card__add-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wp-card__add-btn--cta{background:transparent;color:var(--accent);border:1px solid var(--accent)}.wp-card__add-btn--cta:hover{background:var(--accent-muted)}.wp-card__badge{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;padding:.35rem 0;font-size:.75rem;font-weight:500;border-radius:6px;text-align:center}.wp-card__badge--added{background:#22c55e1a;color:#22c55e}.wp-card__badge--full{background:#ef44441a;color:var(--error)}.wp-card--cta{border-style:dashed;border-color:var(--accent-muted)}.wp-card--cta:hover{border-color:var(--accent)}.wp-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 .75rem}.wp-divider__line{flex:1;height:1px;background:var(--border-subtle)}.wp-divider__label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.wp-custom-group{margin-top:.75rem}.wp-custom-group__title{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .4rem}.wp-empty{text-align:center;color:var(--text-muted);font-size:.85rem;padding:1.5rem 0}.wp-empty-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.wp-empty-link:hover{color:var(--accent-hover)}@media(prefers-reduced-motion:reduce){.wp-card,.wp-chip,.wp-card__add-btn,.wp-header__close,.wp-search__input,.wp-preset-group__header,.wp-preset-group__chevron,.widget-yaxis-btn{transition:none}}.preset-search{width:100%;padding:.45rem .6rem;margin-bottom:1rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;font-size:.9rem;outline:none;box-sizing:border-box}.preset-search:focus{border-color:var(--accent)}.preset-library{display:flex;flex-direction:column;gap:1.25rem}.preset-category-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.preset-list{display:flex;flex-direction:column;gap:.5rem}.preset-card{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px}.preset-card-info{display:flex;align-items:center;gap:.6rem}.preset-card-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.preset-card-title{font-size:.9rem;color:var(--text-primary);display:block}.preset-card-type{font-size:.75rem;color:var(--text-muted)}.preset-add-btn{padding:.3rem .65rem;border-radius:4px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:.8rem;cursor:pointer;white-space:nowrap}.preset-add-btn:hover{background:var(--accent-hover)}.preset-added{background:transparent;color:var(--text-muted);border-color:var(--border-subtle);cursor:default}.widget-builder{display:flex;flex-direction:column;gap:1rem}.builder-steps{display:flex;gap:.5rem}.builder-step{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-muted);cursor:default;font-size:.85rem;transition:all .2s ease}.builder-step.active{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.builder-step.completed{color:#22c55e;border-color:#22c55e}.builder-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg-elevated);font-size:.75rem;font-weight:600;transition:all .2s ease}.builder-step.active .builder-step-num{background:var(--accent);color:#fff}.builder-section h4{font-size:1rem;color:var(--text-primary);margin-bottom:.75rem}.builder-hint{font-size:.85rem;color:var(--text-muted);margin:0 0 .85rem;line-height:1.45}.builder-errors{margin-top:.5rem;padding:.6rem .85rem;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:10px}.builder-errors p{margin:.15rem 0;font-size:.82rem;color:var(--error)}.builder-field-hint{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.metric-buttons{display:flex;flex-direction:column;gap:.4rem}.metric-btn{display:flex;flex-direction:column;align-items:flex-start;padding:.65rem .85rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-elevated);cursor:pointer;text-align:left;transition:all .15s}.metric-btn:hover{border-color:var(--border-hover)}.metric-btn.active{border-color:var(--accent);background:var(--accent-muted)}.metric-btn-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.metric-btn-desc{font-size:.75rem;color:var(--text-muted)}.filter-chips{margin-top:.75rem}.filter-chips-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.4rem}.chip-list{display:flex;flex-wrap:wrap;gap:.35rem}.filter-chip{padding:.3rem .6rem;border-radius:16px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:all .15s}.filter-chip:hover{border-color:var(--border-hover)}.filter-chip.active{border-color:var(--accent);background:var(--accent-muted);color:var(--accent)}.axis-preview{display:flex;gap:1rem;margin-top:.75rem;padding:.6rem .75rem;background:var(--bg-elevated);border-radius:6px;border:1px solid var(--border-subtle)}.axis-preview-item{display:flex;align-items:center;gap:.4rem}.axis-preview-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.axis-preview-value{font-size:.8rem;color:var(--text-primary)}.chart-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.chart-type-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-elevated);cursor:pointer;text-align:center;transition:all .15s}.chart-type-card:hover:not(.disabled){border-color:var(--border-hover)}.chart-type-card.active{border-color:var(--accent);background:var(--accent-muted)}.chart-type-card.disabled{opacity:.4;cursor:not-allowed}.chart-type-icon{font-size:1.5rem;color:var(--text-primary)}.chart-type-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.chart-type-desc{font-size:.7rem;color:var(--text-muted)}.chart-type-reason{font-size:.65rem;color:var(--error)}.builder-field{margin-bottom:.85rem}.builder-field label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.3rem}.builder-field input[type=text],.builder-field select{width:100%;padding:.55rem .75rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.9rem;min-height:36px;transition:border-color .15s ease,box-shadow .15s ease}.builder-field input[type=text]:focus,.builder-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.builder-field select{border-radius:10px;min-height:40px;padding:.5rem .75rem}.builder-field input[type=color]{width:48px;height:40px;padding:3px;border:2px solid var(--border-subtle);border-radius:10px;background:var(--bg-input);cursor:pointer;transition:border-color .15s ease}.builder-field input[type=color]:hover{border-color:var(--border-hover)}.builder-field input[type=color]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.builder-field input[type=checkbox]{accent-color:var(--accent)}.builder-range-picker{margin-top:.4rem;padding-left:1.5rem}.builder-range-picker select{width:auto;padding:.35rem .5rem;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-input);color:var(--text-primary);font-size:.85rem}.builder-nav{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.25rem;padding-top:.75rem}.builder-back-btn{padding:.5rem 1.25rem;border-radius:10px;border:1.5px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:.88rem;font-weight:500;min-height:42px;transition:all .15s ease}.builder-back-btn:hover{background:var(--bg-elevated);border-color:var(--border-hover);color:var(--text-primary)}.builder-add-field-btn{background:none;border:1.5px dashed var(--border-subtle);border-radius:10px;padding:.65rem;color:var(--text-muted);cursor:pointer;font-size:.88rem;font-weight:500;width:100%;transition:all .2s ease;margin-top:.5rem}.builder-add-field-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.builder-next-btn,.builder-save-btn{margin-top:1rem;padding:.55rem 1.5rem;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-height:42px;transition:all .2s ease}.builder-next-btn:hover,.builder-save-btn:hover{background:var(--accent-hover);box-shadow:0 2px 8px var(--accent-muted)}.builder-save-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.builder-delete-link{display:block;margin-top:.75rem;padding:.4rem 0;background:none;border:none;color:var(--error);cursor:pointer;font-size:.82rem;text-align:center;transition:opacity .15s ease}.builder-delete-link:hover{text-decoration:underline;opacity:.85}.widget-builder-v2{display:flex;flex-direction:column;gap:.75rem}.wb-search{position:relative}.wb-search input{width:100%;padding:.5rem 2rem .5rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.wb-search input:focus{outline:none;border-color:var(--accent)}.wb-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.2rem}.wb-group-chips{display:flex;gap:.35rem;flex-wrap:wrap}.wb-chip{padding:.3rem .65rem;border-radius:20px;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s}.wb-chip:hover{border-color:var(--accent);color:var(--text-primary)}.wb-chip-active{background:var(--accent);color:#fff;border-color:var(--accent)}.wb-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;max-height:200px;overflow-y:auto}.wb-type-card{display:flex;align-items:center;gap:.4rem;padding:.45rem .6rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;text-align:left;transition:all .15s;min-height:40px}.wb-type-card:hover{border-color:var(--accent)}.wb-type-selected{border-color:var(--accent);background:#6366f11a}.wb-type-emoji{font-size:1rem;flex-shrink:0}.wb-type-name{font-size:.78rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.wb-type-badge{font-size:.6rem;color:var(--text-muted);background:var(--bg-card);padding:.1rem .3rem;border-radius:3px;flex-shrink:0}.wb-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-size:.85rem;padding:1rem}.wb-config{border-top:1px solid var(--border-subtle);padding-top:.75rem;display:flex;flex-direction:column;gap:.6rem}.wb-selected-type{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.wb-chart-types{display:flex;gap:.35rem}.wb-chart-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;transition:all .15s;font-size:.75rem;color:var(--text-muted)}.wb-chart-btn:hover{border-color:var(--accent)}.wb-chart-active{border-color:var(--accent);background:#6366f11a;color:var(--accent)}.wb-chart-icon{font-size:1rem}.wb-filter-row{padding:.5rem 0 .25rem;border-top:1px solid var(--border-subtle);margin-top:.25rem}.wb-fields{display:flex;flex-direction:column;gap:.5rem}.wb-row{display:flex;gap:.5rem;align-items:flex-end}.wb-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.25rem}.react-grid-item.react-grid-placeholder{background:var(--accent-muted)!important;border:2px dashed var(--accent)!important;border-radius:8px;opacity:.5}.react-grid-item>.react-resizable-handle{background:none}.react-grid-item>.react-resizable-handle:after{border-right-color:var(--text-muted)!important;border-bottom-color:var(--text-muted)!important}@media(max-width:600px){.chart-type-grid{grid-template-columns:repeat(2,1fr)}.builder-steps{flex-wrap:wrap;justify-content:center}.template-gallery{grid-template-columns:1fr}.create-dash-modal .modal{max-width:100%;border-radius:12px 12px 0 0}.axis-preview{flex-direction:column;gap:.5rem}.metric-buttons{grid-template-columns:1fr 1fr}.react-grid-item>.react-resizable-handle{display:none}.types-grid{grid-template-columns:1fr}.type-card-actions{opacity:1}.behavior-picker{grid-template-columns:1fr}.type-builder-modal{max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.type-builder-modal .builder-step{font-size:.72rem;padding:.4rem .5rem}.type-builder-modal .builder-step-num{width:28px;height:28px;font-size:.75rem}}.event-schedule-indicator,.event-import-indicator{display:inline-flex;align-items:center;margin-left:.35rem;color:var(--text-muted);opacity:.7;vertical-align:middle}.schedules-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.schedules-header-row h1{margin:0}.screen-subtitle{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0 0}.schedules-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.schedules-view-switcher{display:flex;gap:0;background:var(--bg-elevated);border-radius:999px;padding:3px}.schedules-view-switcher button{padding:.35rem .85rem;font-size:.8rem;font-weight:500;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:999px;transition:background .15s,color .15s}.schedules-view-switcher button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}.schedules-timetable-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.schedules-timetable-scroll .weekly-view{min-width:600px}.schedules-create-btn{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap}.schedules-create-btn:hover:not(:disabled){background:var(--accent-hover)}.schedules-create-btn:disabled{opacity:.5;cursor:not-allowed}.schedules-usage{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.8rem;color:var(--text-muted)}.schedules-usage-warning{color:#f97316;font-size:.8rem}.schedules-usage-bar{width:100%;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.schedules-usage-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.schedules-usage-fill--full{background:#f97316}.schedules-toolbar{display:flex;gap:.5rem;margin:1rem 0 .75rem}.schedules-search{flex:1;padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.85rem}.schedules-search::placeholder{color:var(--text-muted)}.schedules-sort{padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer}.weekly-view{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;margin-bottom:1.5rem}.weekly-view-day{display:flex;flex-direction:column;min-height:100px;background:var(--bg-page)}.weekly-view-day-label{padding:.5rem .25rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-card);display:flex;flex-direction:column;align-items:center;gap:.1rem}.weekly-view-day-name{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.weekly-view-day-date{font-size:.7rem;font-weight:500;color:var(--text-muted);letter-spacing:0}.weekly-view-day--today .weekly-view-day-label{background:var(--accent);border-bottom:2px solid var(--accent-hover)}.weekly-view-day--today .weekly-view-day-name,.weekly-view-day--today .weekly-view-day-date{color:#fff;font-weight:700}.weekly-view-day-items{padding:.35rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.weekly-view-empty{color:var(--text-muted);font-size:.75rem;text-align:center;padding:.5rem 0}.weekly-view-item{display:flex;flex-direction:column;gap:1px;padding:.3rem .4rem;background:var(--bg-elevated);border-radius:6px;font-size:.75rem}.weekly-view-item-emoji{font-size:.85rem}.weekly-view-item-name{color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weekly-view-item-time{color:var(--text-muted);font-size:.65rem}.schedule-list{display:flex;flex-direction:column;gap:.75rem}.schedule-list-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem}.schedule-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem 1.25rem;transition:opacity .2s}.schedule-card--disabled{opacity:.5}.schedule-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.schedule-card-title{display:flex;align-items:center;gap:.5rem}.schedule-card-emoji{font-size:1.3rem}.schedule-card-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.schedule-card-info{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem;font-size:.85rem}.schedule-card-recurrence{color:var(--text-secondary)}.schedule-card-time{color:var(--accent)}.schedule-card-type{color:var(--text-muted)}.schedule-card-actions{display:flex;gap:.5rem}.schedule-card-btn{padding:.35rem .75rem;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer}.schedule-card-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.schedule-card-btn--delete:hover{border-color:var(--error);color:var(--error)}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch-slider{position:absolute;inset:0;background:var(--bg-elevated);border-radius:22px;border:1px solid var(--border-subtle);transition:background .2s}.toggle-switch-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:var(--text-secondary);border-radius:50%;transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-switch-slider{background:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-switch-slider:before{transform:translate(18px);background:#fff}.schedule-modal{max-width:480px}.schedule-type-picker{padding:1rem 1.25rem}.schedule-type-search{width:100%;padding:.6rem .75rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.9rem;margin-bottom:.75rem}.schedule-type-search::placeholder{color:var(--text-muted)}.schedule-type-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.schedule-type-empty{color:var(--text-muted);text-align:center;padding:1rem;font-size:.9rem}.schedule-type-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:transparent;border:none;border-radius:8px;cursor:pointer;width:100%;text-align:left;color:var(--text-primary)}.schedule-type-option:hover{background:var(--bg-elevated)}.schedule-type-option-emoji{font-size:1.3rem;flex-shrink:0}.schedule-type-option-name{flex:1;font-weight:500}.schedule-type-option-behavior{color:var(--text-muted);font-size:.75rem}.schedule-form{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.schedule-form-type-badge{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg-elevated);border-radius:8px;font-size:.95rem;color:var(--text-primary)}.schedule-form-change{margin-left:auto;background:none;border:none;color:var(--accent);font-size:.8rem;cursor:pointer}.schedule-form-change:hover{text-decoration:underline}.schedule-form-group{display:flex;flex-direction:column;gap:.35rem}.schedule-form-group label:first-child{color:var(--text-secondary);font-size:.85rem;font-weight:500}.schedule-form-group input[type=text],.schedule-form-group input[type=date],.schedule-form-group input[type=time]{padding:.55rem .75rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.9rem}.schedule-form-radios{display:flex;gap:1rem}.schedule-form-radio{display:flex;align-items:center;gap:.4rem;color:var(--text-primary);font-size:.9rem;cursor:pointer}.schedule-form-days{display:flex;flex-wrap:wrap;gap:.35rem}.schedule-form-day{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.schedule-form-day:hover{border-color:var(--accent);color:var(--text-primary)}.schedule-form-day--active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 8px #6366f166}.schedule-form-time-row{display:flex;align-items:center;gap:.5rem}.schedule-form-time-sep{color:var(--text-muted);font-size:.85rem}.schedule-form-error{color:var(--error);font-size:.85rem;margin:0}.schedule-form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.schedule-form-submit{padding:.55rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.schedule-form-submit:hover:not(:disabled){background:var(--accent-hover)}.schedule-form-submit:disabled{opacity:.5;cursor:not-allowed}.schedule-form-cancel{padding:.55rem 1.25rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer}.schedule-form-cancel:hover{background:var(--bg-elevated);color:var(--text-primary)}.schedule-form-select{padding:.55rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;width:100%;cursor:pointer}.schedule-form-time-remove{padding:.35rem .6rem;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:1rem;cursor:pointer;line-height:1;flex-shrink:0}.schedule-form-time-remove:hover{border-color:var(--error);color:var(--error)}.schedule-form-add-time{margin-top:4px;padding:.35rem .75rem;background:none;border:1px dashed var(--border);border-radius:6px;color:var(--accent);font-size:.85rem;cursor:pointer;align-self:flex-start}.schedule-form-add-time:hover{border-color:var(--accent);background:var(--accent-muted, color-mix(in srgb, var(--accent) 10%, transparent))}@media(max-width:768px){.weekly-view{grid-template-columns:repeat(7,1fr);gap:1px}.weekly-view-day{min-height:70px}.weekly-view-item{font-size:.65rem;padding:.2rem .25rem}.weekly-view-item-name{font-size:.65rem}.weekly-view-item-time{display:none}.weekly-view-day-name,.weekly-view-day-date{font-size:.6rem}.schedule-modal{max-width:100%;border-radius:12px 12px 0 0}}.notification-bell{position:relative;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.notification-bell:hover{color:var(--text-primary)}.notification-bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:8px;background:var(--notification-badge);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-bell-badge:empty,.notification-bell-badge[data-count="0"]{display:none}.notification-dropdown{position:absolute;top:100%;right:0;width:340px;max-height:440px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 24px #0006;z-index:100;display:flex;flex-direction:column;overflow:hidden}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);font-weight:600;font-size:.9rem;color:var(--text-primary)}.notification-dropdown-body{flex:1;overflow-y:auto;padding:.5rem}.notification-dropdown-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.notification-dropdown-backdrop{display:none}.notification-card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:8px;transition:background .15s}.notification-card:hover{background:var(--bg-elevated)}.notification-card-top{display:flex;align-items:center;gap:.5rem}.notification-card-emoji{font-size:1.2rem}.notification-card-name{flex:1;font-weight:500;color:var(--text-primary);font-size:.85rem}.notification-card-time{font-size:.75rem;color:var(--color-reminder);font-weight:500}.notification-card-actions{display:flex;gap:.5rem;justify-content:flex-end}.notification-card-btn{padding:.3rem .7rem;border-radius:6px;font-size:.75rem;cursor:pointer;border:1px solid transparent}.notification-card-btn:disabled{opacity:.5;cursor:not-allowed}.notification-card-btn--accept{background:var(--accent);color:#fff;border-color:var(--accent)}.notification-card-btn--accept:hover:not(:disabled){opacity:.9}.notification-card-btn--snooze{background:transparent;color:var(--color-reminder);border-color:var(--color-reminder)}.notification-card-btn--snooze:hover:not(:disabled){background:var(--color-reminder-muted)}.notification-card-btn--dismiss{background:transparent;color:var(--text-secondary);border-color:var(--border-subtle)}.notification-card-btn--dismiss:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.schedule-card--reminder{border-left:3px solid var(--color-reminder)}.schedule-card-mode{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .5rem;border-radius:4px;margin-bottom:.25rem}.schedule-card-mode--auto{color:var(--color-autolog);background:#22c55e1a}.schedule-card-mode--reminder{color:var(--color-reminder);background:var(--color-reminder-muted)}.weekly-view-item--reminder{border:1px dashed var(--color-reminder)!important;opacity:.85;background:#f59e0b14!important}.schedule-type-section-header{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.5rem .75rem .25rem}@media(max-width:768px){.notification-dropdown{position:fixed;inset:auto 0 0;width:100%;max-height:70vh;border-radius:16px 16px 0 0;border:none;border-top:1px solid var(--border-subtle)}.notification-dropdown-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:99}}.gb-fullscreen{position:fixed;inset:0;z-index:1000;background:var(--bg-page);display:flex;flex-direction:column}.gb-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0}.gb-header__title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.gb-header__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s ease-out,background .2s ease-out}.gb-header__close:hover{color:var(--text-primary);background:var(--accent-muted)}.gb-header__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-body{display:flex;flex:1;overflow:hidden}.gb-step-nav{width:60px;display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;gap:0;background:var(--bg-elevated);border-right:1px solid var(--border-subtle);flex-shrink:0}.gb-step-nav__item{display:flex;flex-direction:column;align-items:center}.gb-step-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;border:2px solid var(--border-subtle);color:var(--text-muted);background:var(--bg-card);cursor:pointer;transition:all .2s ease-out}.gb-step-circle:disabled{cursor:default;opacity:.5}.gb-step-circle:not(:disabled):hover{border-color:var(--accent)}.gb-step-circle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-step-circle--active{background:var(--accent);color:#fff;border-color:var(--accent);opacity:1}.gb-step-circle--completed{background:#22c55e1f;color:#22c55e;border-color:#22c55e;opacity:1}.gb-step-label{font-size:.75rem;color:var(--text-muted);margin-top:.35rem;text-align:center;line-height:1.2;max-width:56px;word-wrap:break-word}.gb-step-line{width:2px;height:24px;background:var(--border-subtle);transition:background .2s ease-out}.gb-step-line--active{background:#22c55e}.gb-config{flex:1;overflow-y:auto;padding:2rem;min-width:400px;display:flex;flex-direction:column;position:relative}.gb-preview{width:340px;flex-shrink:0;padding:1.5rem;border-left:1px solid var(--border-subtle);background:var(--bg-elevated);position:sticky;top:0;align-self:flex-start;max-height:calc(100vh - 60px);overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.gb-preview__title{font-size:.875rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-preview__chart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:280px}.gb-preview__mini-summary{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);text-transform:capitalize;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.gb-preview__mini-item{white-space:nowrap}.gb-preview__mini-sep{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.5;flex-shrink:0}.gb-preview-live{width:100%;height:260px;min-height:220px;position:relative}.gb-preview-live:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);background-size:200% 100%;animation:gb-shimmer 2s linear infinite;pointer-events:none;border-radius:8px;z-index:1;opacity:0;transition:opacity .3s}.gb-preview-live:empty:before{opacity:1}@keyframes gb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gb-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem}.gb-preview-placeholder__icon{color:var(--text-muted);opacity:.35}.gb-preview-placeholder__text{font-size:.75rem;color:var(--text-muted);text-align:center;line-height:1.4}.gb-preview-legend{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.gb-preview-legend__item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-secondary)}.gb-preview-legend__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gb-preview-legend__axis{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:var(--accent-muted);color:var(--accent);font-size:.75rem;font-weight:700;flex-shrink:0}.gb-preview-legend__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-preview-overlays{display:flex;flex-wrap:wrap;gap:.4rem;width:100%;justify-content:center}.gb-preview-overlay-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-muted);padding:.2rem .5rem;border-radius:4px;background:var(--bg-card);border:1px solid var(--border-subtle)}.gb-preview-overlay-tag__line{width:12px;height:2px;border-radius:1px}.gb-action-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-top:auto;border-top:1px solid var(--border-subtle);background:var(--bg-page);gap:.5rem}.gb-action-bar__step-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.gb-action-bar__back{padding:.5rem 1.25rem;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-out;min-height:44px}.gb-action-bar__back:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.gb-action-bar__back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-action-bar__next,.gb-action-bar__save{padding:.5rem 1.5rem;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-out;min-height:44px}.gb-action-bar__next:hover,.gb-action-bar__save:hover{background:var(--accent-hover)}.gb-action-bar__next:disabled{opacity:.5;cursor:not-allowed}.gb-action-bar__next:focus-visible,.gb-action-bar__save:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-action-bar__save--saving{opacity:.7;cursor:wait;pointer-events:none}.gb-step-content{display:flex;flex-direction:column;gap:1.25rem;animation:gb-fadeIn .2s ease-out}@keyframes gb-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gb-step-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.gb-step-hint{font-size:.875rem;color:var(--text-muted);margin:-.5rem 0 0;line-height:1.5}.gb-section{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;animation:gb-fadeIn .2s ease-out}.gb-section--collapsible{padding:1rem 1.25rem}.gb-section__heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.gb-section__toggle{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;padding:.5rem 0;cursor:pointer;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:left;min-height:44px}.gb-section__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.gb-section__chevron{transition:transform .2s ease-out;flex-shrink:0}.gb-section__chevron--open{transform:rotate(180deg)}.gb-section__optional{font-weight:400;font-size:.75rem;text-transform:none;letter-spacing:0}.gb-section__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;padding:0 4px;text-transform:none;letter-spacing:0}.gb-section__body{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.gb-configure{display:flex;flex-direction:column;animation:gb-fadeIn .2s ease-out}.gb-quickstart-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin-bottom:.5rem}.gb-quickstart-card{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border:1px solid var(--border-subtle);border-radius:10px;min-height:44px;background:var(--bg-elevated);cursor:pointer;text-align:left;transition:all .2s ease-out}.gb-quickstart-card:hover{border-color:var(--accent);background:var(--accent-muted);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.gb-quickstart-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-quickstart-card__icon{color:var(--accent);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--accent-muted)}.gb-quickstart-card__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.gb-quickstart-card__label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.gb-quickstart-card__desc{font-size:.75rem;color:var(--text-muted);line-height:1.3}.gb-chart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.gb-chart-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .65rem;background:var(--bg-elevated);border:1.5px solid var(--border-subtle);border-radius:12px;cursor:pointer;text-align:center;min-height:44px;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out,background .2s ease-out}.gb-chart-card:hover{border-color:var(--border-hover);transform:scale(1.03) translateY(-2px);box-shadow:0 4px 12px #0000001f}.gb-chart-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-chart-card--active{border-color:var(--accent);background:var(--accent-muted);box-shadow:0 0 0 1px var(--accent);animation:gb-card-select .3s ease-out}@keyframes gb-card-select{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.gb-chart-card__icon{color:var(--text-secondary);margin-bottom:.2rem}.gb-chart-card--active .gb-chart-card__icon{color:var(--accent)}.gb-chart-card__label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.gb-chart-card__desc{font-size:.75rem;color:var(--text-muted);line-height:1.3}.gb-chart-card__learn{font-size:.75rem;color:var(--accent);background:none;border:none;padding:.25rem .5rem;margin-top:.25rem;cursor:pointer;text-decoration:none;font-weight:500;transition:color .2s ease-out;min-height:44px;display:inline-flex;align-items:center}.gb-chart-card__learn:hover{text-decoration:underline;color:var(--accent-hover)}.gb-chart-card__learn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-series-list{display:flex;flex-direction:column;gap:.6rem}.gb-series-card{border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-card);cursor:pointer;transition:all .2s ease-out;min-height:44px}.gb-series-card:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.gb-series-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-series-card__header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;min-height:44px}.gb-series-card__color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.gb-series-card__emoji{font-size:1.125rem;flex-shrink:0}.gb-series-card__name{font-size:.875rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-series-card__field{font-size:.75rem;color:var(--text-muted);background:var(--bg-elevated);padding:.15rem .5rem;border-radius:4px;flex-shrink:0}.gb-series-card__agg{font-size:.75rem;color:var(--accent);font-weight:500;flex-shrink:0}.gb-series-card__axis{font-size:.75rem;font-weight:700;color:var(--text-muted);background:var(--bg-elevated);min-width:24px;height:24px;padding:0 .3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;border:1px solid var(--border-subtle)}.gb-series-card__axis--right{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.gb-series-card__filter{font-size:.75rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.2rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.gb-series-card__placeholder{font-size:.875rem;color:var(--text-muted);flex:1}.gb-series-card__remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;border-radius:4px;line-height:1;margin-left:auto;flex-shrink:0;transition:color .2s ease-out;display:flex;align-items:center;justify-content:center}.gb-series-card__remove:hover{color:var(--error)}.gb-series-card__remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-series-editor{border:1.5px solid var(--accent);border-radius:12px;background:var(--bg-card);overflow:hidden;animation:gb-expand-in .25s ease-out}@keyframes gb-expand-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.gb-series-editor__header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);background:var(--accent-muted);min-height:44px}.gb-series-editor__title{font-size:.875rem;font-weight:600;color:var(--text-primary);flex:1}.gb-series-editor__collapse{background:none;border:none;color:var(--accent);font-size:.75rem;font-weight:500;cursor:pointer;padding:.5rem;min-height:44px;border-radius:4px;transition:background .2s ease-out;display:inline-flex;align-items:center}.gb-series-editor__collapse:hover{background:var(--accent-muted)}.gb-series-editor__collapse:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-series-editor__section{padding:1rem;border-bottom:1px solid var(--border-subtle)}.gb-series-editor__section:last-child{border-bottom:none}.gb-series-editor__section--filter{background:color-mix(in srgb,var(--accent) 3%,transparent);border-left:3px solid var(--accent)}.gb-label__badge{display:inline-flex;align-items:center;margin-left:.5rem;padding:.1rem .45rem;font-size:.65rem;font-weight:600;border-radius:10px;background:var(--accent-muted);color:var(--accent);vertical-align:middle}.gb-hint{font-size:.75rem;color:var(--text-muted);margin-top:.4rem;line-height:1.4}.gb-filter-picker{margin-top:.6rem}.gb-filter-picker__actions{display:flex;gap:.5rem;margin-bottom:.5rem}.gb-filter-picker__action{background:none;border:none;color:var(--accent);font-size:.75rem;font-weight:500;cursor:pointer;padding:.5rem .25rem;min-height:44px;text-decoration:underline;text-underline-offset:2px;display:inline-flex;align-items:center}.gb-filter-picker__action:hover{opacity:.8}.gb-filter-picker__action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-filter-chips{display:flex;flex-wrap:wrap;gap:.4rem}.gb-filter-chip{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:20px;font-size:.75rem;font-weight:500;border:1.5px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .2s ease-out;min-height:44px}.gb-filter-chip:hover{border-color:var(--accent);transform:scale(1.04)}.gb-filter-chip:active{transform:scale(.95)}.gb-filter-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-filter-chip--selected{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent);transform:scale(1)}.gb-field-filter-group{margin-top:.6rem}.gb-field-filter-group__label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem;text-transform:capitalize}.gb-axis-summary{display:flex;flex-direction:column;gap:.5rem}.gb-axis-summary__group{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.gb-axis-summary__label{font-size:.75rem;font-weight:600;color:var(--text-muted);min-width:70px;flex-shrink:0}.gb-axis-summary__items{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.gb-axis-summary__tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:.2rem .5rem}.gb-axis-summary__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gb-axis-summary__none{font-size:.75rem;color:var(--text-muted);font-style:italic}.gb-add-btn{width:100%;padding:.75rem;border:2px dashed var(--border-subtle);border-radius:10px;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px}.gb-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted);transform:translateY(-2px);box-shadow:0 3px 10px #0000000f}.gb-add-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-add-btn__icon{font-size:1.125rem;font-weight:700}.gb-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem}.gb-label--sm{font-size:.75rem;font-weight:500;margin-bottom:.3rem}.gb-input{height:44px;padding:0 .75rem;font-size:.875rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-card);color:var(--text-primary);width:100%;box-sizing:border-box;transition:border-color .2s ease-out}.gb-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.gb-input--narrow{max-width:180px}.gb-input--title{height:48px;font-size:1rem;font-weight:500}.gb-checkbox{accent-color:var(--accent);width:18px;height:18px;cursor:pointer}.gb-type-search{position:relative;margin-bottom:.6rem}.gb-type-search__clear{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .2s ease-out}.gb-type-search__clear:hover{color:var(--text-primary)}.gb-type-search__clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-group-chips{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.6rem}.gb-chip{min-height:44px;padding:0 .75rem;border-radius:22px;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all .2s ease-out;white-space:nowrap}.gb-chip:hover{border-color:var(--accent);color:var(--text-primary)}.gb-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-chip--active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.gb-chip__badge{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.03em}.gb-chip__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gb-field-chips{display:flex;flex-wrap:wrap;gap:.35rem}.gb-type-list{display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow-y:auto;padding-right:.25rem}.gb-type-list--compact{max-height:170px}.gb-type-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease-out;min-height:44px}.gb-type-option:hover{border-color:var(--accent)}.gb-type-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-type-option--selected{border-color:var(--accent);background:var(--accent-muted);animation:gb-type-selected .2s ease-out}@keyframes gb-type-selected{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.gb-type-option--computed{border-style:dashed}.gb-type-option__emoji{font-size:1.125rem;flex-shrink:0}.gb-type-option__name{font-size:.875rem;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-type-option__behavior{font-size:.75rem;color:var(--text-muted);text-transform:capitalize;flex-shrink:0}.gb-empty{text-align:center;color:var(--text-muted);font-size:.875rem;padding:1rem 0}.gb-segmented{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle)}.gb-segmented--narrow{display:inline-flex;width:auto}.gb-segmented__btn{flex:1;min-height:44px;padding:0 1rem;font-size:.875rem;font-weight:500;background:var(--bg-card);border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease-out;border-right:1px solid var(--border-subtle);white-space:nowrap}.gb-segmented__btn:last-child{border-right:none}.gb-segmented__btn:hover{color:var(--text-primary)}.gb-segmented__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.gb-segmented__btn--active{background:var(--accent);color:#fff}.gb-color-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gb-color-row--sm{gap:.4rem}.gb-color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease-out;padding:8px;box-sizing:content-box}.gb-color-swatch:hover{transform:scale(1.15)}.gb-color-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-color-swatch--active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--accent);animation:gb-color-pop .25s ease-out}@keyframes gb-color-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.gb-color-swatch--sm{width:22px;height:22px;padding:6px}.gb-color-custom{width:28px;height:28px;padding:8px;border:1px solid var(--border-subtle);border-radius:50%;background:var(--bg-card);cursor:pointer;box-sizing:content-box}.gb-color-custom:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-config-section{margin-bottom:1.25rem}.gb-config-section:last-child{margin-bottom:0}.gb-date-range-chips{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.6rem}.gb-custom-date-row{display:flex;gap:.75rem;margin-top:.6rem}.gb-custom-date-field{flex:1}.gb-toggle-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;cursor:pointer;min-height:44px}.gb-toggle-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.gb-toggle-hint{font-size:.75rem;color:var(--text-muted);width:100%;padding-left:2rem;line-height:1.4}.gb-axis-label-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.gb-axis-label-field{display:flex;flex-direction:column}.gb-scatter-layout{display:flex;gap:1.25rem}.gb-scatter-axis{flex:1;min-width:0}.gb-scatter-axis__label{font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.04em}.gb-scatter-axis__selected{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:var(--accent-muted);border:1px solid var(--accent);border-radius:10px;margin-bottom:.6rem}.gb-scatter-axis__emoji{font-size:1.125rem}.gb-scatter-axis__name{font-size:.875rem;font-weight:500;color:var(--text-primary);flex:1}.gb-scatter-axis__change{background:none;border:none;color:var(--accent);font-size:.75rem;font-weight:500;cursor:pointer;padding:.5rem;min-height:44px;border-radius:4px;transition:background .2s ease-out;display:inline-flex;align-items:center}.gb-scatter-axis__change:hover{background:var(--accent-muted)}.gb-scatter-axis__change:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-scatter-axis__config{display:flex;flex-direction:column;gap:.75rem;margin-top:.6rem}.gb-scatter-axis__row{display:flex;flex-direction:column;gap:.3rem}.gb-scatter-divider{display:flex;align-items:center;padding:0 .75rem}.gb-scatter-vs{font-size:1rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;transition:all .2s ease-out;opacity:.6}.gb-scatter-layout:has(.gb-scatter-axis__selected) .gb-scatter-vs{opacity:1;color:var(--accent)}.gb-overlay-list{display:flex;flex-direction:column;gap:.6rem}.gb-overlay-card{border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-card);overflow:hidden;animation:gb-slide-up .2s ease-out}@keyframes gb-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gb-overlay-card__header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border-subtle);min-height:44px}.gb-overlay-card__type{font-size:.875rem;font-weight:600;color:var(--text-primary)}.gb-overlay-card__remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease-out}.gb-overlay-card__remove:hover{color:var(--error)}.gb-overlay-card__remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-overlay-card__body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.6rem}.gb-overlay-field{display:flex;flex-direction:column;gap:.3rem}.gb-overlay-add-row{display:flex;flex-direction:column;gap:.5rem}.gb-overlay-add-btn{display:flex;align-items:center;gap:.65rem;padding:.7rem 1rem;border:1px dashed var(--border-subtle);border-radius:10px;background:none;cursor:pointer;text-align:left;transition:all .2s ease-out;min-height:44px}.gb-overlay-add-btn:hover{border-color:var(--accent);background:var(--accent-muted);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.gb-overlay-add-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-overlay-add-btn__icon{color:var(--accent);flex-shrink:0;display:flex;align-items:center;justify-content:center}.gb-overlay-add-btn__text{display:flex;flex-direction:column;gap:.1rem}.gb-overlay-add-btn__label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.gb-overlay-add-btn__desc{font-size:.75rem;color:var(--text-muted);line-height:1.3}.gb-empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.gb-empty-state svg{opacity:.4}.gb-empty-hint{font-size:.875rem;color:var(--text-muted);text-align:center;padding:.5rem 0;line-height:1.4}.gb-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-out;min-height:44px}.gb-btn:hover{background:var(--bg-elevated)}.gb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gb-btn--accent{background:var(--accent);color:#fff;border-color:var(--accent)}.gb-btn--accent:hover{background:var(--accent-hover)}.gb-summary{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px}.gb-summary__section{display:flex;align-items:flex-start;gap:.6rem}.gb-summary__label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;min-width:65px;flex-shrink:0;padding-top:.15rem}.gb-summary__value{font-size:.875rem;color:var(--text-primary);display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.gb-summary__series-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;font-size:.75rem}.gb-summary__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.gb-summary__field-badge{font-size:.75rem;color:var(--text-muted);background:var(--bg-elevated);padding:.05rem .35rem;border-radius:4px}.gb-help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.75rem;font-weight:700;cursor:help;position:relative;vertical-align:middle;margin-left:.25rem}.gb-help-icon__tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:.5rem .75rem;font-size:.75rem;font-weight:400;color:var(--text-secondary);line-height:1.4;width:240px;max-width:90vw;box-shadow:0 4px 12px #00000026;z-index:10;pointer-events:none}.gb-help-icon:hover .gb-help-icon__tooltip,.gb-help-icon:focus .gb-help-icon__tooltip{display:block}@media(prefers-reduced-motion:reduce){.gb-chart-card,.gb-chart-card:hover,.gb-chart-card--active,.gb-series-card,.gb-series-card:hover,.gb-series-editor,.gb-add-btn,.gb-add-btn:hover,.gb-overlay-card,.gb-overlay-add-btn,.gb-overlay-add-btn:hover,.gb-step-content,.gb-configure,.gb-section,.gb-color-swatch,.gb-color-swatch:hover,.gb-color-swatch--active,.gb-step-circle,.gb-segmented__btn,.gb-chip,.gb-type-option,.gb-type-option--selected,.gb-filter-chip,.gb-filter-chip:hover,.gb-filter-chip:active,.gb-filter-chip--selected,.gb-quickstart-card,.gb-quickstart-card:hover{animation:none!important;transition:none!important;transform:none!important}.gb-action-bar__save,.gb-preview-placeholder__icon{animation:none!important}.gb-preview-live:before{animation:none!important;display:none}.gb-section__chevron{transition:none!important}}@media(max-width:1199px){.gb-step-nav{width:auto;flex-direction:row;padding:.75rem 1rem;border-right:none;border-bottom:1px solid var(--border-subtle);gap:.5rem;justify-content:center}.gb-step-nav__item{flex-direction:row;align-items:center;gap:.4rem}.gb-step-line{width:24px;height:2px}.gb-step-label{margin-top:0;font-size:.75rem;max-width:none}.gb-step-circle{width:36px;height:36px;font-size:.875rem}.gb-body{flex-direction:column}.gb-config{min-width:0;padding:1.5rem}.gb-preview{width:100%;max-height:280px;border-left:none;border-top:1px solid var(--border-subtle);position:static;flex-direction:row;flex-wrap:wrap;gap:.75rem;padding:1rem}.gb-preview__title{width:100%}.gb-preview__chart{min-height:200px;flex:1}}@media(max-width:899px){.gb-step-nav{overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.gb-config{padding:1rem}.gb-preview{max-height:220px}.gb-chart-grid{grid-template-columns:repeat(2,1fr)}.gb-scatter-layout{flex-direction:column}.gb-scatter-divider{justify-content:center;padding:.25rem 0}.gb-quickstart-row{grid-template-columns:1fr 1fr}.gb-axis-label-grid{grid-template-columns:1fr}}@media(max-width:599px){.gb-step-label{display:none}.gb-chart-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.gb-chart-card{padding:.75rem .5rem}.gb-quickstart-row{grid-template-columns:1fr}.gb-action-bar{padding:.75rem 0}.gb-section{padding:1rem;border-radius:10px;margin-bottom:1rem}}.guide-screen{max-width:800px;margin:0 auto;padding:24px}.guide-header{margin-bottom:24px}.guide-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.guide-header p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.guide-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.guide-toc-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s;-webkit-user-select:none;user-select:none}.guide-toc-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.guide-toc-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guide-toc-item--active{border-color:var(--accent);color:var(--accent)}.guide-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:12px;overflow:hidden}.guide-section-header{display:flex;align-items:center;padding:16px;gap:12px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.guide-section-header:hover{background:var(--bg-elevated)}.guide-section-header:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}.guide-section-header-text{flex:1;min-width:0}.guide-section-title{font-weight:600;font-size:1rem;color:var(--text-primary);margin:0}.guide-section-subtitle{font-size:.85rem;color:var(--text-muted);margin:2px 0 0}.guide-section-chevron{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);transition:transform .25s ease}.guide-section-chevron--expanded{transform:rotate(90deg)}.guide-section-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.guide-section-body--expanded{grid-template-rows:1fr}.guide-section-body-inner{overflow:hidden}.guide-section-content{padding:0 16px 16px}.guide-overview{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.guide-subsection{border-left:3px solid var(--accent-muted);padding-left:16px;margin-bottom:20px}.guide-subsection:last-child{margin-bottom:0}.guide-subsection-title{font-weight:600;font-size:.95rem;color:var(--text-primary);margin:0 0 6px}.guide-subsection-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.55;margin:0 0 10px}.guide-steps{list-style:none;margin:0;padding:0}.guide-step{display:flex;gap:12px}.guide-step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.guide-step-number{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-step-line{width:2px;flex:1;background:var(--border-subtle)}.guide-step-content{flex:1;padding-bottom:14px}.guide-step:last-child .guide-step-content{padding-bottom:0}.guide-step:last-child .guide-step-line{display:none}.guide-step-label{font-weight:600;font-size:.875rem;color:var(--text-primary);margin:0 0 2px}.guide-step-detail{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}.guide-use-cases{list-style:none;margin:8px 0 0;padding:0}.guide-use-cases li{position:relative;padding-left:16px;font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.guide-use-cases li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.guide-tip{background:var(--accent-muted);border-left:3px solid var(--accent);border-radius:8px;padding:10px 12px;font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin-bottom:6px}.guide-tip:last-child{margin-bottom:0}.guide-chart-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:8px;overflow:hidden}.guide-chart-header{display:flex;align-items:center;padding:12px;gap:10px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.guide-chart-header:hover{background:var(--bg-card)}.guide-chart-header:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:10px}.guide-chart-header-text{flex:1;min-width:0}.guide-chart-icon{width:36px;height:36px;border-radius:50%;background:var(--accent-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.guide-chart-label{font-weight:600;font-size:.9rem;color:var(--text-primary);margin:0}.guide-chart-tagline{font-size:.8rem;color:var(--text-muted);margin:1px 0 0}.guide-chart-chevron{width:16px;height:16px;flex-shrink:0;color:var(--text-muted);transition:transform .25s ease}.guide-chart-chevron--expanded{transform:rotate(90deg)}.guide-chart-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.guide-chart-body--expanded{grid-template-rows:1fr}.guide-chart-body-inner{overflow:hidden}.guide-chart-content{padding:0 12px 12px}.guide-chart-best-for{display:inline-block;background:var(--accent-muted);color:var(--accent);font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:12px;margin-bottom:10px}.guide-chart-what{font-size:.85rem;color:var(--text-secondary);line-height:1.55;margin:0 0 12px}.guide-chart-when-heading,.guide-chart-axis-heading,.guide-chart-walkthrough-heading,.guide-chart-tips-heading{font-weight:600;font-size:.85rem;color:var(--text-primary);margin:12px 0 6px}.guide-chart-axis-row{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.guide-chart-axis-label{font-weight:600;color:var(--text-primary)}.guide-glossary-heading{font-weight:600;font-size:1rem;color:var(--text-primary);margin:20px 0 12px}.guide-glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.guide-glossary-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;padding:12px}.guide-glossary-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.guide-glossary-card-icon{width:28px;height:28px;border-radius:50%;background:var(--accent-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.guide-glossary-card-term{font-weight:600;font-size:.85rem;color:var(--text-primary)}.guide-glossary-card-def{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}@media(prefers-reduced-motion:reduce){.guide-section-chevron,.guide-chart-chevron,.guide-section-body,.guide-chart-body,.guide-section-header,.guide-chart-header,.guide-toc-item{transition:none}}@media(max-width:600px){.guide-screen{padding:16px}.guide-header h1{font-size:1.25rem}.guide-header p{font-size:.85rem}.guide-toc{gap:6px}.guide-toc-item{font-size:.75rem;padding:5px 10px}.guide-section-header{padding:12px;gap:10px}.guide-section-content{padding:0 12px 12px}.guide-section-title{font-size:.9rem}.guide-section-subtitle{font-size:.8rem}.guide-chart-header{padding:10px}.guide-chart-content{padding:0 10px 10px}.guide-glossary-grid{grid-template-columns:1fr}}.qa-tab-bar{display:flex;border-bottom:1px solid var(--border-subtle);height:40px;margin-bottom:12px}.qa-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:0 16px;height:100%;font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s}.qa-tab:hover{color:var(--text-primary)}.qa-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.qa-search{position:relative;margin-bottom:12px}.qa-search__input{width:100%;padding:8px 32px 8px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .15s}.qa-search__input:focus{border-color:var(--accent)}.qa-search__input::placeholder{color:var(--text-muted)}.qa-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.75rem;padding:4px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s}.qa-search__clear:hover{color:var(--text-primary)}.qa-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:4px 0;margin-top:12px;margin-bottom:4px}.qa-section-label:first-child{margin-top:0}.qa-type-list{display:flex;flex-direction:column;gap:2px;max-height:calc(70vh - 180px);overflow-y:auto}.qa-type-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .1s}.qa-type-item:hover{background:var(--bg-elevated)}.qa-type-item__emoji{font-size:1.25rem;flex-shrink:0;line-height:1}.qa-type-item__name{font-size:.85rem;color:var(--text-primary);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-type-item__star{opacity:0;background:none;border:none;cursor:pointer;font-size:1.15rem;padding:4px 6px;color:var(--text-muted);transition:opacity .15s,color .15s;flex-shrink:0}.qa-type-item:hover .qa-type-item__star{opacity:1}.qa-type-item__star--active{opacity:1;color:var(--accent)}.qa-fav-grid{display:flex;flex-wrap:wrap;gap:8px}.qa-fav-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.qa-fav-chip:hover{border-color:var(--accent);background:var(--accent-muted)}.qa-fav-chip__emoji{font-size:1rem;line-height:1}.qa-fav-chip__name{font-size:.85rem;font-weight:500;white-space:nowrap}.qa-form-header{display:flex;align-items:center;gap:12px;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--border-subtle)}.qa-form-header__back{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--text-muted);transition:color .15s,background .15s;flex-shrink:0}.qa-form-header__back:hover{color:var(--text-primary);background:var(--bg-elevated)}.qa-form-header__emoji{font-size:1.75rem;line-height:1;flex-shrink:0}.qa-form-header__info{flex:1;min-width:0}.qa-form-header__name{font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-form-header__behavior{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:2px}.qa-empty{text-align:center;padding:32px 16px}.qa-empty__text{font-size:.85rem;color:var(--text-muted);margin:0 0 12px}.qa-empty__link{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:8px;border:1px solid var(--border-subtle);background:transparent;color:var(--accent);font-size:.85rem;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}.qa-empty__link:hover{border-color:var(--accent);background:var(--accent-muted)}.qa-no-results{text-align:center;padding:24px 16px;font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){.qa-type-item__star{opacity:1}.qa-fav-grid{gap:6px}.qa-fav-chip{padding:7px 12px}.qa-type-list{max-height:calc(60vh - 160px)}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.history-screen{padding:24px;max-width:1200px;margin:0 auto}.history-screen .screen-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 20px}.history-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.history-date-inputs{display:flex;gap:8px;align-items:center}.history-date-inputs .history-date-separator{color:var(--text-muted);font-size:.85rem}.history-date-input{padding:6px 10px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .15s}.history-date-input:focus{border-color:var(--accent)}.history-date-input::-webkit-calendar-picker-indicator{filter:invert(.7)}.history-presets{display:flex;gap:6px}.history-range-select{padding:6px 10px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;cursor:pointer;transition:border-color .15s}.history-range-select:focus{border-color:var(--accent)}.history-range-select option:disabled{color:var(--text-muted, #6b7280)}.history-type-dropdown{position:relative}.history-type-input{padding:6px 10px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;min-width:180px;cursor:pointer;transition:border-color .15s}.history-type-input:focus{border-color:var(--accent)}.history-type-list{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;z-index:10;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;margin-top:4px;box-shadow:0 4px 12px #0003}.history-type-group-label{padding:6px 12px 2px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);pointer-events:none}.history-type-option{padding:6px 12px;font-size:.85rem;color:var(--text-primary);cursor:pointer;transition:background .1s}.history-type-option:hover{background:var(--bg-card)}.history-type-option.selected{color:var(--accent);font-weight:500}.history-type-option--with-star{display:flex;justify-content:space-between;align-items:center}.history-type-star{opacity:0;background:none;border:none;cursor:pointer;font-size:1.1rem;padding:2px 4px;color:var(--text-muted);transition:opacity .15s,color .15s;flex-shrink:0}.history-type-option--with-star:hover .history-type-star{opacity:1}.history-type-star--active{opacity:1;color:var(--accent)}.history-type-no-results{color:var(--text-muted);font-style:italic;cursor:default}.history-type-no-results:hover{background:transparent}.history-toolbar-right{display:flex;gap:12px;align-items:center;margin-left:auto}.history-count{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.history-free-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;background:var(--accent-muted);color:var(--accent);font-size:.7rem;font-weight:600;white-space:nowrap}.history-stats-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.history-stat-card{flex:0 0 auto;min-width:120px;padding:12px 16px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-subtle)}.history-stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.history-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.history-stat-detail{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.history-filters{margin-bottom:16px}.history-filters-toggle{display:flex;align-items:center;gap:8px;padding:8px 0;background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-family:inherit;cursor:pointer;transition:color .15s}.history-filters-toggle:hover{color:var(--text-primary)}.history-filters-chevron{display:inline-block;transition:transform .2s;font-size:.7rem}.history-filters-chevron.open{transform:rotate(90deg)}.history-filters-active-count{font-size:.7rem;padding:1px 6px;border-radius:10px;background:var(--accent-muted);color:var(--accent);font-weight:600}.history-filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:8px;padding:12px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-subtle)}.history-filter-field{display:flex;flex-direction:column;gap:4px}.history-filter-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.history-filter-range{display:flex;gap:8px;align-items:center}.history-filter-input{padding:5px 8px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:.8rem;font-family:inherit;outline:none;width:100%;transition:border-color .15s}.history-filter-input:focus{border-color:var(--accent)}.history-filter-input[type=number]{width:80px}.history-filter-range .history-filter-separator{color:var(--text-muted);font-size:.75rem;flex-shrink:0}.history-filter-checkboxes{display:flex;flex-wrap:wrap;gap:4px}.history-filter-checkbox{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.history-filter-checkbox input[type=checkbox]{accent-color:var(--accent)}.history-filter-radios{display:flex;gap:10px}.history-filter-radio{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.history-filter-radio input[type=radio]{accent-color:var(--accent)}.history-filters-dependent{margin-top:8px;border-left:2px solid var(--accent-muted)}.history-filters-more-toggle{display:flex;align-items:center;gap:6px;margin-top:8px;padding:4px 0;background:none;border:none;color:var(--text-muted);font-size:.8rem;font-family:inherit;cursor:pointer;transition:color .15s}.history-filters-more-toggle:hover{color:var(--text-secondary)}.history-filter-categorical{display:flex;flex-direction:column;gap:6px}.history-filter-search{margin-bottom:2px}.history-filter-checkboxes-scrollable{max-height:180px;overflow-y:auto;padding-right:4px}.history-filter-selected-count{font-size:.7rem;color:var(--accent);font-weight:600}.history-clear-all-btn{padding:4px 12px;border-radius:6px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:8px}.history-clear-all-btn:hover{border-color:var(--accent);color:var(--text-primary)}.history-filters-clear{margin-top:8px;padding:4px 12px;border-radius:6px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s}.history-filters-clear:hover{border-color:var(--accent);color:var(--text-primary)}.history-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.history-sort-select{padding:5px 10px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:.8rem;font-family:inherit;outline:none;cursor:pointer;transition:border-color .15s}.history-sort-select:focus{border-color:var(--accent)}.history-event-list{border-radius:12px;background:var(--bg-card);border:1px solid var(--border-subtle);overflow:hidden}.history-date-header{padding:8px 12px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);font-size:.8rem;font-weight:600;color:var(--text-secondary);position:sticky;top:0;z-index:1}.history-event-row{display:flex;align-items:baseline;padding:8px 12px;border-bottom:1px solid var(--border-ghost);gap:12px;transition:background .1s}.history-event-row:last-child{border-bottom:none}.history-event-row:hover{background:var(--bg-elevated)}.history-event-time{flex:0 0 72px;font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.history-event-type{flex:0 0 160px;font-size:.85rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-event-value{flex:1;font-size:.85rem;color:var(--text-secondary);overflow:hidden;min-width:0}.history-event-duration{flex:0 0 80px;font-size:.8rem;color:var(--text-muted);text-align:right}.history-event-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s}.history-event-row:hover .history-event-actions{opacity:1}.history-event-action-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-muted, #6B7280);display:flex;align-items:center}.history-event-action-btn:hover{color:var(--text-primary, #e5e7eb);background:var(--bg-card-hover, rgba(255, 255, 255, .05))}.history-event-action-btn.delete:hover{color:var(--error, #ef4444)}.history-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px 0}.history-pagination-info{font-size:.8rem;color:var(--text-muted)}.history-pagination-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.history-pagination-btn:hover:not(:disabled){border-color:var(--accent);background:var(--bg-elevated)}.history-pagination-btn:disabled{opacity:.4;cursor:default}.history-empty,.history-loading{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:.9rem}.history-error{text-align:center;padding:16px;color:var(--error);font-size:.85rem;background:#ef444414;border-radius:8px;margin-bottom:16px}.history-event-fields{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:13px}.history-event-field{color:var(--text-secondary);white-space:nowrap}.history-event-field-label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.saved-search-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.saved-search-trigger{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s;flex-shrink:0}.saved-search-trigger:hover{border-color:var(--accent);color:var(--accent)}.saved-search-trigger.has-searches{color:var(--accent)}.saved-search-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:14px;background:var(--accent-muted);color:var(--accent);font-size:.8rem;font-weight:600;max-width:240px;overflow:hidden}.saved-search-pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-search-pill-close{background:none;border:none;color:var(--accent);cursor:pointer;font-size:1rem;line-height:1;padding:0;opacity:.7;transition:opacity .15s}.saved-search-pill-close:hover{opacity:1}.saved-search-modified{font-size:.7rem;font-weight:400;opacity:.7}.saved-search-save-btn{padding:6px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s}.saved-search-save-btn:hover{border-color:var(--accent);color:var(--text-primary)}.saved-search-popover-wrapper{position:relative}.saved-search-popover{position:absolute;top:calc(100% + 4px);left:0;min-width:320px;max-width:400px;max-height:420px;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px #0003;z-index:20;overflow:hidden}.saved-search-popover-search{padding:8px;border-bottom:1px solid var(--border-subtle)}.saved-search-popover-search input{width:100%;padding:6px 10px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:.8rem;font-family:inherit;outline:none}.saved-search-popover-search input:focus{border-color:var(--accent)}.saved-search-popover-list{flex:1;overflow-y:auto;padding:4px 0}.saved-search-group-header{padding:8px 12px 2px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.saved-search-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-left:2px solid transparent;transition:background .1s,border-color .1s;gap:8px}.saved-search-item:hover{background:var(--bg-card);border-left-color:var(--accent)}.saved-search-item.active{background:var(--accent-muted);border-left-color:var(--accent)}.saved-search-item-content{flex:1;min-width:0}.saved-search-item-name{font-size:.85rem;color:var(--text-primary);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-search-item.active .saved-search-item-name{color:var(--accent);font-weight:600}.saved-search-item-name-input{font-size:.85rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--accent);border-radius:4px;padding:2px 6px;width:100%;font-family:inherit;outline:none}.saved-search-item-summary{font-size:.7rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-search-item-menu{opacity:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;font-size:1rem;line-height:1;transition:opacity .15s}.saved-search-item:hover .saved-search-item-menu{opacity:1}.saved-search-item-menu:hover{color:var(--text-primary);background:var(--bg-card)}.saved-search-actions{position:absolute;right:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:25;overflow:hidden}.saved-search-action{display:block;width:100%;padding:6px 16px;background:none;border:none;color:var(--text-primary);font-size:.8rem;font-family:inherit;cursor:pointer;text-align:left;transition:background .1s}.saved-search-action:hover{background:var(--bg-card)}.saved-search-action.delete{color:var(--error, #ef4444)}.saved-search-popover-footer{padding:6px 12px;border-top:1px solid var(--border-subtle);display:flex;justify-content:center}.saved-search-limit-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;background:var(--accent-muted);color:var(--accent);font-weight:600}.saved-search-empty{display:flex;flex-direction:column;align-items:center;padding:24px 16px;gap:8px}.saved-search-empty-text{font-size:.85rem;color:var(--text-muted)}.saved-search-empty-hint{font-size:.75rem;color:var(--text-muted);text-align:center}.saved-search-empty-btn{padding:6px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:.8rem;font-family:inherit;cursor:pointer;margin-top:4px}.save-search-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000080}.save-search-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:24px;width:380px;max-width:90vw;display:flex;flex-direction:column;gap:16px}.save-search-modal h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.save-search-modal label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--text-secondary)}.save-search-modal input,.save-search-modal select{padding:8px 10px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none}.save-search-modal input:focus,.save-search-modal select:focus{border-color:var(--accent)}.save-search-summary{font-size:.75rem;color:var(--text-muted);padding:8px;background:var(--bg-card);border-radius:6px}.save-search-actions{display:flex;justify-content:flex-end;gap:8px}.save-search-cancel{padding:8px 16px;border-radius:8px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.85rem;font-family:inherit;cursor:pointer}.save-search-submit{padding:8px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:.85rem;font-family:inherit;cursor:pointer}.save-search-submit:disabled{opacity:.5;cursor:default}@media(max-width:768px){.history-screen{padding:16px}.history-toolbar{flex-direction:column;align-items:stretch}.history-toolbar-right{margin-left:0;justify-content:space-between}.history-event-type{flex:0 0 120px}.history-event-time{flex:0 0 56px}.history-event-duration{flex:0 0 60px}.history-stat-card{min-width:100px}}@media(max-width:480px){.history-event-duration{display:none}.history-event-type{flex:0 0 100px}}.nutrition-tab{display:flex;flex-direction:column;gap:16px}.day-selector{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.day-pill{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:8px 10px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;-webkit-user-select:none;user-select:none}.day-pill:hover{background:var(--bg-elevated);color:var(--text-primary)}.day-pill-active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.day-pill-active:hover{background:var(--accent-muted);color:var(--accent)}.day-pill-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.02em}.day-pill-number{font-size:1rem;font-weight:600;line-height:1.2}.calorie-hero{background:#f973161a;border:1px solid rgba(249,115,22,.25);border-radius:12px;padding:24px;text-align:center}.calorie-hero-value{font-size:2rem;font-weight:700;color:#f97316;margin:0;line-height:1.2}.calorie-hero-label{font-size:.85rem;color:var(--text-secondary);margin:4px 0 0}.macro-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.macro-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;border-left:4px solid transparent}.macro-card--protein{border-left-color:#22c55e}.macro-card--carbs{border-left-color:#3b82f6}.macro-card--fat{border-left-color:#f59e0b}.macro-card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.macro-card-label{font-size:.8rem;color:var(--text-secondary);margin:4px 0 0}.macro-ring{display:flex;flex-direction:column;align-items:center;padding:16px 0}.macro-ring-chart{position:relative;width:220px;height:220px}.macro-legend{display:flex;justify-content:center;gap:20px;margin-top:16px;flex-wrap:wrap}.macro-legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.macro-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.macro-legend-pct{font-weight:600;color:var(--text-primary)}.nutrition-empty{text-align:center;padding:48px 16px;color:var(--text-muted)}.nutrition-empty p{margin:0;font-size:1rem}.nutrition-empty-hint{margin-top:8px!important;font-size:.85rem!important;color:var(--text-muted)}.nutrition-loading{text-align:center;padding:48px 16px;color:var(--text-muted)}.nutrition-loading p{margin:0;font-size:.9rem}@media(max-width:480px){.macro-cards{grid-template-columns:1fr}.calorie-hero{padding:20px 16px}.calorie-hero-value{font-size:1.75rem}.macro-card-value{font-size:1.25rem}.macro-ring-chart{width:180px;height:180px}.macro-legend{gap:12px}}.metrics-screen{max-width:800px;margin:0 auto;padding:24px}.metrics-tabs{display:flex;gap:8px;margin-bottom:24px}.metrics-tab{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:500;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s;-webkit-user-select:none;user-select:none}.metrics-tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.metrics-tab-active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.metrics-tab-active:hover{background:var(--accent-muted);color:var(--accent)}.legal-page{min-height:100vh;background:#fff;background-image:radial-gradient(ellipse at 30% 20%,rgba(232,234,246,.3) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(224,242,241,.2) 0%,transparent 50%);color:#1a1a1a;font-family:Manrope,system-ui,sans-serif}.legal-header{border-bottom:1px solid rgba(0,0,0,.06);padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.legal-header-logo{font-size:18px;font-weight:700;font-family:Newsreader,Georgia,serif;color:#1a1a1a;text-decoration:none}.legal-header-back{font-size:14px;color:var(--accent);text-decoration:none}.legal-header-back:hover{text-decoration:underline}.legal-content{max-width:720px;margin:0 auto;padding:48px 24px 80px}.legal-title{font-size:32px;font-weight:700;font-family:Newsreader,Georgia,serif;margin:0 0 8px;line-height:1.2;color:#1a1a1a}.legal-updated{font-size:14px;color:var(--text-muted);margin:0 0 32px}.legal-intro{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0 0 40px;padding-bottom:32px;border-bottom:1px solid var(--border-subtle)}.legal-section{margin-bottom:32px}.legal-section h2{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.legal-section h3{font-size:15px;font-weight:600;margin:16px 0 8px;color:var(--text-primary)}.legal-section p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0 0 12px}.legal-section ul{margin:8px 0 12px 20px;padding:0;list-style:disc}.legal-section ul li{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:6px}.legal-footer{margin-top:64px;padding-top:32px;border-top:1px solid var(--border-subtle)}.legal-footer p{font-size:13px;color:var(--text-muted);margin:0 0 12px}.legal-footer-links{display:flex;flex-wrap:wrap;gap:16px}.legal-footer-links a{font-size:13px;color:var(--accent);text-decoration:none}.legal-footer-links a:hover{text-decoration:underline}@media(max-width:600px){.legal-content{padding:32px 16px 64px}.legal-title{font-size:26px}}@media print{.legal-header,.legal-footer{display:none}.legal-content{padding:0;max-width:100%}.legal-section p,.legal-section li{color:#000}}