:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;color:#111827;background-color:#f3f4f6}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f4f6}#root{max-width:560px;margin:0 auto}.app-shell{min-height:100vh;position:relative;padding-bottom:70px}.content-area{padding:16px}.page h1{margin:4px 0 16px;font-size:1.2rem}.muted{color:#6b7280}.field-error{color:#b91c1c;margin:6px 0 0;font-size:.86rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.form-card{display:flex;flex-direction:column;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px}.capture-card{border:1px dashed #cbd5e1;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.capture-actions{display:flex;flex-wrap:wrap;gap:8px}.hidden-file-input{display:none}.capture-preview-image{width:100%;border-radius:10px;border:1px solid #e5e7eb}.extract-preview{display:flex;flex-direction:column;gap:8px}.extract-diff-list{margin:0;padding-left:18px;color:#374151}.batch-actions{display:flex;justify-content:flex-end}.multi-card{border:1px solid #e5e7eb;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:10px}.multi-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.field{display:flex;flex-direction:column;gap:6px}.color-mode-row{display:flex;flex-wrap:wrap;gap:12px}.color-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.color-swatch{width:100%;min-height:52px;border-radius:10px;border:2px solid transparent;padding:6px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35)}.color-swatch.selected{border-color:#111827;box-shadow:0 0 0 2px #fff inset}.color-swatch-label{display:inline-flex;align-items:flex-end;justify-content:flex-start;width:100%;height:100%;font-size:.8rem;line-height:1}.color-picker-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.color-input{width:56px;min-width:56px;height:40px;padding:4px}.color-chip{display:inline-flex;align-items:center;border:1px solid;border-radius:999px;padding:4px 10px;font-size:.9rem;font-weight:600}.color-custom-toggle{min-width:112px}input,textarea,button{font:inherit}input,textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;background:#fff}button,.button-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:8px;padding:8px 12px;text-decoration:none;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.secondary{border-color:#9ca3af;background:#fff;color:#374151}.danger{border-color:#dc2626;background:#dc2626}.checkbox-field{display:flex;align-items:center;gap:8px}.checkbox-field input{width:auto}.time-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.time-row{display:flex;align-items:center;gap:8px}.time-row input{flex:1}.page-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.medication-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.today-dose-list{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.today-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.day-switch{display:flex;gap:8px}.today-dose-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.medication-card{border-left:6px solid var(--medication-color)}.medication-heading{display:flex;align-items:center;gap:8px;margin-bottom:6px}.medication-color-dot{width:10px;height:10px;border-radius:999px;background:var(--medication-color);flex-shrink:0}.medication-initial-badge{min-width:28px;height:28px;padding:0 8px;border-radius:999px;border:1px solid var(--medication-color);background:var(--medication-color-soft);color:var(--medication-color);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;line-height:1}.dose-time-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}.dose-time{margin:0;display:inline-flex;align-items:baseline;gap:1px;padding:4px 10px;border-radius:999px;background:var(--medication-color-soft);color:var(--medication-color);font-size:1.05rem;font-weight:600;line-height:1}.dose-hour{font-size:1.25rem;font-weight:800}.dose-minute{font-weight:600}.dose-amount{margin:0;color:#4b5563;font-size:.92rem;font-weight:500}.today-actions{display:flex;flex-direction:column;gap:6px}.medication-item{display:flex;justify-content:space-between;gap:12px}.med-name{margin:0;font-size:1rem;font-weight:600}.row-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:92px}.settings-card{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.bottom-tab-nav{position:fixed;bottom:0;width:min(560px,100%);display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid #e5e7eb}.tab-link{text-align:center;text-decoration:none;color:#4b5563;padding:12px 6px}.tab-link.active{color:#2563eb;font-weight:700}