:root{--qp-bg:#080a1c;--qp-panel:#10132e;--qp-panel2:#171b3f;--qp-ink:#f4f2ff;--qp-mut:#aeb0d6;--qp-line:#2a2f63;--qp-acc:#ff5ad9;--qp-acc2:#3fe6ff;--qp-hi:#ffd447;--qp-wall:#0c0f27;--qp-font:system-ui, -apple-system, 'Segoe UI', 'Noto Sans', Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;--qp-head:'Arial Rounded MT Bold', 'Nunito', 'Varela Round', 'Quicksand', 'Segoe UI Black', 'Arial Black', system-ui, sans-serif;--qp-mono:ui-monospace, 'SF Mono', 'Cascadia Mono', 'JetBrains Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace;--qp-s1:4px;--qp-s2:8px;--qp-s3:12px;--qp-s4:16px;--qp-s5:24px;--qp-s6:32px;--qp-s7:48px;--qp-s8:72px;--qp-r:14px;--qp-out:cubic-bezier(.2,.8,.2,1)}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--qp-bg);color:var(--qp-ink);font:400 1rem/1.6 var(--qp-font);overflow-x:hidden;
background-image:radial-gradient(900px 500px at 85% -10%,color-mix(in srgb,var(--qp-acc) 14%,transparent),transparent 70%),
radial-gradient(800px 460px at 5% 4%,color-mix(in srgb,var(--qp-acc2) 10%,transparent),transparent 70%);background-repeat:no-repeat}
img{max-width:100%;height:auto;display:block}
a{color:var(--qp-acc2);text-underline-offset:3px}
a:hover{color:var(--qp-ink)}
:focus-visible{outline:3px solid var(--qp-hi);outline-offset:3px}
h1,h2,h3{font-family:var(--qp-head);font-weight:800;line-height:1.08;margin:0 0 var(--qp-s4);letter-spacing:-.01em}
h1{font-size:clamp(1.95rem,3.3vw,3rem)}
h1 em{display:block;font-style:normal;margin-top:var(--qp-s3);font-size:.5em;line-height:1.3;color:var(--qp-hi);letter-spacing:0}
h2{font-size:clamp(1.55rem,2.6vw,2.25rem)}
h3{font-size:1.14rem}
p{margin:0 0 var(--qp-s4)}
ul,ol{padding-left:1.2em}
code{font-family:var(--qp-mono);font-size:.9em;background:var(--qp-panel2);padding:1px 6px;border-radius:6px}
.qp-wrap{max-width:1360px;margin:0 auto;padding:0 var(--qp-s5)}
.qp-ico{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
.qp-skip{position:absolute;left:-999px;top:8px;z-index:60;background:var(--qp-hi);color:var(--qp-bg);padding:8px 14px;font-weight:700;border-radius:8px}
.qp-skip:focus{left:8px}
.qp-small{font-size:.86rem;color:var(--qp-mut)}
.qp-jsonly{display:none!important}
.qp-js .qp-jsonly{display:block!important}
.qp-js button.qp-jsonly{display:inline-flex!important}
.qp-js .qp-gong-ctl.qp-jsonly{display:flex!important}
.qp-js .qp-nojs{display:none!important}
[hidden]{display:none!important}
/* header */
.qp-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--qp-s5);padding:var(--qp-s2) var(--qp-s5);background:var(--qp-bg);background:color-mix(in srgb,var(--qp-bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--qp-line)}
.qp-top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--qp-acc),var(--qp-hi) 35%,var(--qp-acc2) 70%,transparent)}
.qp-brand{display:flex;align-items:center;gap:var(--qp-s3);color:var(--qp-ink);text-decoration:none;font:800 1.35rem/1 var(--qp-head);letter-spacing:-.01em}
.qp-brand small{display:block;margin-top:4px;font:600 .64rem/1.2 var(--qp-mono);color:var(--qp-mut);letter-spacing:.12em;text-transform:uppercase}
.qp-logo{width:48px;height:48px;object-fit:contain;transition:transform .25s var(--qp-out)}
.qp-brand:hover .qp-logo{transform:rotate(-6deg) scale(1.05)}
.qp-logo-fallback{display:grid;place-items:center;width:46px;height:46px;background:var(--qp-hi);color:var(--qp-bg);font-style:normal;border-radius:12px}
.qp-top>nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
.qp-top>nav a{position:relative;color:var(--qp-mut);text-decoration:none;font:700 .86rem/1 var(--qp-head);padding:var(--qp-s3);border-radius:999px;transition:color .18s var(--qp-out),background-color .18s var(--qp-out)}
.qp-top>nav a::after{content:"";position:absolute;left:50%;bottom:4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--qp-hi);opacity:0;transform:scale(.4);transition:opacity .18s var(--qp-out),transform .18s var(--qp-out)}
.qp-top>nav a:hover{color:var(--qp-ink);background:var(--qp-panel2)}
.qp-top>nav a:hover::after{opacity:1;transform:none}
.qp-tag{display:flex;align-items:center;gap:var(--qp-s2);margin:0;padding:7px 14px;font:600 .72rem/1 var(--qp-mono);color:var(--qp-acc2);border:1px solid color-mix(in srgb,var(--qp-acc2) 45%,transparent);border-radius:999px}
.qp-burger{display:none;margin-left:auto;width:46px;height:46px;background:var(--qp-panel2);border:1px solid var(--qp-line);border-radius:12px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.qp-burger span{display:block;width:20px;height:2px;background:var(--qp-ink)}
/* buttons, chips, section heads */
.qp-acts{display:flex;flex-wrap:wrap;gap:var(--qp-s3);margin:var(--qp-s4) 0 0}
.qp-btn{display:inline-flex;align-items:center;gap:var(--qp-s2);min-height:46px;padding:0 var(--qp-s5);font:800 .92rem/1 var(--qp-head);text-decoration:none;border:0;border-radius:999px;cursor:pointer;transition:transform .16s var(--qp-out),background-color .2s var(--qp-out),color .2s var(--qp-out),box-shadow .2s var(--qp-out)}
.qp-btn:active{transform:scale(.97)}
.qp-btn-pri{background:var(--qp-hi);color:var(--qp-bg);box-shadow:0 0 0 0 transparent}
.qp-btn-pri:hover{color:var(--qp-bg);box-shadow:0 0 24px color-mix(in srgb,var(--qp-hi) 55%,transparent)}
.qp-btn-ghost{background:var(--qp-panel2);color:var(--qp-ink);box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-btn-ghost:hover{background:var(--qp-line);color:var(--qp-ink)}
.qp-sec{padding:var(--qp-s8) 0;border-top:1px solid var(--qp-line)}
.qp-sec-head{max-width:860px;margin-bottom:var(--qp-s6)}
.qp-sec-head>p:last-child{color:var(--qp-mut);font-size:1.05rem;max-width:68ch}
.qp-sec-k{display:flex;align-items:center;gap:var(--qp-s2);margin:0 0 var(--qp-s3);font:700 .76rem/1.2 var(--qp-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--qp-acc)}
.qp-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 var(--qp-s3);padding:0}
.qp-chips li{font:600 .76rem/1 var(--qp-font);padding:6px 10px;border-radius:999px;background:var(--qp-panel2);color:var(--qp-mut);box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-bulbs{display:inline-flex;gap:4px;vertical-align:middle}
.qp-bulbs i{width:12px;height:12px;border-radius:50%;background:var(--qp-line)}
.qp-bulbs i[data-f="full"]{background:var(--qp-hi);box-shadow:0 0 8px color-mix(in srgb,var(--qp-hi) 70%,transparent)}
.qp-bulbs i[data-f="half"]{background:linear-gradient(90deg,var(--qp-hi) 50%,var(--qp-line) 50%)}
.qp-meter{display:inline-flex;gap:3px;margin-right:var(--qp-s2);vertical-align:middle}
.qp-meter i{width:7px;height:16px;border-radius:2px;background:var(--qp-line)}
.qp-meter .qp-lit{background:var(--qp-acc)}
.qp-meter[data-l="-1"] i{background:transparent;box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-pegi{display:inline-block;font:800 .72rem/1 var(--qp-mono);padding:5px 7px;border-radius:6px;background:var(--qp-ink);color:var(--qp-bg)}
.qp-lamps{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.qp-lamps li{display:grid;grid-template-columns:1fr auto 2.6em;align-items:center;gap:var(--qp-s3);font-size:.86rem;color:var(--qp-mut)}
.qp-lamps b{display:flex;gap:4px}
.qp-lamps b i{width:14px;height:8px;border-radius:4px;background:var(--qp-line)}
.qp-lamps b i.qp-on{background:var(--t,var(--qp-acc2));box-shadow:0 0 7px color-mix(in srgb,var(--t,var(--qp-acc2)) 60%,transparent)}
.qp-lamps em{font:700 .8rem/1 var(--qp-mono);font-style:normal;color:var(--qp-ink);text-align:right}
.qp-field{display:grid;gap:6px;font-weight:700;font-size:.9rem}
.qp-field select,.qp-field input{min-height:46px;padding:0 var(--qp-s3);font:600 1rem var(--qp-font);color:var(--qp-ink);background:var(--qp-panel2);border:1px solid var(--qp-line);border-radius:10px}
.qp-opts{border:0;margin:0 0 var(--qp-s4);padding:0}
.qp-opts legend{font-weight:800;font-family:var(--qp-head);margin-bottom:var(--qp-s2)}
.qp-opts>div{display:flex;flex-wrap:wrap;gap:6px}
.qp-opts label{position:relative;cursor:pointer}
.qp-opts input{position:absolute;opacity:0;inset:0;cursor:pointer}
.qp-opts label span{display:inline-flex;align-items:center;min-height:42px;padding:0 var(--qp-s4);border-radius:999px;background:var(--qp-panel2);box-shadow:inset 0 0 0 1px var(--qp-line);font-weight:700;font-size:.9rem;transition:background-color .18s var(--qp-out),color .18s var(--qp-out)}
.qp-opts input:checked+span{background:var(--qp-acc2);color:var(--qp-bg);box-shadow:none}
.qp-opts input:focus-visible+span{outline:3px solid var(--qp-hi);outline-offset:2px}

/* studio */
.qp-studio{position:relative;padding:var(--qp-s5) 0 var(--qp-s7);overflow:hidden;isolation:isolate}
.qp-studio-bg{position:absolute;inset:0;z-index:-1}
.qp-studio-bg img{width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(1.2)}
.qp-studio-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--qp-bg) 55%,transparent),var(--qp-bg) 78%)}
.qp-onair{display:flex;flex-wrap:wrap;align-items:center;gap:var(--qp-s2);margin-bottom:var(--qp-s5);font:700 .74rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--qp-mut)}
.qp-onair>span{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--qp-panel) 82%,transparent);box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-onair-lamp{display:inline-flex;align-items:center;gap:8px;color:var(--qp-ink)}
.qp-onair .qp-onair-lamp{background:color-mix(in srgb,#ff3b4e 22%,var(--qp-panel));box-shadow:inset 0 0 0 1px #ff3b4e}
.qp-onair-lamp i{width:9px;height:9px;border-radius:50%;background:#ff3b4e;box-shadow:0 0 10px #ff3b4e;animation:qp-pulse 2.4s ease-in-out infinite}
@keyframes qp-pulse{50%{opacity:.35}}
.qp-studio-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--qp-s6);align-items:start;margin-bottom:var(--qp-s6)}
.qp-lede{font-size:1.1rem;color:var(--qp-mut);max-width:62ch}
.qp-host{position:relative;padding:var(--qp-s5);border-radius:22px;background:linear-gradient(160deg,color-mix(in srgb,var(--qp-panel2) 92%,transparent),color-mix(in srgb,var(--qp-panel) 92%,transparent));box-shadow:inset 0 0 0 1px var(--qp-line),0 24px 60px -30px #000}
.qp-host::before{content:"";position:absolute;inset:-1px;border-radius:23px;padding:1px;background:linear-gradient(120deg,var(--qp-acc),transparent 40%,transparent 60%,var(--qp-acc2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.qp-host-k{display:flex;align-items:center;gap:var(--qp-s2);margin:0 0 var(--qp-s3);font:800 .78rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--qp-hi)}
.qp-host-static{display:flex;gap:var(--qp-s3);padding:var(--qp-s5);border-radius:18px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line);color:var(--qp-mut)}
.qp-q{border:0;margin:0 0 var(--qp-s4);padding:0}
.qp-q legend{display:block;font:800 1.25rem/1.2 var(--qp-head);margin-bottom:var(--qp-s3)}
.qp-q legend span{display:block;font:700 .7rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--qp-mut);margin-bottom:6px}
.qp-answers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qp-ans{display:flex;align-items:center;gap:var(--qp-s3);width:100%;min-height:48px;padding:0 var(--qp-s5) 0 var(--qp-s3);font:700 .92rem/1.2 var(--qp-font);text-align:left;color:var(--qp-ink);background:var(--qp-panel2);background:linear-gradient(180deg,color-mix(in srgb,var(--qp-acc2) 14%,var(--qp-panel2)),var(--qp-panel));border:0;cursor:pointer;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);transition:background-color .18s var(--qp-out),color .18s var(--qp-out),transform .16s var(--qp-out)}
.qp-ans b{position:relative;display:grid;place-items:center;width:28px;height:28px;margin-left:6px;flex:none;font:800 .8rem/1 var(--qp-mono);color:var(--qp-hi)}
.qp-ans b::before{content:"";position:absolute;inset:4px;border:1.5px solid currentColor;transform:rotate(45deg)}
.qp-ans:hover{background:color-mix(in srgb,var(--qp-acc2) 26%,var(--qp-panel2))}
.qp-ans:active{transform:scale(.98)}
.qp-ans[aria-pressed="true"]{background:var(--qp-hi);color:var(--qp-bg)}
.qp-ans[aria-pressed="true"] b{color:var(--qp-bg)}
.qp-verdict-box{margin-top:var(--qp-s3);padding-top:var(--qp-s4);border-top:1px dashed var(--qp-line)}
.qp-verdict-box>p:first-child{margin:0;color:var(--qp-mut)}
.qp-studio-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:var(--qp-s5);align-items:start}
.qp-wall-box{position:relative;padding:var(--qp-s4);border-radius:24px;background:var(--qp-wall);box-shadow:inset 0 0 0 1px var(--qp-line),0 30px 80px -40px #000}
.qp-wall-box::before{content:"";position:absolute;inset:5px;border-radius:20px;pointer-events:none;border:4px dotted color-mix(in srgb,var(--qp-hi) 85%,transparent);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--qp-hi) 70%,transparent));opacity:.8;animation:qp-marquee 3.6s steps(2) infinite}
@keyframes qp-marquee{50%{opacity:.4}}
.qp-wall-cap{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--qp-s2);margin:var(--qp-s3) var(--qp-s3) var(--qp-s3);font:700 .78rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--qp-mut)}
.qp-wall-cap span:first-child{display:flex;align-items:center;gap:6px;color:var(--qp-hi)}
.qp-wall{position:relative;list-style:none;margin:0;padding:var(--qp-s3);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--qp-s3)}
.qp-tile{position:relative;display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;background:#000;box-shadow:0 0 0 2px color-mix(in srgb,var(--t) 45%,transparent);transition:transform .22s var(--qp-out),opacity .22s var(--qp-out),box-shadow .22s var(--qp-out),filter .22s var(--qp-out)}
.qp-tile img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--qp-out)}
.qp-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 30%,transparent 50%,rgba(0,0,0,.85))}
.qp-tile:hover img{transform:scale(1.04)}
.qp-tile:hover,.qp-tile:focus-visible{transform:translateY(-3px)}
.qp-tile.qp-on{box-shadow:0 0 0 3px var(--qp-hi),0 0 28px color-mix(in srgb,var(--qp-hi) 45%,transparent)}
.qp-tile.qp-off{opacity:.28;filter:grayscale(1);transform:scale(.96)}
.qp-tile-no{position:absolute;z-index:1;top:8px;left:8px;font:800 .72rem/1 var(--qp-mono);padding:5px 7px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff}
.qp-tile-val{position:absolute;z-index:1;top:6px;right:6px;padding:4px 7px;border-radius:8px;background:rgba(8,8,24,.62);font:800 1.4rem/1 var(--qp-mono);color:#ffe9a6;text-shadow:0 0 10px rgba(255,200,70,.9),0 0 2px #000;letter-spacing:-.02em}
.qp-tile-val small{font-size:.65em;margin-left:1px}
.qp-tile-name{position:absolute;z-index:1;left:10px;right:10px;bottom:9px;font:800 .92rem/1.15 var(--qp-head);text-shadow:0 1px 3px #000}
.qp-tile-name small{display:block;margin-top:3px;font:600 .68rem/1.25 var(--qp-font);opacity:.82;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.qp-wall-note{position:relative;display:flex;gap:var(--qp-s2);margin:var(--qp-s2) var(--qp-s3) var(--qp-s2);font-size:.86rem;color:var(--qp-mut)}
.qp-card{position:sticky;top:84px;padding:var(--qp-s5);border-radius:22px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line),inset 0 4px 0 var(--t,var(--qp-acc));--t:var(--qp-acc)}
.qp-card.qp-swap{animation:qp-swap .26s var(--qp-out)}
@keyframes qp-swap{from{opacity:.4;transform:translateY(6px)}}
.qp-card-k{display:flex;align-items:center;gap:var(--qp-s2);margin:0 0 var(--qp-s4);font:700 .74rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--qp-mut)}
.qp-card-k b{margin-left:auto;color:var(--t);font-size:.9rem}
.qp-card-top{display:grid;grid-template-columns:112px 1fr;gap:var(--qp-s4);align-items:center;margin-bottom:var(--qp-s4)}
.qp-card-art{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 0 0 2px var(--t)}
.qp-card-id h2{font-size:1.35rem;margin-bottom:6px}
.qp-card-genre{margin:0 0 4px;color:var(--t);font-weight:700;font-size:.9rem}
.qp-card-by{margin:0 0 6px;font-size:.82rem;color:var(--qp-mut)}
.qp-card-score{display:flex;align-items:center;gap:6px;margin:0}
.qp-card-score b{font:800 1.4rem/1 var(--qp-mono)}
.qp-card-score small{color:var(--qp-mut);margin-right:6px}
.qp-card-facts{margin:0 0 var(--qp-s4);display:grid;gap:0}
.qp-card-facts>div{display:grid;grid-template-columns:118px 1fr;gap:var(--qp-s3);padding:8px 0;border-top:1px solid var(--qp-line);font-size:.9rem}
.qp-card-facts dt{display:flex;gap:6px;align-items:center;color:var(--qp-mut);font-weight:700}
.qp-card-facts dd{margin:0}
.qp-card-facts dd b{color:var(--qp-ink)}
.qp-card-lamps{padding:var(--qp-s3);border-radius:12px;background:var(--qp-panel2)}

/* tonight's running order */
.qp-run-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr);gap:var(--qp-s6);align-items:start}
.qp-run-ctl,.qp-run-out{padding:var(--qp-s5);border-radius:20px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-run-ctl .qp-field{margin-bottom:var(--qp-s4)}
.qp-calls{list-style:none;margin:0 0 var(--qp-s3);padding:0;display:grid;gap:6px}
.qp-call{position:relative;display:flex;align-items:center;gap:var(--qp-s3);width:100%;min-height:46px;padding:6px var(--qp-s3);text-align:left;color:var(--qp-ink);background:var(--qp-panel2);border:0;border-radius:12px;box-shadow:inset 3px 0 0 var(--t);cursor:pointer;font:600 .9rem/1.2 var(--qp-font);transition:background-color .18s var(--qp-out),transform .16s var(--qp-out)}
.qp-call:active{transform:scale(.98)}
.qp-call b{font:800 .78rem/1 var(--qp-mono);color:var(--t)}
.qp-call span{flex:1}
.qp-call small{display:block;color:var(--qp-mut);font-size:.78rem}
.qp-call em{opacity:0;color:var(--qp-hi);transition:opacity .18s var(--qp-out)}
.qp-call[aria-pressed="true"]{background:color-mix(in srgb,var(--t) 18%,var(--qp-panel2))}
.qp-call[aria-pressed="true"] em{opacity:1}
.qp-call[data-order]:not([data-order=""])::after{content:attr(data-order);position:absolute;right:40px;font:800 .8rem/1 var(--qp-mono);color:var(--qp-hi)}
.qp-call.qp-out{opacity:.45}
.qp-readout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--qp-s2);margin:0 0 var(--qp-s4)}
.qp-readout>div{padding:var(--qp-s3);border-radius:12px;background:var(--qp-wall);box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-readout dt{font:700 .68rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--qp-mut);margin-bottom:6px}
.qp-readout dd{margin:0;font:800 1.35rem/1 var(--qp-mono);color:var(--qp-hi);text-shadow:0 0 12px color-mix(in srgb,var(--qp-hi) 45%,transparent)}
.qp-strip{list-style:none;display:flex;margin:0 0 var(--qp-s5);padding:4px;border-radius:12px;background:var(--qp-wall);box-shadow:inset 0 0 0 1px var(--qp-line);min-height:52px;gap:3px}
.qp-seg{flex:0 0 var(--w);min-width:0;display:flex;align-items:center;border-radius:8px;overflow:hidden}
.qp-seg span{padding:0 8px;font:700 .74rem/1.15 var(--qp-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qp-seg-round{background:color-mix(in srgb,var(--t) 30%,var(--qp-panel2));box-shadow:inset 0 -3px 0 var(--t)}
.qp-seg-round b{font-family:var(--qp-mono);color:var(--t)}
.qp-seg-break{background:repeating-linear-gradient(135deg,var(--qp-panel2) 0 6px,var(--qp-panel) 6px 12px);color:var(--qp-mut)}
.qp-seg-free{background:transparent;color:var(--qp-mut);outline:1px dashed var(--qp-line);outline-offset:-1px}
.qp-rd-t{display:flex;align-items:center;gap:var(--qp-s2);font-size:1.05rem}
.qp-rundown{list-style:none;margin:0;padding:0}
.qp-rundown li{display:grid;grid-template-columns:116px 1fr;gap:2px var(--qp-s4);padding:var(--qp-s3) 0;border-top:1px solid var(--qp-line)}
.qp-rundown time{grid-row:span 2;font:700 .86rem/1.4 var(--qp-mono);color:var(--qp-acc2)}
.qp-rundown b{font-family:var(--qp-head)}
.qp-rundown span{color:var(--qp-mut);font-size:.92rem}

/* contestants */
.qp-filters{display:flex;flex-wrap:wrap;gap:var(--qp-s5);align-items:flex-end;margin-bottom:var(--qp-s5)}
.qp-js .qp-filters.qp-jsonly{display:flex!important}
.qp-filters .qp-opts{margin:0}
.qp-cons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--qp-s5)}
.qp-con article{height:100%;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line);transition:transform .22s var(--qp-out),box-shadow .22s var(--qp-out)}
.qp-con article:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--t),0 20px 40px -24px #000}
.qp-con figure{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden}
.qp-con figure img{width:100%;height:100%;object-fit:cover}
.qp-con-no{position:absolute;top:10px;left:10px;font:800 .76rem/1 var(--qp-mono);padding:6px 8px;border-radius:7px;background:rgba(0,0,0,.65);color:#fff}
.qp-con-val{position:absolute;top:8px;right:10px;padding:4px 8px;border-radius:8px;background:rgba(8,8,24,.62);font:800 1.4rem/1 var(--qp-mono);color:#ffe9a6;text-shadow:0 0 10px rgba(255,200,70,.9),0 0 2px #000}
.qp-con .qp-pegi{position:absolute;bottom:10px;right:10px}
.qp-con-body{display:flex;flex-direction:column;flex:1;padding:var(--qp-s4) var(--qp-s5) var(--qp-s5)}
.qp-con-genre{margin:0 0 4px;color:var(--t);font-weight:700;font-size:.86rem}
.qp-con h3{font-size:1.3rem;margin-bottom:6px}
.qp-con h3 a{color:var(--qp-ink);text-decoration:none}
.qp-con h3 a:hover{color:var(--t)}
.qp-con-score{display:flex;align-items:center;gap:8px;margin-bottom:var(--qp-s3)}
.qp-con-score b{font:800 1.1rem/1 var(--qp-mono)}
.qp-con-verdict{color:var(--qp-mut);font-size:.95rem}
.qp-con-facts{margin:0 0 var(--qp-s3)}
.qp-con-facts>div{display:grid;grid-template-columns:104px 1fr;gap:var(--qp-s2);padding:6px 0;border-top:1px solid var(--qp-line);font-size:.86rem}
.qp-con-facts dt{display:flex;gap:6px;align-items:center;color:var(--qp-mut);font-weight:700}
.qp-con-facts dd{margin:0}
.qp-con-links{display:flex;flex-wrap:wrap;gap:var(--qp-s4);margin:auto 0 0;padding-top:var(--qp-s2);font-weight:700;font-size:.92rem}
.qp-con-links a{display:inline-flex;align-items:center;gap:6px}
/* the gong */
.qp-gong-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:var(--qp-s6);align-items:center}
.qp-gong-box{padding:var(--qp-s5);border-radius:24px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line);text-align:center}
.qp-gong-face{display:grid;place-items:center;width:min(240px,70vw);aspect-ratio:1;margin:0 auto var(--qp-s4);border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--qp-hi) 55%,var(--qp-panel2)),var(--qp-panel2) 62%);box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--qp-hi) 40%,transparent),0 0 40px color-mix(in srgb,var(--qp-hi) 22%,transparent)}
.qp-gong-face span{font:800 2.6rem/1 var(--qp-mono);color:var(--qp-ink)}
.qp-gong-ctl{flex-wrap:wrap;gap:var(--qp-s3);justify-content:center;align-items:flex-end}
.qp-lock body{overflow:hidden}
.qp-break{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:var(--qp-s5);background:color-mix(in srgb,var(--qp-bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.qp-break-in{max-width:560px;width:100%;padding:var(--qp-s6);border-radius:26px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line),0 30px 80px -30px #000;text-align:center;animation:qp-in .26s var(--qp-out)}
@keyframes qp-in{from{opacity:0;transform:scale(.95)}}
.qp-break-k{display:inline-flex;align-items:center;gap:8px;margin:0 0 var(--qp-s3);font:800 .9rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--qp-hi)}
.qp-break-time{font:800 3.4rem/1 var(--qp-mono);color:var(--qp-hi);margin:var(--qp-s4) 0}
.qp-break-tips{list-style:none;margin:0;padding:0;display:grid;gap:8px;text-align:left}
.qp-break-tips li{display:flex;gap:var(--qp-s3);align-items:center;padding:10px 14px;border-radius:12px;background:var(--qp-panel2)}
.qp-break .qp-acts{justify-content:center}
/* one more question */
.qp-pulls{list-style:none;margin:0 0 var(--qp-s6);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--qp-s4);counter-reset:pull}
.qp-pulls li{position:relative;padding:var(--qp-s5);border-radius:20px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line);counter-increment:pull}
.qp-pulls li::before{content:"0" counter(pull);position:absolute;top:var(--qp-s4);right:var(--qp-s5);font:800 .8rem/1 var(--qp-mono);color:var(--qp-mut)}
.qp-pulls h3{display:flex;align-items:center;gap:var(--qp-s2);color:var(--qp-acc)}
.qp-pulls p{color:var(--qp-mut);font-size:.95rem}
.qp-move{margin:0;padding:var(--qp-s3);border-radius:12px;background:var(--qp-panel2);color:var(--qp-ink)!important}
.qp-move b{display:block;font:700 .7rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--qp-acc2);margin-bottom:6px}
.qp-calc{max-width:820px;padding:var(--qp-s5);border-radius:20px;background:linear-gradient(135deg,var(--qp-panel2),var(--qp-panel));box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-calc h3{display:flex;gap:var(--qp-s2);align-items:center}
.qp-calc-row{display:flex;flex-wrap:wrap;gap:var(--qp-s4);margin-bottom:var(--qp-s4)}
.qp-calc-out{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--qp-s2)}
.qp-calc-out li{padding:var(--qp-s3);border-radius:12px;background:var(--qp-wall);font:700 .95rem/1.3 var(--qp-mono);color:var(--qp-hi)}
/* streaks */
.qp-streak-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr);gap:var(--qp-s6);align-items:center}
.qp-tips{list-style:none;margin:0;padding:0;display:grid;gap:var(--qp-s2)}
.qp-tips li{display:flex;gap:var(--qp-s3);align-items:flex-start;padding:var(--qp-s3);border-radius:12px;background:var(--qp-panel)}
.qp-tips .qp-ico{color:var(--qp-acc2);margin-top:3px}
.qp-cal{margin:0;padding:var(--qp-s5);border-radius:22px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-cal ol{list-style:none;margin:0 0 var(--qp-s4);padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.qp-cal li{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;text-align:center;padding:4px}
.qp-cal li span{font:800 1rem/1 var(--qp-mono)}
.qp-cal li small{font-size:.6rem;line-height:1;text-transform:uppercase;letter-spacing:.06em}
.qp-day-on{background:color-mix(in srgb,var(--qp-acc2) 26%,var(--qp-panel2));color:var(--qp-ink)}
.qp-day-rest{background:transparent;outline:1.5px dashed var(--qp-hi);outline-offset:-1.5px;color:var(--qp-hi)}
.qp-cal figcaption{color:var(--qp-mut);font-size:.9rem}
/* families */
.qp-table-wrap{overflow-x:auto;margin-bottom:var(--qp-s3);border-radius:16px;box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:720px}
.qp-table caption{text-align:left;padding:var(--qp-s3) var(--qp-s4);color:var(--qp-mut);font-size:.86rem}
.qp-table th,.qp-table td{padding:var(--qp-s3) var(--qp-s4);text-align:left;border-top:1px solid var(--qp-line)}
.qp-table thead th{font:700 .72rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--qp-mut);background:var(--qp-panel)}
.qp-table tbody th a{color:var(--qp-ink);font-weight:700;text-decoration:none}
.qp-table tbody th a:hover{color:var(--qp-acc2)}
.qp-family-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--qp-s5);margin-top:var(--qp-s5)}
.qp-tools,.qp-rules{padding:var(--qp-s5);border-radius:20px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-tools h3,.qp-rules h3{display:flex;gap:var(--qp-s2);align-items:center}
.qp-rules ul{list-style:none;padding:0;margin:0 0 var(--qp-s4);display:grid;gap:6px}
.qp-rules ul label{display:flex;gap:var(--qp-s3);align-items:flex-start;cursor:pointer}
.qp-rules input[type="checkbox"]{width:20px;height:20px;margin-top:2px;accent-color:var(--qp-hi);flex:none}
.qp-rules .qp-field{max-width:260px;margin-bottom:var(--qp-s2)}
/* legend, faq, final */
.qp-legend-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--qp-s4)}
.qp-legend-list li{display:flex;gap:var(--qp-s3);padding:var(--qp-s4);border-radius:16px;background:var(--qp-panel)}
.qp-legend-list .qp-ico{width:28px;height:28px;color:var(--qp-hi)}
.qp-legend-list h3{font-size:1rem;margin-bottom:6px}
.qp-legend-list p{margin:0;color:var(--qp-mut);font-size:.92rem}
.qp-faq-list{display:grid;gap:var(--qp-s2);max-width:900px}
.qp-faq-item{border-radius:16px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-faq-item summary{display:flex;gap:var(--qp-s3);align-items:center;padding:var(--qp-s4) var(--qp-s5);cursor:pointer;font:800 1.02rem/1.3 var(--qp-head);list-style:none}
.qp-faq-item summary::-webkit-details-marker{display:none}
.qp-faq-item summary b{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--qp-hi);color:var(--qp-bg);font-family:var(--qp-mono);transition:background-color .2s var(--qp-out)}
.qp-faq-item[open] summary b{background:var(--qp-acc2)}
.qp-faq-item p{margin:0;padding:0 var(--qp-s5) var(--qp-s5) calc(var(--qp-s5) + 42px);color:var(--qp-mut)}
.qp-final{text-align:center;background:radial-gradient(600px 300px at 50% 100%,color-mix(in srgb,var(--qp-acc) 16%,transparent),transparent 70%)}
.qp-final-in{max-width:760px}
.qp-final .qp-sec-k,.qp-final .qp-acts{justify-content:center}
.qp-final p{color:var(--qp-mut);font-size:1.05rem}
/* footer and cookies */
.qp-foot{margin-top:var(--qp-s7);padding:var(--qp-s7) 0 var(--qp-s6);background:var(--qp-wall);border-top:1px solid var(--qp-line);font-size:.92rem}
.qp-foot-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr .7fr;gap:var(--qp-s6);margin-bottom:var(--qp-s5)}
.qp-foot h2{font:700 .74rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--qp-mut);margin-bottom:var(--qp-s3)}
.qp-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.qp-foot a{color:var(--qp-ink);text-decoration:none}
.qp-foot a:hover{color:var(--qp-acc2)}
.qp-foot-brand{font:800 1.4rem/1 var(--qp-head);margin-bottom:var(--qp-s3)}
.qp-foot-lead p{color:var(--qp-mut)}
.qp-foot-cast a{display:flex;gap:var(--qp-s2);align-items:baseline}
.qp-foot-cast b{font:800 .72rem/1 var(--qp-mono);color:var(--t)}
.qp-mail{display:flex;gap:var(--qp-s2);align-items:center}
.qp-mail a{color:var(--qp-acc2)}
.qp-sos{display:flex;gap:var(--qp-s3);padding:var(--qp-s4);border-radius:14px;background:var(--qp-panel);color:var(--qp-mut)}
.qp-sos .qp-ico{color:var(--qp-acc);margin-top:3px}
.qp-sos a{color:var(--qp-acc2)}
.qp-oaths{display:flex!important;flex-wrap:wrap;gap:var(--qp-s4)!important;margin:var(--qp-s4) 0!important}
.qp-oaths li{display:flex;gap:6px;align-items:center;color:var(--qp-mut);font-size:.86rem}
.qp-oaths .qp-ico{color:var(--qp-hi)}
.qp-fine{color:var(--qp-mut);font-size:.82rem;max-width:110ch;margin:0}
.qp-cookies{position:fixed;left:var(--qp-s4);right:var(--qp-s4);bottom:var(--qp-s4);z-index:50;display:none;align-items:center;gap:var(--qp-s4);max-width:760px;margin:0 auto;padding:var(--qp-s3) var(--qp-s4);border-radius:16px;background:var(--qp-panel2);box-shadow:inset 0 0 0 1px var(--qp-line),0 20px 50px -20px #000}
.qp-cookies p{display:flex;gap:var(--qp-s2);margin:0;font-size:.88rem;color:var(--qp-mut)}
.qp-cookies button{flex:none;min-height:42px;padding:0 var(--qp-s4);border:0;border-radius:999px;background:var(--qp-hi);color:var(--qp-bg);font:800 .9rem var(--qp-head);cursor:pointer}

/* text pages: the envelope */
.qp-env-head{position:relative;padding:var(--qp-s7) 0 var(--qp-s6);background:linear-gradient(180deg,var(--qp-panel2),var(--qp-bg));overflow:hidden}
.qp-env-head::before{content:"";position:absolute;left:50%;top:0;width:min(1400px,140%);height:120px;transform:translateX(-50%);background:color-mix(in srgb,var(--qp-hi) 10%,var(--qp-panel));clip-path:polygon(0 0,100% 0,50% 100%);opacity:.7}
.qp-env-head .qp-wrap{position:relative}
.qp-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:.86rem;color:var(--qp-mut)}
.qp-crumbs a{color:var(--qp-mut)}
.qp-env-no{display:inline-flex;align-items:center;gap:var(--qp-s2);padding:8px 14px;border-radius:999px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line);font:700 .78rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--qp-mut)}
.qp-env-no b{color:var(--qp-hi)}
.qp-env-head h1{margin-top:var(--qp-s4)}
.qp-env-lede{font-size:1.12rem;color:var(--qp-mut);max-width:70ch}
.qp-env-meta{display:flex;flex-wrap:wrap;gap:var(--qp-s2);margin:0}
.qp-env-meta span{font:600 .74rem/1 var(--qp-mono);padding:6px 10px;border-radius:999px;background:var(--qp-panel);color:var(--qp-mut)}
.qp-note{margin:0;padding:var(--qp-s3) 0;background:color-mix(in srgb,var(--qp-acc) 12%,var(--qp-panel));border-block:1px solid var(--qp-line);font-weight:600}
.qp-note .qp-wrap{display:flex;gap:var(--qp-s2);align-items:center}
.qp-env-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:var(--qp-s7);padding-top:var(--qp-s6);padding-bottom:var(--qp-s6)}
.qp-env-rail{position:sticky;top:90px;align-self:start;display:grid;gap:var(--qp-s5)}
.qp-toc p,.qp-env-list>p{font:700 .72rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--qp-mut);margin-bottom:var(--qp-s2)}
.qp-toc ol,.qp-env-list ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.qp-toc a{display:flex;gap:var(--qp-s2);padding:6px 8px;border-radius:8px;color:var(--qp-ink);text-decoration:none;font-size:.9rem}
.qp-toc a span{font:700 .78rem/1.6 var(--qp-mono);color:var(--qp-acc)}
.qp-toc a:hover,.qp-env-list a:hover{background:var(--qp-panel)}
.qp-env-list a{display:flex;gap:var(--qp-s2);align-items:center;padding:8px;border-radius:10px;color:var(--qp-ink);text-decoration:none}
.qp-env-list a small{display:block;font:600 .68rem/1 var(--qp-mono);color:var(--qp-mut)}
.qp-env-list a[aria-current="page"]{background:var(--qp-panel2);box-shadow:inset 3px 0 0 var(--qp-hi)}
.qp-env-home{display:inline-flex;gap:6px;align-items:center;margin-top:var(--qp-s3);font-weight:700}
.qp-env-body{max-width:780px}
.qp-art{padding:var(--qp-s5) 0;border-top:1px solid var(--qp-line);scroll-margin-top:90px}
.qp-art:first-child{border-top:0;padding-top:0}
.qp-art h2{display:flex;gap:var(--qp-s3);align-items:baseline;font-size:1.5rem}
.qp-art h2 span{flex:none;display:grid;place-items:center;min-width:40px;height:30px;padding:0 6px;border-radius:8px;background:var(--qp-hi);color:var(--qp-bg);font:800 .82rem/1 var(--qp-mono)}
.qp-art li{margin-bottom:6px}
.qp-steps-list li{margin-bottom:var(--qp-s2)}
.qp-helps{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--qp-s3)}
.qp-helps li{padding:var(--qp-s4);border-radius:14px;background:var(--qp-panel)}
.qp-helps h3{font-size:1rem;margin-bottom:6px}
.qp-helps p{margin:0;font-size:.92rem;color:var(--qp-mut)}
.qp-check{display:grid;gap:var(--qp-s3);margin-bottom:var(--qp-s4)}
.qp-qz{border:0;margin:0;padding:var(--qp-s4);border-radius:16px;background:var(--qp-panel)}
.qp-qz legend{float:left;width:100%;display:flex;gap:var(--qp-s3);font-weight:700;margin-bottom:var(--qp-s3)}
.qp-qz legend span{font:800 .82rem/1.6 var(--qp-mono);color:var(--qp-hi)}
.qp-qz>div{clear:both;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.qp-qz label{position:relative;cursor:pointer}
.qp-qz input{position:absolute;opacity:0;inset:0;cursor:pointer}
.qp-qz label span{display:flex;align-items:center;gap:8px;min-height:44px;height:100%;padding:6px 10px;border-radius:10px;background:var(--qp-panel2);font-size:.86rem;font-weight:600;transition:background-color .18s var(--qp-out),color .18s var(--qp-out)}
.qp-qz label b{font:800 .76rem/1 var(--qp-mono);color:var(--qp-acc2)}
.qp-qz input:checked+span{background:var(--qp-hi);color:var(--qp-bg)}
.qp-qz input:checked+span b{color:var(--qp-bg)}
.qp-qz input:focus-visible+span{outline:3px solid var(--qp-acc2);outline-offset:2px}
.qp-check-out{padding:var(--qp-s4);border-radius:16px;background:var(--qp-panel2)}
.qp-check-bar{height:10px;border-radius:5px;background:var(--qp-line);overflow:hidden}
.qp-check-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--qp-acc2),var(--qp-hi),var(--qp-acc));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--qp-out)}
/* 404 */
.qp-lost{padding:var(--qp-s8) 0;text-align:center}
.qp-lost .qp-sec-k,.qp-lost .qp-acts{justify-content:center}
.qp-lost-code{font:800 clamp(5rem,16vw,10rem)/1 var(--qp-mono);margin:0;color:var(--qp-hi);text-shadow:0 0 40px color-mix(in srgb,var(--qp-hi) 45%,transparent)}
/* reviews: the contestant card */
.qp-rv-head{padding:var(--qp-s6) 0;background:radial-gradient(700px 360px at 18% 30%,color-mix(in srgb,var(--t) 18%,transparent),transparent 70%)}
.qp-rv-in{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:var(--qp-s6);align-items:center}
.qp-rv-art{position:relative;margin:0;border-radius:22px;overflow:hidden;box-shadow:0 0 0 3px var(--t),0 0 40px color-mix(in srgb,var(--t) 30%,transparent)}
.qp-rv-no{position:absolute;top:12px;left:12px;font:800 .9rem/1 var(--qp-mono);padding:7px 9px;border-radius:8px;background:rgba(0,0,0,.65);color:#fff}
.qp-rv-val{position:absolute;top:10px;right:12px;padding:6px 10px;border-radius:10px;background:rgba(8,8,24,.62);font:800 2rem/1 var(--qp-mono);color:#ffe9a6;text-shadow:0 0 12px rgba(255,200,70,.9),0 0 2px #000}
.qp-rv-art figcaption{position:absolute;left:0;right:0;bottom:0;padding:var(--qp-s5) var(--qp-s4) var(--qp-s3);background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font:600 .82rem/1.3 var(--qp-mono)}
.qp-rv-copy .qp-sec-k{color:var(--t)}
.qp-rv-h1{color:var(--qp-mut);font-size:.55em;font-weight:700;white-space:nowrap}
.qp-rv-by{color:var(--qp-mut);margin-top:-6px}
.qp-rv-score{display:flex;align-items:center;gap:8px}
.qp-rv-score b{font:800 2rem/1 var(--qp-mono)}
.qp-rv-score small{color:var(--qp-mut);margin-right:8px}
.qp-rv-sum{font-size:1.08rem;max-width:64ch}
.qp-rv-facts{list-style:none;margin:0 0 var(--qp-s6);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--qp-s2)}
.qp-rv-facts li{display:grid;grid-template-columns:auto 1fr;gap:4px var(--qp-s2);align-items:center;padding:var(--qp-s3);border-radius:14px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-rv-facts li>span{font:700 .7rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--qp-mut)}
.qp-rv-facts li>div{grid-column:1/-1;font-weight:600;font-size:.92rem}
.qp-rv-facts small{display:block;color:var(--qp-mut);font-weight:400}
.qp-rv-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:var(--qp-s6);align-items:start}
.qp-verdict{padding:var(--qp-s5);border-radius:18px;background:color-mix(in srgb,var(--t) 14%,var(--qp-panel));font:700 1.15rem/1.45 var(--qp-head)}
.qp-verdict b{display:block;font:700 .72rem/1 var(--qp-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--t);margin-bottom:var(--qp-s2)}
.qp-rv-sec{padding:var(--qp-s5) 0;border-top:1px solid var(--qp-line)}
.qp-rv-sec h2{display:flex;gap:var(--qp-s2);align-items:center;font-size:1.35rem}
.qp-rv-sec h2 .qp-ico{color:var(--t)}
.qp-rv-sec p{max-width:70ch}
.qp-plan{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--qp-s2);counter-reset:step}
.qp-plan li{display:grid;gap:6px;align-content:start;padding:var(--qp-s4);border-radius:14px;background:var(--qp-panel)}
.qp-plan .qp-ico{color:var(--t);width:24px;height:24px}
.qp-plan b{font-family:var(--qp-head)}
.qp-plan span{font-size:.88rem;color:var(--qp-mut)}
.qp-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--qp-s4)}
.qp-form h2{grid-column:1/-1}
.qp-pro,.qp-con-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.qp-pro li,.qp-con-list li{display:flex;gap:var(--qp-s2)}
.qp-pro b{color:var(--qp-acc2)}
.qp-con-list b{color:var(--qp-acc)}
.qp-rv-side{display:grid;gap:var(--qp-s4);position:sticky;top:90px}
.qp-box{padding:var(--qp-s5);border-radius:18px;background:var(--qp-panel);box-shadow:inset 0 0 0 1px var(--qp-line)}
.qp-box h2{font-size:1.1rem}
.qp-box-line{display:flex;gap:var(--qp-s3);font-size:.92rem}
.qp-box-line .qp-ico{color:var(--t);margin-top:3px}
.qp-box-line b{display:block}
.qp-box-stop{box-shadow:inset 0 0 0 1px var(--t)}
.qp-spec{margin:0;display:grid}
.qp-spec>div{display:grid;grid-template-columns:110px 1fr;gap:var(--qp-s3);padding:7px 0;border-top:1px solid var(--qp-line);font-size:.9rem}
.qp-spec dt{color:var(--qp-mut);font-weight:700}
.qp-spec dd{margin:0}
.qp-near{padding-top:var(--qp-s6);padding-bottom:var(--qp-s4)}
.qp-near>p{color:var(--qp-mut)}
.qp-near ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--qp-s4)}
.qp-near a{display:grid;grid-template-columns:96px 1fr;gap:var(--qp-s3);padding:var(--qp-s3);border-radius:16px;background:var(--qp-panel);color:var(--qp-ink);text-decoration:none;box-shadow:inset 0 0 0 1px var(--qp-line);transition:box-shadow .2s var(--qp-out)}
.qp-near a:hover{box-shadow:inset 0 0 0 1px var(--t)}
.qp-near img{border-radius:10px;aspect-ratio:1;object-fit:cover}
.qp-near small{display:block;color:var(--qp-mut);font-size:.74rem}
.qp-near b{display:block;font-family:var(--qp-head)}
.qp-near em{display:block;font-style:normal;color:var(--qp-mut);font-size:.84rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qp-pager{display:flex;justify-content:space-between;gap:var(--qp-s4);padding-top:var(--qp-s5);padding-bottom:var(--qp-s5)}
.qp-pager a{display:flex;gap:var(--qp-s3);align-items:center;padding:var(--qp-s3) var(--qp-s4);border-radius:14px;background:var(--qp-panel);color:var(--qp-ink);text-decoration:none;font-weight:700}
.qp-pager small{display:block;color:var(--qp-mut);font-weight:400;font-size:.78rem}

@media (max-width:1180px){
.qp-studio-top,.qp-studio-main{grid-template-columns:1fr}
.qp-card{position:static}
.qp-run-grid,.qp-gong-grid,.qp-streak-grid{grid-template-columns:1fr}
.qp-pulls,.qp-legend-list{grid-template-columns:1fr 1fr}
.qp-foot-grid{grid-template-columns:1fr 1fr}
.qp-rv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.qp-near ul{grid-template-columns:1fr}
.qp-tag{display:none}
}
@media (max-width:900px){
.qp-env-grid{grid-template-columns:1fr;gap:var(--qp-s5)}
.qp-env-rail{position:static}
.qp-rv-in,.qp-rv-grid{grid-template-columns:1fr}
.qp-rv-side{position:static}
.qp-plan{grid-template-columns:1fr 1fr}
.qp-family-grid{grid-template-columns:1fr}
.qp-helps{grid-template-columns:1fr}
}
@media (max-width:720px){
.qp-wrap{padding:0 var(--qp-s4)}
.qp-top{padding:var(--qp-s2) var(--qp-s4)}
.qp-wall{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--qp-s2)}
.qp-wall-box{padding:var(--qp-s2)}
.qp-answers{grid-template-columns:1fr}
.qp-onair>span:nth-child(n+4){display:none}
.qp-readout{grid-template-columns:1fr 1fr}
.qp-strip{flex-direction:column;min-height:0}
.qp-seg{flex-basis:auto;min-height:36px}
.qp-rundown li{grid-template-columns:1fr}
.qp-rundown time{grid-row:auto}
.qp-pulls,.qp-legend-list,.qp-calc-out{grid-template-columns:1fr}
.qp-qz>div{grid-template-columns:1fr 1fr}
.qp-card-top{grid-template-columns:88px 1fr}
.qp-card-facts>div{grid-template-columns:1fr;gap:2px}
.qp-foot-grid{grid-template-columns:1fr}
.qp-plan,.qp-form{grid-template-columns:1fr}
.qp-rv-facts{grid-template-columns:1fr}
.qp-pager{flex-direction:column}
.qp-sec{padding:var(--qp-s7) 0}
.qp-cookies{flex-direction:column;align-items:stretch}
.qp-tile-val{font-size:1.25rem}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
.qp-top,.qp-foot,.qp-cookies,.qp-studio-bg{display:none!important}
body{background:#fff;color:#000}
.qp-print-rules main>*{display:none!important}
.qp-print-rules main>.qp-family{display:block!important;border:0}
.qp-print-rules .qp-family .qp-sec-head,.qp-print-rules .qp-family .qp-table-wrap,.qp-print-rules .qp-family .qp-tools,.qp-print-rules .qp-rules button,.qp-print-rules .qp-family>.qp-wrap>p{display:none!important}
.qp-print-rules .qp-family-grid{display:block}
.qp-print-rules .qp-rules{background:#fff;color:#000;box-shadow:none;border:2px solid #000}
}

/* --- mobile nav toggle --- */
.qp-burger{display:none;width:44px;height:44px;padding:0;border:1px solid var(--qp-line,currentColor);border-radius:8px;background:transparent;color:inherit;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto}
.qp-burger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s cubic-bezier(.2,.7,.2,1),opacity .18s cubic-bezier(.2,.7,.2,1)}
.qp-nav-open .qp-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.qp-nav-open .qp-burger span:nth-child(2){opacity:0}
.qp-nav-open .qp-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1180px){
.qp-js .qp-burger{display:inline-flex;margin-left:auto;order:5}
.qp-js .qp-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px}.qp-js .qp-nav-open .qp-top{height:auto}
.qp-js .qp-top>nav{display:none}
.qp-js .qp-nav-open .qp-top>nav{display:flex;flex-direction:column;align-items:stretch;flex-basis:100%;order:9;gap:0;margin:0;padding:8px 0 4px;border-top:1px solid var(--qp-line,currentColor)}
.qp-js .qp-nav-open .qp-top>nav a{display:flex;align-items:center;min-height:48px;padding:0 4px;margin:0;border:0;border-bottom:1px solid var(--qp-line,currentColor);font-size:1rem;letter-spacing:.04em}
.qp-js .qp-nav-open .qp-top>nav a:last-child{border-bottom:none}
.qp-js .qp-top .qp-brand{flex:1;min-width:0}.qp-js .qp-nav-open .qp-top{background:var(--qp-bg)}.qp-js .qp-nav-open .qp-top>nav{margin-left:0}.qp-js .qp-nav-open .qp-top>nav a{color:var(--qp-ink)}.qp-js .qp-nav-open .qp-top>nav a::after{display:none}
}