@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root,[data-theme=light]{--text:#44423d;--text-h:#1c1a17;--text-muted:#8a877f;--bg:#f6f5f1;--bg-elev:#fff;--bg-soft:#efede7;--border:#e4e2da;--border-strong:#d2cfc4;--code-bg:#efece4;--accent:#0f7a68;--accent-hover:#0b5e50;--accent-bg:#0f7a6817;--accent-border:#0f7a686b;--ink:#1f1d19;--ink-hover:#322f29;--ink-text:#fff;--shadow-sm:0 1px 2px #1c1a170d;--shadow-md:0 2px 8px #1c1a1712, 0 1px 2px #1c1a170d}[data-theme=dark]{--text:#b9b6ac;--text-h:#f3f1e9;--text-muted:#817e74;--bg:#15140f;--bg-elev:#1e1c17;--bg-soft:#1a1813;--border:#322f27;--border-strong:#423f35;--code-bg:#211f19;--accent:#3fb89f;--accent-hover:#5cc9b2;--accent-bg:#3fb89f21;--accent-border:#3fb89f6b;--ink:#f3f1e9;--ink-hover:#fff;--ink-text:#15140f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000073}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55}#root{flex-direction:column;min-height:100svh;display:flex}code,.mono{background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:2px 6px;font-family:ui-monospace,JetBrains Mono,Consolas,monospace;font-size:.92em}::selection{background:var(--accent-bg);color:var(--text-h)}.qfo-accent{color:var(--accent)}.qfo-cta{background:var(--ink)!important;border:1px solid var(--ink)!important;color:var(--ink-text)!important;letter-spacing:-.005em!important;box-shadow:var(--shadow-sm)!important;font-weight:500!important;transition:background .15s,transform 80ms!important}.qfo-cta:hover:not(:disabled){background:var(--ink-hover)!important;border-color:var(--ink-hover)!important}.qfo-cta:active:not(:disabled){transform:translateY(1px)}.qfo-logo{color:var(--text-h);letter-spacing:-.012em;align-items:center;gap:9px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.qfo-logo img{width:22px;height:22px}.qfo-logo-accent{color:var(--accent)}.qfo-header{background:color-mix(in srgb, var(--bg-elev) 86%, transparent);border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:saturate(120%)blur(8px);backdrop-filter:saturate(120%)blur(8px);align-items:center;gap:16px;padding:13px 24px;display:flex;position:sticky;top:0}.qfo-header-spacer{flex:1}.qfo-header a.qfo-nav-link{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .14s}.qfo-header a.qfo-nav-link:hover{color:var(--text-h)}.qfo-hero{text-align:center;max-width:720px;margin:0 auto;padding:52px 16px 22px}.qfo-hero h1{letter-spacing:-.022em;color:var(--text-h);margin:0 0 12px;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.12}.qfo-hero p{color:var(--text-muted);max-width:560px;margin:0 auto;font-size:16px}.qfo-prompt-card{background:var(--bg-elev);border:1px solid var(--border-strong);max-width:760px;box-shadow:var(--shadow-sm);border-radius:10px;margin:8px auto 20px;padding:14px;transition:border-color .15s,box-shadow .15s}.qfo-prompt-card:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}.qfo-prompt-card textarea.ant-input{resize:none!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:6px 4px!important;font-size:16px!important;line-height:1.55!important}.qfo-prompt-card textarea.ant-input:focus{box-shadow:none!important;outline:none!important}.qfo-prompt-actions{align-items:center;gap:8px;padding-top:8px;display:flex}.qfo-prompt-actions-spacer{flex:1}.qfo-chips{flex-wrap:wrap;justify-content:center;gap:7px;max-width:720px;margin:2px auto 14px;padding:0 16px;display:flex}.qfo-chip{border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:500;transition:color .14s,border-color .14s,background .14s;display:inline-flex}.qfo-chip:hover{border-color:var(--accent-border);color:var(--text-h);background:var(--accent-bg)}.qfo-theme-chip{white-space:nowrap;border:1px solid;border-radius:5px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.qfo-theme-chip .qfo-theme-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.qfo-theme-rail{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.qfo-hl-from{color:var(--text-muted)}.qfo-hl-added{color:var(--accent);font-weight:500}.qfo-hl-legend{color:var(--text-muted);white-space:nowrap;margin-left:8px;font-size:10px}.qfo-hl-swatch{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:3px;display:inline-block}.qfo-subquery-cell{cursor:pointer;border-radius:5px;margin:-4px -6px;padding:4px 6px;transition:background .14s}.qfo-subquery-cell:hover{background:var(--accent-bg)}.qfo-sticky-bar{z-index:5;background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:12px;margin-bottom:14px;padding:9px 14px;display:flex;position:sticky;top:58px}.qfo-sticky-bar .spacer{flex:1}.qfo-empty{text-align:center;max-width:520px;color:var(--text-muted);margin:0 auto;padding:36px 24px}.qfo-empty .qfo-empty-icon{background:var(--bg-soft);border:1px solid var(--border);width:56px;height:56px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.qfo-examples{margin-top:30px}.qfo-examples-head{text-align:center;max-width:560px;margin:0 auto 16px}.qfo-examples-head h3{letter-spacing:-.015em;color:var(--text-h);margin:0 0 6px;font-size:19px;font-weight:600}.qfo-examples-head p{color:var(--text-muted);margin:0;font-size:14px}.qfo-example-tabs{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:16px;display:flex}.qfo-example-tab{border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted);cursor:pointer;border-radius:7px;padding:7px 13px;font-size:13px;font-weight:500;transition:color .14s,border-color .14s,background .14s}.qfo-example-tab:hover{color:var(--text-h);border-color:var(--accent-border)}.qfo-example-tab.is-active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg)}.qfo-example-panel{background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;padding:16px}.qfo-example-meta{align-items:center;gap:10px;margin-bottom:12px;display:flex}.qfo-example-badge{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600}.qfo-example-cta{border-top:1px dashed var(--border);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.qfo-stepper{flex-wrap:wrap;gap:6px;margin:12px 0 22px;display:flex}.qfo-stepper-item{border:1px solid var(--border);background:var(--bg-elev);border-radius:8px;flex-direction:column;flex:1 1 0;gap:7px;min-width:0;padding:12px 10px 14px;transition:border-color .2s,background .2s,opacity .2s;display:flex;position:relative}.qfo-stepper-item.is-done{border-color:var(--border);opacity:.6}.qfo-stepper-item.is-active{border-color:var(--accent-border);background:var(--accent-bg)}.qfo-stepper-bar{background:var(--border-strong);border-radius:2px;height:3px;overflow:hidden}.qfo-stepper-bar>span{background:var(--accent);width:0;height:100%;transition:width .4s;display:block}.qfo-stepper-item.is-done .qfo-stepper-bar>span{width:100%}.qfo-stepper-item.is-active .qfo-stepper-bar>span{width:70%;animation:1.4s ease-in-out infinite qfo-pulse}.qfo-stepper-num{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600}.qfo-stepper-item.is-active .qfo-stepper-num{color:var(--accent)}.qfo-stepper-title{color:var(--text-h);font-size:13px;font-weight:500;line-height:1.3}@keyframes qfo-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes qfo-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.qfo-animate-in .ant-table-row{animation:.26s both qfo-fade-up}.qfo-animate-in .ant-table-row:first-child{animation-delay:0s}.qfo-animate-in .ant-table-row:nth-child(2){animation-delay:26ms}.qfo-animate-in .ant-table-row:nth-child(3){animation-delay:52ms}.qfo-animate-in .ant-table-row:nth-child(4){animation-delay:78ms}.qfo-animate-in .ant-table-row:nth-child(5){animation-delay:.104s}.qfo-animate-in .ant-table-row:nth-child(6){animation-delay:.13s}.qfo-animate-in .ant-table-row:nth-child(7){animation-delay:.156s}.qfo-animate-in .ant-table-row:nth-child(8){animation-delay:.182s}.qfo-animate-in .ant-table-row:nth-child(n+9){animation-delay:.208s}@media (prefers-reduced-motion:reduce){.qfo-animate-in .ant-table-row,.qfo-stepper-item.is-active .qfo-stepper-bar>span,.qfo-cta,.qfo-chip{transition:none!important;animation:none!important}}.qfo-theme-toggle{border:1px solid var(--border);background:var(--bg-elev);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:color .14s,border-color .14s;display:inline-flex}.qfo-theme-toggle:hover{border-color:var(--accent-border);color:var(--accent)}@media (width<=768px){.qfo-hero{padding:32px 12px 16px}.qfo-prompt-card{margin:8px 12px 16px}.qfo-stepper{flex-direction:column}.qfo-stepper-item{flex:none}.qfo-chips{padding:0 12px}.qfo-sticky-bar{flex-wrap:wrap;top:54px}.qfo-header{padding:10px 14px}}@media (width<=480px){body{font-size:14px}.qfo-hero h1{font-size:26px}}.ant-table-cell{vertical-align:top}.ant-card{box-shadow:var(--shadow-sm)!important}.ant-form-item-label>label{font-weight:500}#root .ant-layout-content{box-sizing:border-box}