:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{max-width:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;display:block}#root{max-width:100vw}h1{font-size:2.5rem;line-height:1.1;text-align:center;margin:2rem 0 1rem}ul{list-style:none;padding:0;margin:0}.dashboard-container{max-width:100vw}.view-section{max-width:1100px;margin:0 auto;padding:0 20px 40px;display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:900px){.view-section{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.view-section>*:nth-child(2){position:sticky;top:72px;align-self:start}}.AddMeals-Section{padding:20px 0}.AddMeals-Section h2{padding-left:0;margin-bottom:1rem;font-size:1.5rem}.meal-scroller{display:flex;flex-direction:column;gap:16px;overflow:visible;padding:0;scroll-snap-type:none}.meal-card-item{flex:0 0 auto;scroll-snap-align:none}.meal-card{background:#2a2a2a;border-radius:16px;overflow:hidden;box-shadow:0 4px 10px #0000004d;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;border:2px solid transparent;position:relative}.meal-card:hover{transform:translateY(-3px);box-shadow:0 12px 20px #00000080}.meal-card.selected{border-color:#0f8;box-shadow:0 0 15px #0f83}.meal-image{width:100%;height:180px;object-fit:cover;object-position:center;display:block}.card-content{padding:15px;display:flex;flex-direction:column;flex-grow:1}.meal-title{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:#fff}.meal-description{font-size:.9rem;color:#bbb;margin-bottom:20px;line-height:1.4;flex-grow:1}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.meal-quantity{font-size:.85rem;color:#888;font-weight:600}.card-footer button{padding:8px 16px;border-radius:8px;border:none;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-add{background-color:#646cff;color:#fff}.btn-add:hover{background-color:#535bf2}.btn-added{background-color:transparent;border:1px solid #ff4444!important;color:#f44}.btn-added:hover{background-color:#ff44441a}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f9f9f9}.meal-card{background-color:#fff;box-shadow:0 4px 10px #00000014}.meal-title{color:#213547}.meal-description{color:#666}.card-footer{border-top:1px solid rgba(0,0,0,.05)}}.view-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:20px;padding:10px;position:sticky;top:0;background:#242424;z-index:100;border-bottom:1px solid #333}.view-toggle button{background:transparent;border:1px solid #444;color:#888;padding:10px 20px;border-radius:20px;font-weight:600;width:140px}.view-toggle button.active{background:#646cff;color:#fff;border-color:#646cff;box-shadow:0 4px 10px #646cff4d}