:root{--qg-bg: oklch(.965 .012 80);--qg-bg-2: oklch(.93 .018 70);--qg-ink: oklch(.22 .015 50);--qg-muted: oklch(.52 .012 60);--qg-rule: oklch(.88 .012 70);--qg-serif: "Newsreader", Georgia, "Times New Roman", serif;--qg-sans: "DM Sans", system-ui, -apple-system, sans-serif;--qg-mono: "JetBrains Mono", ui-monospace, monospace;--qg-safe-top: max(20px, env(safe-area-inset-top, 20px));--qg-safe-bottom: max(20px, env(safe-area-inset-bottom, 20px));--qg-active-tint: oklch(.94 .018 70)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--qg-active-tint);font-family:var(--qg-sans);color:var(--qg-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#root{height:100%}.qg-stage{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative}.qg-stage:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,oklch(.62 .06 30 / .04) 0,transparent 40%),radial-gradient(circle at 80% 70%,oklch(.58 .07 240 / .04) 0,transparent 40%);pointer-events:none}.qg-meta{position:fixed;top:24px;left:28px;font-family:var(--qg-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#5a544f;display:flex;flex-direction:column;gap:4px;z-index:1}.qg-meta b{font-family:var(--qg-serif);font-size:16px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--qg-ink)}.qg-settings-fixed{position:fixed;top:var(--qg-safe-top);right:16px;z-index:2}.qg-frame{position:relative;width:min(640px,calc(100vw - 48px),calc(100dvh - 96px));aspect-ratio:1 / 1;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #0000001f,0 0 0 .5px #d3cdc6;background:var(--qg-bg)}@media (max-width: 480px),(max-height: 600px){.qg-meta{display:none}.qg-stage{padding:0;min-height:100dvh}.qg-frame{width:100%;height:100dvh;aspect-ratio:auto;max-height:none;border-radius:0;box-shadow:none}}.qg-card-root{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;touch-action:none;transition:background .6s ease}.qg-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:12px;margin:-12px;min-width:44px;min-height:44px;cursor:pointer;color:var(--qg-muted);display:flex;align-items:center;justify-content:center;border-radius:999px;transition:color .18s ease,background-color .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover){.qg-icon-btn:hover{color:var(--qg-ink);background-color:#0000000d}}.qg-icon-btn:active{transform:scale(.92);background-color:#00000014}.qg-icon-btn:focus-visible{outline:2px solid var(--qg-ink);outline-offset:2px}.qg-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 32px;cursor:pointer;perspective:1200px;user-select:none;-webkit-user-select:none;position:relative;z-index:1}.qg-cat-label{display:flex;align-items:center;gap:12px;font-family:var(--qg-mono);font-size:13px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}.qg-question{font-family:var(--qg-serif);font-size:38px;line-height:1.2;letter-spacing:-.014em;color:var(--qg-ink);font-weight:400;text-wrap:pretty}.qg-bottombar{padding:16px 24px var(--qg-safe-bottom);display:flex;align-items:center;justify-content:space-between;min-height:56px;position:relative;z-index:2}.qg-bottombar-overlay{position:absolute;left:0;right:0;bottom:0;z-index:5;pointer-events:none}.qg-bottombar-overlay>*{pointer-events:auto}.qg-bottombar-overlay .qg-hint{pointer-events:none}.qg-back-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:12px;margin:-12px;min-height:44px;border-radius:999px;color:var(--qg-muted);display:flex;align-items:center;gap:9px;font-family:var(--qg-mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;transition:color .18s ease,background-color .18s ease,opacity .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover){.qg-back-btn:not(:disabled):hover{color:var(--qg-ink);background-color:#0000000d;opacity:1!important}}.qg-back-btn:not(:disabled):active{transform:scale(.94);background-color:#00000014}.qg-back-btn:focus-visible{outline:2px solid var(--qg-ink);outline-offset:2px}.qg-hint{font-family:var(--qg-mono);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--qg-muted);display:flex;align-items:center;gap:10px;opacity:.75;font-weight:500;pointer-events:none;padding:12px;margin:-12px}.qg-hint-arrow{display:inline-flex;animation:qg-nudge 2.4s ease-in-out infinite}.qg-fastforward-btn{position:absolute;top:calc(var(--qg-safe-top) + 14px);left:50%;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#0000000d;padding:9px 14px 9px 13px;border-radius:999px;color:var(--qg-muted);display:inline-flex;align-items:center;gap:8px;font-family:var(--qg-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;cursor:pointer;white-space:nowrap;transform:translate(-50%);transition:color .18s ease,background-color .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent;animation:qg-fade-in-down .32s cubic-bezier(.2,.8,.25,1) both}@keyframes qg-fade-in-down{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media (hover: hover){.qg-fastforward-btn:hover{color:var(--qg-ink);background-color:#00000017}}.qg-fastforward-btn:active{transform:translate(-50%) scale(.95);background-color:#0000001f}.qg-fastforward-btn:focus-visible{outline:2px solid var(--qg-ink);outline-offset:2px}.qg-empty-root{width:100%;height:100%;display:flex;flex-direction:column;background:var(--qg-bg)}.qg-empty-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 32px;gap:28px}.qg-empty-eyebrow{font-family:var(--qg-mono);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--qg-muted);font-weight:500;display:flex;align-items:center;gap:12px}.qg-empty-rule{display:inline-block;width:26px;height:1px;background:currentColor;opacity:.6}.qg-empty-headline{font-family:var(--qg-serif);font-size:34px;line-height:1.22;letter-spacing:-.014em;color:var(--qg-ink);text-wrap:pretty}.qg-empty-sub{font-family:var(--qg-sans);font-size:16px;color:var(--qg-muted);line-height:1.5}.qg-empty-actions{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.qg-btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:18px 26px;min-height:52px;border-radius:999px;background:var(--qg-ink);color:var(--qg-bg);font-family:var(--qg-sans);font-size:16px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .22s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover){.qg-btn-primary:hover{filter:brightness(1.12);box-shadow:0 6px 18px #00000024}}.qg-btn-primary:active{transform:scale(.96);filter:brightness(.96)}.qg-btn-primary:focus-visible{outline:2px solid var(--qg-ink);outline-offset:3px}.qg-btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:18px 26px;min-height:52px;border-radius:999px;background:transparent;border:.5px solid var(--qg-rule);color:var(--qg-ink);font-family:var(--qg-sans);font-size:16px;font-weight:500;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover){.qg-btn-ghost:hover{background-color:#0000000a;border-color:var(--qg-muted)}}.qg-btn-ghost:active{transform:scale(.96);background-color:#00000014}.qg-btn-ghost:focus-visible{outline:2px solid var(--qg-ink);outline-offset:3px}.qg-btn-block{width:100%;padding:18px 16px;border-radius:14px;font-size:16px;min-height:56px}.qg-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e52;transition:opacity .3s ease;z-index:10}.qg-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--qg-bg);border-top-left-radius:22px;border-top-right-radius:22px;box-shadow:0 -8px 24px #0000000f;transition:transform .38s cubic-bezier(.2,.7,.2,1);z-index:11;padding-bottom:24px;max-height:88%;display:flex;flex-direction:column}.qg-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 4px}.qg-sheet-eyebrow{font-family:var(--qg-mono);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--qg-muted);font-weight:500}.qg-sheet-scroll{overflow-y:auto;flex:1}.qg-sheet-section{padding:20px 24px 8px}.qg-sheet-title{font-family:var(--qg-serif);font-size:30px;color:var(--qg-ink);margin-bottom:8px;letter-spacing:-.012em}.qg-sheet-sub{font-family:var(--qg-sans);font-size:16px;color:var(--qg-muted);line-height:1.5}.qg-cat-list{padding:8px 12px}.qg-cat-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:100%;min-height:64px;text-align:left;padding:14px 12px;border-radius:14px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:background-color .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover){.qg-cat-row:hover{background-color:#0000000a}}.qg-cat-row:active{transform:scale(.985);background-color:#0000000f}.qg-cat-row:focus-visible{outline:2px solid var(--qg-ink);outline-offset:2px}.qg-cat-tile{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qg-cat-text{flex:1;min-width:0}.qg-cat-name{font-family:var(--qg-sans);font-size:18px;font-weight:500;color:var(--qg-ink)}.qg-cat-meta{font-family:var(--qg-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--qg-muted);margin-top:4px}.qg-toggle{width:54px;height:32px;border-radius:999px;position:relative;flex-shrink:0;transition:background .2s ease}.qg-toggle-knob{position:absolute;top:3px;width:26px;height:26px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0000001f;transition:left .2s cubic-bezier(.2,.7,.2,1)}.qg-progress-wrap{padding:14px 24px 8px}.qg-progress-track{height:4px;border-radius:999px;background:var(--qg-rule);overflow:hidden}.qg-progress-fill{height:100%;background:var(--qg-ink);transition:width .4s ease}.qg-reset-wrap{padding:14px 24px 24px}@keyframes qg-swipe-in-from-left{0%{opacity:0;transform:translate(-46%) rotate(-4deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes qg-swipe-in-from-right{0%{opacity:0;transform:translate(46%) rotate(4deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes qg-nudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}