/* Cortex Connect science page. Uses the site.css tokens (gold light, ruby for love, Bricolage and Instrument).
   Direction: an interactive lab notebook. One loud moment (the two agents in the hero), everything else quiet and readable. */
.sci{width:min(1180px,100%);margin:0 auto;padding:0 max(16px,env(safe-area-inset-right,0px)) 24px var(--gut)}
.sci-page .foot{padding-block:28px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sci p{text-wrap:pretty}
.sci .lead{max-width:54ch}
.sci a:not(.btn){color:var(--gold-hi);text-underline-offset:3px}

.sci .note,.sci-page .foot .fine{font-size:14px}
.nw{white-space:nowrap}
.nav nav a[aria-current=page]{color:var(--gold-hi)}
.sci-page .foot .wrap{width:min(1180px,100%)}
.sci-page .foot .fine{max-width:90ch}
.sci-page .foot .fine a{display:inline-block;padding:10px 4px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* reset the site's global details and summary styles for this page */
.sci details{padding:0;border-bottom:0}
.sci details p{margin-top:0}
.sci summary{font:inherit;display:block}
.sci summary::after{content:none}

/* reading progress */
.sci-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:70;pointer-events:none}
.sci-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-hi) 70%,var(--ruby-ink));transform-origin:0 50%;transform:scaleX(0)}

/* hero */
.sci-hero{display:grid;gap:4px;align-items:center;padding:40px 0 20px}
@media (min-width:900px){.sci-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:48px 0 28px;min-height:min(640px,calc(100svh - 120px))}}
.sci-ver{font:500 14px/1.3 var(--body);color:var(--ink-3)}
.sci-ver span{color:var(--gold-hi)}
.sci-hero h1{font-size:clamp(46px,6.6vw,88px);line-height:.96;margin:14px 0 20px;max-width:11ch}
.sci-hero .lead{font-size:clamp(17px,1.35vw,20px)}
.sci-hero .lead b{color:var(--ink);font-weight:600}
.sci-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.sci-sky{margin:0;position:relative;width:100%;aspect-ratio:1/1;max-height:600px}
@media (max-width:899px){.sci-sky{aspect-ratio:5/4;margin-top:10px}}
.sci-sky::before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(212,175,55,.08),transparent);pointer-events:none}
.sci-sky canvas{position:relative;width:100%;height:100%;display:block;touch-action:manipulation;-webkit-mask-image:radial-gradient(closest-side,#000 78%,transparent);mask-image:radial-gradient(closest-side,#000 78%,transparent)}
.sci-sky figcaption{position:absolute;left:0;right:0;bottom:2px;text-align:center}

/* sticky contents bar */
.sci-toc{position:sticky;top:var(--navh,68px);z-index:40;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:10px 16px;background:rgba(11,13,20,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-block:1px solid var(--line)}
.sci-toc-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;max-width:1180px;margin:0 auto}
.sci-toc-in::-webkit-scrollbar{display:none}
.sci-toc a{flex:none;min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:99px;color:var(--ink-2)!important;text-decoration:none;font:500 15px var(--body);transition:background .25s var(--ease),color .25s}
.sci-toc a:hover{color:var(--ink)!important;background:rgba(212,175,55,.08)}
.sci-toc a[aria-current]{background:var(--gold);color:#141006!important}
.sci-toc a:focus-visible,.lab-modes .chip:focus-visible,.src-filter .chip:focus-visible{outline-offset:-3px}

/* sections */
.sci-sec{padding-top:clamp(72px,10vw,120px);scroll-margin-top:calc(var(--navh,68px) + 58px)}
.sci-head{max-width:720px;margin-bottom:32px}
.sci-head h2{font-size:clamp(36px,5vw,64px);line-height:1;margin-bottom:16px}
.sci-head .lead{font-size:clamp(17px,1.35vw,19px)}

/* source chips */
.cites{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.cite{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border-radius:99px;border:1px solid var(--line-2);background:rgba(212,175,55,.06);color:var(--gold-hi);font:600 13px/1 var(--body);cursor:pointer;transition:background .2s}
.cite::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}
.cite:hover{background:rgba(212,175,55,.16)}
@media (pointer:coarse){.cite{min-height:40px}}
.tag{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:99px;border:1px dashed var(--line-2);color:var(--ink-3);font:500 13px var(--body)}

/* myth or fact: the deck */
.quiz{max-width:640px;margin:0 auto}
.q-dots{display:flex;gap:6px;justify-content:center;margin-bottom:18px}
.q-dots i{width:30px;height:6px;border-radius:99px;background:var(--panel-2);transition:background .3s}
.q-dots i.now{background:var(--gold-mute);box-shadow:inset 0 0 0 1px var(--gold)}
.q-dots i.ok{background:#7BE0A6}
.q-dots i.no{background:var(--ruby)}
.q-stage{position:relative;isolation:isolate;padding-bottom:18px}
.q-stage::before,.q-stage::after{content:"";position:absolute;z-index:-1;border-radius:28px;border:1px solid var(--line);background:#141824}
.q-stage::before{inset:12px 14px 6px;transform:rotate(-2.2deg)}
.q-stage::after{inset:22px 28px 0;transform:rotate(2.6deg);background:#10131C}
.qcard{position:relative;min-height:470px;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(26px,5vw,46px);border-radius:28px;border:1px solid var(--line-2);background:radial-gradient(120% 90% at 50% 0%,rgba(212,175,55,.14),transparent 62%),linear-gradient(180deg,#1C2132,#131724);box-shadow:0 34px 80px -30px rgba(0,0,0,.85);touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:transform .3s var(--ease),opacity .3s}
.qcard.front{cursor:grab}
.qcard.drag{transition:none;cursor:grabbing}
.q-n{font:500 14px var(--body);color:var(--ink-2)}
@media (max-width:420px){.qcard{min-height:540px}.qcard.end .q-btns{grid-template-columns:1fr}}
@media (min-width:761px){.qcard{min-height:450px}}
.q-q{font:800 clamp(30px,4.6vw,48px)/1.06 var(--display);letter-spacing:-.035em;text-wrap:balance}
.q-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.q-b{min-height:62px;border-radius:18px;font:800 21px var(--display);letter-spacing:-.01em;cursor:pointer;transition:transform .2s var(--ease)}
.q-b.myth{background:rgba(255,46,77,.09);border:1px solid rgba(255,46,77,.6);color:var(--ruby-ink)}
.q-b.fact{background:linear-gradient(135deg,var(--gold-hi),var(--gold));border:1px solid transparent;color:#141006}
.q-b:hover{transform:translateY(-2px)}
.q-b:active{transform:scale(.97)}
.q-hint{text-align:center}
.stamp{position:absolute;top:22px;padding:6px 12px;border:3px solid currentColor;border-radius:10px;font:800 22px var(--display);letter-spacing:.02em;pointer-events:none}
.stamp.s-m{right:22px;color:var(--ruby-ink);transform:rotate(12deg);opacity:var(--m,0)}
.stamp.s-f{left:22px;color:#7BE0A6;transform:rotate(-12deg);opacity:var(--f,0)}
.qcard.back,.qcard.end{cursor:default;user-select:text;-webkit-user-select:text}
.qcard.back.ok{border-color:rgba(123,224,166,.6);background:radial-gradient(120% 90% at 50% 0%,rgba(123,224,166,.14),transparent 62%),linear-gradient(180deg,#1C2132,#131724)}
.qcard.back.no{border-color:rgba(255,46,77,.6);background:radial-gradient(120% 90% at 50% 0%,rgba(255,46,77,.14),transparent 62%),linear-gradient(180deg,#1C2132,#131724)}
.q-v{font:700 clamp(22px,2.5vw,28px)/1.2 var(--display);letter-spacing:-.02em}
.q-v b{font-weight:800}
.ok .q-v b{color:#7BE0A6}
.no .q-v b{color:var(--ruby-ink)}
.q-cl{font-size:15px;color:var(--ink-2);font-style:italic}
.q-a{color:var(--ink);font-size:17px;line-height:1.6;max-width:56ch}
.q-next{align-self:flex-start;margin-top:6px}
.qcard.end{text-align:center;align-items:center}
.q-big{font:800 clamp(88px,15vw,150px)/.9 var(--display);color:var(--gold-hi);letter-spacing:-.05em}
.q-big span{font-size:.38em;color:var(--ink-3);letter-spacing:-.02em}
.qcard.end .q-btns{width:100%;max-width:420px}
.qcard.flip-out{transform:perspective(1100px) rotateY(90deg);transition:transform .22s cubic-bezier(.55,0,.75,.4)}
.qcard.flip-in{animation:flipin .42s var(--ease)}
@keyframes flipin{from{transform:perspective(1100px) rotateY(-90deg)}to{transform:perspective(1100px) rotateY(0)}}
.qcard.fly{transition:transform .3s cubic-bezier(.55,0,.75,.4),opacity .3s;opacity:0}
.qcard.pop-in{animation:qin .4s var(--ease)}
@keyframes qin{from{opacity:0;transform:translateY(14px) scale(.97)}}

/* big numbers: an editorial ledger, the number does the talking */
.ledger{border-top:1px solid var(--line)}
.led{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 48px;padding:30px 0 34px;border-bottom:1px solid var(--line)}
@media (min-width:760px){.led{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start}}
.led-n{font:800 clamp(72px,10vw,128px)/.86 var(--display);letter-spacing:-.055em;color:var(--gold-hi);font-variant-numeric:tabular-nums;white-space:nowrap}
.led-n small{font-size:.4em;letter-spacing:-.02em;margin-left:4px;color:var(--gold)}
.led-b{padding-top:clamp(0px,1vw,10px);max-width:620px}
.led-b h3{font-size:clamp(22px,2.2vw,30px);line-height:1.15;margin-bottom:8px}
.led-b>p{color:var(--ink-2);font-size:17px}
.led.is-rule .led-n,.led.is-rule .led-n small{color:var(--ruby-ink)}
.vs{display:grid;gap:10px;margin-top:16px;max-width:460px}
.vs div{display:grid;grid-template-columns:110px 1fr 44px;gap:12px;align-items:center;font-size:14px;color:var(--ink-2)}
.vs div>b{font-weight:600;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.vs .b{height:10px;border-radius:99px;background:var(--panel-2);overflow:hidden}
.vs .b i{display:block;height:100%;border-radius:inherit;background:var(--gold-hi)}
.vs div:last-child .b i{background:var(--ink-3)}

/* the rules: a plain list you open */
.rules{max-width:900px;border-top:1px solid var(--line)}
.rule{border-bottom:1px solid var(--line)}
.rule summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:22px 0;cursor:pointer}
.rule summary::-webkit-details-marker{display:none}
.rule-t{font:700 clamp(19px,1.8vw,23px)/1.25 var(--display);letter-spacing:-.015em;transition:color .2s}
.rule summary:hover .rule-t,.rule[open] .rule-t{color:var(--gold-hi)}
.rule-c{font:500 14px var(--body);color:var(--ink-3);white-space:nowrap}
.rule summary::before{content:"";order:3;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%23F2C94C' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");transition:transform .3s var(--ease)}
.rule[open] summary::before{transform:rotate(45deg)}
.rule-b{padding:0 0 26px;max-width:60ch}
.rule-b p{color:var(--ink-2);font-size:17px;line-height:1.65}
@media (max-width:560px){.rule-c{font-size:13px}}

/* score lab: the one place that is a real tool, so it gets panels */
.lab-modes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:18px;padding-bottom:2px}
.lab-modes::-webkit-scrollbar{display:none}
.lab-modes .chip{flex:none}
.lab-modes .chip[data-mode=love][aria-pressed=true]{background:rgba(255,46,77,.18);border-color:var(--ruby)}
.lab-grid{display:grid;gap:16px}
@media (min-width:940px){.lab-grid{grid-template-columns:380px minmax(0,1fr);align-items:start}.lab-score{position:sticky;top:calc(var(--navh,68px) + 76px);max-height:calc(100svh - var(--navh,68px) - 92px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}}
.lab-score{border:1px solid var(--line-2);border-radius:28px;background:radial-gradient(120% 70% at 50% 0%,rgba(242,201,76,.12),transparent 60%),linear-gradient(rgba(212,175,55,.05) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(212,175,55,.05) 1px,transparent 1px) 0 0/22px 22px,#10131C;box-shadow:0 30px 80px -40px rgba(242,201,76,.35)}
.lab-banner{height:92px;background:var(--panel-2) center 32%/cover no-repeat;position:relative}
.lab-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,25,38,.05),var(--panel) 96%)}
.lab-ring{position:relative;z-index:1;display:flex;gap:16px;align-items:center;padding:6px 20px 0}
.gauge{width:136px;height:136px;flex:none}
.gauge circle{fill:none;stroke-width:10}
.gauge .disc{fill:rgba(11,13,20,.92);stroke:var(--line-2);stroke-width:1}
.gauge .bg{stroke:var(--panel-2)}
.gauge .v{stroke:url(#labg);filter:drop-shadow(0 0 6px rgba(242,201,76,.55));stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .6s var(--ease),stroke .4s}
.gauge.strong .v{stroke:#7BE0A6}
.gauge.possible .v{stroke:var(--gold)}
.gauge.low .v{stroke:var(--ruby)}
.gauge text{fill:var(--ink);font:800 40px var(--display);text-anchor:middle;dominant-baseline:central;letter-spacing:-.04em}
.lab-band{display:grid;gap:2px}
.lab-l{font:500 13px var(--body);color:var(--ink-3)}
.lab-band .mband{font:700 20px/1.2 var(--display);letter-spacing:-.01em;text-transform:none}
.mband.promising,.mband.possible{color:var(--gold-hi)}
.lab-why{color:var(--ink-2);font-size:14px;line-height:1.45;margin-top:2px}
.lab-body{padding:16px 20px 20px;display:grid;gap:20px}
.lab-h{font:700 16px/1.3 var(--display);letter-spacing:-.005em;margin:0 0 4px;color:var(--ink)}
.lab-cap{padding:12px 14px;border-radius:14px;background:rgba(255,46,77,.1);border:1px solid rgba(255,46,77,.4);color:var(--ink);font-size:14px}
.lab-gwrap .note{margin:0 0 10px}
.gates{display:grid;gap:6px}
.gate{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;text-align:left;padding:8px 12px;min-height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(11,13,20,.5);color:var(--ink-2);font:400 14px/1.35 var(--body);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.gate:hover{border-color:var(--line-2)}
.g-s{min-width:64px;padding:5px 9px;border-radius:99px;background:rgba(123,224,166,.14);color:#7BE0A6;font:600 12px var(--body);text-align:center}
.gate[aria-pressed=true]{border-color:rgba(255,46,77,.6);background:rgba(255,46,77,.09);color:var(--ink)}
.gate[aria-pressed=true] .g-s{background:var(--ruby);color:#14060A}
.lab-comp{display:grid;gap:8px;font-size:14px;color:var(--ink-2)}
.lab-comp .row{display:flex;justify-content:space-between;gap:10px}
.lab-comp output{font-weight:600;color:var(--ink)}
.presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.presets button{min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line-2);background:none;color:var(--ink-2);font:500 14px var(--body);cursor:pointer;transition:background .2s,color .2s}
.presets button:hover{color:var(--ink);background:rgba(212,175,55,.12)}
.presets button[data-p=perfect]{border-color:var(--gold);color:var(--gold-hi)}
.lab-dhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin-bottom:10px}
.lab-dhead .lab-h{margin:0}
.wbar{display:flex;gap:3px;height:48px;border-radius:14px;overflow:hidden}
.wbar button{flex:var(--w) 1 0;min-width:0;padding:0;border:0;background:var(--c);color:#141006;font:700 13px var(--body);cursor:pointer;overflow:hidden;white-space:nowrap;transition:filter .2s}
.wbar button:hover{filter:brightness(1.15)}
.lab-hint{margin:12px 0 14px}
.dims2{display:grid;gap:10px}
.dimrow{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(21,25,38,.62);transition:border-color .2s,background .2s,box-shadow .2s}
.dimrow:focus-within,.dimrow.hl{border-color:var(--c);background:rgba(28,33,50,.9)}
.dimrow.hl{box-shadow:0 0 0 4px rgba(242,201,76,.18)}
.dr-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.dr-dot{width:12px;height:12px;border-radius:4px;background:var(--c)}
.dr-top b{font:700 18px var(--display);letter-spacing:-.01em}
.dr-w{padding:3px 9px;border-radius:99px;background:var(--c);color:#141006;font:700 13px var(--body)}
.dr-what{color:var(--ink-3);font-size:14px;margin:4px 0 8px}
.dr-slide{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.dr-slide output{min-width:78px;text-align:right;font:700 20px/1.1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.dr-slide output em{display:block;font:500 12px var(--body);font-style:normal;color:var(--ink-3)}
.dimrow .cites{margin-top:8px}
.tier{display:inline-flex;align-items:center;gap:3px;margin-left:auto}
.tier i{width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.tA i,.tB i:nth-child(-n+2),.tC i:first-child{background:var(--gold-hi);box-shadow:none}
.tier i.p{width:8px;height:8px;border-radius:2px;transform:rotate(45deg);box-shadow:inset 0 0 0 1.5px var(--ink-3)}
.tier em{margin-left:6px;font:500 13px var(--body);font-style:normal;color:var(--ink-3)}
.tier-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:16px}
.tier-key .tier{margin:0}
@media (max-width:520px){.dr-top .tier{flex-basis:100%;margin-left:22px}}

/* range sliders */
.sci input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:32px;margin:0;background:transparent;cursor:pointer;--p:50%}
.sci input[type=range]:focus-visible{outline:none}
.sci input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--c,var(--gold-hi)) var(--p),var(--panel-2) var(--p))}
.sci input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:var(--panel-2)}
.sci input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:var(--c,var(--gold-hi))}
.sci input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:4px solid var(--c,var(--gold-hi));box-shadow:0 4px 14px rgba(0,0,0,.55);transition:transform .15s}
.sci input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--c,var(--gold-hi));box-shadow:0 4px 14px rgba(0,0,0,.55)}
.sci input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.sci input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(242,201,76,.5)}
.sci input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(242,201,76,.5)}

/* floating live score on phones */
.lab-float{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:99px;border:1px solid var(--line-2);background:rgba(21,25,38,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 50px -12px rgba(0,0,0,.85);transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .35s var(--ease),opacity .35s}
.lab-float.on{transform:translate(-50%,0);opacity:1}
.lab-float b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:3px solid var(--gold-hi);font:800 18px var(--display);color:var(--ink)}
.lab-float span{font:700 15px var(--display);color:var(--gold-hi)}
.lab-float.strong b{border-color:#7BE0A6}.lab-float.strong span{color:#7BE0A6}
.lab-float.low b{border-color:var(--ruby)}.lab-float.low span{color:var(--ruby-ink)}
@media (min-width:940px){.lab-float{display:none}}
@media (max-width:939px){.lab-dims{padding-bottom:84px}}

/* how it learns: a real sequence, so it is numbered */
.steps{position:relative;list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.steps::before{content:"";position:absolute;left:10%;right:10%;top:23px;height:2px;background:var(--line-2)}
.steps li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;text-align:center}
.steps li b{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--line-2);font:700 16px var(--display);color:var(--gold-hi)}
.steps li:last-child b{background:var(--gold);color:#141006;border-color:transparent}
.steps li span{font:700 17px var(--display)}
.steps li em{max-width:18ch;font-style:normal;font-size:14px;line-height:1.4;color:var(--ink-3)}
@media (max-width:720px){
  .steps{grid-template-columns:1fr;gap:14px}
  .steps::before{left:23px;right:auto;top:24px;bottom:24px;width:2px;height:auto}
  .steps li{grid-template-columns:48px 1fr;justify-items:start;text-align:left;column-gap:14px;row-gap:2px}
  .steps li b{grid-row:span 2}
  .steps li span{align-self:end}
  .steps li em{max-width:none}
}
.learn-box{border:1px solid var(--line-2);border-radius:28px;padding:clamp(18px,3vw,30px);background:linear-gradient(180deg,rgba(28,33,50,.88),rgba(21,25,38,.62))}
.ln-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 20px;margin-bottom:20px}
.ln-tip{color:var(--ink-2);font-size:15px;margin-top:4px;max-width:52ch}
.ln-tip b{color:var(--gold-hi)}
.ln-side{display:flex;align-items:center;gap:12px}
.ln-n{font:500 14px var(--body);color:var(--ink-3)}
.lrows{display:grid;gap:12px}
.lrow{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr) 46px 48px auto;gap:12px;align-items:center}
.lr-l{font:600 15px var(--body)}
.lr-bar{position:relative;height:12px;border-radius:99px;background:var(--panel-2)}
.lr-v{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-hi));transition:width .45s var(--ease)}
.lr-def{position:absolute;z-index:1;top:-5px;bottom:-5px;width:3px;margin-left:-1px;border-radius:2px;background:var(--ink);opacity:.8}
.lr-p{font:700 16px var(--display);text-align:right;font-variant-numeric:tabular-nums}
.lr-m{font:500 13px var(--body);color:var(--ink-3);text-align:right}
.lr-m.up{color:#7BE0A6}
.lr-m.dn{color:var(--ruby-ink)}
.lr-b{display:flex;gap:6px}
.lr-b button{min-width:64px;height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line-2);background:rgba(11,13,20,.55);color:var(--ink);font:600 14px/1 var(--body);cursor:pointer;transition:background .2s,transform .15s}
.lr-b button:hover:not(:disabled){background:rgba(212,175,55,.16)}
.lr-b button:active:not(:disabled){transform:scale(.92)}
.lr-b button:disabled{opacity:.3;cursor:not-allowed}
.ln-log{min-height:3em;margin:18px 0 6px;padding:12px 14px;border-radius:12px;background:rgba(11,13,20,.5);border:1px solid var(--line);color:var(--ink);font-size:15px}
.ln-src{margin-top:12px;font-size:14px;line-height:1.55;color:var(--ink-2);max-width:70ch}
@media (max-width:640px){
  .lrow{grid-template-columns:minmax(0,1fr) auto auto;row-gap:8px}
  .lr-l{grid-column:1;grid-row:1}
  .lr-p{grid-column:2;grid-row:1}
  .lr-b{grid-column:3;grid-row:1}
  .lr-bar{grid-column:1/-1;grid-row:2}
  .lr-m{display:none}
}

/* limits: quiet, no cards */
.limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
@media (min-width:1100px){.limits{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.limits{grid-template-columns:1fr}}
.limit svg{width:46px;height:46px;padding:10px;margin-bottom:16px;border-radius:50%;border:1px solid var(--line-2);stroke:var(--gold-hi);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.limit:first-child svg{border-color:rgba(255,46,77,.5);stroke:var(--ruby-ink)}
.limit h3{font-size:21px;line-height:1.2;margin-bottom:10px}
.limit p{color:var(--ink-2);font-size:16px}

/* sources */
.src-tools{display:grid;gap:12px;margin-bottom:12px}
.src-q input{width:100%;min-height:54px;padding:0 20px 0 50px;border-radius:99px;border:1px solid var(--line-2);background:rgba(11,13,20,.7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 20px 50%/18px;color:var(--ink);font:400 16px var(--body)}
.src-q input::placeholder{color:var(--ink-3)}
.src-q input:focus{outline:none;border-color:var(--gold-hi);box-shadow:0 0 0 4px rgba(242,201,76,.18)}
.src-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.src-filter::-webkit-scrollbar{display:none}
.src-filter .chip{flex:none;min-height:42px;font-size:15px}
.src-list{list-style:none;padding:0;margin:12px 0 0;border-top:1px solid var(--line)}
.src{border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--navh,68px) + 80px)}
.src summary{list-style:none;display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:20px;align-items:baseline;padding:18px 0;cursor:pointer}
.src summary::-webkit-details-marker{display:none}
.src summary::before{content:"";order:3;align-self:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-2);background:no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%23F2C94C' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");transition:transform .25s var(--ease)}
.src details[open] summary::before{transform:rotate(45deg)}
.src-a{font:700 16px/1.3 var(--display);color:var(--ink)}
.src-a em{margin-left:8px;font:600 14px var(--body);font-style:normal;color:var(--gold-hi)}
.src-t{color:var(--ink-2);font:400 16px/1.5 var(--body);max-width:78ch}
.src summary:hover .src-t{color:var(--ink)}
.src-b{display:grid;gap:12px;padding:0 0 22px 200px}
.src-c{font:400 14px/1.6 var(--body);color:var(--ink-3);overflow-wrap:anywhere;max-width:90ch}
.src-u{display:flex;flex-wrap:wrap;gap:6px}
.src-u span{padding:5px 11px;border-radius:99px;background:var(--panel-2);color:var(--ink-2);font-size:13px}
.src-x{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.src.flash{animation:flash 1.8s var(--ease)}
@keyframes flash{0%,40%{background:rgba(242,201,76,.1)}}
.src-ver{margin-top:16px}
@media (max-width:720px){
  .src summary{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .src-a{grid-column:1;grid-row:1}
  .src summary::before{grid-column:2;grid-row:1}
  .src-t{grid-column:1/-1;grid-row:2}
  .src-b{padding-left:0}
}

/* source popover */
.sci-pop{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:90;width:min(560px,calc(100% - 24px));transform:translate(-50%,24px);opacity:0;transition:transform .35s var(--ease),opacity .35s}
.sci-pop.on{transform:translate(-50%,0);opacity:1}
.pop-in{position:relative;display:grid;gap:10px;padding:22px 22px 20px;border-radius:24px;border:1px solid var(--line-2);background:#171B29;box-shadow:0 30px 90px -20px rgba(0,0,0,.9)}
.pop-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--ink-2);font:400 24px/1 var(--body);cursor:pointer}
.pop-x:hover{color:var(--ink);border-color:var(--line-2)}
.pop-k{padding-right:48px;font:700 15px var(--display);color:var(--gold-hi)}
.pop-f{padding-right:30px;font:600 18px/1.45 var(--body);color:var(--ink)}
.pop-c{font:400 13px/1.55 var(--body);color:var(--ink-3);overflow-wrap:anywhere}
.pop-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}

/* closing call to action */
.sci-end{position:relative;overflow:hidden;margin:clamp(80px,11vw,130px) 0 36px;padding:clamp(40px,7vw,88px) clamp(22px,5vw,64px);border-radius:32px;border:1px solid var(--line-2);background:linear-gradient(90deg,rgba(11,13,20,.95) 30%,rgba(11,13,20,.35)),url(img/orbs.jpg) 70% 50%/cover no-repeat}
.sci-end h2{font-size:clamp(36px,5vw,64px);max-width:12ch;margin-bottom:16px}
.sci-end .lead{margin-bottom:28px;max-width:44ch}
.sci-end .row{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:640px){.sci-end{background:linear-gradient(180deg,rgba(11,13,20,.8),rgba(11,13,20,.96) 50%),url(img/orbs.jpg) 60% 0/auto 55% no-repeat,var(--canvas)}}

@media (prefers-reduced-motion:reduce){
  .qcard,.gauge .v,.lr-v,.sci-pop,.lab-float{transition:none}
  .qcard.flip-in,.qcard.pop-in,.src.flash{animation:none}
}

/* phones: scrolling chip rows fade at the edge, every target reaches 44px */
@media (max-width:640px){.lab-modes,.src-filter{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);padding-right:28px}}
@media (pointer:coarse){
  .sci-toc a,.cite,.presets button,.sci .btn.sm,.sci-page .nav .btn.sm,.lab-modes .chip,.src-filter .chip{min-height:44px}
  .sci input[type=range]{height:44px}
}

/* score lab dashboard */
.lab-dtop{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0}
.lab-live{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:rgba(123,224,166,.1);border:1px solid rgba(123,224,166,.3);color:#7BE0A6;font:600 13px var(--body)}
.lab-live i{width:8px;height:8px;border-radius:50%;background:#7BE0A6;animation:livep 1.8s infinite}
@keyframes livep{0%{box-shadow:0 0 0 0 rgba(123,224,166,.55)}100%{box-shadow:0 0 0 9px rgba(123,224,166,0)}}
.lab-mname{font:600 14px var(--body);color:var(--ink-2)}
.lab-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 20px 0}
.lab-kpis div{padding:10px 12px;border-radius:14px;background:rgba(11,13,20,.6);border:1px solid var(--line)}
.lab-kpis span{display:block;font:500 12px var(--body);color:var(--ink-3)}
.lab-kpis b{display:block;margin-top:2px;font:700 15px/1.25 var(--display);color:var(--ink)}
.lab-kpis div:last-child b{color:var(--ruby-ink)}
.lab-contrib{display:flex;gap:2px;height:12px;margin:14px 20px 0;border-radius:99px;overflow:hidden}
.lab-contrib i{display:block;min-width:0;transition:flex .5s var(--ease)}
.lab-contrib i.rest{background:var(--panel-2)}
.lab-spark{position:relative;margin:12px 20px 0;height:52px;border-radius:12px;background:rgba(11,13,20,.5);border:1px solid var(--line);overflow:hidden}
.lab-spark svg{position:absolute;inset:4px 0 4px;width:100%;height:calc(100% - 8px)}
.lab-spark polyline{fill:none;stroke:var(--gold-hi);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.lab-spark span{position:absolute;right:10px;top:6px;font:500 11px var(--body);color:var(--ink-3)}
@media (prefers-reduced-motion:reduce){.lab-live i{animation:none}}

/* clickable ledger rows */
.led[data-open],.led[data-jump]{cursor:pointer;transition:background .2s;border-radius:4px}
.led[data-open]:hover,.led[data-jump]:hover{background:rgba(212,175,55,.04)}
.led:focus-visible{outline-offset:4px}

/* agent meeting room */
.mt-setup{display:grid;gap:14px;margin-bottom:16px}
@media (min-width:1000px){.mt-setup{grid-template-columns:1fr auto 1fr;align-items:end}}
.mt-pl{font:600 14px var(--body);color:var(--ink-2);margin-bottom:8px}
.mt-faces{display:flex;flex-wrap:wrap;gap:6px}
.mt-faces button{display:grid;justify-items:center;gap:4px;padding:4px;border:0;background:none;color:var(--ink-2);font:500 12px var(--body);cursor:pointer;min-width:58px}
.mt-faces img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 22%;border:2px solid transparent;transition:border-color .2s,transform .2s}
.mt-faces button:hover img{transform:translateY(-2px)}
.mt-pick[data-side=a] button[aria-pressed=true] img{border-color:var(--gold-hi)}
.mt-pick[data-side=b] button[aria-pressed=true] img{border-color:var(--ruby)}
.mt-faces button[aria-pressed=true]{color:var(--ink)}
.mt-faces button:disabled{opacity:.25;cursor:not-allowed}
.mt-mid{display:grid;gap:10px;justify-items:center;min-width:0;width:100%}
@media (max-width:640px){.mt-modes{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);padding-right:28px;justify-self:stretch}.mt-seg button{padding:0 10px}}
.mt-modes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
.mt-modes::-webkit-scrollbar{display:none}
.mt-modes .chip{flex:none}
.mt-opts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.mt-seg{display:inline-flex;padding:3px;border-radius:99px;border:1px solid var(--line-2);background:rgba(11,13,20,.6)}
.mt-seg button{min-height:38px;padding:0 14px;border:0;border-radius:99px;background:none;color:var(--ink-2);font:600 13px var(--body);cursor:pointer}
.mt-seg button[aria-pressed=true]{background:var(--gold);color:#141006}
.mt-room{position:relative;border-radius:30px;border:1px solid var(--line-2);overflow:hidden;background:radial-gradient(60% 50% at 20% 10%,rgba(242,201,76,.12),transparent 70%),radial-gradient(60% 50% at 80% 10%,rgba(255,46,77,.1),transparent 70%),#0C0E16}
.mt-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:22px clamp(14px,3vw,30px);border-bottom:1px solid var(--line)}
.mt-agent{margin:0;display:grid;justify-items:center;gap:8px;text-align:center}
.mt-ring{position:relative;display:block;width:clamp(76px,10vw,112px);aspect-ratio:1;border-radius:50%;padding:4px}
.mt-agent.gold .mt-ring{background:conic-gradient(var(--gold-hi),rgba(242,201,76,.2),var(--gold-hi))}
.mt-agent.ruby .mt-ring{background:conic-gradient(var(--ruby),rgba(255,46,77,.2),var(--ruby))}
.mt-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 22%;border:3px solid #0C0E16}
.mt-agent.talk .mt-ring{animation:talkp .9s ease-in-out infinite}
@keyframes talkp{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}50%{transform:scale(1.05);filter:drop-shadow(0 0 16px rgba(242,201,76,.5))}}
.mt-agent.ruby.talk .mt-ring{animation-name:talkr}
@keyframes talkr{0%,100%{transform:scale(1)}50%{transform:scale(1.05);filter:drop-shadow(0 0 16px rgba(255,46,77,.5))}}
.mt-agent figcaption b{display:block;font:700 16px var(--display)}
.mt-agent figcaption span{display:block;font-size:13px;color:var(--ink-3);max-width:22ch}
.mt-core{display:grid;justify-items:center;gap:10px;min-width:0}
.mt-meter{position:relative;width:clamp(110px,13vw,140px);aspect-ratio:1}
.mt-meter svg{width:100%;height:100%;transform:rotate(-90deg)}
.mt-meter circle{fill:none;stroke-width:9}
.mt-meter .bg{stroke:var(--panel-2)}
.mt-meter .v{stroke:url(#mtg);stroke-linecap:round;stroke-dasharray:0 400;transition:stroke-dasharray .7s var(--ease);filter:drop-shadow(0 0 6px rgba(242,201,76,.5))}
.mt-meter b{position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(30px,3.6vw,40px) var(--display);letter-spacing:-.04em}
.mt-meter span{position:absolute;left:0;right:0;bottom:22%;text-align:center;font:500 11px var(--body);color:var(--ink-3)}
.mt-phase{font:600 15px var(--body);color:var(--gold-hi);text-align:center;min-height:1.4em}
.mt-ctrls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.mt-log{list-style:none;margin:0;padding:18px clamp(14px,3vw,30px);height:clamp(380px,55vh,520px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.mt-empty{margin:auto;max-width:42ch;text-align:center;color:var(--ink-3)}
.mt-msg,.mt-gate,.mt-typing{max-width:min(78%,560px);padding:10px 14px 12px;border-radius:18px;background:#171B29;border:1px solid var(--line);animation:mtin .3s var(--ease)}
.mt-msg.a,.mt-gate.a,.mt-typing.a{align-self:flex-start;border-bottom-left-radius:6px;border-color:rgba(242,201,76,.35)}
.mt-msg.b,.mt-gate.b,.mt-typing.b{align-self:flex-end;border-bottom-right-radius:6px;border-color:rgba(255,46,77,.35);background:#1B1721}
.mt-who{display:block;font:600 12px var(--body);color:var(--gold-hi);margin-bottom:2px}
.b>.mt-who{color:var(--ruby-ink)}
.mt-msg p,.mt-gate p{font-size:15px;line-height:1.5;color:var(--ink)}
.mt-gate i{font-style:normal;display:inline-block;margin-right:6px;padding:1px 8px;border-radius:99px;font:700 12px var(--body)}
.mt-gate i.ok{background:rgba(123,224,166,.16);color:#7BE0A6}
.mt-gate i.no{background:var(--ruby);color:#14060A}
.mt-typing{display:inline-flex;gap:5px;padding:14px 16px}
.mt-typing i{width:7px;height:7px;border-radius:50%;background:var(--ink-3);animation:dots 1s infinite}
.mt-typing i:nth-child(2){animation-delay:.15s}.mt-typing i:nth-child(3){animation-delay:.3s}
@keyframes dots{0%,80%,100%{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-3px)}}
.mt-sys{align-self:center;max-width:620px;text-align:center;color:var(--ink-2);font-size:14px;padding:4px 10px}
.mt-sys .mt-topic{font:700 16px var(--display);color:var(--ink);margin-top:8px}
.mt-sys .mt-topic em{display:block;font:500 12px var(--body);font-style:normal;color:var(--gold-hi)}
.mt-sys .cites{justify-content:center}
.mt-res{align-self:center;width:min(100%,460px);padding:12px 16px;border-radius:16px;background:rgba(242,201,76,.06);border:1px dashed var(--line-2);animation:mtin .3s var(--ease)}
.mt-res-h{display:flex;justify-content:space-between;align-items:baseline}
.mt-res-h b{font:700 15px var(--display)}
.mt-res-h span{font:800 20px var(--display);color:var(--gold-hi)}
.mt-bar{height:6px;margin:6px 0 8px;border-radius:99px;background:var(--panel-2);overflow:hidden}
.mt-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-hi))}
.mt-res p{font-size:14px;color:var(--ink-2)}
.mt-verdict{align-self:stretch;margin-top:6px;padding:18px;border-radius:20px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(242,201,76,.1),rgba(21,25,38,.6));animation:mtin .4s var(--ease)}
.mt-v-top{display:flex;gap:16px;align-items:center}
.mt-v-score{flex:none;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;border:4px solid var(--gold-hi);text-align:center}
.mt-v-score b{font:800 34px/1 var(--display)}.mt-v-score span{font-size:11px;color:var(--ink-3);margin-top:-14px}
.mt-v-score.strong{border-color:#7BE0A6}.mt-v-score.low{border-color:var(--ruby)}
.mt-v-band{font:700 20px var(--display);color:var(--gold-hi)}
.mt-v-sci{font-size:13px;color:var(--ink-3);margin-top:4px}
.mt-v-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:14px}
.mt-v-cols ul{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:14px;color:var(--ink)}
.mt-v-cols li::before{content:"+ ";color:#7BE0A6;font-weight:700}
.mt-v-cols ul.warn li::before{content:"! ";color:var(--ruby-ink)}
.mt-v-who{margin-top:12px;font-weight:600}
.mt-ask{padding:14px clamp(14px,3vw,30px) 18px;border-top:1px solid var(--line)}
.mt-ask-b{display:flex;flex-wrap:wrap;gap:6px}
.mt-ask-b button{min-height:42px;padding:0 15px;border-radius:99px;border:1px solid var(--line-2);background:rgba(11,13,20,.6);color:var(--ink);font:600 14px var(--body);cursor:pointer}
.mt-ask-b button:hover{background:var(--gold);color:#141006}
.mt-note{margin-top:10px}
@keyframes mtin{from{opacity:0;transform:translateY(8px)}}
@media (max-width:640px){
  .mt-stage{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "c c"}
  .mt-agent[data-side=a]{grid-area:a}.mt-agent[data-side=b]{grid-area:b}.mt-core{grid-area:c}
  .mt-msg,.mt-gate{max-width:88%}
  .mt-faces{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
}
@media (prefers-reduced-motion:reduce){.mt-agent.talk .mt-ring,.mt-typing i{animation:none}.mt-msg,.mt-gate,.mt-res,.mt-verdict,.mt-typing{animation:none}}

/* date game */
.dg{display:grid;gap:18px}
@media (min-width:900px){.dg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.dg-prog{display:flex;gap:6px;margin-bottom:12px}
.dg-prog i{flex:1;height:6px;border-radius:99px;background:var(--panel-2)}
.dg-prog i.now{box-shadow:inset 0 0 0 1px var(--gold);background:var(--gold-mute)}
.dg-prog i.ok{background:#7BE0A6}.dg-prog i.no{background:var(--ruby)}.dg-prog i.mid{background:var(--ink-3)}
.dg-card{display:grid;justify-items:center;gap:10px;text-align:center;padding:clamp(22px,4vw,36px);border-radius:28px;border:1px solid var(--line-2);background:radial-gradient(120% 80% at 50% 0%,rgba(255,46,77,.12),transparent 60%),#151926;min-height:380px;align-content:center;animation:mtin .35s var(--ease)}
.dg-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 22%;border:3px solid var(--ruby)}
.dg-n{font:500 14px var(--body);color:var(--ink-2)}
.dg-q{font:800 clamp(22px,2.6vw,30px)/1.15 var(--display);letter-spacing:-.02em;max-width:22ch;text-wrap:balance}
.dg-q b{color:var(--gold-hi)}
.dg-hint{color:var(--ink-2);font-size:15px;max-width:42ch}
.dg-react{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}
.dg-react button{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 18px;border-radius:16px;border:1px solid var(--line-2);background:rgba(11,13,20,.6);color:var(--ink);font:700 15px var(--body);cursor:pointer;transition:transform .15s,background .2s}
.dg-react button span{font-size:18px;color:var(--gold-hi)}
.dg-react button[data-r=love]{border-color:rgba(123,224,166,.5)}.dg-react button[data-r=love] span{color:#7BE0A6}
.dg-react button[data-r=nope]{border-color:rgba(255,46,77,.5)}.dg-react button[data-r=nope] span{color:var(--ruby-ink)}
.dg-react button:hover{transform:translateY(-2px);background:rgba(212,175,55,.1)}
.dg-brain{padding:clamp(18px,3vw,26px);border-radius:28px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(28,33,50,.88),rgba(21,25,38,.62))}
.dg-bh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dg-bars{display:grid;gap:12px;margin-top:14px}
.dg-row{display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr) 42px 44px;gap:10px;align-items:center;padding:4px 6px;border-radius:10px;transition:background .4s}
.dg-row.flash{background:rgba(242,201,76,.08)}
.dg-l{font:600 14px var(--body)}
.dg-bar{position:relative;height:12px;border-radius:99px;background:var(--panel-2)}
.dg-v{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-hi));transition:width .5s var(--ease)}
.dg-def{position:absolute;z-index:1;top:-4px;bottom:-4px;width:3px;margin-left:-1px;border-radius:2px;background:var(--ink);opacity:.8}
.dg-p{font:700 15px var(--display);text-align:right;font-variant-numeric:tabular-nums}
.dg-d{font:700 12px var(--body);text-align:right}
.dg-d.up{color:#7BE0A6}.dg-d.dn{color:var(--ruby-ink)}
.dg-log{margin-top:16px;padding:12px 14px;min-height:3em;border-radius:12px;background:rgba(11,13,20,.5);border:1px solid var(--line);font-size:15px}
.dg-foot{margin-top:14px}
@media (max-width:520px){.dg-row{grid-template-columns:minmax(0,1fr) 42px 44px}.dg-bar{grid-column:1/-1;grid-row:2}}

/* go deeper shelf */
.dp-group{margin-bottom:26px}
.dp-h{font:700 20px var(--display);margin-bottom:12px}
.dp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}
.dp-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:20px;border:1px solid var(--line);background:rgba(21,25,38,.62);text-decoration:none;color:var(--ink)!important;transition:border-color .2s,transform .2s,background .2s}
.dp-card:hover{border-color:var(--gold);transform:translateY(-3px);background:rgba(28,33,50,.9)}
.dp-k{align-self:flex-start;padding:3px 10px;border-radius:99px;font:700 12px var(--body);background:rgba(255,46,77,.14);color:var(--ruby-ink)}
.dp-card.read .dp-k{background:rgba(143,179,255,.14);color:#8FB3FF}
.dp-card.book .dp-k{background:rgba(242,201,76,.14);color:var(--gold-hi)}
.dp-card b{font:700 18px/1.25 var(--display)}
.dp-by{font-size:14px;color:var(--ink-2)}
.dp-why{font-size:14px;color:var(--ink-3);flex:1}
.dp-go{margin-top:6px;font:600 14px var(--body);color:var(--gold-hi)}
.dp-yt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.dp-yt span{font:600 14px var(--body);color:var(--ink-2)}
.dp-yt a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line-2);text-decoration:none;font:600 14px var(--body)}
.dp-yt a:hover{background:rgba(255,46,77,.12)}

/* Static reference list: what crawlers and no JS visitors read before the searchable list mounts */
.refs-static{list-style:decimal;padding-left:1.4em;margin:0;display:grid;gap:10px;font-size:.95rem;line-height:1.5;color:var(--ink-2,#c9c9d1)}
.refs-static li a{margin-left:6px}

/* phones: persona row and mode chips stay inside the screen (QA 30 Oct) */
.mt-setup>*,.mt-pick,.mt-mid{min-width:0}
@media (max-width:999px){
  .mt-faces{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mt-faces::-webkit-scrollbar{display:none}
  .mt-faces button{flex:0 0 auto;scroll-snap-align:start}
  .mt-seg{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none}
  .mt-seg::-webkit-scrollbar{display:none}
  .mt-seg button{flex:0 0 auto}
}