:root{color-scheme:dark;--bg: #121212;--bg-elevated: #1e1e1e;--surface: #252525;--surface-hover: #2d2d2d;--surface-variant: #333333;--border: #2f2f2f;--text: #f3f3f3;--text-muted: #a3a3a3;--primary: #ffb59d;--primary-solid: #d85a30;--primary-container: #5c220e;--on-primary-container: #ffdbd0;--nav-bg: #181818;--nav-active-green: #66bb6a;--nav-active-pill: rgba(102, 187, 106, .18);--calorie-orange: #ff6d00;--protein: #4caf50;--carbs: #fb8c00;--fat: #ec407a}[data-theme=light]{color-scheme:light;--bg: #fffdf9;--bg-elevated: #fff8f2;--surface: #fff8f2;--surface-hover: #f9efe6;--surface-variant: #f4e6dc;--border: #e7d8cd;--text: #221a16;--text-muted: #5e5047;--primary: #d85a30;--primary-solid: #d85a30;--primary-container: #ffdbd0;--on-primary-container: #3a0b00;--nav-bg: #fff8f2;--nav-active-green: #2e7d32;--nav-active-pill: rgba(46, 125, 50, .15);--calorie-orange: #e65100;--protein: #2e7d32;--carbs: #ef6c00;--fat: #c2185b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.buhubite-shell{max-width:640px;margin:0 auto;min-height:100dvh;padding:env(safe-area-inset-top,0px) 1rem calc(6.5rem + env(safe-area-inset-bottom,0px))}.buhubite-topbar{position:sticky;top:0;z-index:40;background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:.85rem 0 .65rem;gap:.5rem}.buhubite-brand{display:flex;align-items:center;gap:.75rem;min-width:0}.buhubite-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.buhubite-brand-title{margin:0;font-size:1.28rem;font-weight:700;line-height:1.18;color:var(--text)}.buhubite-brand-subtitle{display:block;font-size:.82rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buhubite-topbar-actions{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.icon-action-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease}.icon-action-btn:hover{background:var(--surface)}.icon-action-btn.active-account{color:var(--nav-active-green)}.subscreen-topbar{position:sticky;top:0;z-index:40;background:var(--bg);display:flex;align-items:center;gap:.65rem;padding:.8rem 0 .75rem}.subscreen-topbar h1{margin:0;font-size:1.22rem;font-weight:700}.search-bar-wrap{position:relative;display:flex;align-items:center;margin:.25rem 0 .55rem}.search-bar-icon{position:absolute;left:.95rem;color:var(--primary);display:flex;align-items:center;pointer-events:none}.search-bar-input{width:100%;padding:.82rem 2.6rem .82rem 2.75rem;border-radius:18px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:.93rem;outline:none;transition:border-color .15s ease}.search-bar-input::placeholder{color:var(--text-muted)}.search-bar-input:focus{border-color:var(--primary)}.search-bar-clear{position:absolute;right:.55rem;width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.filter-pills-row{display:flex;gap:.5rem;overflow-x:auto;padding:.2rem 0 .65rem;scrollbar-width:none;-ms-overflow-style:none}.filter-pills-row::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;padding:.46rem .9rem;border-radius:11px;font-size:.84rem;font-weight:600;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.filter-pill.selected{background:var(--nav-active-pill);border-color:#66bb6a73;color:var(--nav-active-green)}.buhubite-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.25rem}.buhubite-list-1col{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.buhubite-card{background:var(--surface);border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 16px #00000047}.dish-tile-card{background:var(--surface);border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 14px #00000042;display:flex;flex-direction:column;cursor:pointer;transition:transform .14s ease,background-color .14s ease}.dish-tile-card:hover{background:var(--surface-hover);transform:translateY(-1px)}.dish-tile-media{position:relative;width:100%;height:138px;background:var(--bg-elevated);overflow:hidden}.dish-tile-media img{width:100%;height:100%;object-fit:cover;display:block}.dish-tile-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000014,#00000005 45%,#00000094);pointer-events:none}.calorie-badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#181818e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.74rem;font-weight:700;line-height:1;box-shadow:0 2px 6px #00000059}.ingredients-count-badge{position:absolute;bottom:8px;left:8px;padding:3px 8px;border-radius:8px;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;font-size:.73rem;font-weight:500;line-height:1.2}.dish-tile-body{padding:.72rem .75rem .78rem;display:flex;flex-direction:column;flex:1}.dish-tile-title{margin:0;font-size:.94rem;font-weight:700;line-height:1.25;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dish-tile-meta{margin:.28rem 0 0;font-size:.76rem;line-height:1.32;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.macro-row-compact{display:flex;flex-wrap:wrap;gap:.32rem;margin-top:auto;padding-top:.58rem}.mini-macro-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:7px;font-size:.72rem;font-weight:600;color:var(--text);white-space:nowrap}.mini-macro-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.add-dish-tile{min-height:225px;border-radius:20px;border:1.5px dashed var(--surface-variant);background:#2525258c;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1rem;cursor:pointer;text-align:center;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.add-dish-tile:hover{border-color:var(--nav-active-green);background:var(--surface);color:var(--text)}.add-dish-tile-circle{width:46px;height:46px;border-radius:50%;background:var(--nav-active-pill);color:var(--nav-active-green);display:flex;align-items:center;justify-content:center}.dish-list-card{background:var(--surface);border-radius:20px;border:1px solid var(--border);padding:.75rem;display:flex;align-items:center;gap:.85rem;cursor:pointer}.dish-list-card img{width:92px;height:92px;border-radius:14px;object-fit:cover;flex-shrink:0}.buhubite-fab{position:fixed;right:max(1rem,calc(50vw - 304px));bottom:calc(4.85rem + env(safe-area-inset-bottom,0px));z-index:90;display:inline-flex;align-items:center;gap:.5rem;padding:.82rem 1.15rem;border-radius:16px;border:none;background:var(--primary-solid);color:#fff;font-size:.92rem;font-weight:700;box-shadow:0 8px 24px #00000073;cursor:pointer;transition:transform .15s ease}.buhubite-fab:hover{transform:translateY(-1px)}.buhubite-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--nav-bg);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:.42rem .5rem calc(.45rem + env(safe-area-inset-bottom,0px))}.buhubite-navitem{flex:1;max-width:180px;background:transparent;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.22rem;padding:.25rem .5rem;cursor:pointer;font-size:.76rem;font-weight:600}.buhubite-navitem-icon{width:56px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:background-color .16s ease,color .16s ease}.buhubite-navitem.active{color:var(--nav-active-green)}.buhubite-navitem.active .buhubite-navitem-icon{background:var(--nav-active-pill);color:var(--nav-active-green)}.primary-btn{background:var(--primary-solid);color:#fff;border:none;border-radius:13px;padding:.68rem 1.05rem;font-weight:700;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.primary-btn:disabled{opacity:.55;cursor:default}.tonal-green-btn{background:var(--nav-active-pill);color:var(--nav-active-green);border:1px solid rgba(102,187,106,.32);border-radius:13px;padding:.62rem 1rem;font-weight:700;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.secondary-btn{background:var(--surface-variant);color:var(--text);border:1px solid var(--border);border-radius:13px;padding:.62rem .95rem;font-weight:600;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.text-input{width:100%;padding:.74rem .9rem;border-radius:14px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:.94rem;outline:none}.text-input:focus{border-color:var(--primary)}