:root{color:#211f32;background:#f6f3fe;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}.app{max-width:1080px;margin:0 auto;padding:26px 16px 52px}.top-controls{z-index:10;align-items:center;gap:8px;display:flex;position:fixed;top:12px;right:12px}.version-badge{color:#334047;background:#fff;border:1px solid #d7dfdf;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:800;line-height:1;box-shadow:0 8px 24px #202c3614}.language-toggle{background:#fff;border:1px solid #d7dfdf;border-radius:999px;display:flex;overflow:hidden;box-shadow:0 8px 24px #202c3614}.language-toggle button{color:#59646d;background:0 0;border-radius:0;padding:8px 10px;font-size:.75rem;line-height:1}.language-toggle button:hover,.language-toggle button.active{color:#fff;background:#0f766e}.hero{text-align:center;margin-bottom:18px}.hero h1{letter-spacing:0;margin:0;font-size:clamp(32px,5vw,46px)}.hero p{color:#59646d;max-width:650px;margin:10px auto 0}.panel{background:#fff;border:1px solid #dde6e5;border-radius:8px;margin-bottom:14px;padding:16px;box-shadow:0 8px 24px #202c360d}.panel h2{margin:0 0 10px;font-size:1.2rem}.panel h3{margin:0;font-size:1.25rem}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.wide{grid-column:1/-1}label{color:#59646d;gap:6px;font-size:.9rem;display:grid}input{font:inherit;border:1px solid #cfd9d8;border-radius:8px;padding:9px 10px}input:focus{outline-offset:1px;outline:2px solid #8ac6be}.summary{color:#59646d;margin:12px 0}.row,.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tabs{border-bottom:1px solid #dde6e5;gap:8px;margin-bottom:14px;display:flex}button{color:#fff;font:inherit;cursor:pointer;background:#0f766e;border:0;border-radius:8px;padding:10px 14px;font-weight:800}button:hover{background:#115e59}button.secondary{color:#243238;background:#fff;border:1px solid #cfd9d8}button.secondary:hover{background:#f2f7f6}.tab{color:#59646d;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;padding:10px 16px}.tab:hover,.tab.active{color:#0f5f59;background:#fff;border-color:#dde6e5}.source-note{color:#59646d;background:#f9fbfb}.filter-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.filter-heading h2,.filter-heading p{margin:0}.filter-heading p{color:#59646d;font-size:.9rem}.tag{color:#243238;background:#f1f7f6;border:1px solid #cfd9d8;padding:8px 10px}.tag:hover,.tag.active{color:#fff;background:#0f766e;border-color:#0f766e}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.game-card{flex-direction:column;gap:10px;display:flex}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.eyebrow{color:#0f766e;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:900}.time-chip,.tag-label{color:#0f5f59;white-space:nowrap;background:#edf7f5;border-radius:999px;padding:7px 9px;font-size:.78rem;font-weight:800;line-height:1}.compact{gap:6px}.tag-label{color:#59646d;background:#f5f7f7;border:1px solid #dde6e5}.meta{color:#59646d;margin:0}.source-meta{color:#59646d;margin:0;font-size:.86rem}.detail-pill{border-radius:999px;width:fit-content;margin:0;padding:5px 9px;font-size:.76rem;font-weight:700;display:inline-block}.detail-pill.detailed{color:#17603f;background:#def6ea;border:1px solid #b9ebd1}.detail-pill.title-only{color:#53626b;background:#f4f5f6;border:1px solid #d9dfe2}.tip{color:#59646d;margin:0}.food-results{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:16px;display:grid}.food-results article{background:#f9fbfb;border:1px solid #dde6e5;border-radius:8px;padding:12px}.food-results span{color:#59646d;font-size:.86rem;display:block}.food-results strong{color:#0f5f59;margin-top:4px;font-size:1.8rem;line-height:1;display:block}.shopping-list{margin-top:16px}.shopping-list h3{margin-bottom:8px}.shopping-list ul,ol{margin:0;padding-left:18px}li{margin:6px 0}@media (width<=640px){.app{padding-top:42px}.filter-heading,.card-header{display:block}.time-chip{margin-top:8px;display:inline-block}}