:root{color-scheme:dark;--bg: #0f172a;--surface: #1e293b;--surface-2: #273449;--border: #334155;--text: #f1f5f9;--text-dim: #94a3b8;--accent: #22c55e;--accent-text: #052e16;--danger: #ef4444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}.app{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;padding:0 1rem calc(2rem + env(safe-area-inset-bottom))}.app-header{padding:1.5rem 0 1rem;text-align:center;position:relative}.app-header h1{font-size:1.4rem;margin:0}.list-link{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);font-size:.85rem;text-decoration:underline;cursor:pointer}.medicine-list-view{display:flex;flex-direction:column;gap:1rem}.list-status{color:var(--text-dim);text-align:center;padding:2rem 0}.medicine-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.medicine-list-item{background:var(--surface);border-radius:12px;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.3rem}.medicine-list-item-main{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.medicine-list-item-name{font-weight:700;font-size:1.05rem}.medicine-list-item-type{color:var(--text-dim);font-size:.85rem}.medicine-list-item-meta{display:flex;justify-content:space-between;color:var(--text-dim);font-size:.85rem}.app-main{display:flex;flex-direction:column;gap:1.25rem}.photo-capture{display:flex;flex-direction:column;align-items:center;gap:.75rem}.add-medicine-btn{width:100%;padding:2.5rem 1rem;border:2px dashed var(--border);border-radius:16px;background:var(--surface);color:var(--text);font-size:1.1rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.add-medicine-icon{font-size:2.5rem}.photo-preview{position:relative;width:100%;border-radius:16px;overflow:hidden;background:var(--surface)}.photo-preview img{display:block;width:100%;max-height:320px;object-fit:cover}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172abf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text);font-weight:600}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.retake-btn,.manual-entry-btn{background:none;border:none;color:var(--text-dim);text-decoration:underline;font-size:.95rem;cursor:pointer}.name-field{display:flex;flex-direction:column;gap:.4rem}.name-field label,.quantity-input label{font-size:.85rem;color:var(--text-dim)}.name-field-input{position:relative;display:flex;align-items:center}.name-field-input input{width:100%;padding:.9rem 2.5rem .9rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.05rem}.name-field-input input:disabled{color:var(--text-dim)}.clear-btn{position:absolute;right:.6rem;background:var(--surface-2);border:none;color:var(--text-dim);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:.9rem}.type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.type-btn{padding:.9rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer}.type-btn.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.quantity-input{display:flex;flex-direction:column;gap:.5rem}.stepper{display:flex;align-items:center;justify-content:center;gap:1.5rem;background:var(--surface);border-radius:12px;padding:.75rem}.stepper button{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1.4rem;cursor:pointer}.stepper-value{font-size:1.5rem;font-weight:700;min-width:2.5ch;text-align:center}.fraction-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.fraction-btn{padding:.7rem .2rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer}.fraction-btn.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.save-btn{padding:1rem;border-radius:12px;border:none;background:var(--accent);color:var(--accent-text);font-size:1.1rem;font-weight:700;cursor:pointer}.save-btn:disabled{opacity:.5;cursor:not-allowed}.toast{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:.8rem 1.4rem;border-radius:999px;font-weight:600;box-shadow:0 8px 24px #00000059}.toast-success{background:var(--accent);color:var(--accent-text)}.toast-error{background:var(--danger);color:#fff}