@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;1,9..40,400&display=swap";:root{--font-display: "Instrument Serif", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary: #faf8f5;--bg-secondary: #f0ebe4;--bg-card: #ffffff;--text-primary: #2d2a26;--text-secondary: #6b6560;--text-muted: #9a948c;--border: #e5e0d8;--border-light: #ebe7e0;--accent-primary: #e07a5f;--accent-secondary: #81b29a;--shadow-sm: 0 1px 2px rgba(45, 42, 38, .04);--shadow-md: 0 4px 12px rgba(45, 42, 38, .08);--shadow-lg: 0 8px 24px rgba(45, 42, 38, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);--nav-height: 72px;--header-height: 56px}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1918;--bg-secondary: #242220;--bg-card: #2a2826;--text-primary: #f5f2ed;--text-secondary: #a8a29c;--text-muted: #6b6560;--border: #3d3a36;--border-light: #333028;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}input{font-family:inherit;font-size:16px;border:none;background:none;color:inherit}input:focus,button:focus{outline:none}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:750px;margin:0 auto;padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.app.loading{justify-content:center;align-items:center}.loading-text{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.header{padding:max(var(--safe-top),var(--space-sm)) var(--space-md) var(--space-sm);background:var(--bg-primary)}.logo{font-family:var(--font-display);font-size:2rem;font-weight:400;font-style:italic;color:var(--text-primary);letter-spacing:-.02em}.main{flex:1;padding:0 var(--space-lg) var(--space-xl);animation:fadeIn var(--transition-slow) ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-view{display:flex;flex-direction:column;gap:var(--space-xl)}.quick-entry{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-md)}.quick-entry.empty{text-align:center;padding:var(--space-2xl);color:var(--text-muted);font-style:italic}.stat-selector{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.stat-chip{padding:var(--space-sm) var(--space-md);border-radius:100px;font-size:.9rem;background:var(--bg-secondary);color:var(--text-secondary);transition:all var(--transition-fast);border:2px solid transparent}.stat-chip.selected{background:color-mix(in srgb,var(--stat-color) 15%,transparent);color:var(--stat-color);border-color:var(--stat-color)}.stat-chip:active{transform:scale(.96)}.stat-count-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:6px;flex-shrink:0}.stat-count-ring{position:absolute;inset:0;border-radius:50%;opacity:.5}.stat-count-number{position:relative;font-size:.8rem;font-weight:600;color:inherit}.value-input{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.value-display{text-align:center}.value-number{font-family:var(--font-display);font-size:4.5rem;font-weight:400;line-height:1;transition:color var(--transition-base)}.slider-container{display:flex;align-items:center;gap:var(--space-md);width:100%}.slider-label{font-size:.85rem;color:var(--text-muted);width:20px;text-align:center}.slider{flex:1;height:36px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:8px;background:var(--bg-secondary);border-radius:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--stat-color);margin-top:-10px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.slider::-webkit-slider-thumb:active{transform:scale(1.15)}.slider::-moz-range-track{height:8px;background:var(--bg-secondary);border-radius:4px}.slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--stat-color);border:none;box-shadow:var(--shadow-md)}.submit-btn{width:100%;padding:var(--space-md) var(--space-lg);background:var(--stat-color);color:#fff;font-size:1rem;font-weight:500;border-radius:12px;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.submit-btn:active{transform:scale(.98)}.submit-btn.success{background:var(--accent-secondary)}.submit-btn:disabled{opacity:.6}.quick-events{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-light)}.quick-events-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.event-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:999px;background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;transition:background var(--transition-fast),transform var(--transition-fast)}.event-chip:active{transform:scale(.98)}.event-chip-icon{font-size:1.1rem;line-height:1}.event-chip-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-chip-count{min-width:1.25rem;height:1.25rem;padding:0 4px;border-radius:999px;background:var(--border);color:var(--text-primary);font-size:.7rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.event-chip-new{background:var(--border);color:var(--text-secondary)}.event-chip-new:hover{background:var(--border-light);color:var(--text-primary)}.event-form{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;gap:var(--space-md)}.event-form-row{display:flex;flex-direction:column;gap:var(--space-xs)}.event-form-label{font-size:.75rem;font-variant:small-caps;letter-spacing:.04em;color:var(--text-muted)}.event-form-emoji{width:3rem;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:1.25rem;text-align:center}.event-form-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.event-form-input::placeholder{color:var(--text-muted)}.event-form-submit{padding:var(--space-sm) var(--space-md);border-radius:8px;background:var(--accent-primary);color:#fff;font-weight:500;transition:opacity var(--transition-fast)}.event-form-submit:active{opacity:.9}.chart{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-md)}.chart.empty{padding:var(--space-2xl) var(--space-lg);position:relative}.chart-empty-text{text-align:center;color:var(--text-muted);font-style:italic;margin-bottom:var(--space-lg)}.chart-empty-lines{display:flex;flex-direction:column;gap:var(--space-lg);opacity:.3}.chart-empty-line{height:1px;background:var(--border)}.chart-container{position:relative;width:100%;height:220px}.chart-scroll{width:100%;height:100%;overflow-y:visible;-webkit-overflow-scrolling:touch}.chart-inner{position:relative;height:200px;min-width:100%}.chart-grid{position:absolute;inset:20px 0 32px;padding-left:32px;padding-right:16px}.chart-grid-row{position:absolute;left:0;right:0;display:flex;align-items:center;gap:var(--space-sm)}.chart-y-label{width:20px;text-align:right;font-size:.75rem;color:var(--text-muted)}.chart-grid-line{flex:1;height:1px;background:var(--border-light)}.chart-svg{position:absolute;top:0;left:0;overflow:visible}.chart-line{transition:opacity var(--transition-base)}.chart-point{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.chart-point:hover{transform:translate(-50%,-50%) scale(1.3)}.chart-events-overlay{position:absolute;inset:0;z-index:5;pointer-events:none}.chart-events-overlay .chart-event-marker{pointer-events:auto}.chart-event-marker{position:absolute;transform:translate(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast);z-index:2}.chart-event-marker:hover,.chart-event-marker.selected{border-color:var(--accent-primary);transform:translate(-50%) scale(1.1)}.chart-event-icon{font-size:1rem;line-height:1}.chart-event-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);white-space:nowrap;z-index:10;display:flex;flex-direction:column;gap:2px;max-width:min(320px,calc(100vw - 24px))}.chart-event-tooltip-name{font-weight:500;font-size:.8125rem}.chart-event-tooltip-note{font-size:.75rem;color:var(--text-secondary);white-space:normal;max-width:180px}.chart-event-tooltip-actions{display:flex;align-items:flex-end;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.chart-event-tooltip-date-wrap{display:flex;flex-direction:column;gap:2px}.chart-event-tooltip-date-label{font-size:.7rem;font-variant:small-caps;letter-spacing:.04em;color:var(--text-muted);display:flex;align-items:center;gap:4px}.chart-event-pencil{font-size:.75rem;opacity:.8}.chart-event-date-input{padding:2px 6px;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);font-size:.75rem;color:var(--text-primary)}.chart-event-delete-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--bg-secondary);color:var(--text-secondary);font-size:1.1rem;line-height:1;transition:background var(--transition-fast),color var(--transition-fast)}.chart-event-delete-btn:hover{background:var(--accent-primary);color:#fff}.chart-x-labels{position:absolute;bottom:4px;left:0;right:0;height:20px}.chart-x-labels span{position:absolute;transform:translate(-50%);font-size:.75rem;color:var(--text-muted);white-space:nowrap}.chart-today-line{position:absolute;top:20px;bottom:32px;width:2px;background:var(--accent-primary);transform:translate(-50%);opacity:.6;pointer-events:none}.chart-today-label{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:500;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.legend-item{display:flex;align-items:center;gap:var(--space-xs)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-name{font-size:.85rem;color:var(--text-secondary)}.history{display:flex;flex-direction:column;gap:var(--space-lg)}.history.empty{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.history-empty-hint{font-size:.9rem;margin-top:var(--space-sm);font-style:italic}.history-group{animation:slideIn var(--transition-slow) ease;animation-delay:calc(var(--stagger) * 50ms);animation-fill-mode:backwards}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.history-date{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--text-secondary);margin-bottom:var(--space-sm);padding-left:var(--space-xs)}.history-entries{display:flex;flex-direction:column;gap:var(--space-sm)}.history-entry{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);animation:slideIn var(--transition-base) ease;animation-delay:calc(var(--stagger) * 30ms);animation-fill-mode:backwards}.history-entry.editing{flex-direction:column;align-items:stretch}.entry-color{width:4px;height:32px;background:var(--stat-color);border-radius:2px;flex-shrink:0}.entry-content{flex:1;display:flex;flex-direction:column;gap:2px}.entry-stat{font-weight:500;color:var(--text-primary)}.entry-time{font-size:.8rem;color:var(--text-muted)}.entry-value{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;color:var(--stat-color);background:color-mix(in srgb,var(--stat-color) 10%,transparent);border-radius:10px;transition:all var(--transition-fast)}.entry-value:active{transform:scale(.95)}.entry-edit{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.edit-slider{width:100%;height:36px;-webkit-appearance:none;appearance:none;background:transparent}.edit-slider::-webkit-slider-runnable-track{height:8px;background:var(--bg-secondary);border-radius:4px}.edit-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--stat-color);margin-top:-8px;box-shadow:var(--shadow-sm)}.edit-value{text-align:center;font-family:var(--font-display);font-size:2rem;color:var(--stat-color)}.edit-actions{display:flex;gap:var(--space-sm)}.edit-btn{flex:1;padding:var(--space-sm) var(--space-md);border-radius:8px;font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.edit-btn.save{background:var(--accent-secondary);color:#fff}.edit-btn.cancel{background:var(--bg-secondary);color:var(--text-secondary)}.edit-btn.delete{background:#f5e6e4;color:#c45c4a}@media(prefers-color-scheme:dark){.edit-btn.delete{background:#c45c4a33;color:#e07a5f}}.edit-btn:active{transform:scale(.97)}.settings{display:flex;flex-direction:column;gap:var(--space-2xl)}.settings-section{display:flex;flex-direction:column;gap:var(--space-md)}.settings-section:not(:first-child){padding-top:var(--space-lg);border-top:1px solid var(--border-light)}.settings-title{font-family:var(--font-display);font-size:1.625rem;font-weight:400;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--space-xs)}.stat-list{display:flex;flex-direction:column;gap:var(--space-sm)}.stat-item{animation:slideIn var(--transition-base) ease;animation-delay:calc(var(--stagger) * 40ms);animation-fill-mode:backwards}.stat-display{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-sm);text-align:left;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border-left:4px solid var(--stat-color, var(--border))}.stat-display:active{transform:scale(.995);box-shadow:var(--shadow-md)}.stat-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #0000000f}.stat-name{font-size:1rem;font-weight:500;color:var(--text-primary)}.stat-edit{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-md);border-left:4px solid var(--stat-color, var(--border))}.stat-name-input{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:8px;font-size:1rem}.stat-name-input:focus{outline:2px solid var(--accent-primary);outline-offset:-2px}.color-picker{display:flex;gap:var(--space-sm);flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;transition:transform var(--transition-fast);border:3px solid transparent}.color-option.selected{border-color:var(--text-primary);transform:scale(1.1)}.color-option:active{transform:scale(.9)}.stat-edit-actions{display:flex;gap:var(--space-sm)}.add-stat{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.add-stat-input{flex:1;padding:var(--space-md);background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm)}.add-stat-input:focus{box-shadow:var(--shadow-md)}.add-stat-input::placeholder{color:var(--text-muted);font-style:italic}.add-stat-btn{padding:var(--space-md) var(--space-lg);background:var(--accent-primary);color:#fff;border-radius:12px;font-weight:500;transition:all var(--transition-fast)}.add-stat-btn:disabled{opacity:.5}.add-stat-btn:active:not(:disabled){transform:scale(.97)}.setting-row{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.setting-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.setting-control{display:flex;align-items:center;gap:var(--space-md)}.setting-slider{flex:1;height:36px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.setting-slider::-webkit-slider-runnable-track{height:8px;background:var(--bg-secondary);border-radius:4px}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent-primary);margin-top:-8px;box-shadow:var(--shadow-sm)}.setting-slider::-moz-range-track{height:8px;background:var(--bg-secondary);border-radius:4px}.setting-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent-primary);border:none;box-shadow:var(--shadow-sm)}.setting-value{min-width:32px;text-align:center;font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary)}.data-actions{display:flex;gap:var(--space-md)}.data-btn{flex:1;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-sm);font-weight:500;color:var(--text-secondary);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.data-btn:active{transform:scale(.99);box-shadow:var(--shadow-md)}.import-error{color:#c45c4a;font-size:.9rem;padding:var(--space-sm)}.export-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:100;animation:fadeIn var(--transition-base) ease}.export-content{width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-base) ease}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.export-textarea{flex:1;min-height:200px;padding:var(--space-md);background:var(--bg-secondary);border:none;border-radius:8px;font-family:monospace;font-size:.8rem;color:var(--text-secondary);resize:none}.export-actions{display:flex;gap:var(--space-sm)}.export-btn{flex:1;padding:var(--space-sm) var(--space-md);border-radius:8px;font-weight:500;background:var(--bg-secondary);color:var(--text-secondary);transition:all var(--transition-fast)}.export-btn:active{transform:scale(.97)}.export-btn.close{background:var(--accent-primary);color:#fff}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg) max(var(--safe-bottom),var(--space-md));background:var(--bg-primary);border-top:1px solid var(--border-light)}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-lg);border-radius:12px;transition:all var(--transition-fast);color:var(--text-muted)}.nav-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.nav-btn:active{transform:scale(.96)}.nav-icon{font-size:1.25rem;font-weight:300;line-height:1}.nav-label{font-size:.7rem;font-weight:500;text-transform:lowercase}.sync-signin{display:flex;flex-direction:column;gap:var(--space-md)}.sync-description{font-size:.9375rem;line-height:1.5;color:var(--text-secondary)}.backup-auth-form{display:flex;flex-direction:column;gap:var(--space-sm)}.backup-username-input{padding:var(--space-md);border:1px solid var(--border);border-radius:12px;font-size:1rem;background:var(--bg-card);color:var(--text-primary)}.backup-auth-buttons{display:flex;gap:var(--space-sm)}.sync-signin-btn{flex:1;padding:var(--space-md);background:var(--accent-primary);color:#fff;border:none;border-radius:12px;font-weight:500;transition:all var(--transition-fast)}.sync-signin-btn:hover:not(:disabled){filter:brightness(1.05)}.sync-signin-btn:disabled{opacity:.6}.sync-controls{display:flex;flex-direction:column;gap:var(--space-md)}.sync-user{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-sm)}.sync-user-avatar{width:32px;height:32px;border-radius:50%}.sync-user-email{flex:1;font-size:.9rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-signout{font-size:.85rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.sync-signout:hover{color:var(--text-secondary)}.sync-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-sm)}.sync-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent-primary)}.sync-now-btn{padding:var(--space-md) var(--space-lg);background:var(--accent-primary);color:#fff;border-radius:14px;font-weight:500;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 30%,transparent)}.sync-now-btn:active{transform:scale(.98)}.sync-now-btn:disabled{opacity:.6}.sync-last-time{font-size:.85rem;color:var(--text-muted);text-align:center}.sync-message{padding:var(--space-sm) var(--space-md);border-radius:8px;font-size:.9rem;text-align:center}.sync-message.success{background:color-mix(in srgb,var(--accent-secondary) 15%,transparent);color:var(--accent-secondary)}.sync-message.error{background:color-mix(in srgb,#c45c4a 15%,transparent);color:#c45c4a}.conflict-modal{position:fixed;inset:0;background:#2d2a268c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:100;animation:conflictOverlayIn .3s ease}@keyframes conflictOverlayIn{0%{opacity:0}to{opacity:1}}.conflict-content{width:100%;max-width:420px;padding:var(--space-xl);background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-lg),0 0 0 1px #2d2a260f;animation:conflictCardUp .35s cubic-bezier(.22,1,.36,1)}@keyframes conflictCardUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.conflict-eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-xs)}.conflict-title{font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.2}.conflict-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin-bottom:var(--space-xl)}.conflict-comparison{display:flex;align-items:stretch;gap:0;margin-bottom:var(--space-xl);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.conflict-option{flex:1;padding:var(--space-md) var(--space-sm);text-align:center;display:flex;flex-direction:column;gap:2px;min-height:72px;justify-content:center}.conflict-option-local{background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--accent-primary) 22%,transparent)}.conflict-option-cloud{background:color-mix(in srgb,var(--accent-secondary) 10%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--accent-secondary) 22%,transparent)}.conflict-option-label{font-size:.8rem;font-weight:500;color:var(--text-primary)}.conflict-option-count{font-family:var(--font-display);font-size:1.125rem;color:var(--text-secondary)}.conflict-option-meta{font-size:.7rem;color:var(--text-muted);margin-top:2px}.conflict-vs{display:flex;align-items:center;justify-content:center;width:36px;flex-shrink:0;font-family:var(--font-display);font-size:.85rem;font-style:italic;color:var(--text-muted);background:var(--bg-secondary)}.conflict-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.conflict-btn{padding:var(--space-md) var(--space-lg);border-radius:14px;font-weight:500;text-align:left;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);border:none;cursor:pointer}.conflict-btn:active{transform:scale(.99)}.conflict-btn-text{display:block;font-size:1rem}.conflict-btn-hint{display:block;font-size:.8rem;font-weight:400;opacity:.88;margin-top:2px}.conflict-btn-keep-local{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 35%,transparent)}.conflict-btn-keep-local:hover{box-shadow:0 4px 14px color-mix(in srgb,var(--accent-primary) 45%,transparent)}.conflict-btn-use-cloud{background:#5b7c9a;color:#fff;box-shadow:0 2px 8px #5b7c9a4d}.conflict-btn-use-cloud:hover{box-shadow:0 4px 14px #5b7c9a66}.conflict-btn-merge{background:var(--accent-secondary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-secondary) 35%,transparent)}.conflict-btn-merge:hover{box-shadow:0 4px 14px color-mix(in srgb,var(--accent-secondary) 45%,transparent)}.conflict-btn-cancel{background:transparent;color:var(--text-muted);margin-top:var(--space-xs)}.conflict-btn-cancel:hover{color:var(--text-secondary)}@media(prefers-color-scheme:dark){.conflict-modal{background:#000000a6}}