:root{--color-primary:#4f46e5;--color-primary-light:#818cf8;--color-primary-dark:#3730a3;--color-bg:#fff;--color-surface:#f8f7ff;--color-border:#e2e8f0;--color-text:#1e1b4b;--color-text-muted:#6b7280;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-danger-light:#fef2f2;--color-warning-light:#fffbeb;--nav-height:64px;--radius:12px;--radius-sm:6px;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--color-bg:#0f0e1a;--color-surface:#1a1928;--color-border:#2d2b45;--color-text:#e2e1ff;--color-text-muted:#9ca3af;--color-primary-light:#a5b4fc;--color-warning-light:#2d2200;--color-danger-light:#2d0a0a}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);margin:0}h1,h2,h3{font-weight:600;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}#app{flex-direction:column;max-width:600px;min-height:100svh;margin:0 auto;display:flex}.view-container{padding:16px 16px calc(var(--nav-height) + 16px);flex:1;overflow-y:auto}.view-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.view-header h1{flex:1}.bottom-nav{width:100%;max-width:600px;height:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;transition:color .15s;display:flex}.nav-item--active{color:var(--color-primary)}.nav-icon{font-size:1.4rem}.nav-label{letter-spacing:.02em;font-size:.7rem;font-weight:500}.form{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.field input[type=text],.field input[type=number],.field input[type=datetime-local],.field textarea,.field select{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);width:100%;padding:10px 12px;transition:border-color .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.field textarea{resize:vertical;min-height:80px}.scale-row{align-items:center;gap:12px;display:flex}.scale-row input[type=range]{accent-color:var(--color-primary);cursor:pointer;flex:1;height:6px}.scale-val{color:var(--color-primary);text-align:right;min-width:2ch;font-size:1.5rem;font-weight:700}.checkbox-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.checkbox-label{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;padding:8px 10px;font-size:.875rem;transition:border-color .15s,background .15s;display:flex}.checkbox-label:has(input:checked){border-color:var(--color-primary);background:#4f46e512}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);flex-shrink:0;width:16px;height:16px}.form-actions{flex-direction:column;gap:10px;padding-top:4px;display:flex}.success-msg{text-align:center;color:var(--color-success);padding:6px 0;font-size:.9rem;font-weight:600}.btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-border)}.btn--ghost{color:var(--color-text-muted);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:0 0;padding:8px 10px}.btn--danger{background:var(--color-danger-light);color:var(--color-danger);border:1.5px solid var(--color-danger)}.btn--full{width:100%}.btn--sm{padding:6px 12px;font-size:.8rem}.med-select-wrapper{flex-direction:column;gap:10px;display:flex}.med-chips{flex-wrap:wrap;gap:8px;display:flex}.med-chip{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:100px;padding:6px 14px;font-size:.85rem;transition:border-color .15s,background .15s}.med-chip--selected{border-color:var(--color-primary);color:var(--color-primary);background:#4f46e51a;font-weight:600}.med-add-row{gap:8px;display:flex}.med-add-input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);flex:1;padding:8px 12px}.med-add-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.entry-list{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.entry-card{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:14px 16px;transition:box-shadow .15s,transform .1s}.entry-card:active{transform:scale(.98)}.entry-card:hover{box-shadow:var(--shadow-md)}.entry-card--warning{border-color:var(--color-warning);background:var(--color-warning-light)}.entry-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.entry-date{font-size:.9rem;font-weight:600}.scale-badge{border-radius:100px;padding:2px 8px;font-size:.8rem;font-weight:700}.scale-badge--low{color:#065f46;background:#d1fae5}.scale-badge--mid{color:#92400e;background:#fef3c7}.scale-badge--high{color:#991b1b;background:#fee2e2}.warning-badge{color:#92400e;border:1px solid var(--color-warning);background:#fef3c7;border-radius:100px;align-items:center;gap:4px;margin-bottom:8px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.entry-card__body{flex-direction:column;gap:4px;display:flex}.entry-detail{color:var(--color-text-muted);font-size:.85rem}.entry-detail span{color:var(--color-text);font-weight:600}.entry-comments{margin-top:4px;font-style:italic}.charts-section{flex-direction:column;gap:20px;margin-top:8px;display:flex}.charts-section h2{margin-bottom:4px}.chart-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius);padding:16px}.chart-card h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.85rem}.empty-state{text-align:center;color:var(--color-text-muted);padding:32px 16px;font-size:.95rem}