@media (min-width: 640px){.mobile-only{display:none!important}}@media (max-width: 639px){.desktop-only{display:none!important}}.active-chips-container{width:100%;background:transparent;padding:10px 16px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.active-chips-container::-webkit-scrollbar{display:none}.active-chip{display:flex;align-items:center;gap:4px;background-color:#fdfcfa;border:1px solid #000;border-radius:9999px;padding:4px 8px 4px 10px;font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;white-space:nowrap;box-shadow:2px 2px #000;cursor:pointer}.active-chip:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.active-chip-remove{display:inline-flex;justify-content:center;align-items:center;width:14px;height:14px;border-radius:50%;background-color:#0000001a;font-size:8px;margin-left:2px}.bottom-bar-shell{width:100%;padding:0 16px 16px;transition:padding .2s cubic-bezier(.16,1,.3,1)}.bottom-bar-control{background-color:#fdfcfa;border:2px solid #000;border-radius:9999px;box-shadow:4px 4px #000;display:flex;overflow:hidden}.bottom-bar-btn{flex:1;height:52px;border:none;background:none;cursor:pointer;font-family:var(--font-mono);font-size:13px;font-weight:700;text-transform:uppercase;color:#111;display:flex;justify-content:center;align-items:center;gap:8px}.bottom-bar-btn:active{background-color:#e7e3da}.bottom-bar-divider{width:2px;height:32px;background-color:#000;align-self:center}.badge-count{font-family:var(--font-mono);font-size:10px;background-color:#000;color:#fff;padding:2px 6px;border-radius:9999px;margin-left:2px}.sheet-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.sheet-backdrop.active{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;bottom:0;left:0;width:100%;background-color:#fdfcfa;border-top:3px solid #000;border-left:3px solid #000;border-right:3px solid #000;border-radius:32px 32px 0 0;z-index:1001;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:85%}.bottom-sheet.active{transform:translateY(0)}.sheet-header-container{background-color:#fdfcfa;border-bottom:2px solid #000;border-radius:28px 28px 0 0;display:flex;flex-direction:column;touch-action:none;cursor:grab}.sheet-header-container:active{cursor:grabbing}.sheet-drag-handle{width:100%;height:18px;display:flex;justify-content:center;align-items:center;touch-action:none}.sheet-drag-handle:before{content:"";width:56px;height:6px;background-color:#00000040;border-radius:3px;box-shadow:0 1px #ffffff8c}.sheet-header{padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.sheet-title{font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:-.5px}.sheet-close-btn{background-color:#fdfcfa;border:1.5px solid #000;border-radius:9999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px #000;transition:all .15s ease;color:#000;padding:0}.sheet-close-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.sheet-reset-btn{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;background:none;border:none;color:#6d645f;cursor:pointer;padding:4px 8px}.sheet-reset-btn.active{color:#000;text-decoration:underline}.sheet-body{flex:1;overflow-y:auto;padding:16px 20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheet-footer{padding:16px 20px;border-top:1px solid #000;background-color:#fdfcfa;display:flex;gap:12px}.btn-primary{flex:1;height:48px;background-color:#000;color:#fff;border:2px solid #000;border-radius:12px;font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px #00000026}.btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px #00000026}.btn-primary:disabled,.btn-primary[aria-disabled=true]{cursor:not-allowed;background-color:#6b655d;border-color:#6b655d;color:#ffffffb8;box-shadow:none}.btn-primary:disabled:active,.btn-primary[aria-disabled=true]:active{transform:none;box-shadow:none}.btn-secondary{padding:0 16px;height:48px;background-color:#fdfcfa;color:#000;border:2px solid #000;border-radius:12px;font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer}.btn-secondary:active{background-color:#f9f5ec}.filter-section{margin-bottom:24px}.filter-section-title{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#6d645f;margin-bottom:10px}.chips-group{display:flex;flex-wrap:wrap;gap:8px}.chip-checkbox{position:relative;cursor:pointer}.chip-checkbox input{position:absolute;opacity:0;width:0;height:0}.chip-label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;padding:8px 14px;border:1px solid #000;border-radius:9999px;background-color:#fdfcfa;transition:all .15s ease}.chip-checkbox input:checked+.chip-label{background-color:#000;color:#fff;box-shadow:2px 2px #00000026}.availability-checkbox-list{display:flex;flex-direction:column;gap:10px}.availability-option{display:flex;align-items:center;gap:10px;min-height:38px;cursor:pointer;user-select:none}.availability-option input{position:absolute;opacity:0;height:0;width:0}.availability-checkbox{width:18px;height:18px;border:1.5px solid #000;border-radius:4px;background-color:#fdfcfa;display:flex;justify-content:center;align-items:center;flex:0 0 auto}.availability-option input:checked~.availability-checkbox{background-color:#000}.availability-option input:checked~.availability-checkbox:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.availability-label{font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;color:#111}.roastery-filter-box{display:flex;flex-direction:column;max-height:240px}.roastery-search-container{display:flex;border-bottom:2px solid #000;background-color:transparent;margin-bottom:6px;align-items:center;gap:8px}.roastery-search-input{flex:1;height:42px;border:none;padding:0;font-family:var(--font-mono);font-size:13px;outline:none;background:transparent}.roastery-list{flex:1;overflow-y:auto;padding:4px 0;background-color:transparent}.roastery-option{display:flex;align-items:center;padding:8px 0;cursor:pointer;user-select:none}.roastery-checkbox{width:18px;height:18px;border:1px solid #000;border-radius:4px;background-color:#fdfcfa;margin-right:10px;display:flex;justify-content:center;align-items:center}.roastery-option input{position:absolute;opacity:0;height:0;width:0}.roastery-option input:checked~.roastery-checkbox{background-color:#000}.roastery-option input:checked~.roastery-checkbox:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.roastery-name-text{font-family:var(--font-mono);font-size:11px;font-weight:700;flex:1;color:#111}.sort-option-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;border-bottom:.5px solid rgba(0,0,0,.05)}.sort-option-text{font-family:var(--font-mono);font-size:13px;font-weight:700;text-transform:uppercase;color:#111}.sort-radio-indicator{width:20px;height:20px;border:2px solid #000;border-radius:50%;display:flex;justify-content:center;align-items:center}.sort-option-row input{position:absolute;opacity:0;height:0;width:0}.sort-option-row input:checked~.sort-radio-indicator:after{content:"";width:10px;height:10px;background-color:#000;border-radius:50%}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:14px;font-weight:700}.toggle-sub{font-size:11px;color:#6d645f}.switch-label{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.switch-label input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#fdfcfa;border:2px solid #000;transition:.2s;border-radius:94px}.switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#000;transition:.2s;border-radius:50%}.switch-label input:checked+.switch-slider{background-color:#e5dfd1}.switch-label input:checked+.switch-slider:before{transform:translate(22px)}