:root{--color-bg:#fff;--color-surface:#f4f4f6;--color-text:#1a1a1e;--color-text-muted:#6b6b76;--color-border:#dcdce2;--color-accent:#3b6ef0;--color-accent-text:#fff;--color-yes:#2fa86a;--color-no:#d1495b;--color-undefined:#c7c7cf;--touch-target:44px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--radius:12px}@media (prefers-color-scheme:dark){:root{--color-bg:#15151a;--color-surface:#1f1f26;--color-text:#f0f0f4;--color-text-muted:#9a9aa6;--color-border:#33333d;--color-accent:#6690ff;--color-accent-text:#0e0e12;--color-yes:#4fcf8d;--color-no:#ef6b7a;--color-undefined:#3a3a44}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}button,input,select,textarea{font:inherit;color:inherit}button{min-height:var(--touch-target);min-width:var(--touch-target);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}button:active{opacity:.8}input[type=date],input[type=time],input[type=number],input[type=text]{min-height:var(--touch-target);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);width:100%}main{padding:var(--space-md);padding-bottom:calc(var(--touch-target) + var(--space-lg));flex:1;overflow-y:auto}.bottom-nav{border-top:1px solid var(--color-border);background:var(--color-surface);display:flex}.bottom-nav-tab{padding:var(--space-sm) 0;color:var(--color-text-muted);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.bottom-nav-tab.active{color:var(--color-accent)}.bottom-nav-icon{font-size:20px}.export-reminder{background:var(--color-accent);color:var(--color-accent-text);padding:var(--space-sm) var(--space-md);text-align:center;font-size:14px}.date-picker-bar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.date-picker-bar input[type=date]{flex:1}.tracker-field{gap:var(--space-xs);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.tracker-field-label{color:var(--color-text-muted);font-size:14px}.save-button{width:100%;margin-top:var(--space-md);background:var(--color-accent);color:var(--color-accent-text);border:none;font-weight:600}.toggle-group{gap:var(--space-sm);display:flex}.toggle-option{flex:1}.toggle-yes.active{background:var(--color-yes);color:#fff;border-color:var(--color-yes)}.toggle-no.active{background:var(--color-no);color:#fff;border-color:var(--color-no)}.slider-field{align-items:center;gap:var(--space-md);display:flex}.slider-field input[type=range]{height:var(--touch-target);flex:1}.slider-value{text-align:right;min-width:2ch;font-weight:600}.modal-backdrop{z-index:10;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--color-bg);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:80vh;padding:var(--space-md);overflow-y:auto}.modal-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.modal-close{background:0 0;border:none}.modal-body label{gap:var(--space-xs);margin-bottom:var(--space-md);color:var(--color-text-muted);flex-direction:column;font-size:14px;display:flex}.tracker-manager-actions{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.tracker-list-item{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.tracker-list-item.hidden-tracker{opacity:.5}.tracker-list-item-main{flex-direction:column;display:flex}.tracker-list-item-type{color:var(--color-text-muted);font-size:12px}.tracker-list-item-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.tracker-list-item-actions button{min-width:36px;min-height:36px;padding:0 var(--space-sm)}.import-file-label{min-height:var(--touch-target);padding:0 var(--space-md);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);justify-content:center;align-items:center;display:flex}.ambiguous-column-row{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.range-switch{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.range-option{flex:1}.range-option.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.chart-card{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-md);margin-bottom:var(--space-md)}.chart-card h3{margin:0 0 var(--space-sm);font-size:15px}.chart-empty{color:var(--color-text-muted);font-size:14px}.yesno-timeline{margin-top:var(--space-sm);flex-wrap:wrap;gap:2px;display:flex}.yesno-timeline-dot{border-radius:2px;width:10px;height:10px}.mood-heatmap-grid{grid-template-columns:repeat(auto-fill,14px);gap:2px;display:grid}.heatmap-cell{background:var(--color-undefined);border-radius:3px;width:14px;height:14px}.heatmap-cell.empty{opacity:.3}.heatmap-cell.bucket-0{background:#c6e5d6}.heatmap-cell.bucket-1{background:#8fcdae}.heatmap-cell.bucket-2{background:#58b586}.heatmap-cell.bucket-3{background:#2fa86a}.heatmap-cell.bucket-4{background:#1d7a4c}.averages-list{margin:0;padding:0;list-style:none}.averages-list li{padding:var(--space-xs) 0;justify-content:space-between;font-size:14px;display:flex}