.filter-bar{flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex}.filter-bar__backdrop{z-index:calc(var(--z-fixed) - 1);opacity:0;pointer-events:none;background:#000000b3;transition:opacity .3s;position:fixed;inset:0}.filter-bar__backdrop--visible{opacity:1;pointer-events:auto}.filter-bar__top{align-items:center;gap:var(--gap-xs);width:100%;padding-right:24px;display:flex}.filter-bar__suggestions{align-items:center;gap:var(--gap-xs);scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;padding:var(--gap-xs) 24px;flex-wrap:nowrap;flex:1;display:flex;overflow-x:auto;mask-image:linear-gradient(90deg,#0000 0%,#000 24px calc(100% - 24px),#0000 100%)}.filter-bar__suggestions::-webkit-scrollbar{display:none}.filter-bar__toggle{flex-shrink:0}.filter-bar__panel{visibility:hidden;grid-template-rows:0fr;width:100%;transition:grid-template-rows .3s;display:grid;overflow:hidden}.filter-bar__panel--open{visibility:visible;grid-template-rows:1fr}.filter-bar__panel-glass{min-height:0;max-height:80dvh;margin-top:var(--gap-s);flex-direction:column;display:flex;overflow:hidden}.filter-bar__panel-scroll{border-radius:var(--card-br-xl) var(--card-br-xl) 0 0;min-height:0;margin:calc(-1*var(--card-p-m));padding:var(--card-p-m);scrollbar-width:none;flex:1;overflow:hidden auto}.filter-bar__panel-scroll::-webkit-scrollbar{display:none}.filter-bar__panel-scroll>hr{margin:var(--gap-m) 0;flex-shrink:0}.filter-bar__footer{border-radius:0 0 var(--card-br-xl) var(--card-br-xl);width:100%;padding:var(--card-p-xs) var(--card-p-xs) var(--card-p-l) var(--card-p-xs);flex-shrink:0}.filter-bar__footer>hr{margin:0 0 var(--card-p-s) 0;flex-shrink:0}.filter-bar__footer-actions{justify-content:center;display:flex}.filter-bar__section{gap:var(--gap-xs);flex-direction:column;display:flex}.filter-bar__section--center{align-items:center}.filter-bar__label{white-space:nowrap}.filter-bar__chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1*var(--card-p-m));padding-bottom:2px;padding-inline:var(--card-p-m);flex-wrap:nowrap;display:flex;overflow-x:auto}.filter-bar__chips::-webkit-scrollbar{display:none}.filter-bar__chips--wrap{flex-wrap:wrap}@media (max-width:600px){.filter-bar__chips--wrap{margin-inline:calc(-1*var(--card-p-m));padding-inline:var(--card-p-m);flex-wrap:nowrap;overflow-x:auto}}
.app-header{z-index:var(--z-fixed);width:100%;padding:var(--card-p-m);contain:layout style;flex-direction:column;align-items:center;display:flex;position:sticky;top:0}.app-header__logo{font-size:var(--h1-size);color:var(--text-color);cursor:pointer;white-space:nowrap;pointer-events:auto;will-change:transform,opacity;align-items:center;gap:.3em;font-weight:800;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.app-header__logo-icon{flex-shrink:0;width:auto;height:1.4em}.app-header__logo-accent{color:var(--color-blue)}.app-header__container{flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;display:flex}.app-header__form{width:100%;position:relative}.app-header__controls{padding:var(--spacing-xs) 0;position:absolute;top:100%;left:0;right:0}.app-header .input-icon-wrapper.glass-s:before{mix-blend-mode:normal}
.footer{z-index:var(--z-above);background:var(--glass-bg-tint);border-radius:var(--card-br-xl) var(--card-br-xl) 0 0;flex-shrink:0;margin-bottom:-1px;position:relative}.footer:after{border-radius:var(--card-br-xl) var(--card-br-xl) 0 0;border-bottom:none}.footer:before{border-radius:var(--card-br-xl) var(--card-br-xl) 0 0}.footer__inner{gap:var(--gap-xl);flex-direction:column;display:flex}.footer__logo{font-size:var(--h2-size);color:var(--text-color);justify-content:center;align-items:center;gap:.3em;font-weight:800;text-decoration:none;display:flex}.footer__logo-icon{flex-shrink:0;width:auto;height:1.4em}.footer__logo-accent{color:var(--color-blue)}.footer__content{gap:var(--gap-xl);flex-direction:column;display:flex}.footer__links{gap:var(--gap-xl);text-align:center;display:flex}.footer__column{flex:1;min-width:0}.footer__column h4{font-weight:600}.footer__theme-toggle-row{justify-content:center;align-items:center;gap:var(--gap-m);width:100%;padding-top:var(--gap-m);flex-wrap:wrap;display:flex}.footer__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__link{transition:color var(--transition-interactive);text-decoration:none}.footer__link:hover{color:var(--text-color)}.footer__bottom{text-align:center;flex-direction:column;align-items:center;display:flex}@media (max-width:768px){.footer__inner{gap:var(--gap-l)}.footer__links{gap:var(--gap-s)}.footer__list{gap:var(--gap-xs)!important}}