:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--green: #00876c;--green-dark: #006b56;--green-light: #e7f4f1;--blue: #4664aa;--red: #b71c1c;--text: #303030;--text-secondary: #5f6368;--muted: #80868b;--border: #dadce0;--border-light: #f0f0f0;--surface: #ffffff;--bg: #f8f9fa;--bg-card: #ffffff;--bg-summary: #fafafa;--bg-hover: #fafbfc;--bg-detail: #fafbfc;--header-bg: #ffffff;--footer-bg: #ffffff;--highlight-bg: #fffde7;--radius: .5rem;--max-width: 1080px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--text);line-height:1.5;font-size:15px}body:before{content:"";display:block;height:4px;background:var(--green)}a{color:var(--green-dark);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}[data-theme=dark]{color-scheme:dark;--green: #00b894;--green-dark: #00d2a0;--green-light: #1a3a32;--blue: #7ea6f4;--red: #ef5350;--text: #e0e0e0;--text-secondary: #b0b8c0;--muted: #88909a;--border: #3a3f47;--border-light: #2a2d33;--surface: #1e2127;--bg: #16181c;--bg-card: #1e2127;--bg-summary: #22252b;--bg-hover: #252830;--bg-detail: #22252b;--header-bg: #1a1d23;--footer-bg: #1a1d23;--highlight-bg: #3d3520}.site-header{position:sticky;top:0;z-index:100;background:var(--header-bg);border-bottom:1px solid var(--border)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:56px}.site-logo{display:flex;align-items:center;gap:.6rem;color:var(--text);text-decoration:none;font-size:1rem;font-weight:700}.site-logo:hover{text-decoration:none}.logo-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.35rem;background:var(--green);color:#fff;font-size:.85rem;font-weight:800;flex-shrink:0}.logo-text small{display:block;font-size:.6rem;font-weight:400;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.site-nav{display:flex;gap:.25rem;align-items:center}.site-nav a{padding:.4rem .65rem;color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:600;border-radius:.3rem;transition:background .15s,color .15s}.site-nav a:hover{background:var(--green-light);color:var(--green-dark);text-decoration:none}.theme-toggle{background:none;border:1px solid var(--border);border-radius:.3rem;padding:.3rem .45rem;font-size:.9rem;cursor:pointer;line-height:1;transition:background .15s;margin-left:.25rem}.theme-toggle:hover{background:var(--green-light)}main{max-width:var(--max-width);margin:1.5rem auto 3rem;padding:0 1rem}.page-heading{margin-bottom:1.25rem}.page-heading h1{font-size:1.5rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.page-subtitle{color:var(--text-secondary);font-size:.85rem;margin-top:.15rem}h2{font-size:1.15rem;font-weight:600;margin:1.5rem 0 .75rem}h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem}.dashboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center}.dashboard-card .value{font-size:1.3rem;font-weight:700;color:var(--green-dark)}.dashboard-card .label{font-size:.72rem;color:var(--muted);margin-top:.15rem;text-transform:uppercase;letter-spacing:.04em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:1px solid var(--green);border-radius:.35rem;background:var(--green);color:#fff;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s}.btn:hover{background:var(--green-dark);border-color:var(--green-dark);text-decoration:none}.btn:disabled{border-color:#ccc;background:#ccc;cursor:not-allowed}.btn-outline{border-color:var(--border);background:var(--bg-card);color:var(--text)}.btn-outline:hover{border-color:var(--green);background:var(--green-light);color:var(--green-dark)}.btn-sm{padding:.35rem .6rem;font-size:.75rem}.line-disclosure{margin-bottom:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);overflow:hidden}.line-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;cursor:pointer;list-style:none;font-weight:600;font-size:.85rem;color:var(--text);background:var(--bg-summary);-webkit-user-select:none;user-select:none}.line-disclosure summary::-webkit-details-marker{display:none}.line-disclosure summary:after{content:"";flex-shrink:0;width:1.2rem;height:1.2rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300876c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .15s}.line-disclosure[open] summary{background:var(--green-light)}.line-disclosure[open] summary:after{transform:rotate(45deg)}.line-summary{display:flex;flex-direction:column;gap:.1rem}.line-summary .line-name{font-weight:700}.line-summary .line-sub{font-size:.72rem;color:var(--text-secondary)}.line-info{font-size:.75rem;color:var(--muted);white-space:nowrap}.meal-card{display:flex;gap:1rem;padding:.85rem;border-top:1px solid var(--border-light);transition:background .15s}.meal-card:first-child{border-top:0}.meal-card:hover{background:var(--bg-hover)}.meal-card-image{flex-shrink:0;width:120px;height:90px;border-radius:6px;overflow:hidden;background:#f0f2f5;display:grid;place-items:center}[data-theme=dark] .meal-card-image{background:#2a2d33}.meal-card-image img{width:100%;height:100%;object-fit:cover}.meal-card-image .placeholder{color:var(--muted)}.meal-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.meal-card-title{font-weight:700;font-size:.9rem;color:var(--text);letter-spacing:-.01em;line-height:1.3}.meal-card-title a{color:var(--text)}.meal-card-title a:hover{color:var(--green-dark);text-decoration:none}.meal-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-secondary);flex-wrap:wrap}.meal-card-attrs{display:flex;align-items:center;gap:.6rem;font-size:.72rem;color:var(--text-secondary);flex-wrap:wrap}.meal-attr{display:inline-flex;align-items:center;gap:.2rem;color:var(--text-secondary)}.meal-attr svg{flex-shrink:0}.meal-card-nutrition{display:flex;gap:.75rem;font-size:.72rem;color:var(--text-secondary);flex-wrap:wrap;margin-top:.15rem}.meal-card-nutrition .nut-value{display:inline-flex;align-items:baseline;gap:.15rem}.meal-card-nutrition .nut-value strong{font-weight:700;color:var(--text)}.meal-card-price{font-weight:700;color:var(--green-dark);font-size:.85rem;white-space:nowrap;align-self:flex-start}.meal-card-detail{padding:.5rem .85rem .85rem 137px;border-top:1px solid var(--border-light);background:var(--bg-detail)}.meal-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.4rem .75rem;font-size:.75rem;color:var(--text-secondary)}.meal-detail-grid span strong{color:var(--text);font-weight:700}.meal-detail-empty{font-style:italic;color:var(--muted);font-size:.75rem}.label-circle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;overflow:hidden;background:var(--bg);border:1px solid var(--border);margin-right:.2rem;vertical-align:middle;flex-shrink:0}.label-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.label-circle svg{width:16px;height:16px;opacity:.7}.meal-icon-tag{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.meal-icon-tag img{width:24px;height:24px;object-fit:contain;flex-shrink:0}.meal-icon-tag svg{opacity:.7;flex-shrink:0}.filter-bar{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.75rem}.filter-chip{padding:.3rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s}.filter-chip:hover{border-color:var(--green);color:var(--green-dark)}.filter-chip.active{background:var(--green);color:#fff;border-color:var(--green)}.sort-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.sort-bar label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.sort-bar select{padding:.35rem .5rem;border-radius:.35rem;border:1px solid var(--border);font-size:.78rem;background:var(--bg-card);color:var(--text)}.week-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem;overflow-x:auto}.week-tab{padding:.5rem .85rem;border:none;background:none;font-size:.78rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s,border-color .15s}.week-tab:hover{color:var(--text)}.week-tab.active{color:var(--green-dark);border-bottom-color:var(--green)}.ranking-card{margin-bottom:.75rem}.ranking-card h3{font-size:.85rem;margin-bottom:.35rem}.rank-item{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--border-light);font-size:.82rem}.compact-ranking a{color:var(--text)}.compact-ranking a:hover{color:var(--green-dark);text-decoration:none}.top-rankings{grid-template-columns:1fr}@media (min-width: 500px){.top-rankings{grid-template-columns:repeat(2,1fr)}}.site-footer{border-top:1px solid var(--border);background:var(--footer-bg);padding:1rem;margin-top:2rem;font-size:.72rem;color:var(--muted)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.footer-links{display:flex;gap:.75rem}.footer-links a{color:var(--muted);font-size:.72rem}.footer-links a:hover{color:var(--text)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--header-bg);border-top:1px solid var(--border);padding:.35rem 1rem;padding-bottom:max(.35rem,env(safe-area-inset-bottom))}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .5rem;border-radius:.35rem;color:var(--text-secondary);text-decoration:none;font-size:.65rem;font-weight:600;transition:color .15s,background .15s;flex:1;text-align:center}.mobile-nav a:hover{text-decoration:none}.mobile-nav a.active{color:var(--green-dark);background:var(--green-light)}.mobile-nav a svg{flex-shrink:0}.grid-2{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 640px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.loading{text-align:center;padding:2rem;color:var(--muted);font-size:.85rem}.error{background:#fce4ec;border:1px solid #f8bbd0;border-radius:var(--radius);padding:.75rem 1rem;color:var(--red);font-size:.82rem}[data-theme=dark] .error{background:#3d1a1f;border-color:#5a2028}.empty-state{text-align:center;padding:2rem 1rem;color:var(--muted);font-size:.85rem}@media (max-width: 640px){.header-inner{flex-wrap:wrap;height:auto;padding:.5rem .75rem;gap:.35rem}.site-logo{font-size:.9rem}.site-nav{width:100%;display:flex;gap:.2rem;overflow-x:auto}.site-nav a{flex-shrink:0;font-size:.75rem;padding:.35rem .5rem}main{margin:.75rem auto 2rem;padding:0 .6rem 5rem}.page-heading h1{font-size:1.25rem}.meal-card{flex-direction:column;padding:.65rem}.meal-card-image{width:100%;height:140px}.meal-card-price{align-self:flex-end;margin-top:-1.8rem}.meal-card-detail{padding-left:.65rem;padding-right:.65rem}.meal-detail-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.mobile-nav{display:flex}.site-footer{padding-bottom:5rem}}