:root,body,#root{background-color:#fdfcfb;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;justify-content:center!important;align-items:center!important;display:flex!important}:root{--nh-orange:#f97316;--bg-white:#fff;--text-main:#1a1a1a;--text-muted:#8e8e93;--text-on-orange:#fff;--font-main:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Roboto", "Helvetica Neue", sans-serif;--modal-z:4000;--nav-z:3000;--overlay-z:2500}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html,#root{width:100%;height:100%;font-family:var(--font-main);background-color:var(--bg-white);color:var(--text-main);position:fixed;overflow:hidden}.app-shell{flex-direction:column;width:100%;height:100dvh;display:flex}.main-content{flex:1;width:100%;padding-bottom:2rem;overflow-y:auto}.inner-container{width:100%;max-width:480px;margin:0 auto;padding:0 1.5rem}.view-header{background:#fff;border-bottom:1px solid #eee;align-items:center;gap:1rem;padding:1.5rem;display:flex}.menu-trigger{cursor:pointer;background:0 0;border:none;font-size:1.5rem}.sidebar{width:280px;height:100%;z-index:var(--nav-z);background:#fff;flex-direction:column;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-280px;box-shadow:10px 0 30px #0000001a}.sidebar.open{transform:translate(280px)}.sidebar-header{align-items:center;gap:10px;margin-bottom:2.5rem;display:flex}.sidebar-logo{object-fit:contain;border-radius:8px;width:40px;height:40px}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.nav-item{width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 15px;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.nav-item:active,.nav-item:hover{color:var(--nh-orange);background:#f2f2f7}.nav-item.logout{color:#ff3b30;margin-top:auto}.nav-divider{background:#f2f2f7;height:1px;margin:15px 0}.sidebar-overlay{z-index:var(--overlay-z);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;position:fixed;inset:0}.modal-overlay{z-index:var(--modal-z);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:2rem;width:100%;max-width:500px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.modal-close-btn{width:32px;height:32px;color:var(--text-main);cursor:pointer;z-index:10;background:#f2f2f7;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close-btn:hover{background:#e5e5ea}.profile-form,.log-form,.login-form,.recipe-form{flex-direction:column;gap:1.2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}input,textarea,select{background:#f9fafb;border:1px solid #e5e5ea;border-radius:1.1rem;width:100%;padding:1.1rem;font-size:1.1rem}textarea{resize:none;min-height:120px}.diet-slider{cursor:pointer;background:#f2f2f7;border-radius:14px;margin-top:.5rem;padding:4px;display:flex;position:relative}.diet-option{text-align:center;z-index:1;color:var(--text-muted);flex:1;padding:10px 0;font-size:.95rem;font-weight:700;transition:color .3s}.diet-option.active{color:var(--nh-orange)}.diet-slider-active-bg{background:#fff;border-radius:11px;width:calc(50% - 4px);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;box-shadow:0 2px 6px #0000001a}.diet-slider.non-veg .diet-slider-active-bg{transform:translate(100%)}.radio-toggle-group{background:#f2f2f7;border-radius:1rem;margin-bottom:1rem;padding:4px;display:flex}.radio-toggle-item{text-align:center;cursor:pointer;border-radius:.8rem;flex:1;padding:.8rem;font-weight:700}.radio-toggle-item.active{color:var(--nh-orange);background:#fff;box-shadow:0 2px 8px #0000000d}.top-hero-block{background-color:var(--nh-orange);color:var(--text-on-orange);width:100%;padding-top:env(safe-area-inset-top,10px);border-bottom-right-radius:2.5rem;border-bottom-left-radius:2.5rem;padding-bottom:2.2rem}.page-header{justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.login-wrapper{background:#fff;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.login-card{text-align:center;width:100%;max-width:400px}.login-logo{object-fit:contain;border-radius:22px;width:100px;height:100px;margin:0 auto 1.5rem;display:block}.login-title{margin-bottom:2rem;font-size:2.2rem;font-weight:800}.page-container{padding:1.5rem}.search-bar-container{gap:10px;margin-bottom:1.5rem;display:flex}.btn-add-circle{background:var(--nh-orange);color:#fff;border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;display:flex}.meal-table-container{border:1px solid #eee;border-radius:1rem;margin-top:1rem;overflow-x:auto}.meal-table{border-collapse:collapse;background:#fff;width:100%;min-width:600px}.meal-table th{color:var(--text-muted);text-transform:uppercase;background:#f9fafb;border-bottom:2px solid #eee;padding:1rem;font-size:.75rem;font-weight:700}.meal-table td{vertical-align:top;border-bottom:1px solid #f2f2f7;padding:1rem}.meal-slot{flex-direction:column;gap:4px;min-height:60px;display:flex}.meal-entry-tag{color:var(--nh-orange);background:#fff0eb;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600}.btn-tiny-add{border:1px dashed var(--nh-orange);color:var(--nh-orange);cursor:pointer;background:0 0;border-radius:6px;margin-top:auto;padding:4px;font-size:.7rem}.btn-primary-block{background:var(--nh-orange);color:#fff;cursor:pointer;border:none;border-radius:1.2rem;width:100%;padding:1.2rem;font-size:1.1rem;font-weight:700;transition:opacity .2s}.btn-primary-block:active{opacity:.8}.status-toast{color:#fff;z-index:5000;background:#1a1a1a;border-radius:1rem;padding:14px 24px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.yazio-macros-container{background:#f9f9fb;border-radius:1.5rem;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:1.5rem;padding:1rem;display:grid}.macro-box{text-align:center;flex-direction:column;align-items:center;display:flex}.macro-circle-input{aspect-ratio:1;background:#fff;border:3px solid #e5e5ea;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:70px;margin-bottom:8px;transition:border-color .3s;display:flex;position:relative}.macro-circle-input input{text-align:center;width:80%;color:var(--text-main);background:0 0;border:none;padding:0;font-size:1rem;font-weight:800}.macro-circle-input input:focus{outline:none}.macro-label{text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}.macro-box.calories .macro-circle-input{border-color:#f97316}.macro-box.carbs .macro-circle-input{border-color:#3498db}.macro-box.protein .macro-circle-input{border-color:#2ecc71}.macro-box.fats .macro-circle-input{border-color:#e91e63}.micros-container{background:#f2f2f7;border-radius:1.5rem;margin-top:1rem;padding:1.25rem}.micros-header{color:#555;letter-spacing:.5px;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:900;display:block}.micros-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.micro-item{text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;padding:8px;display:flex;box-shadow:0 2px 4px #00000005}.micro-label-small{color:#aaa;text-transform:uppercase;white-space:nowrap;margin-bottom:2px;font-size:.6rem;display:block;overflow:hidden}.micro-input-small{width:100%;text-align:center!important;color:#333!important;background:0 0!important;border:none!important;padding:0!important;font-size:.85rem!important;font-weight:700!important}.ai-suggestion-zone{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.ai-suggestion-zone .sq-icon{filter:drop-shadow(0 10px 15px #0000001a);margin-bottom:1rem;font-size:4rem}.ai-suggestion-zone h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.ai-suggestion-zone p{color:var(--text-muted);max-width:280px;margin-bottom:2rem;font-size:.9rem;line-height:1.4}.db-results-list{margin:0;padding:0;list-style:none}.db-result-item{cursor:pointer;border-bottom:1px solid #f2f2f7;justify-content:space-between;align-items:center;padding:1rem 0;transition:opacity .2s;display:flex}.db-result-item:last-child{border-bottom:none}.db-result-item:active{opacity:.6}.db-result-name{font-size:1rem;font-weight:700}@media (width<=380px){.micros-grid{grid-template-columns:repeat(2,1fr)}.yazio-macros-container{gap:8px;padding:.75rem}.macro-circle-input{max-width:60px}}