body{font-family:'Be Vietnam Pro',sans-serif;font-size:16px;line-height:1.6;font-weight:400;background-color:#f8fafc}html{overflow-y:scroll}:root{--focus-ring:#2563eb;--focus-ring-shadow:0 0 0 0.15rem rgba(37, 99, 235, 0.35);--card-tile-h-sm:360px;--card-tile-h-md:400px;--card-tile-h-lg:420px;--card-img-h-sm:160px;--card-img-h-md:180px;--card-img-h-lg:200px}.app-logo{display:block;border-radius:8px}.rotate-phrase{color:#0d6efd;font-weight:500}.rotate-phrase:focus,.rotate-phrase:hover{text-decoration:underline}@media (max-width:575.98px){#filter-summary{font-size:.72rem}.rotate-phrase{font-size:.7rem}}@media (max-width:860px){#filters-row>.d-flex{display:flex;flex-wrap:wrap}#filters-row>.d-flex>div{flex:0 0 100%;max-width:100%}#filters-row .dropdown-toggle{font-size:.78rem}}@media (max-width:400px){#filter-summary{font-size:.65rem}}.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.popup-img-top-right{float:right;margin-left:1rem;margin-bottom:.5rem;max-height:260px;width:auto;aspect-ratio:3/2;object-fit:cover;border-radius:.75rem}@media (max-width:640px){.popup-img-top-right{float:none;display:block;margin:0 0 .75rem;width:100%;height:auto}}.app-header{top:0;z-index:1020;background:0 0;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-header-inner{position:relative;background:linear-gradient(110deg,#ffedd5,#fde68a,#bfdbfe);-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 4px 18px -4px rgba(0,0,0,.16);border-radius:0;transition:box-shadow .35s,background-color .35s}.app-header-inner .app-logo{width:36px;height:36px}.desktop-filter-toggle{display:none}#filters-offcanvas{--bs-offcanvas-width:min(88vw, 420px);border-left:1px solid rgba(0,0,0,.06);box-shadow:-10px 0 24px -10px rgba(0,0,0,.25)}.active-filters-bar{background:var(--bs-alert-bg);border:1px solid var(--bs-alert-border-color);border-radius:1rem;-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);position:relative}.filter-clear-btn{position:absolute;top:6px;right:6px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.9);width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#334155;font-size:15px;line-height:1;box-shadow:0 2px 4px -1px rgba(0,0,0,.15)}.filter-clear-btn:focus,.filter-clear-btn:hover{background:#fff;color:#0f172a;border-color:rgba(0,0,0,.15);box-shadow:0 3px 6px -2px rgba(0,0,0,.2)}.filter-clear-btn:active{background:#f1f5f9;box-shadow:0 1px 3px rgba(0,0,0,.25) inset}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:focus-visible{box-shadow:var(--focus-ring-shadow)}.filter-clear-btn:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--focus-ring)}body.random-mode{background:#f3f6fb;background-image:radial-gradient(circle at 25% 20%,rgba(255,255,255,.9),rgba(255,255,255,0) 60%),linear-gradient(135deg,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 70%);transition:background-color .4s}.app-header.scrolled .app-header-inner{box-shadow:0 4px 14px -2px rgba(0,0,0,.12)}#filters-row .dropdown-toggle{min-width:260px}#filters-row>.d-flex{flex-wrap:wrap}#filters-row>.d-flex>div{flex:1 1 auto}@media (max-width:860px){#filters-row .dropdown-toggle{min-width:0}}#filters-row.filters-row-bg{background:0 0;border:none;box-shadow:none}#filters-offcanvas-body .dropdown-toggle,.app-header .dropdown-toggle{border-radius:.75rem;background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;box-shadow:0 2px 6px -2px rgba(0,0,0,.08);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#filters-offcanvas-body .dropdown-menu,.app-header .dropdown-menu{width:auto;min-width:max-content;max-width:min(92vw,560px);border:1px solid #d1d5db;box-shadow:0 10px 28px -6px rgba(0,0,0,.18);border-radius:.85rem;z-index:1042;background:#fff}#filters-offcanvas-body .dropdown-item.active,.app-header .dropdown-item.active{font-weight:400;color:#0d6efd;background:0 0}#filters-offcanvas-body .dropdown-toggle:focus,#filters-offcanvas-body .dropdown-toggle:hover,.app-header .dropdown-toggle:focus,.app-header .dropdown-toggle:hover{border-color:#cbd5e1!important;box-shadow:0 0 0 .15rem rgba(59,130,246,.08)}#filters-offcanvas-body .dropdown-toggle.show,.app-header .dropdown-toggle.show{background:#fff!important;border-color:#cbd5e1!important}#filters-offcanvas-body .dropdown-item,.app-header .dropdown-item{border-radius:.5rem;padding:.5rem .75rem;color:#374151;display:flex;align-items:center;justify-content:space-between;gap:.75rem}#filters-offcanvas-body .dropdown-item .di-left,.app-header .dropdown-item .di-left{min-width:0;white-space:normal}#filters-offcanvas-body .dropdown-item .di-right,.app-header .dropdown-item .di-right{flex:0 0 auto;display:inline-flex;align-items:center;gap:.375rem;color:#6b7280}#filters-offcanvas-body .dropdown-item .icons,.app-header .dropdown-item .icons{color:inherit}.count-pill{background:#eef2ff;color:#3730a3;border-radius:9999px;padding:.125rem .5rem;font-size:.8125rem;line-height:1.2}#filters-offcanvas-body .dropdown-item:focus,#filters-offcanvas-body .dropdown-item:hover,.app-header .dropdown-item:focus,.app-header .dropdown-item:hover{background:#f9fafb;color:#111827}#filters-offcanvas-body .dropdown-item:active,.app-header .dropdown-item:active{background:#f3f4f6!important;color:#111827!important}#filters-offcanvas-body .dropdown-item.active:focus,#filters-offcanvas-body .dropdown-item.active:hover,.app-header .dropdown-item.active:focus,.app-header .dropdown-item.active:hover{text-decoration:none;background:#f8fafc}.filter-summary-badges{min-height:1.25rem}.filter-summary-badges .filter-badge{font-weight:500;font-size:.65rem;padding:.25rem .55rem;border-radius:999px;line-height:1.05}.badge.badge-soft{box-sizing:border-box;display:inline-block;padding:6px 8px;line-height:1;white-space:nowrap;border-width:1px;border-style:solid;border-color:var(--bs-border-color-translucent);border-radius:800px;font-weight:400}.badge.badge-soft.text-primary-emphasis{border-color:rgba(var(--bs-primary-rgb),.35)}.badge.badge-soft.text-danger-emphasis{border-color:rgba(var(--bs-danger-rgb),.35)}.badge.badge-soft.text-warning-emphasis{border-color:rgba(var(--bs-warning-rgb),.45)}.badge.badge-soft.text-success-emphasis{border-color:rgba(var(--bs-success-rgb),.35)}.badge.badge-soft.text-secondary-emphasis{border-color:rgba(var(--bs-secondary-rgb),.35)}.dish-col{flex:1 1 calc(100% - 0.01px)}@media (min-width:576px){.dish-col{flex:0 1 calc((100% - 1 * 1rem)/ 2);max-width:calc((100% - 1 * 1rem)/ 2)}}@media (min-width:992px){#filters-offcanvas{--bs-offcanvas-width:460px}.dish-col{flex:0 1 calc((100% - 2 * 1.5rem)/ 3);max-width:calc((100% - 2 * 1.5rem)/ 3)}}@media (min-width:1200px){.dish-col{flex:0 1 calc((100% - 3 * 1.5rem)/ 4);max-width:calc((100% - 3 * 1.5rem)/ 4)}}.dish-col.random-picked{box-shadow:0 0 0 3px rgba(59,130,246,.35),0 10px 15px -3px rgba(0,0,0,.1);transform:translateY(-2px)}.dish-col .card-footer{position:relative;border-top:0}.dish-col .card-footer::before{content:'';position:absolute;top:0;left:1rem;right:1rem;height:1px;background-color:var(--bs-border-color,#dee2e6)}.dish-col .card{display:flex;flex-direction:column;height:var(--card-tile-h-sm)}.dish-col .card-body{display:flex;flex-direction:column;flex:1 1 auto}.dish-col .card-body>img.card-img-top{height:var(--card-img-h-sm);width:100%;object-fit:cover}.dish-col .card-body .px-3.py-2{flex:1 1 auto;min-height:0}.dish-col .card-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dish-col .card-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#random-controls{display:none!important}.random-fab,.random-fab-clear{position:fixed;right:14px;z-index:1048;width:52px;height:52px;border-radius:9999px;box-shadow:0 10px 20px rgba(0,0,0,.15);display:inline-flex;align-items:center;justify-content:center;border:none}.random-fab{bottom:16px;background:#2563eb;color:#fff}.random-fab:active,.random-fab:hover{background:#1d4ed8;color:#fff}.random-fab-clear{bottom:76px;background:#e5e7eb;color:#111827}.random-fab-clear:active,.random-fab-clear:hover{background:#d1d5db;color:#111827}#app-main{position:relative}@media (min-width:576px){.dish-col .card{height:var(--card-tile-h-md)}.dish-col .card-body>img.card-img-top{height:var(--card-img-h-md)}.random-fab,.random-fab-clear{right:calc((100vw - 540px)/ 2 + 14px)}}@media (min-width:768px){.desktop-filter-toggle{display:inline-flex}.random-fab,.random-fab-clear{right:calc((100vw - 720px)/ 2 + 14px)}}@media (min-width:992px){.dish-col .card{height:var(--card-tile-h-lg)}.dish-col .card-body>img.card-img-top{height:var(--card-img-h-lg)}.random-fab,.random-fab-clear{right:calc((100vw - 960px)/ 2 + 14px)}}@media (min-width:1200px){.random-fab,.random-fab-clear{right:calc((100vw - 1140px)/ 2 + 14px)}}@media (min-width:1400px){.random-fab,.random-fab-clear{right:calc((100vw - 1320px)/ 2 + 14px)}}