@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{position:sticky;top:0;z-index:10;padding:calc(var(--safe-top) + var(--space-md)) var(--space-lg) var(--space-md);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)}.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}.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-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-xl)}.settings-section{display:flex;flex-direction:column;gap:var(--space-md)}.settings-title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--text-secondary)}.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);background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);text-align:left;transition:all var(--transition-fast)}.stat-display:active{transform:scale(.98);box-shadow:var(--shadow-md)}.stat-color-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.stat-name{font-size:1rem;color:var(--text-primary)}.stat-edit{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-md)}.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-md);background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm)}.setting-label{font-size:.9rem;color:var(--text-secondary)}.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-sm)}.data-btn{flex:1;padding:var(--space-md);background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.data-btn:active{transform:scale(.97);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) calc(var(--space-md) + var(--safe-bottom));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}