/* Approved Quan Filter component, scoped to the main app. */
.qf-panel{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:386px;padding:24px 24px 0;background:var(--ql-surface);color:var(--ql-ink);border:1px solid var(--ql-line-strong);border-radius:16px;box-shadow:0 18px 44px #0005;transform-origin:top right;animation:qf-panel-in 200ms cubic-bezier(.22,.61,.36,1);z-index:70;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;font:400 14px "Plex",system-ui,sans-serif}.qf-panel.qf-is-closing{animation:qf-panel-out 140ms cubic-bezier(.22,.61,.36,1) forwards;pointer-events:none}.qf-filter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:30px}.qf-filter-heading h2{font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.035em;margin:0}.qf-filter-heading p{font-size:12px;line-height:1.5;color:var(--ql-muted);margin:5px 0 0}.qf-icon-button{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:-11px -11px 0 0;border:0;border-radius:8px;background:transparent;color:var(--ql-muted)}.qf-icon-button svg{width:16px;height:16px}.qf-control-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.qf-control-heading label{font-size:14px;font-weight:500;letter-spacing:-.01em}.qf-control-value{font-size:12px;font-weight:500;color:var(--ql-soft)}.qf-control-value.qf-style-value{color:var(--ql-blue)}.qf-control-purpose{font-size:12px;line-height:1.5;color:var(--ql-muted);margin:4px 0 16px}.qf-stepped-slider{--fill-color:#376fe5}.qf-slider-rail{position:relative;height:48px;border-radius:25px;border:1px solid var(--ql-line-strong);background:var(--ql-surface-2);isolation:isolate}.qf-slider-fill{position:absolute;top:7px;left:7px;right:7px;height:32px;border-radius:18px;overflow:hidden}.qf-slider-fill::before{content:"";position:absolute;inset:0;background:var(--fill-color);transform-origin:left center;transform:scaleX(var(--fill-scale,.56));transition:transform 240ms cubic-bezier(.4,0,.2,1)}.qf-slider-detents{position:absolute;inset:0 23px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.qf-slider-detents i{display:block;width:6px;height:6px;margin:0 -3px;border-radius:50%;background:#8191a7}.qf-slider-detents i.qf-passed{background:#c0d6ff}.qf-slider-thumb{position:absolute;top:7px;left:-16px;width:32px;height:32px;border-radius:50%;background:#f4f8ff;box-shadow:0 1px 4px #0004;transform:translate3d(var(--thumb-x,167px),0,0);transition:transform 240ms cubic-bezier(.4,0,.2,1)}.qf-slider-rail:focus-within{outline:2px solid var(--ql-blue);outline-offset:4px}.qf-slider-rail input{position:absolute;z-index:1;top:0;left:7px;margin:0;width:calc(100% - 14px);height:46px;opacity:0;cursor:grab;appearance:none;-webkit-appearance:none;background:transparent;touch-action:pan-y}.qf-slider-rail input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:32px;border:0}.qf-slider-rail input::-moz-range-thumb{width:32px;height:32px;border:0}.qf-slider-rail:has(input:active){cursor:grabbing}.qf-slider-rail input:active{cursor:grabbing}.qf-slider-rail:has(input:active) .qf-slider-thumb{transform:translate3d(var(--thumb-x),0,0) scale(1.08)}.qf-slider-labels{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2px}.qf-slider-labels button{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;min-width:0;padding:0;border:0;background:transparent;color:var(--ql-muted);font-size:11px;font-weight:400}.qf-slider-labels button:first-child{justify-content:flex-start;padding-left:3px}.qf-slider-labels button:last-child{justify-content:flex-end;padding-right:3px}.qf-slider-labels button.qf-selected{color:var(--ql-ink);font-weight:600}.qf-lock-icon{display:none;width:10px;height:10px}.qf-control-description{font-size:12px;line-height:1.6;min-height:39px;color:var(--ql-soft);margin:4px 0 0}.qf-thought-section{border-top:1px solid var(--ql-line);margin-top:22px;padding-top:23px}.qf-thought-section .qf-stepped-slider{--fill-color:#51657e}.qf-thought-section .qf-slider-detents i.qf-passed{background:#d1dce9}.qf-thought-section.qf-is-locked .qf-slider-labels button:disabled{color:#78889a}.qf-thought-section.qf-is-locked .qf-lock-icon{display:block}.qf-thought-section.qf-is-locked .qf-slider-rail{background:var(--ql-surface-2)}.qf-thought-section.qf-is-locked .qf-stepped-slider{--fill-color:#3f536b}.qf-thought-section.qf-is-locked .qf-slider-thumb{background:#d3deeb}.qf-thought-section.qf-is-locked .qf-slider-rail input{cursor:not-allowed}.qf-research-notice{display:flex;align-items:center;gap:10px;min-height:94px;font-size:12px;line-height:1.6;color:var(--ql-soft)}.qf-research-notice>svg{width:16px;height:16px;color:var(--ql-muted)}.qf-filter-footer{min-height:63px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--ql-line);margin-top:20px;font-size:10px;color:var(--ql-muted)}#qf-saveStatus{display:flex;align-items:center;gap:6px}#qf-saveStatus svg{width:13px;height:13px;color:var(--ql-muted)}#qf-resetButton{min-height:44px;padding:0 0 0 14px;border:0;background:transparent;color:var(--ql-soft);font-size:11px}#qf-resetButton:disabled{color:#7f8d9d}.qf-keyboard .qf-slider-fill::before,.qf-keyboard .qf-slider-thumb{transition:none}
.qf-panel:not(.show),.qf-panel [hidden]{display:none!important}
.qf-panel *{box-sizing:border-box}.qf-panel button,.qf-panel input{font:inherit;-webkit-tap-highlight-color:transparent}.qf-panel button{cursor:pointer}.qf-panel button:disabled{cursor:not-allowed}.qf-panel svg{width:18px;height:18px;flex:none}.qf-panel button:focus-visible{outline:2px solid var(--ql-ring);outline-offset:2px}.qf-panel input:focus-visible{outline:none!important}
.qf-panel .qf-slider-labels button{font-size:11px}.qf-panel #qf-resetButton{font-size:11px}.qf-panel .qf-icon-button svg{width:16px;height:16px}.qf-panel .qf-lock-icon{width:10px;height:10px}.qf-panel #qf-saveStatus svg{width:13px;height:13px}
.quan-style-button{position:relative}.qf-custom-dot{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--ql-blue)}.qf-custom-dot[hidden]{display:none}.quan-style-button[aria-expanded=true]{background:var(--ql-blue-soft)!important;border-color:var(--ql-blue)!important}
@keyframes qf-panel-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes qf-panel-out{to{opacity:0;transform:translateY(-3px) scale(.985)}}
@media(max-width:375px){.qf-panel{padding:21px 20px 0}.qf-filter-heading{margin-bottom:25px}.qf-thought-section{margin-top:18px;padding-top:21px}.qf-filter-footer{margin-top:16px}.qf-control-purpose{font-size:11px}.qf-panel .qf-slider-labels button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.qf-panel,.qf-panel.qf-is-closing{animation:none}.qf-slider-fill::before,.qf-slider-thumb{transition:none}}
.qf-panel.qf-keyboard{animation:none}