:root{--bg: #0b0b1a;--bg2: #12122a;--card: rgba(255, 255, 255, .06);--card-b: rgba(255, 255, 255, .12);--text: #f3f2ff;--muted: #a7a5c9;--a: #7c5cff;--b: #22d3ee;--c: #ff5c8a;--d: #ffc857;--ok: #34d399;--bad: #fb7185;--radius: 18px;--shadow: 0 10px 40px rgba(0, 0, 0, .45);--g1: #f9df6d;--g2: #6fd28f;--g3: #6cb6ff;--g4: #b48cff;color-scheme:dark}:root[data-theme=light]{--bg: #f6f5ff;--bg2: #ecebff;--card: rgba(255, 255, 255, .8);--card-b: rgba(20, 16, 60, .12);--text: #16123a;--muted: #5b5880;--shadow: 0 10px 30px rgba(50, 40, 120, .15);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.45;pointer-events:none}body:before{width:55vmax;height:55vmax;left:-15vmax;top:-20vmax;background:radial-gradient(circle,var(--a),transparent 70%);animation:drift 22s ease-in-out infinite alternate}body:after{width:50vmax;height:50vmax;right:-15vmax;bottom:-20vmax;background:radial-gradient(circle,var(--b),transparent 70%);animation:drift 26s ease-in-out infinite alternate-reverse}:root[data-theme=light] body:before,:root[data-theme=light] body:after{opacity:.25}@keyframes drift{to{transform:translate(8vmax,6vmax) scale(1.15)}}a{color:var(--b);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.4rem,3vw,1.9rem)}p{margin:0 0 1em}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.narrow{width:min(760px,100% - 32px);margin-inline:auto}.muted{color:var(--muted)}.grad{background:linear-gradient(100deg,var(--a),var(--b) 55%,var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:99;background:var(--a);color:#fff;padding:8px 12px;border-radius:8px}.site-h{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 70%,transparent);border-bottom:1px solid var(--card-b)}.site-h .wrap{display:flex;align-items:center;gap:18px;height:62px}.logo{font-weight:800;font-size:1.25rem;color:var(--text);display:flex;align-items:center;gap:8px;letter-spacing:-.03em}.logo:hover{text-decoration:none}.logo i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--a),var(--c));color:#fff;font-size:.95rem;box-shadow:0 4px 16px #7c5cff80}.nav{display:flex;gap:4px;margin-left:auto;align-items:center}.nav a{color:var(--muted);padding:8px 12px;border-radius:10px;font-weight:600;font-size:.95rem}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--card);text-decoration:none}.iconbtn{border:1px solid var(--card-b);background:var(--card);color:var(--text);border-radius:10px;width:38px;height:38px;cursor:pointer;font-size:1rem}.streakpill{display:inline-flex;gap:6px;align-items:center;font-weight:700;padding:6px 12px;border-radius:99px;background:var(--card);border:1px solid var(--card-b);font-size:.9rem}@media(max-width:700px){.nav a.gl .t{display:none}.nav a{padding:8px}.site-h .wrap{gap:6px}.logo{font-size:1.05rem}.logo .grad{display:none}}.card{background:var(--card);border:1px solid var(--card-b);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.btn{--bc: var(--a);display:inline-flex;align-items:center;gap:8px;justify-content:center;border:0;cursor:pointer;font:inherit;font-weight:700;color:#fff;padding:12px 22px;border-radius:14px;background:linear-gradient(135deg,var(--bc),color-mix(in srgb,var(--bc) 60%,var(--c)));box-shadow:0 8px 24px color-mix(in srgb,var(--bc) 45%,transparent);transition:transform .18s,box-shadow .18s,filter .18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1);text-decoration:none}.btn:active{transform:translateY(0) scale(.98)}.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--card-b);box-shadow:none}.btn:focus-visible,.tile:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--b);outline-offset:2px}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.hero{padding:64px 0 32px;text-align:center}.hero p.lead{font-size:1.2rem;color:var(--muted);max-width:640px;margin:0 auto 26px}.badge{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--b);background:color-mix(in srgb,var(--b) 14%,transparent);padding:5px 12px;border-radius:99px;margin-bottom:16px}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;margin:30px 0}.gcard{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;color:var(--text);transition:transform .25s,border-color .25s}.gcard:hover{transform:translateY(-6px) rotate(-.4deg);border-color:var(--gc);text-decoration:none}.gcard:before{content:"";position:absolute;inset:-40% -20% auto auto;width:220px;height:220px;background:radial-gradient(circle,var(--gc),transparent 65%);opacity:.35;transition:opacity .3s,transform .5s}.gcard:hover:before{opacity:.6;transform:scale(1.3)}.gcard .emoji{font-size:2.6rem;z-index:1}.gcard h3{z-index:1;margin:0;font-size:1.4rem}.gcard p{z-index:1;color:var(--muted);margin:0}.gcard .status{z-index:1;margin-top:auto;font-weight:700;font-size:.9rem}.done{color:var(--ok)}.todo{color:var(--d)}.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}body:before,body:after{animation:none}*{scroll-behavior:auto!important}}.game-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 0 40px}@media(min-width:1040px){.game-layout.has-side{grid-template-columns:minmax(0,1fr) 300px}}.side{display:none}@media(min-width:1040px){.side{display:block;position:sticky;top:84px;align-self:start}}.ad{margin:22px auto;text-align:center;min-height:100px;width:100%;overflow:hidden}.ad .adlabel{display:block;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.ad.tall{min-height:280px}.ad.anchor{display:none}@media(max-width:760px){.ad.anchor{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;min-height:60px;max-height:100px;background:var(--bg2);border-top:1px solid var(--card-b)}}.gh{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px;margin-bottom:14px}.gh h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:0}.stage{display:flex;flex-direction:column;align-items:center;gap:16px}.msg{min-height:1.6em;font-weight:700;text-align:center}.lives{display:flex;gap:6px;align-items:center;justify-content:center;font-weight:700}.dot{width:14px;height:14px;border-radius:50%;background:var(--c);transition:transform .3s,opacity .3s,background .3s;box-shadow:0 0 10px var(--c)}.dot.off{opacity:.2;transform:scale(.6);box-shadow:none}.row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.grid16{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:560px;perspective:900px}.tile{appearance:none;border:1px solid var(--card-b);background:var(--card);color:var(--text);border-radius:12px;min-height:72px;padding:6px;font:inherit;font-weight:800;font-size:clamp(.62rem,2.6vw,.95rem);letter-spacing:.02em;cursor:pointer;text-transform:uppercase;word-break:break-word;hyphens:auto;transition:transform .25s cubic-bezier(.3,1.5,.5,1),background .2s,border-color .2s;user-select:none;-webkit-tap-highlight-color:transparent}.tile:hover{transform:translateY(-2px);border-color:var(--a)}.tile.sel{background:linear-gradient(135deg,var(--a),var(--c));color:#fff;transform:scale(1.05);border-color:transparent}.tile.shake{animation:shake .45s}.tile.hop{animation:hop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes hop{40%{transform:translateY(-14px) scale(1.06)}}.solved{width:100%;max-width:560px;border-radius:12px;padding:12px 10px;text-align:center;color:#10101c;font-weight:800;animation:flip .6s cubic-bezier(.3,1.2,.4,1);transform-origin:50% 50%}.solved small{display:block;font-weight:600;opacity:.8;text-transform:none;letter-spacing:0}.solved.g1{background:var(--g1)}.solved.g2{background:var(--g2)}.solved.g3{background:var(--g3)}.solved.g4{background:var(--g4)}@keyframes flip{0%{transform:rotateX(90deg) scale(.9);opacity:0}to{transform:none;opacity:1}}.stack{display:grid;gap:8px;width:100%;max-width:560px}.glyphbox{width:min(340px,80vw);aspect-ratio:1;border-radius:28px;display:grid;place-items:center;font-size:clamp(6rem,30vw,11rem);background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--a) 40%,transparent),var(--card));border:1px solid var(--card-b);box-shadow:var(--shadow),inset 0 0 60px #7c5cff40;overflow:hidden}.glyphbox span{transition:filter .9s cubic-bezier(.2,.8,.2,1),transform .9s;display:block}.clues{list-style:none;margin:0;padding:0;width:100%;max-width:560px;display:grid;gap:8px}.clues li{padding:10px 14px;border-radius:12px;background:var(--card);border:1px solid var(--card-b);animation:slidein .5s both}@keyframes slidein{0%{opacity:0;transform:translate(-18px)}}.guessrow{display:flex;gap:8px;width:100%;max-width:560px}.guessrow input{flex:1;min-width:0;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--card-b);border-radius:14px;padding:12px 14px}.wrong{color:var(--bad);text-decoration:line-through;margin-right:8px;font-weight:700}.duel{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:640px}.opt{text-align:left;border:1px solid var(--card-b);background:var(--card);color:var(--text);font:inherit;border-radius:var(--radius);padding:22px 16px;cursor:pointer;min-height:130px;font-weight:700;font-size:1.05rem;transition:transform .25s,border-color .25s,background .25s}.opt:hover:not([disabled]){transform:translateY(-4px) scale(1.02);border-color:var(--b)}.opt small{display:block;margin-top:8px;font-weight:600;color:var(--muted)}.opt.right{background:color-mix(in srgb,var(--ok) 25%,transparent);border-color:var(--ok)}.opt.wrongc{background:color-mix(in srgb,var(--bad) 22%,transparent);border-color:var(--bad)}.opt .yr{display:block;font-size:1.6rem;color:var(--d);margin-top:6px}.progress{display:flex;gap:8px}.progress i{width:34px;height:8px;border-radius:6px;background:var(--card-b);transition:background .3s}.progress i.ok{background:var(--ok)}.progress i.no{background:var(--bad)}.progress i.cur{background:var(--a)}@media(max-width:520px){.duel{grid-template-columns:1fr}.opt{min-height:96px}}dialog{border:1px solid var(--card-b);border-radius:22px;background:var(--bg2);color:var(--text);padding:26px;width:min(460px,92vw);box-shadow:0 30px 80px #0009}dialog::backdrop{background:#050514b3;backdrop-filter:blur(6px)}dialog[open]{animation:pop .35s cubic-bezier(.3,1.4,.5,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}}.stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:6px;margin:14px 0}.stats b{display:block;font-size:1.7rem}.stats span{font-size:.75rem;color:var(--muted)}.share{font:1.3rem/1.35 monospace;white-space:pre;text-align:center;background:var(--card);border-radius:14px;padding:12px;margin:10px 0}.countdown{font-weight:800;font-variant-numeric:tabular-nums;font-size:1.4rem}canvas#confetti{position:fixed;inset:0;pointer-events:none;z-index:100}.prose{padding:40px 0 60px}.prose h2{margin-top:1.6em}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:.4em}.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:8px}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:0;list-style:none;margin:0}.list a{display:block;padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid var(--card-b);color:var(--text);transition:transform .2s,border-color .2s}.list a:hover{transform:translateY(-3px);border-color:var(--a);text-decoration:none}.pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pill{padding:6px 14px;border-radius:99px;background:var(--card);border:1px solid var(--card-b);color:var(--text);font-weight:600;font-size:.9rem}.pill:hover{border-color:var(--a);text-decoration:none}details.ans{margin:10px 0;background:var(--card);border:1px solid var(--card-b);border-radius:14px;padding:12px 16px}details.ans summary{cursor:pointer;font-weight:700}.swatch{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:8px}table.t{width:100%;border-collapse:collapse}table.t td,table.t th{padding:8px 10px;border-bottom:1px solid var(--card-b);text-align:left}.site-f{border-top:1px solid var(--card-b);padding:32px 0 40px;margin-top:50px;color:var(--muted);font-size:.92rem}.site-f .cols{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between}.site-f a{color:var(--muted)}.site-f nav{display:flex;flex-wrap:wrap;gap:6px 18px}#consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:620px;margin-inline:auto;background:var(--bg2);border:1px solid var(--card-b);border-radius:18px;padding:18px;box-shadow:var(--shadow);display:none}#consent.show{display:block;animation:pop .4s both}#consent .row{justify-content:flex-end;margin-top:12px}@media(max-width:760px){#consent{bottom:76px}}.toast{position:fixed;top:76px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:12px;font-weight:700;z-index:120;animation:pop .3s both}@view-transition{navigation:auto}::view-transition-old(root){animation:.18s ease-out both fade-out}::view-transition-new(root){animation:.32s ease-out both fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}.rv{opacity:1;transform:none}html.js .rv{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease}html.js .rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none}}.tile{hyphens:none;word-break:normal;overflow-wrap:normal;font-weight:700;letter-spacing:0;padding:0 2px;min-height:64px}@media(max-width:520px){.stage{padding-inline:4px}.grid16{gap:6px}.tile{font-size:clamp(9px,2.9vw,13px)}}#consent{left:0;right:0;bottom:0;max-width:none;border-radius:16px 16px 0 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}#consent p{margin:4px 0 0;font-size:.85rem}#consent .row{flex-wrap:nowrap}#consent .btn{flex:1;padding:10px 12px;font-size:.85rem}@media(max-width:760px){#consent{bottom:0}}.list{padding:0}.game-layout section>.rv{margin-top:48px}.site-f a{display:inline-block;padding:10px 6px}.nav a,.streakpill,.iconbtn{min-height:44px;display:inline-flex;align-items:center}.iconbtn{min-width:44px;justify-content:center}:root[data-theme=light]{--muted: #45426b;--b: #0e7490}:root[data-theme=light] .todo{color:#b45309}:root[data-theme=light] .done{color:#047857}.lens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:24px 0}.lens{--lc: var(--a);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;color:var(--text);transition:transform .25s,border-color .25s}.lens:hover{transform:translateY(-6px);border-color:var(--lc);text-decoration:none}.lens:before{content:"";position:absolute;inset:-45% -25% auto auto;width:220px;height:220px;background:radial-gradient(circle,var(--lc),transparent 65%);opacity:.3;transition:opacity .3s,transform .5s}.lens:hover:before{opacity:.55;transform:scale(1.25)}.lens>*{position:relative}.lens .emoji{font-size:2.3rem}.lens h3{margin:0;font-size:1.25rem}.lens p{margin:0;color:var(--muted);font-size:.95rem}.lens .meta{margin-top:auto;padding-top:6px;font-size:.85rem;font-weight:700;color:var(--lc);display:flex;justify-content:space-between}.lens .meta .done{color:var(--ok)}.runner{max-width:680px;margin:0 auto}.qprogress{height:8px;border-radius:8px;background:var(--card-b);overflow:hidden;margin-bottom:8px}.qprogress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--a),var(--b));border-radius:8px;transition:width .4s cubic-bezier(.3,1,.4,1)}.qmeta{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem;margin-bottom:18px}.qcard{min-height:150px;display:grid;align-content:center;text-align:center;padding:10px 6px 26px}.qcard .qtext{font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700;line-height:1.3;letter-spacing:-.01em;animation:qin .4s cubic-bezier(.3,1,.4,1) both}@keyframes qin{0%{opacity:0;transform:translate(28px)}}.qcard.back .qtext{animation-name:qback}@keyframes qback{0%{opacity:0;transform:translate(-28px)}}.likert{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.likert button{appearance:none;cursor:pointer;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--card-b);border-radius:14px;padding:14px 4px 10px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;transition:transform .2s,border-color .2s,background .2s}.likert button:hover{transform:translateY(-3px);border-color:var(--a)}.likert button.picked{background:linear-gradient(135deg,var(--a),var(--c));color:#fff;border-color:transparent;transform:scale(1.04)}.likert .dotv{width:26px;height:26px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;font-weight:800;font-size:.85rem;opacity:.9}.likert .lbl{font-size:.7rem;line-height:1.15;text-align:center;color:inherit;opacity:.85}.likert button:nth-child(1) .dotv,.likert button:nth-child(5) .dotv{width:32px;height:32px}.likert button:nth-child(2) .dotv,.likert button:nth-child(4) .dotv{width:28px;height:28px}.runner-nav{display:flex;justify-content:space-between;margin-top:18px}@media(max-width:520px){.likert{gap:5px}.likert button{min-height:84px;padding-inline:2px}.likert .lbl{font-size:.62rem}}.dimrow{margin:0 0 24px}.dimhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.dimhead h3{margin:0;font-size:1.1rem}.dimscore{font-weight:800;font-variant-numeric:tabular-nums}.meter{position:relative;height:12px;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--mc, var(--a)) 18%,var(--card-b)),color-mix(in srgb,var(--mc, var(--a)) 55%,var(--card-b)));margin:12px 0 6px}.meter b{position:absolute;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:var(--text);border:4px solid var(--mc, var(--a));box-shadow:0 4px 14px #0006;left:0;transition:left 1s cubic-bezier(.2,.8,.2,1)}.poles{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.fill{height:12px;border-radius:12px;background:var(--card-b);overflow:hidden;margin:8px 0}.fill i{display:block;height:100%;width:0;border-radius:12px;background:linear-gradient(90deg,var(--mc, var(--a)),color-mix(in srgb,var(--mc, var(--a)) 50%,var(--c)));transition:width 1s cubic-bezier(.2,.8,.2,1)}.bigcode{display:flex;gap:10px;justify-content:center;margin:10px 0 20px}.bigcode span{width:64px;height:80px;display:grid;place-items:center;border-radius:16px;font-size:2.6rem;font-weight:800;background:linear-gradient(160deg,var(--a),var(--c));color:#fff;box-shadow:var(--shadow);animation:pop-up .6s cubic-bezier(.3,1.6,.5,1) both}.bigcode span:nth-child(2){animation-delay:.08s}.bigcode span:nth-child(3){animation-delay:.16s}.bigcode span:nth-child(4){animation-delay:.24s}@keyframes pop-up{0%{transform:translateY(30px) scale(.8);opacity:0}}.persona{display:grid;gap:22px;grid-template-columns:1fr;align-items:center}@media(min-width:820px){.persona{grid-template-columns:1.1fr .9fr}}.persona .emoji-xl{font-size:4.4rem;line-height:1}.persona h1{margin:6px 0}.tagline{color:var(--muted);font-size:1.1rem}.radar{width:100%;max-width:420px;margin:0 auto;display:block}.radar polygon.shape{fill:color-mix(in srgb,var(--a) 35%,transparent);stroke:var(--b);stroke-width:2.5;animation:grow 1.1s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 50%;transform-box:fill-box}@keyframes grow{0%{transform:scale(.1);opacity:0}}.radar .ring-l{fill:none;stroke:var(--card-b)}.radar text{fill:var(--muted);font:600 12px system-ui,sans-serif}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{padding:6px 14px;border-radius:99px;background:color-mix(in srgb,var(--cc, var(--a)) 18%,transparent);border:1px solid color-mix(in srgb,var(--cc, var(--a)) 55%,transparent);font-weight:700;font-size:.9rem}.twocol{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:760px){.twocol{grid-template-columns:1fr 1fr}}.card h3{margin-top:0}.card ul{padding-left:1.2em;margin:0}.card li{margin-bottom:6px}.insight{border-left:4px solid var(--ic, var(--a));padding:10px 14px;border-radius:0 12px 12px 0;background:var(--card);margin-bottom:10px}.insight small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--ic, var(--a));font-weight:800}.ring{--p: 0;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--b) calc(var(--p) * 1%),var(--card-b) 0);position:relative;font-weight:800}.ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--bg2)}.ring span{position:relative}.empty{text-align:center;padding:40px 10px}.empty .emoji-xl{font-size:3.5rem}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:640px}.pair button{appearance:none;text-align:left;cursor:pointer;font:inherit;font-weight:700;color:var(--text);background:var(--card);border:1px solid var(--card-b);border-radius:var(--radius);padding:22px 16px;min-height:120px;font-size:1.1rem;transition:transform .25s,border-color .25s,background .25s}.pair button:hover:not([disabled]){transform:translateY(-4px) scale(1.02);border-color:var(--b)}.pair button.picked{background:linear-gradient(135deg,var(--a),var(--c));color:#fff;border-color:transparent}@media(max-width:520px){.pair{grid-template-columns:1fr}.pair button{min-height:84px}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html,body{overflow-x:clip}@media(max-width:560px){.logo .wm{display:none}.site-h .wrap{gap:4px}.nav{gap:0;min-width:0;flex:1;justify-content:flex-end}.nav a{padding:8px;min-width:40px;justify-content:center}.streakpill{padding:6px 8px}#consent{left:8px;right:8px;max-width:none;box-sizing:border-box}#consent .row{flex-wrap:wrap}}#runner,.qcard{scroll-margin-top:84px}.qprogress{background:color-mix(in srgb,var(--text) 16%,transparent)}.likert button{justify-content:flex-start}.likert .lbl{min-height:2.4em;font-size:.75rem}.row .btn{margin:0}.hero .row{justify-content:center;margin-top:8px}.prose a,.site-f a,.list a{min-height:24px}.meter b[data-l]{pointer-events:none}