:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}#app{width:100%;max-width:600px;margin:0 auto}.container{background-color:#242424;border-radius:12px;padding:32px;box-shadow:0 4px 6px #0000004d}h1{margin:0 0 32px;font-size:2em;font-weight:600;text-align:center;color:#fff}.medication-form{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #404040}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9em;font-weight:500;color:#b0b0b0}.form-group input{padding:12px;font-size:1em;border:1px solid #404040;border-radius:6px;background-color:#1a1a1a;color:#fff;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#4a9eff}.btn-add{padding:12px 24px;font-size:1em;font-weight:600;color:#fff;background-color:#4a9eff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s,transform .1s}.btn-add:hover{background-color:#3a8eef}.btn-add:active{transform:scale(.98)}.medications-list{display:flex;flex-direction:column;gap:12px}.empty-message{text-align:center;color:#888;padding:24px;font-style:italic}.medication-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#2a2a2a;border:1px solid #404040;border-radius:8px;transition:border-color .2s,transform .1s}.medication-item:hover{border-color:#4a9eff}.medication-info{display:flex;flex-direction:column;gap:4px;flex:1}.medication-name{font-size:1.1em;font-weight:500;color:#fff}.medication-time{font-size:.95em;color:#4a9eff;font-weight:500}.btn-delete{padding:8px 16px;font-size:.9em;font-weight:500;color:#fff;background-color:#d9534f;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s,transform .1s}.btn-delete:hover{background-color:#c9302c}.btn-delete:active{transform:scale(.95)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f5f5f5}body{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.container{background-color:#fff;box-shadow:0 4px 6px #0000001a}h1{color:#213547}.form-group label{color:#666}.form-group input{background-color:#f9f9f9;color:#213547;border-color:#d0d0d0}.medication-item{background-color:#f9f9f9;border-color:#d0d0d0}.medication-name{color:#213547}.empty-message{color:#666}}@media (max-width: 600px){.container{padding:24px}h1{font-size:1.5em}.medication-item{flex-direction:column;align-items:flex-start;gap:12px}.btn-delete{width:100%}}