:root{
  --paper:#FFFFFF; --ink:#1A1A1A; --ink-mid:#3A3A3A; --ink-soft:#6E6E6E;
  --rule:#E4E4E2; --wash:#FAFAF9; --red:#C8102E; --ray:#1F6FEB; --light:#B8860B; --green:#1A7F37;
  --equation:#B36C00; --condition:#A626A4; --note:#F2ECDD; --note-ink:#2B2A27;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sans:system-ui,-apple-system,"Segoe UI",sans-serif;
  --math:"Latin Modern Math","STIX Two Math","Cambria Math",serif;
  color-scheme:light dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#131315; --ink:#ECECEC; --ink-mid:#C4C4C4; --ink-soft:#8C8C8C;
    --rule:#2C2C30; --wash:#191919; --red:#FF6B81; --ray:#6BA8FF; --light:#F2C94C; --green:#98C379;
    --equation:#E0A526; --condition:#C678DD; --note:#F2ECDD; --note-ink:#2B2A27;
  }
}
:root[data-theme="dark"]{
  --paper:#131315; --ink:#ECECEC; --ink-mid:#C4C4C4; --ink-soft:#8C8C8C;
  --rule:#2C2C30; --wash:#191919; --red:#FF6B81; --ray:#6BA8FF; --light:#F2C94C; --green:#98C379;
  --equation:#E0A526; --condition:#C678DD;
}
*{box-sizing:border-box;}
html{background:var(--paper);}
html:not(:has(.working-on)){scrollbar-gutter:stable;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;}
a{color:var(--ray);}
code,pre{font-family:var(--mono);}
math{font-family:var(--math);math-style:normal;}
h1{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 1rem;line-height:1.25;}
h1 small{display:block;font-size:.95rem;font-weight:400;color:var(--ink-soft);margin-top:.5rem;letter-spacing:0;}
h2{font-size:1.1rem;margin:1.4rem 0 .5rem;}
.head{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);margin:1.2rem 0 .55rem;}
.head:first-child{margin-top:0;}
.hint{font-size:.82rem;color:var(--ink-soft);margin:.3rem 0 .8rem;}

.bar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.9rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.brand{font-family:"Space Grotesk",var(--sans);font-weight:700;letter-spacing:-.01em;color:var(--ink);display:flex;align-items:center;gap:.3em;}
.brand .brand-mark{position:relative;overflow:hidden;width:.88em;height:.88em;border-radius:50%;}
.brand .brand-mark::before,.bar .ask::before{content:"";position:absolute;background:conic-gradient(var(--ray),var(--light),var(--red),var(--ray));animation:brand-turn 6s linear infinite,brand-drift 9s ease-in-out infinite;}
.brand .brand-mark::before{inset:-50%;}
.brand .brand-name{background:linear-gradient(90deg,var(--ray),var(--light),var(--red),var(--ray),var(--light),var(--red),var(--ray)) 0 0/200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:brand-flow 8s linear infinite;}
@keyframes brand-turn{to{rotate:1turn;}}
@keyframes brand-drift{0%,100%{translate:0 0;}25%{translate:11% -6%;}50%{translate:-4% 10%;}75%{translate:-10% -7.5%;}}
@keyframes brand-flow{to{background-position:100% 0;}}
@media (prefers-reduced-motion:reduce){.brand .brand-mark::before,.bar .ask::before,.brand .brand-name{animation:none;}}
.bar .tag{font-family:var(--mono);font-size:.7em;font-weight:600;color:var(--ink-soft);white-space:nowrap;}
.bar .lockup{grid-column:2;display:flex;align-items:center;gap:.45em;text-decoration:none;font-size:min(1.3rem,calc((100vw - 3.5rem) / 13.4));}
.bar .ask{justify-self:end;position:relative;isolation:isolate;overflow:hidden;white-space:nowrap;font-family:var(--mono);font-size:.9rem;font-weight:600;text-decoration:none;padding:.3rem .9rem;border-radius:999px;color:var(--ink);}
.bar .ask::before{left:50%;top:50%;width:200%;aspect-ratio:1;margin:-100% 0 0 -100%;z-index:-2;opacity:.55;}
.bar .ask::after{content:"";position:absolute;inset:.5px;border-radius:inherit;background:var(--paper);z-index:-1;}
.bar .ask:hover::after{background:var(--wash);}
@media (max-resolution:1.5dppx){.bar .ask::after{inset:1px;}}
@media (forced-colors:active){.bar .ask{border:1px solid LinkText;}}
@media (max-width:32rem){.bar{grid-template-columns:1fr;justify-items:center;}.bar .lockup{grid-column:1;}.bar .ask{justify-self:center;}}
.home .bar{padding:2.6rem 1.2rem 2.2rem;}
.home .bar .lockup{font-size:min(3.2rem,calc((100vw - 3.5rem) / 13.4));}
@supports (animation-timeline:scroll()){
body.home{min-height:calc(100vh + 9rem);overflow-anchor:none;}
.home .bar{animation:hero-settle linear both;animation-timeline:scroll();animation-range:0 9rem;}
.home .bar .lockup{animation:hero-settle-type linear both;animation-timeline:scroll();animation-range:0 9rem;}
}
@keyframes hero-settle{to{padding:.7rem 1.2rem;}}
@keyframes hero-settle-type{to{font-size:min(1.3rem,calc((100vw - 3.5rem) / 13.4));}}
.home .bar .ask{display:none;}
main{padding:1.6rem 1.2rem 4rem;}
.shell{display:grid;grid-template-columns:minmax(0,1fr);}
.shell>main{min-width:0;}
.sidenav{display:none;}
@media (min-width:72rem){
.shell:has(.sidenav){grid-template-columns:15rem minmax(0,1fr);}
.sidenav{display:flex;flex-direction:column;gap:.15rem;position:sticky;top:3.5rem;align-self:start;max-height:calc(100vh - 3.5rem);overflow-y:auto;padding:1.2rem .8rem 2rem 1.2rem;border-right:1px solid var(--rule);}
body:has(.working-on) .sidenav{position:static;max-height:none;height:100%;}
body:not(.home) .bar{display:none;}
.sidenav{top:0;max-height:100vh;border-right:0;}
.shell:has(.sidenav){background:linear-gradient(var(--rule),var(--rule)) calc(15rem - 1px) 0/1px 100% no-repeat;min-height:100vh;}
.sidenav-brand{display:block;padding:.1rem .6rem 1.1rem;font-size:1.35rem;text-decoration:none;}
}
.sidenav-link{display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem;border-radius:8px;color:var(--ink);text-decoration:none;font-size:.92rem;}
.sidenav-link .icon{width:1.1rem;height:1.1rem;color:var(--ink-soft);}
.sidenav-link:hover{background:var(--wash);}
.sidenav-link[aria-current=page]{background:var(--wash);color:var(--ink);font-weight:600;}
.sidenav-signout{margin:0;}
.sidenav-signout .sidenav-link{width:100%;border:0;background:transparent;font:inherit;font-size:.92rem;cursor:pointer;}
.sidenav-signout .sidenav-link:hover{background:var(--wash);}
.signature{text-align:center;font-family:var(--mono);font-size:.8rem;color:var(--ink-soft);padding:1.2rem;border-top:1px solid var(--rule);}
.signature a{color:inherit;}
.signature a:hover{color:var(--ink);}
body:has(.working-on) .signature{display:none;}
.narrow{max-width:46rem;margin:0 auto 2rem;}
.home main{--display:"Space Grotesk",var(--sans);--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;font-family:var(--sans);}
.home main{padding:3.5rem 2rem 4.5rem;}
.home-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3.5rem 4.5rem;max-width:80rem;margin:0 auto;align-items:start;}
.home-main{display:flex;flex-direction:column;gap:2.5rem;min-width:0;}
.home-side{display:flex;flex-direction:column;gap:1.75rem;min-width:0;}
@media (max-width:60rem){.home-grid{grid-template-columns:1fr;}}
.story{display:flex;flex-direction:column;gap:1.25rem;}
.story-ask{font-family:var(--display);font-weight:600;font-size:2.75rem;line-height:1.12;letter-spacing:-.025em;margin:0;}
.story-ask em{font-style:normal;color:var(--tone);}
.tone-class .story-ask{margin-top:1.5rem;}
.phone-break{display:none;}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.story-part{display:flex;flex-direction:column;gap:1.1rem;}
.story-part h3{font-family:var(--display);font-weight:600;font-size:1.6rem;line-height:1.2;letter-spacing:-.015em;margin:.5rem 0 0;}
.story-part h3 span{background:linear-gradient(90deg,var(--ink) 15%,var(--tone));-webkit-background-clip:text;background-clip:text;color:transparent;}
.story p{margin:0;font-size:1.06rem;line-height:1.65;color:var(--ink-mid);max-width:62ch;}
.story .story-end{font-size:1.2rem;line-height:1.5;font-weight:500;color:var(--ink);}
.tone-play{--tone:var(--ray);}
.tone-class{--tone:var(--light);}
.tone-phryzby{--tone:var(--red);}
.glow-icons{display:inline-flex;gap:.4rem;margin-left:.25rem;vertical-align:-.2rem;white-space:nowrap;}
.glow-icons svg{width:1.1rem;height:1.1rem;stroke-width:1.75;fill:color-mix(in srgb,currentColor 24%,transparent);}
.glow{color:var(--ink-soft);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:backwards;}
.glow-2{animation-name:glow-2;animation-duration:3.2s;}
@keyframes glow-2{0%{color:var(--ink-soft);}25.000%{color:var(--tone);}50.000%,100%{color:var(--ink-soft);}}
.glow-3{animation-name:glow-3;animation-duration:4.8s;}
@keyframes glow-3{0%{color:var(--ink-soft);}16.667%{color:var(--tone);}33.333%,100%{color:var(--ink-soft);}}
.glow-4{animation-name:glow-4;animation-duration:6.4s;}
@keyframes glow-4{0%{color:var(--ink-soft);}12.500%{color:var(--tone);}25.000%,100%{color:var(--ink-soft);}}
.glow-5{animation-name:glow-5;animation-duration:8.0s;}
@keyframes glow-5{0%{color:var(--ink-soft);}10.000%{color:var(--tone);}20.000%,100%{color:var(--ink-soft);}}
.glow-7{animation-name:glow-7;animation-duration:11.2s;}
@keyframes glow-7{0%{color:var(--ink-soft);}7.143%{color:var(--tone);}14.286%,100%{color:var(--ink-soft);}}
@media (prefers-reduced-motion:reduce){.glow{animation:none;color:var(--tone);}}
.ask-card{display:flex;flex-direction:column;gap:1.1rem;padding:2rem;border:1px solid var(--rule);border-radius:16px;background:var(--wash);}
.ask-card .go{font-family:var(--display);font-weight:600;font-size:1.6rem;letter-spacing:-.015em;margin:0;}
.ask-card .go small{display:block;font-weight:400;color:var(--ink-soft);font-family:var(--sans);font-size:.95rem;letter-spacing:0;margin-top:.4rem;}
.examples{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;}
.examples span{font-family:var(--mono);font-size:.8rem;color:var(--ink-soft);margin-right:.25rem;}
.examples button{font-family:var(--mono);font-size:.8rem;min-height:2.25rem;padding:0 .9rem;border-radius:999px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);}
.examples button:hover{border-color:var(--ink-soft);opacity:1;}
.ask-card .ask-form{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.75rem;row-gap:.6rem;}
.ask-card .ask-form>*{grid-column:1/-1;margin:0;}
.ask-card .ask-form label{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;margin-top:.2rem;}
.ask-card .ask-form textarea,.ask-card .ask-form input[type=text]{font-size:1rem;border-radius:10px;padding:.85rem 1rem;background:var(--paper);border-color:var(--rule);}
.ask-card .ask-form input[type=text]{grid-column:1;min-height:3rem;}
.ask-card .ask-form input[type=submit]{grid-column:2;align-self:stretch;font-family:var(--display);font-weight:600;font-size:1.05rem;padding:0 1.75rem;border-radius:10px;}
.ask-card .ask-form .hint{order:1;font-size:.82rem;}
.throw-panel{margin:0;padding:1.75rem 1.5rem 1.25rem;border:1px solid var(--rule);border-radius:16px;background-color:var(--wash);background-image:linear-gradient(color-mix(in srgb,var(--rule) 70%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--rule) 70%,transparent) 1px,transparent 1px);background-size:24px 24px;display:flex;flex-direction:column;gap:.5rem;}
.throw-panel figcaption{font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);text-align:right;}
.home-side .head{font-family:var(--mono);font-weight:600;font-size:.75rem;letter-spacing:.12em;margin:0 0 .75rem;}
.home-side .asked-list{display:grid;gap:.75rem;}
.home-side .asked-list li{border:1px solid var(--rule);border-radius:12px;background:var(--wash);}
.home-side .asked-list li:hover{border-color:var(--ink-soft);}
.home-side .asked-list a{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:1rem 1.1rem;}
.home-side .asked-list .q{font-family:var(--display);font-weight:600;font-size:1.06rem;}
.home-side .asked-list .d{flex-basis:100%;font-size:.88rem;line-height:1.5;}
.home-side .status{border:0;border-radius:6px;padding:.2rem .5rem;font-size:.68rem;letter-spacing:.04em;text-transform:none;background:color-mix(in srgb,currentColor 9%,transparent);}
.throw{display:block;width:100%;overflow:visible;}
@media (max-width:40rem){
.home main{padding:2rem 1rem 3rem;}
.home-grid{gap:2.5rem;}
.story-ask{font-size:min(2rem,calc((100vw - 2.5rem) / 11));}
.phone-break{display:inline;}
.story-part h3{font-size:1.375rem;}
.glow-icons{display:flex;margin:.4rem 0 0;}
.ask-card{padding:1.25rem;}
.ask-card .ask-form{grid-template-columns:minmax(0,1fr);}
.ask-card .ask-form input[type=text],.ask-card .ask-form input[type=submit]{grid-column:1;}
.ask-card .ask-form input[type=submit]{min-height:3rem;}
}
.throw .throw-arc{fill:none;stroke:var(--ink-soft);stroke-width:1.2;stroke-dasharray:2 7;stroke-linecap:round;opacity:.6;}
.throw .throw-ground{stroke:var(--rule);stroke-width:1;}
.throw .throw-ray{stop-color:var(--ray);}
.throw .throw-light{stop-color:var(--light);}
.throw .throw-red{stop-color:var(--red);}
.throw .throw-across{translate:205px 0;animation:throw-across 4.2s infinite;}
.throw .throw-ball{translate:0 10px;animation:throw-height 4.2s infinite;}
@keyframes throw-across{0%{translate:30px 0;opacity:0;animation-timing-function:linear;}3%{opacity:1;animation-timing-function:linear;}46%{translate:380px 0;animation-timing-function:linear;}71%{translate:475px 0;animation-timing-function:linear;}85%{translate:502px 0;opacity:1;animation-timing-function:ease-out;}100%{translate:520px 0;opacity:0;}}
@keyframes throw-height{0%{translate:0 118px;animation-timing-function:cubic-bezier(.33,.67,.67,1);}23%{translate:0 10px;animation-timing-function:cubic-bezier(.33,0,.67,.33);}46%{translate:0 118px;animation-timing-function:cubic-bezier(.33,.67,.67,1);}58.5%{translate:0 86px;animation-timing-function:cubic-bezier(.33,0,.67,.33);}71%{translate:0 118px;animation-timing-function:cubic-bezier(.33,.67,.67,1);}78%{translate:0 108px;animation-timing-function:cubic-bezier(.33,0,.67,.33);}85%,100%{translate:0 118px;}}
@media (prefers-reduced-motion:reduce){.throw .throw-across,.throw .throw-ball{animation:none;}}

.ask-form{display:flex;flex-direction:column;gap:.4rem;}
.ask-form label{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:.6rem;}
.ask-form textarea,.ask-form input[type=text],.ask-form input[type=email],.ask-form input[type=password]{font:inherit;font-size:1rem;padding:.6rem .7rem;border:1px solid var(--rule);border-radius:8px;background:var(--wash);color:var(--ink);width:100%;}
.ask-form textarea:focus,.ask-form input:focus{outline:2px solid var(--ray);outline-offset:1px;border-color:transparent;}
.ask-form input[type=submit],button{font:inherit;font-size:.86rem;padding:.45rem 1rem;border-radius:6px;cursor:pointer;
  border:1px solid var(--ink);background:var(--ink);color:var(--paper);align-self:flex-start;}
.ask-form input[type=submit]:hover,button:hover{opacity:.88;}
.problem{font-family:var(--mono);font-size:.78rem;color:var(--red);background:var(--wash);border:1px solid var(--red);border-radius:6px;padding:.5rem .7rem;white-space:pre-wrap;}

.wide{max-width:84rem;margin:0 auto 2rem;}
.onward{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:1.8rem;font-family:var(--mono);font-size:.86rem;}
.onward a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);}
.onward a:hover{border-color:var(--ink);}
.cards{list-style:none;padding:0;margin:0 0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:.9rem;}
.cards li{border:1px solid var(--rule);border-radius:8px;background:var(--wash);overflow:hidden;}
.cards li>a,.cards li{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:var(--ink);}
.cards li>a{padding-bottom:.7rem;height:100%;}
.cards li:not(:has(>a)){padding-bottom:.7rem;}
.cards .thumb{aspect-ratio:3/2;border-bottom:1px solid var(--rule);background:var(--paper);display:grid;place-items:center;}
.cards .thumb svg{width:100%;height:100%;font-family:var(--mono);font-size:11px;}
.cards .thumb .blank{font-family:var(--mono);font-size:.72rem;color:var(--ink-soft);}
.cards .status{align-self:flex-start;margin:0 .7rem;}
.cards .q{font-size:.92rem;padding:0 .7rem;}
.cards .d{font-size:.76rem;color:var(--ink-soft);padding:0 .7rem;}
.cards li>a:hover .q{text-decoration:underline;}
.kits{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 1.6rem;font-family:var(--mono);font-size:.76rem;}
.kits a{padding:.2rem .6rem;border:1px solid var(--rule);border-radius:999px;color:var(--ink);text-decoration:none;}
.kits a:hover{border-color:var(--ink);}
.kits span,.kit-head span{color:var(--ink-soft);}
.kit-head{font-family:var(--mono);font-size:.9rem;font-weight:600;margin:1.6rem 0 .7rem;scroll-margin-top:1rem;}
.status{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .4rem;border-radius:4px;
  border:1px solid var(--rule);color:var(--ink-soft);text-align:center;align-self:start;margin-top:.2rem;}
.status.solved{color:var(--green);border-color:var(--green);}
.status.stuck{color:var(--red);border-color:var(--red);}
.status.working{color:var(--ray);border-color:var(--ray);}

.working-on .stem{font-size:1.05rem;}
.pulse{color:var(--ink-mid);}
.dots::after{content:"";animation:dots 1.4s steps(4,end) infinite;}
@keyframes dots{0%{content:"";}25%{content:".";}50%{content:"..";}75%{content:"...";}}
.stuck{color:var(--red);}
body:has(.working-on){height:100vh;display:flex;flex-direction:column;overflow:hidden;}
body:has(.working-on) .shell{flex:1;min-height:0;}
body:has(.working-on) main{min-height:0;padding-bottom:1rem;}
.working-on{display:flex;flex-direction:column;gap:.6rem;height:100%;}
.panes-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;}
.panes-bar .status-line{margin-right:auto;}
.pane-chip[aria-pressed="false"]{opacity:.45;text-decoration:line-through;}
.board{flex:1;min-height:0;display:flex;gap:1.4rem;}
.board > .working-side{flex:1 1 0;min-width:0;}
.board > .transcript{flex:2 1 0;min-width:0;}
.insight{flex:1.4 1 0;min-width:0;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:1rem;}
.insight:not(:has([data-pane]:not([hidden]))){display:none;}
.insight .pane{border:1px solid var(--rule);border-radius:10px;padding:.8rem 1rem;}
.insight .pane .head{margin:0 0 .5rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:normal;}
.insight .solved-panes{display:flex;flex-direction:column;gap:1rem;}
[data-pane][hidden]{display:none !important;}
.working-side{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;}
.working-side .latest{font-size:.92rem;background:var(--wash);border-radius:6px;padding:.5rem .7rem;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;}
.working-on .transcript{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;}
@media (max-width:900px){body:has(.working-on){height:auto;overflow:visible;}body:has(.working-on) .bar{position:static;}.working-on{height:auto;}.board{flex-direction:column;}.working-side,.working-on .transcript,.insight{height:auto;overflow:visible;}}
.transcript .t-live:not(.awaited):has(#saying:empty){display:none;}
.transcript .t-live .t-pondering,.transcript .t-live .t-thinking,.transcript .t-live.awaited:has(#saying:empty) .t-writing{display:none;}
.transcript .t-live.awaited:has(#saying:empty) .t-thinking{display:inline;}
.transcript .t-live.awaited:has(#saying:empty) .t-pondering{display:inline-flex;gap:.35rem;padding:.5rem .2rem;}
.transcript .t-pondering i{width:.5rem;height:.5rem;border-radius:50%;background:var(--ink-soft);animation:ponder 1.2s ease-in-out infinite;}
.transcript .t-pondering i:nth-child(2){animation-delay:.2s;}
.transcript .t-pondering i:nth-child(3){animation-delay:.4s;}
@keyframes ponder{0%,80%,100%{opacity:.25;transform:translateY(0);}40%{opacity:1;transform:translateY(-.3rem);}}
.transcript .t-live .t-role{display:block;margin-bottom:.15rem;}
.transcript{font-family:var(--mono);font-size:.95rem;}
.transcript{--heading:2.6rem;--columns:2.4rem;}
.transcript .t-heading{font-family:var(--sans);position:sticky;top:0;z-index:3;box-sizing:border-box;height:var(--heading);background:var(--paper);display:flex;align-items:center;gap:.6rem;}
.transcript .t-heading h3{margin-right:auto;}
.t-fold{font:inherit;font-size:.75rem;color:var(--ink-mid);background:transparent;border:1px solid var(--rule);border-radius:6px;padding:.15rem .6rem;cursor:pointer;}
.t-check{font-family:var(--mono);font-size:.72rem;padding:.05rem .4rem;border-radius:4px;border:1px solid var(--rule);color:var(--ink-mid);white-space:nowrap;}
.t-check.agreed{color:var(--green);border-color:var(--green);}
.t-check.failed,.t-check.disagreed{color:var(--red);border-color:var(--red);}
.t-check.repeated,.t-check.elsewhere,.t-check.refused{color:var(--light);border-color:var(--light);}
.working-side .asked{position:sticky;top:0;z-index:2;background:var(--paper);padding-bottom:.6rem;margin-bottom:.4rem;border-bottom:1px solid var(--rule);}
.expects{margin:.35rem 0 0;font-size:.8rem;color:var(--ink-soft);}
.expects b{color:var(--ink);font-weight:600;}
.transcript .t-heading .t-fold,.status-line .t-fold{align-self:center;margin:0;}
.cta{font:inherit;font-size:.75rem;font-weight:600;color:var(--paper);background:var(--ray);border:1px solid var(--ray);border-radius:6px;padding:.15rem .6rem;cursor:pointer;align-self:center;margin:0;}
.cta:hover{background:color-mix(in srgb,var(--ray) 85%,var(--ink));}
.status-line .status,.status-line .t-check{align-self:center;margin:0;font-family:var(--mono);font-size:.72rem;line-height:1.4;padding:.05rem .4rem;border-radius:4px;letter-spacing:.04em;}
.icon{width:1.35em;height:1.35em;vertical-align:middle;flex:none;}
.transcript .tool{color:var(--ink);}
.status-line{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;font-family:var(--sans);font-size:.8rem;color:var(--ink-soft);margin-right:auto;}
.status-line form{display:inline;margin:0;}
.drafts-head{display:flex;align-items:center;gap:.6rem;margin-top:.6rem;}
.drafts-head .head{margin:0;}
.drafts-head .head{margin-right:auto;}
.t-modes .t-fold[aria-pressed="true"]{color:var(--ink);border-color:var(--ink-soft);}
.transcript .t-exchange{padding-left:.9rem;}
.transcript .t-row > *{position:relative;}
.transcript.stepping .t-row:hover > *::before,.transcript .t-row.pinned > *::before{content:"";position:absolute;left:-.9rem;top:0;bottom:0;width:4px;border-radius:2px;pointer-events:none;background:color-mix(in srgb,var(--ray) 40%,transparent);}
.transcript .t-row.pinned > *::before,.transcript.stepping .t-row.pinned:hover > *::before{width:5px;background:var(--ray);box-shadow:0 0 6px color-mix(in srgb,var(--ray) 70%,transparent);}
.t-fold:hover{border-color:var(--ink-soft);color:var(--ink);}
.transcript h3{margin:0;font-weight:normal;color:var(--ink-soft);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;}
.transcript .t-text{white-space:pre-wrap;}
.transcript summary{cursor:pointer;}
.transcript .t-message{margin:.35rem 0;}
.transcript .t-message > summary,.transcript .t-message > .t-head{list-style-position:inside;background:color-mix(in srgb,var(--ink) 14%,var(--paper));border-radius:4px;padding:.2rem .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.transcript .t-message[open] > summary{position:sticky;top:calc(var(--heading) + var(--columns));z-index:1;}
.transcript .t-message[open] .t-first{display:none;}
.transcript .t-first{color:var(--ink-soft);}
.transcript .t-message > .t-text{display:block;margin-top:.15rem;}
.transcript .t-role{color:var(--ink-soft);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;}
.transcript .t-sent-text{color:var(--ink-mid);}
.transcript .t-sent-text > .t-text{background:var(--wash);border-radius:6px;padding:.4rem .6rem;}
.transcript .t-lookup{color:var(--ink-soft);}
.transcript .t-said{color:var(--light);}
.transcript .t-exchange{display:flex;flex-direction:column;}
.transcript .t-row{display:contents;}
.transcript .t-exchange > .t-message,.transcript .t-row > .t-message{margin:0;padding:0 0 .45rem;border-top:1px solid var(--rule);}
.transcript .t-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2.4rem;border-top:1px solid var(--rule);}
.transcript .t-pair > .t-message{margin:0;padding:0 0 .45rem;grid-row:1;position:sticky;top:calc(var(--heading) + var(--columns));align-self:start;max-height:calc(100vh - 5.6rem - var(--heading) - var(--columns));overflow:auto;scrollbar-gutter:stable;}
.transcript .t-pair > .t-to{grid-column:1;margin-top:1.6rem;}
.transcript .t-pair{position:relative;}
.transcript .t-turn{position:relative;height:0;}
.transcript .t-turn span{position:absolute;left:50%;top:0;z-index:3;transform:translate(-50%,-50%);color:var(--ink-soft);opacity:.7;font-size:1.7rem;line-height:1;pointer-events:none;}
.transcript .t-pair::after{content:"↙";position:absolute;z-index:3;pointer-events:none;left:50%;top:1.6rem;transform:translate(-50%,-50%);color:var(--ink-soft);opacity:.7;font-size:1.7rem;line-height:1;}
.transcript .t-pair > .t-message[open] > summary{top:0;}
.transcript .t-pair > .t-from{grid-column:2;}
.transcript .t-columns{position:sticky;top:var(--heading);z-index:2;box-sizing:border-box;height:var(--columns);align-items:center;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2.4rem;padding:.4rem 0 .4rem .9rem;margin-top:.4rem;background:var(--paper);border-bottom:1px solid var(--rule);color:var(--ink);font-weight:600;font-size:.85rem;}
.transcript .t-exchange > .t-from,.transcript .t-row > .t-from{padding-left:calc(50% + 1.2rem);}
.transcript .t-exchange > .t-to,.transcript .t-row > .t-to{padding-right:calc(50% + 1.2rem);}
.transcript .t-args{margin:.2rem 0 0;padding:.4rem .6rem;background:var(--wash);border-radius:6px;white-space:normal;}
.transcript dl.t-args{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.15rem .8rem;font-size:.85em;}
.transcript dl.t-args dt{color:var(--ink-soft);}
.transcript dl.t-args dd{margin:0;white-space:pre-wrap;color:var(--ray);}
.transcript .t-call{color:var(--ray);}
.plain .ruby .line.del{display:none;}
.plain .ruby .add,.plain .ruby .del{background:none;}
.plain .ruby .line-mark{visibility:hidden;}
.ruby .add{background:color-mix(in srgb,var(--green) 16%,transparent);}
.ruby .del{background:color-mix(in srgb,var(--red) 16%,transparent);}
.ruby .add .line-mark{color:var(--green);}
.ruby .del .line-mark{color:var(--red);}
.ruby .line{display:grid;grid-template-columns:3ch minmax(0,1fr);column-gap:1ch;}
.ruby .line.marked{grid-template-columns:3ch 1ch minmax(0,1fr);}
.ruby .line-no{text-align:right;color:var(--ink-soft);opacity:.6;user-select:none;}
.ruby .line-code{white-space:pre-wrap;overflow-wrap:anywhere;}
.ruby .file{display:block;color:var(--ink-soft);font-style:italic;}
.working-side .latest + .latest{margin-top:.6rem;}
.transcript .t-resent{color:var(--red);}
.transcript .t-reply.bad{color:var(--red);}
.transcript .t-reply.good{color:var(--green);}


.sources .tabs{display:flex;gap:.2rem;border-bottom:1px solid var(--rule);margin-bottom:.5rem;}
.sources .tabs button{background:transparent;color:var(--ink-soft);border:0;border-bottom:2px solid transparent;border-radius:0;padding:.35rem .6rem;font-family:var(--mono);font-size:.74rem;}
.sources .tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink);}
.sources pre{margin:0;font-size:.78rem;line-height:1.5;overflow:auto;white-space:pre-wrap;color:var(--ink-mid);}

#asked .stem{font-size:1.02rem;line-height:1.55;margin:0 0 .8rem;}
#asked .q-mark{font-weight:600;margin-right:.25rem;}
.place{position:relative;}
#asked .stem .place:not(.asks){text-decoration:underline dotted;text-decoration-color:var(--ink-mid);text-underline-offset:3px;}
#asked .stem .place.lit,#solved .place.lit{background:color-mix(in srgb,var(--ray) 18%,transparent);border-radius:3px;}
#asked .stem .note{display:none;position:absolute;top:calc(100% + .3rem);left:50%;transform:translateX(-50%);z-index:5;white-space:nowrap;
  padding:.3rem .55rem;border:1px solid var(--rule);border-radius:6px;background:var(--paper);color:var(--ink);font-size:.85rem;}
#asked .stem.checked .place:hover > .note{display:block;}
.card{display:flex;flex-direction:column;gap:.45rem;margin:.9rem 0 .6rem;}
.card .note{font-size:.78rem;color:var(--ink-soft);margin:0;}
.card .option{display:flex;gap:.55rem;align-items:flex-start;padding:.45rem .6rem;border-radius:6px;background:var(--wash);cursor:pointer;font-size:.88rem;}
.card .option input{margin-top:.25rem;}
.card .letter{font-family:var(--mono);font-size:.78rem;color:var(--ink-soft);min-width:1.1rem;}
.card .typed{display:flex;gap:.45rem;align-items:center;font-size:.85rem;color:var(--ink-mid);}
.card .typed input{font:inherit;width:9rem;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--rule);background:transparent;color:var(--ink);}
.card button{margin-top:.3rem;}
#marked .right,#marked .wrong{font-size:.95rem;margin:.4rem 0;font-weight:600;}
#marked .right{color:var(--green);}
#marked .wrong{color:var(--red);}
#marked .conclusion p{font-size:.88rem;color:var(--ink-mid);margin:.3rem 0;}
img.figure{max-width:100%;border-radius:6px;margin:.4rem 0;}

#picture{margin:.2rem 0 1rem;max-width:30rem;}
.enlarged #picture{max-width:min(100%, calc((100vh - 16rem) * 1.5));}
#picture svg{display:block;width:100%;height:auto;border:1px solid var(--rule);border-radius:6px;background:var(--wash);}
#demo h1{display:none;}
#demo .head.under{font-size:.62rem;margin:.9rem 0 .45rem;opacity:.75;}
.field,.out div{display:grid;grid-template-columns:minmax(6rem,9rem) 2.4rem 1fr 5rem;gap:.1rem .5rem;align-items:center;}
.field{padding:.3rem 0;}
.field + .field,.out div + div{border-top:1px solid color-mix(in srgb,var(--rule) 60%,transparent);}
.field > label,.out span:first-child{font-size:.8rem;color:var(--ink-mid);line-height:1.2;}
.field > .var,.out .var{font-family:var(--mono);font-size:.9rem;color:var(--ink-soft);}
.field > .var math,.out .var math{font-size:1.02rem;color:var(--ink-mid);}
.field output,.out .val{font-family:var(--mono);font-size:.8rem;text-align:right;color:var(--ink);}
.field input[type=range]{width:100%;accent-color:var(--ray);display:block;}
.field .track{position:relative;}
.marks{position:relative;height:1.2rem;margin-bottom:.1rem;}
.mark{position:absolute;bottom:0;transform:translateX(-50%);width:1rem;padding:0;border:0;background:transparent;cursor:pointer;color:var(--ink-soft);}
.mark::before{content:"";display:block;width:2px;height:.4rem;margin:0 auto;background:var(--rule);}
.mark:hover::before,.mark:focus-visible::before,.mark.on::before{background:var(--ray);}
.mark span{position:absolute;left:50%;bottom:.5rem;transform:translateX(-50%);font-size:.62rem;white-space:nowrap;opacity:0;}
.mark:hover span,.mark:focus-visible span,.mark.on span{opacity:1;}
.mark.on span{color:var(--ray);}
.picks{display:flex;flex-wrap:wrap;gap:.3rem;grid-column:3/5;}
.pick{display:inline-flex;align-items:center;cursor:pointer;position:relative;font-size:.78rem;padding:.2rem .55rem;border:1px solid var(--rule);border-radius:999px;color:var(--ink-mid);}
.pick input{position:absolute;opacity:0;width:0;height:0;}
.pick:has(input:checked){color:var(--paper);background:var(--ray);border-color:var(--ray);}
.field output small{display:block;font-size:.68rem;color:var(--ink-soft);}
.out{border-top:1px solid var(--rule);margin-top:.8rem;padding-top:.7rem;}
.out div{padding:.3rem 0;}
.out .val{grid-column:3/5;}
.out .alarm .val{color:var(--red);font-weight:600;}

#solved .using{font-family:var(--mono);font-size:.72rem;color:var(--ink-soft);margin:0 0 .5rem;}
#solved .given,#solved .find{font-size:1rem;color:var(--ink-mid);margin:.6rem 0;line-height:1.9;}
#solved p.given{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:.9rem 0 0;}
#solved ul.given{list-style:none;padding:0;margin:0 0 .6rem .6rem;font-size:1rem;color:var(--ink-mid);line-height:1.9;}
#solved math{font-size:1.25rem;}
#solved .why{font-family:var(--mono);font-size:.68rem;color:var(--ink-soft);margin-left:.4rem;}
#solved .working .head{margin-top:1rem;}
#solved .working ol{list-style:none;padding:0;margin:.3rem 0 0;}
#solved .working li{display:flex;flex-wrap:wrap;gap:.4rem .7rem;align-items:baseline;padding:.55rem 0;border-top:1px solid var(--rule);font-size:.95rem;color:var(--ink-mid);}
#solved .working li .said{font-family:var(--mono);font-size:.68rem;color:var(--ink-soft);min-width:7rem;}
#solved .working li.gave{border-top:0;padding-top:.1rem;padding-left:1.5rem;color:var(--ink);}
#solved .working li .val{margin-left:auto;font-family:var(--mono);color:var(--ink);}
#solved .working li .why{margin-left:auto;}
#solved .units{margin-left:.3rem;color:var(--ink-mid);}
details.conclusion{margin-top:1rem;font-size:.9rem;color:var(--ink-mid);}
details.conclusion summary{cursor:pointer;color:var(--ink-soft);font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;}
details.conclusion p{margin:.5rem 0 0;line-height:1.55;}

#law h1{font-size:1.1rem;margin:.6rem 0 .4rem;}
#law h2{font-size:1rem;margin:1rem 0 .4rem;}
#law .lede{color:var(--ink-soft);font-size:.85rem;}
.declared{width:100%;border-collapse:collapse;font-size:.78rem;margin:0 0 1rem;}
.declared th{text-align:left;font-weight:400;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding:.3rem .6rem .3rem 0;border-bottom:1px solid var(--rule);}
.declared td{padding:.34rem .6rem .34rem 0;border-bottom:1px solid var(--rule);color:var(--ink-mid);vertical-align:baseline;}
.declared td:nth-child(2){color:var(--ink);font-size:1.05rem;}
.declared td:nth-child(3),.declared td:nth-child(4){font-family:var(--mono);font-size:.68rem;color:var(--ink-soft);white-space:nowrap;}
figure.law{margin:.7rem 0;padding:.75rem .9rem .55rem;border:1px solid var(--rule);border-radius:6px;background:var(--wash);overflow-x:auto;}
figure.law math{font-size:1.15rem;color:var(--ink);}
figure.condition{border-style:dashed;}
figure.law figcaption{font-family:var(--mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin-top:.5rem;}
figure.law .when{margin-left:.55rem;color:var(--ray);text-transform:none;letter-spacing:0;}

svg#web{display:block;width:100%;flex:1;min-height:26rem;border:1px solid var(--rule);border-radius:8px;background:var(--wash);cursor:grab;}
svg#web .link{fill:none;stroke:var(--ink-soft);stroke-opacity:.55;stroke-width:1.2;}
svg#web .link.step{stroke:var(--ray);stroke-opacity:.9;stroke-width:1.8;}
svg#web .head{fill:var(--ray);}
svg#web .node rect{fill:var(--paper);stroke:var(--ink-soft);stroke-width:1.3;}
svg#web .node.quantity rect{stroke:var(--ink-mid);}
svg#web .node.equation rect{stroke:var(--equation);fill:color-mix(in srgb,var(--equation) 10%,var(--paper));}
svg#web .node.condition rect{stroke:var(--condition);stroke-dasharray:4 3;}
svg#web .node.identity rect{stroke:var(--ink-soft);}
svg#web .node.deduction rect,svg#web .node.assumption rect{fill:var(--note);stroke:#CFC6B0;}
svg#web .node.assumption rect{stroke-dasharray:4 3;}
svg#web .node.given rect{stroke:var(--green);stroke-width:2;}
svg#web .node.asked rect{stroke:var(--red);stroke-width:2.2;}
svg#web .node.lit rect{stroke:var(--ray);stroke-width:2.6;}
svg#web .said{fill:var(--ink);font-size:15px;font-family:var(--math);}
svg#web .called{fill:var(--ink-soft);font-size:9.5px;letter-spacing:.3px;font-family:var(--sans);}
svg#web .called .value{fill:var(--green);font-weight:700;}
svg#web .kind{fill:var(--ink-soft);font-size:7.5px;letter-spacing:1.2px;text-transform:uppercase;font-family:var(--mono);}
svg#web .node.given .kind{fill:var(--green);}
svg#web .node.asked .kind{fill:var(--red);}
svg#web .node.equation .kind{fill:var(--equation);}
svg#web .maths{display:flex;align-items:center;justify-content:center;height:100%;white-space:nowrap;font-size:15px;color:var(--ink);}
svg#web .node.deduction .maths,svg#web .node.assumption .maths{color:var(--note-ink);font-size:12px;font-family:var(--sans);}
svg#web .node.equation .maths{color:var(--equation);}
svg#web .node.condition .maths{color:var(--condition);}
.legend{font-size:.74rem;color:var(--ink-soft);margin:.5rem 0 0;display:flex;gap:.9rem;flex-wrap:wrap;}
.legend i{display:inline-block;width:.75rem;height:.75rem;border-radius:3px;border:2px solid var(--ink-soft);vertical-align:-.1em;margin-right:.3rem;}
.legend i.given{border-color:var(--green);border-radius:50%;}
.legend i.asked{border-color:var(--red);border-radius:50%;}
.legend i.equation{border-color:var(--equation);}
.legend i.deduced{background:var(--note);border-color:#CFC6B0;}
.retry{margin:.6rem 0 0;}
@keyframes arrive{from{opacity:0;clip-path:inset(0 0 100% 0);}40%{opacity:1;}to{opacity:1;clip-path:inset(0 0 0 0);}}
.transcript .arriving{animation:arrive var(--arrival,.4s) ease-out;}
@media (prefers-reduced-motion:reduce){.transcript .arriving{animation:none;}}
.transcript .t-round{grid-column:1 / -1;display:flex;align-items:center;gap:.6rem;margin:.9rem 0 .3rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
.transcript .t-round::before,.transcript .t-round::after{content:"";flex:1;border-top:2px solid var(--rule);}
.transcript .t-copy{margin-left:.4rem;padding:0 .2rem;border:0;background:none;color:var(--ink-soft);cursor:pointer;vertical-align:middle;}
.transcript .t-copy:hover{color:var(--ink);}
.transcript .t-copy .icon{width:1.1em;height:1.1em;}
.transcript .t-copy .icon + .icon,.transcript .t-copy.copied .icon:first-child{display:none;}
.transcript .t-copy.copied .icon + .icon{display:inline;color:var(--ray);}
.transcript .t-copy.refused{color:var(--red);}
.transcript .t-replay{display:inline;margin:0;}
.live .live-lost:empty{display:none;}
.live .live-lost{display:block;position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:20;padding:.35rem .9rem;border-radius:999px;box-shadow:0 4px 16px rgb(0 0 0 / .25);background:var(--red);color:var(--paper);font-family:var(--mono);font-size:.75rem;}
.drafted .stopped{margin:0 0 1rem;padding:.6rem .8rem;border-radius:8px;border:1px solid var(--red);color:var(--red);}
.drafted .stopped code{display:block;margin-top:.3rem;font-family:var(--mono);color:var(--ink);}
.drafted .rows-head{margin:.8rem 0 .3rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
.drafted .rows{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.3rem .8rem;margin:0;}
.drafted .rows dt math{font-size:1.15rem;}
.drafted .rows dd{margin:0;}
.drafted .rows dd span{color:var(--ink-soft);font-size:.85em;}
.drafted .asks span{color:var(--ink-soft);}
.drafted .answered.good b{color:var(--green);}
.drafted .answered.bad b{color:var(--red);}
.drafted figure.used{margin:.4rem 0 .8rem;}
.drafted figure.used math{font-size:1.2rem;}
.drafted figure.used figcaption{font-size:.8rem;color:var(--ink-soft);}
.drafted .none{color:var(--ink-soft);}
.pane-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;}
.pane-head .head{margin:0 0 .5rem;}
.pane-enlarge .icon + .icon,.enlarged .pane-enlarge .icon:first-child{display:none;}
.enlarged .pane-enlarge .icon + .icon{display:inline;}
html.pane-open body::before{content:"";position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.55);}
[data-pane].enlarged{position:fixed;inset:1rem;z-index:40;height:auto;max-height:none;overflow:auto;background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:1rem 1.2rem;box-shadow:0 12px 40px rgba(0,0,0,.45);}
[data-pane=web].enlarged svg#web{height:calc(100vh - 7rem);}
.drafted-of{margin:0 0 .4rem;font-family:var(--mono);font-size:.72rem;color:var(--ink-soft);}
.web-part{display:flex;flex-direction:column;flex:1;}
.question-head .stem{margin:0;font-size:1.05rem;}
.question-head .expects{margin-left:.6rem;font-size:.85rem;color:var(--ink-soft);}
.t-heading .tally{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin-right:auto;font-family:var(--sans);font-size:.8rem;color:var(--ink-soft);}
.t-heading .tally .t-check{font-family:var(--mono);font-size:.72rem;line-height:1.4;padding:.05rem .4rem;border-radius:4px;letter-spacing:.04em;}
.top{display:flex;align-items:center;gap:1.4rem;padding:.7rem 1rem;border:1px solid var(--rule);border-radius:12px;background:var(--wash);}
.top .question-head{flex:1 1 0;min-width:0;padding-right:1.4rem;border-right:1px solid var(--rule);}
.top .question-head .stem{font-size:1.12rem;line-height:1.45;}
.top .question-head .q-mark{font-family:var(--mono);color:var(--ray);font-weight:600;margin-right:.2rem;}
.top .question-head .expects{display:inline-block;margin-left:.5rem;padding:.05rem .45rem;border-radius:999px;border:1px solid var(--rule);background:var(--paper);font-size:.78rem;}
.top .panes-bar{flex:1 1 0;justify-content:flex-end;}
.top .panes-bar .status-line{margin-right:0;padding-right:.6rem;border-right:1px solid var(--rule);}
.top .panes-bar .t-modes{padding-right:.6rem;border-right:1px solid var(--rule);}
.top .pane-chip{border-radius:999px;}
@media (max-width:900px){.top{flex-direction:column;align-items:stretch;}.top .question-head{border-right:0;padding:0 0 .6rem;border-bottom:1px solid var(--rule);}.top .panes-bar{justify-content:flex-start;}}

.lab{--display:"Space Grotesk",var(--sans);--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;font-family:var(--sans);max-width:120rem;margin:0 auto;display:flex;flex-direction:column;gap:3.5rem;}
.lab h2{font-family:var(--display);font-weight:600;font-size:1.75rem;letter-spacing:-.015em;margin:0;}
.lab-head{display:flex;flex-direction:column;gap:1.1rem;}
.lab-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;}
.lab-meta .grow{flex:1;}
.lab-status{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);}
.lab-status i{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;}
.lab-laws{font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);}
.lab-meta .redo-form{margin:0;}
.lab-meta .redo{font-family:var(--mono);font-size:.8rem;min-height:2.25rem;padding:0 .9rem;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--ink);}
.lab #asked .stem{font-family:var(--display);font-weight:600;font-size:2.75rem;line-height:1.12;letter-spacing:-.025em;text-wrap:balance;margin:0;}
.lab #asked .q-mark{display:none;}
.lab #asked .stem .asks{color:var(--red);}
.lab #asked .stem math{font-size:.9em;}
.lab #asked .card{max-width:36rem;}
.lab-stage{border:1px solid var(--rule);border-radius:20px;overflow:hidden;background:var(--paper);}
.lab-stage #demo{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);}
.lab-stage #picture{grid-column:1;grid-row:1/span 40;max-width:none;margin:0;padding:1.25rem;background-color:var(--wash);background-image:linear-gradient(color-mix(in srgb,var(--rule) 70%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--rule) 70%,transparent) 1px,transparent 1px);background-size:32px 32px;display:grid;align-items:center;border-right:1px solid var(--rule);}
.lab-stage #picture svg{border:0;background:transparent;border-radius:0;}
.lab-stage #demo>:not(#picture){grid-column:2;padding:0 1.5rem;}
.lab-stage #demo>.head{margin:1.5rem 0 .4rem;}
.lab-stage .field,.lab-stage .out div{grid-template-columns:minmax(0,1fr) 2rem 4.5rem;}
.lab-stage .field .track{grid-column:1/-1;grid-row:2;}
.lab-stage .field input[type=range]{accent-color:var(--light);min-height:2rem;}
.lab-stage #readouts{padding-bottom:1.5rem;}
.lab-stage .out{border-top:0;margin-top:0;padding-top:0;}
.lab-stage .out div{grid-template-columns:minmax(0,1fr) auto;}
.lab-stage .out .var{grid-column:2;grid-row:1;}
.lab-stage .out .val{grid-column:1/-1;text-align:left;font-family:var(--display);font-weight:600;font-size:3rem;line-height:1.05;letter-spacing:-.03em;color:var(--red);}
.lab-solution{max-width:48rem;display:flex;flex-direction:column;gap:.75rem;}
.lab-solution .working li{font-size:1.05rem;}
.lab-solution .conclusion{font-size:1.06rem;line-height:1.65;color:var(--ink-mid);}
.lab-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;margin-bottom:1.25rem;}
.lab-section-head p{margin:0;color:var(--ink-soft);font-size:.95rem;}
.lab-web-frame{border:1px solid var(--rule);border-radius:20px;background:var(--wash);overflow-x:auto;}
.lab-laws-table{border-top:1px solid var(--rule);padding-top:1rem;}
.lab-laws-table summary{cursor:pointer;font-family:var(--display);font-weight:600;font-size:1.2rem;}
.lab-origin{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding:1.25rem 1.5rem;border:1px dashed var(--rule);border-radius:16px;}
.lab-origin p{margin:.2rem 0 0;color:var(--ink-mid);}
.lab-kicker{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.lab-pill{font-family:var(--mono);font-size:.82rem;min-height:2.5rem;display:inline-flex;align-items:center;padding:0 1rem;border-radius:999px;border:1px solid var(--rule);color:var(--ink);text-decoration:none;}
.lab-pill:hover{border-color:var(--ink-soft);}
@media (max-width:52rem){.lab-stage #demo{grid-template-columns:minmax(0,1fr);}.lab-stage #picture{grid-row:auto;border-right:0;border-bottom:1px solid var(--rule);}.lab-stage #demo>:not(#picture){grid-column:1;}}
@media (max-width:40rem){.lab{gap:2.5rem;}.lab #asked .stem{font-size:min(2rem,7.5vw);}.lab h2{font-size:1.4rem;}.lab-stage .out .val{font-size:2.4rem;}}
.check-tiles{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;min-width:0;max-width:100%;}
.check-tiles .lab-kicker{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.check-tiles ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem;flex:1 1 20rem;min-width:0;}
.check-tiles li{display:flex;border-radius:5px;color:var(--ink-mid);border:1px solid color-mix(in srgb,var(--red) 45%,transparent);background:color-mix(in srgb,var(--red) 14%,transparent);}
.check-tiles li.solving{border-color:color-mix(in srgb,var(--light) 55%,transparent);background:color-mix(in srgb,var(--light) 16%,transparent);}
.check-tiles li.agreed{border-color:color-mix(in srgb,var(--green) 55%,transparent);background:color-mix(in srgb,var(--green) 18%,transparent);}
.check-tiles li.disagreed,.check-tiles li.repeated{border-color:var(--rule);background:var(--wash);}
.check-tiles li:last-child{outline:2px solid var(--ink);outline-offset:1px;}
.check-tiles button{width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;font-family:var(--mono);font-size:.62rem;cursor:pointer;}
.check-tiles button:hover{opacity:1;background:color-mix(in srgb,var(--ink) 10%,transparent);}
.check-tiles button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:600;}
.tiles-said{flex-basis:100%;margin:0;font-family:var(--mono);font-size:.75rem;color:var(--ink-mid);overflow-wrap:anywhere;}
.bench{--display:"Space Grotesk",var(--sans);--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;font-family:var(--sans);max-width:110rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem;}
.bench-head{display:flex;flex-direction:column;gap:.9rem;}
.bench-head .status-line{margin:0;}
.bench-head .status.working,.bench-head .status.queued{animation:bench-pulse 1.4s ease-in-out infinite;}
@keyframes bench-pulse{50%{opacity:.4;}}
.bench-head h1{font-family:var(--display);font-weight:600;font-size:2.1rem;line-height:1.15;letter-spacing:-.02em;text-wrap:balance;max-width:34ch;margin:0;}
.bench-expects{margin:0;font-family:var(--mono);font-size:.8rem;color:var(--ink-soft);}
.bench-expects b{color:var(--ink);}
.bench .check-tiles{padding:1rem 1.25rem;border:1px solid var(--rule);border-radius:16px;background:var(--wash);}
.bench-main{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start;}
.bench-draft{flex:3 1 32rem;min-width:0;margin:0;border:1px solid var(--rule);border-radius:16px;overflow:hidden;background:var(--wash);}
.bench-draft figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);padding:.75rem 1rem;border-bottom:1px solid var(--rule);}
.bench-draft figcaption .bad{color:var(--red);}
.bench-code{margin:0;padding:.75rem 0;overflow-x:auto;font-size:.84rem;line-height:1.75;}
.bench-code .line{display:grid;grid-template-columns:3rem minmax(0,1fr);padding-right:1rem;}
.bench-code .line-no{text-align:right;padding-right:1rem;color:var(--ink-soft);user-select:none;}
.bench-code .line-code{white-space:pre-wrap;}
.bench-code .line.broken{background:color-mix(in srgb,var(--red) 12%,transparent);box-shadow:inset 3px 0 0 var(--red);}
.bench-code .line.broken .line-no{color:var(--red);font-weight:600;}
.bench-error{display:flex;flex-direction:column;gap:.35rem;margin:.4rem 1rem .6rem 3rem;padding:.7rem .85rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--red) 40%,transparent);background:var(--paper);color:var(--ink-mid);font-family:var(--sans);font-size:.82rem;line-height:1.55;white-space:normal;}
.bench-error.solving{margin:.75rem 1rem 1rem;}
.bench-hint b{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ray);margin-right:.35rem;}
.bench-empty{margin:0;padding:1rem;color:var(--ink-soft);font-size:.9rem;}
.bench-side{flex:2 1 22rem;min-width:0;display:flex;flex-direction:column;gap:1rem;}
.bench-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border:1px solid var(--rule);border-radius:16px;}
.bench-card h2{margin:0;font-family:var(--mono);font-weight:600;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);}
.bench-said{max-width:92%;display:flex;flex-direction:column;gap:.25rem;padding:.65rem .8rem;border-radius:12px 12px 12px 4px;background:var(--wash);border:1px solid var(--rule);font-size:.85rem;line-height:1.5;color:var(--ink-mid);overflow-wrap:anywhere;}
.bench-said.from{align-self:flex-end;border-radius:12px 12px 4px 12px;background:color-mix(in srgb,var(--ray) 10%,var(--paper));border-color:color-mix(in srgb,var(--ray) 30%,transparent);color:var(--ink);}
.bench-said .who{font-family:var(--mono);font-size:.68rem;color:var(--ink-soft);}
.bench-said.from .who{color:var(--ray);}
.bench-typing{align-self:flex-end;display:flex;gap:.25rem;padding:.6rem .85rem;border-radius:12px;background:color-mix(in srgb,var(--ray) 10%,var(--paper));}
.bench-typing i{width:.4rem;height:.4rem;border-radius:50%;background:var(--ray);animation:bench-dots 1.2s infinite;}
.bench-typing i:nth-child(2){animation-delay:.2s;}.bench-typing i:nth-child(3){animation-delay:.4s;}
@keyframes bench-dots{0%,80%,100%{opacity:.25;}40%{opacity:1;}}
@media (prefers-reduced-motion:reduce){.bench-head .status,.bench-typing i{animation:none;}}
.bench-link{font-family:var(--mono);font-size:.8rem;}
@media (max-width:40rem){.bench-head h1{font-size:min(1.6rem,6.5vw);}}
.bench-saying:empty{display:none;}
.bench-saying{align-self:flex-end;max-width:92%;padding:.65rem .8rem;border-radius:12px 12px 4px 12px;background:color-mix(in srgb,var(--ray) 10%,var(--paper));font-size:.85rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;}
.rows .row{display:contents;}
#solved.lab-solution{counter-reset:step;}
#solved.lab-solution p.given,#solved.lab-solution p.find,#solved.lab-solution .working>.head,#solved.lab-solution .conclusion>summary{counter-increment:step;display:flex;align-items:baseline;gap:.9rem;font-family:var(--display);font-weight:600;font-size:1.15rem;letter-spacing:0;text-transform:none;color:var(--ink);border-top:1px solid var(--rule);padding-top:1.1rem;margin:1.1rem 0 .5rem;}
#solved.lab-solution p.given::before,#solved.lab-solution p.find::before,#solved.lab-solution .working>.head::before,#solved.lab-solution .conclusion>summary::before{content:counter(step,decimal-leading-zero);font-family:var(--mono);font-weight:400;font-size:.8rem;color:var(--ink-soft);min-width:1.6rem;}
#solved.lab-solution .conclusion>summary{list-style:none;cursor:default;pointer-events:none;}
#solved.lab-solution .conclusion>summary::-webkit-details-marker{display:none;}
#solved.lab-solution ul.given,#solved.lab-solution .working ol,#solved.lab-solution .conclusion>:not(summary){margin-left:2.5rem;}
.lab #asked .card{padding:1.1rem 1.25rem;border:1px solid var(--rule);border-radius:16px;background:var(--wash);margin:1.25rem 0 0;}
.lab #asked .card::before{content:"Check yourself";font-family:var(--display);font-weight:600;font-size:1.1rem;color:var(--ink);}
.lab-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(26rem,100%),1fr));gap:1.25rem;}
.lab-files figure{margin:0;border:1px solid var(--rule);border-radius:16px;overflow:hidden;background:var(--wash);min-width:0;}
.lab-files figcaption,.lab-playground-source summary{font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);padding:.75rem 1rem;border-bottom:1px solid var(--rule);}
.lab-files pre,.lab-playground-source pre{margin:0;padding:.75rem 0;overflow-x:auto;font-size:.84rem;line-height:1.7;}
.lab-files .line,.lab-playground-source .line{display:grid;grid-template-columns:3rem minmax(0,1fr);padding-right:1rem;}
.lab-files .line-no,.lab-playground-source .line-no{text-align:right;padding-right:1rem;color:var(--ink-soft);user-select:none;}
.lab-files .line-code,.lab-playground-source .line-code{white-space:pre-wrap;}
.lab-playground-source{margin-top:1.25rem;border:1px solid var(--rule);border-radius:16px;background:var(--wash);overflow:hidden;}
.lab-playground-source summary{cursor:pointer;border-bottom:0;}
.lab-playground-source[open] summary{border-bottom:1px solid var(--rule);}
.bench-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;}
.bench-draft-no{font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);}
.bench-card .rows{display:flex;flex-wrap:wrap;gap:.5rem;}
.bench-card .rows .row{display:flex;align-items:baseline;gap:.4rem;padding:.35rem .65rem;border-radius:8px;border:1px solid var(--rule);font-size:.85rem;}
.bench-card .rows.given .row{border-color:var(--green);}
.bench-card .rows.deduced .row{border-style:dashed;border-color:var(--ink-soft);}
.bench-card .rows.known .row{border-color:var(--ray);}
.bench-card .rows dt,.bench-card .rows dd{margin:0;}
.bench-card .rows dd span{color:var(--ink-soft);font-size:.85em;}
.lab-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:3.5rem;}
@media (min-width:90rem){.lab-pair{grid-template-columns:minmax(0,46rem) minmax(0,1fr);align-items:start;}.lab-pair .lab-web{position:sticky;top:5rem;}}
.lab-solution .conclusion>:not(summary),.lab-solution .working li{max-width:65ch;}
.lab-stage #picture svg{max-height:min(70vh,40rem);width:100%;}
.atlas{--display:"Space Grotesk",var(--sans);--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--star:var(--ink);--sky:var(--wash);font-family:var(--sans);max-width:none;margin:0;display:flex;flex-direction:column;gap:.75rem;}
.atlas .mechanics{--d:var(--ray);}.atlas .heat{--d:var(--red);}.atlas .waves{--d:var(--light);}.atlas .electricity{--d:var(--condition);}.atlas .modern{--d:var(--green);}
.atlas-kicker{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);}
.atlas-kicker.mechanics,.atlas-kicker.heat,.atlas-kicker.waves,.atlas-kicker.electricity,.atlas-kicker.modern{color:var(--d);}
.atlas-body{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-start;}
.atlas-map{flex:5 1 40rem;min-width:0;border:1px solid var(--rule);border-radius:20px;overflow:hidden;background:var(--sky);}
.atlas-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;padding:.5rem .9rem;border-bottom:1px solid var(--rule);background:var(--paper);}
.atlas-crumbs{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-family:var(--mono);font-size:.82rem;color:var(--ink-soft);}
.atlas-crumbs button{font:inherit;font-weight:600;padding:.25rem .5rem;border-radius:6px;border:0;background:var(--wash);color:var(--ink);cursor:pointer;}
.atlas-crumbs .grow{flex:1;}
.atlas-sky{position:absolute;inset:0;pointer-events:none;}
.atlas-sky::before,.atlas-sky::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--star);-webkit-mask-image:var(--sky-steady);mask-image:var(--sky-steady);-webkit-mask-size:calc(640px * var(--sky-size,1));mask-size:calc(640px * var(--sky-size,1));-webkit-mask-position:var(--sky-x,0) var(--sky-y,0);mask-position:var(--sky-x,0) var(--sky-y,0);opacity:.55;}
.atlas-sky::after{-webkit-mask-image:var(--sky-twinkle);mask-image:var(--sky-twinkle);-webkit-mask-size:calc(520px * var(--sky-size,1));mask-size:calc(520px * var(--sky-size,1));opacity:.25;animation:atlas-twinkle 5s ease-in-out infinite;}
@keyframes atlas-twinkle{50%{opacity:.85;}}
.atlas-star:hover{opacity:1;box-shadow:0 0 22px color-mix(in srgb,var(--d) 60%,transparent);}
.atlas-star.picked{box-shadow:0 0 28px color-mix(in srgb,var(--d) 70%,transparent);animation:atlas-breathe 2.4s ease-in-out infinite;}
@keyframes atlas-breathe{50%{transform:translate(-50%,-50%) scale(1.06);}}
.atlas-star:focus-visible{outline:2px solid var(--ray);outline-offset:3px;}
.atlas-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem;}
.atlas-panel{flex:1 1 20rem;max-width:26rem;min-width:0;display:flex;flex-direction:column;gap:1rem;padding:1.4rem;border:1px solid var(--rule);border-radius:20px;background:var(--paper);}
.atlas-panel>div{display:flex;flex-direction:column;gap:.85rem;}
.atlas-panel>div[hidden]{display:none;}
.atlas-panel h2{margin:0;font-family:var(--display);font-weight:600;font-size:1.6rem;line-height:1.15;letter-spacing:-.015em;}
.atlas-panel p{margin:0;font-size:.92rem;line-height:1.5;color:var(--ink-mid);}
.atlas-panel-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;}
.atlas-back{font-family:var(--mono);font-size:.75rem;min-height:2rem;padding:0 .75rem;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--ink);}
.atlas-zoom{align-self:flex-start;font-family:var(--display);font-weight:600;font-size:.95rem;min-height:2.75rem;padding:0 1.1rem;border-radius:999px;border:0;background:var(--ink);color:var(--paper);}
.atlas-tags li{font-size:.82rem;padding:.35rem .6rem;border-radius:8px;border:1px solid var(--rule);}
.atlas-tags li:has(button){padding:0;border:0;}
.atlas-tags button{font:inherit;font-size:.82rem;padding:.35rem .6rem;border-radius:8px;border:1px solid var(--rule);background:transparent;color:var(--ink);}
.atlas-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;}
.atlas-list button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;text-align:left;min-height:2.5rem;padding:0 .65rem;border-radius:8px;border:0;background:var(--wash);color:var(--ink);font:inherit;font-size:.88rem;}
.atlas-list button:has(.symbol){grid-template-columns:2.75rem minmax(0,1fr) auto;}
.atlas-list button:hover{opacity:1;background:color-mix(in srgb,var(--ink) 8%,var(--wash));}
.atlas .symbol{font-family:var(--mono);color:var(--light);}
.atlas-list .symbol{font-size:1rem;}
.atlas-panel h2 .symbol{font-size:1.9rem;margin-right:.4rem;}
.atlas-list .count{font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);}
@media (prefers-reduced-motion:reduce){.atlas-sky::after,.atlas-star.picked{animation:none;}}
.atlas-frame{--z:1;--zc:.55;position:relative;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;user-select:none;cursor:grab;}
.atlas-frame:active{cursor:grabbing;}
.atlas-frame.zoomed{touch-action:none;}
.atlas-frame.zoomed:active{cursor:grabbing;}
.atlas-world{position:absolute;left:0;top:0;transform-origin:0 0;}
.atlas-world.moving{will-change:transform;}
.atlas-world>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.atlas-star{position:absolute;width:var(--size);height:var(--size);transform:translate(-50%,-50%);padding:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:var(--d);border:6px solid var(--d);background:radial-gradient(circle,color-mix(in srgb,var(--d) 30%,var(--sky)) 0 55%,color-mix(in srgb,var(--d) 14%,transparent) 56% 100%);box-shadow:0 0 56px color-mix(in srgb,var(--d) 40%,transparent);transition:opacity .3s,box-shadow .3s;opacity:clamp(.35,calc(1.6 - var(--zc) * .25),1);}
.atlas-star svg{width:calc(var(--size) * .5);height:calc(var(--size) * .5);stroke-width:2;}
.atlas-label.dim{opacity:.18;}
.atlas .near{opacity:clamp(0,calc((var(--zc) - 1.9) * 1.2),1);}
.atlas .near .tie{stroke:var(--ink-soft);stroke-width:.25;opacity:clamp(0,calc((var(--zc) - 11) * .3),.45);}
.atlas-law{position:absolute;transform:translate(-50%,-50%);width:19.8px;height:19.8px;padding:0;border-radius:50%;border:1.2px solid var(--d);background:radial-gradient(circle,color-mix(in srgb,var(--d) 35%,var(--sky)) 0 55%,color-mix(in srgb,var(--d) 14%,var(--sky)) 56% 100%);box-shadow:0 0 12px color-mix(in srgb,var(--d) 45%,transparent);cursor:pointer;opacity:clamp(0,calc((var(--zc) - 1.9) * 1.2),1);}
.atlas-frame[data-depth="3"] .atlas-law{pointer-events:none;width:5px;height:5px;border-width:.5px;box-shadow:0 0 4px color-mix(in srgb,var(--d) 45%,transparent);}
.atlas-law b{position:absolute;left:50%;top:calc(100% + 1.5px);transform:translateX(-50%);width:max-content;max-width:9em;text-align:center;font-family:var(--display);font-weight:600;font-size:clamp(2.6px,calc(55px / var(--z)),14px);line-height:1.15;color:var(--ink);}
.atlas-moon{position:absolute;width:0;height:0;transform:translate(-50%,-50%);opacity:clamp(0,calc((var(--zc) - 5.6) * .5),1);}
.atlas-moon-text{position:absolute;left:0;top:0;display:flex;flex-direction:column;width:max-content;max-width:700px;transform-origin:left top;transform:scale(.1) translate(-50%,-50%);padding:6px 12px;align-items:center;text-align:center;border-radius:30px;background:color-mix(in srgb,var(--d) 22%,var(--sky));border:4px solid color-mix(in srgb,var(--d) 70%,transparent);}
.atlas-moon.condition .atlas-moon-text{border-color:var(--condition);}
.atlas-moon math{font-size:26px;color:var(--ink);}
.atlas-moon math.condition{color:var(--condition);}
.atlas-moon-said{max-width:260px;font-family:var(--display);font-size:18px;line-height:1.2;color:var(--ink);}
.atlas-moon.condition .atlas-moon-said{color:var(--condition);}
.atlas-quantity b{font-family:"STIX Two Math","Cambria Math","Latin Modern Math",math,serif;font-style:italic;font-weight:400;font-size:33px;line-height:1;}
.atlas-quantity b sub{font-size:.7em;font-style:normal;}
.atlas-quantity small{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);font-family:var(--sans);font-size:16px;white-space:nowrap;color:var(--ink-soft);opacity:clamp(0,calc((var(--zc) - 13.5) * .3),1);}
.atlas-quantity{position:absolute;transform:translate(-50%,-50%) scale(.1);width:64px;height:64px;padding:0;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;white-space:nowrap;color:var(--ink);background:color-mix(in srgb,var(--d) 40%,var(--sky));opacity:clamp(0,calc((var(--zc) - 11) * .3),1);pointer-events:none;}
.atlas-frame[data-depth="3"] .atlas-quantity{pointer-events:auto;}
.atlas-system.away,.atlas .near.away{display:none;}
.atlas-frame[data-depth="0"] .atlas-system,.atlas-frame[data-depth="0"] .atlas .near{display:none;}
.atlas-frame[data-depth="1"] .atlas-moon{display:none;}
.atlas-frame:not([data-depth="3"]) .atlas-quantity,.atlas-frame:not([data-depth="3"]) .atlas .tie{display:none;}
@media (min-width:64rem){.atlas-body{position:relative;display:block;}.atlas-map{width:100%;}.atlas-panel{position:absolute;top:3.4rem;right:1rem;width:20rem;max-width:none;max-height:calc(100% - 7rem);overflow-y:auto;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgb(0 0 0 / .25);z-index:2;}}
.atlas-title{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .7rem;font-family:var(--display);font-weight:600;font-size:1.1rem;letter-spacing:-.02em;}
.atlas-title span{font-family:var(--mono);font-weight:400;font-size:.8rem;letter-spacing:.04em;color:var(--ink-soft);}
.atlas-search{font:inherit;font-family:var(--sans);font-size:.85rem;min-height:2rem;width:min(16rem,40vw);padding:0 .7rem;border-radius:8px;border:1px solid var(--rule);background:var(--wash);color:var(--ink);}
main:has(> .atlas){padding-top:.75rem;padding-bottom:.75rem;}
body:has(.atlas) .signature{display:none;}
.atlas-frame{height:max(24rem,calc(100dvh - 8.2rem));}
@media (min-width:72rem){body:not(.home) .atlas-frame{height:max(24rem,calc(100dvh - 4.7rem));}}
@media (max-width:40rem){.atlas-hint{display:none;}.atlas-search{width:100%;}}
.atlas .near .orbit{fill:none;opacity:clamp(0,max(calc((8.5 - var(--zc)) * .3),min(.12,calc((11.5 - var(--zc)) * .24))),1);stroke:var(--d);stroke-width:clamp(.3px,calc(8px / var(--zc)),2.2px);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--d) 45%,transparent));}
.atlas-star{opacity:clamp(0,calc((1.9 - var(--zc)) * 3),1);}
.atlas-star.dim{opacity:min(.18,clamp(0,calc((1.9 - var(--zc)) * 3),1));}
.atlas-frame:not([data-depth="0"]) .atlas-star{pointer-events:none;visibility:hidden;}
.atlas-frame{--inside:clamp(0,calc((var(--zc) - 1.6) / .6),1);}
.atlas-label{position:absolute;transform:translate(-50%,calc((var(--size) / 2 + 24px) * (1 - var(--inside)) - 50% * var(--inside)));white-space:nowrap;pointer-events:none;font-family:var(--mono);font-size:calc((44px + 32px * var(--inside)) / var(--z));letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--d) calc(var(--inside) * 100%),var(--ink-mid));transition:opacity .3s;display:inline-flex;flex-direction:column;align-items:center;text-align:center;gap:calc(.3em * var(--inside));font-weight:600;}
.atlas-label-icon{display:block;width:calc(1.8em * var(--inside));height:calc(1.8em * var(--inside));}
.atlas .area-orbit{fill:none;stroke:var(--d);stroke-width:5;stroke-dasharray:4 14;opacity:clamp(0,calc((var(--z) - 0.7) * 1.6),.45);}
.atlas-chapters{position:absolute;left:0;top:0;opacity:clamp(0,calc((var(--z) - 0.9) * 2.5),1);}
.atlas-frame[data-areas] .atlas-chapters{pointer-events:none;visibility:hidden;}
.atlas-area{position:absolute;width:var(--across);height:var(--across);transform:translate(-50%,-50%);border-radius:50%;padding:0;border:8px solid var(--d);background:radial-gradient(circle,color-mix(in srgb,var(--d) 22%,var(--sky)) 0 60%,color-mix(in srgb,var(--d) 8%,transparent) 61% 100%);box-shadow:0 0 90px color-mix(in srgb,var(--d) 35%,transparent);color:var(--d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(14px / var(--z));cursor:pointer;opacity:clamp(0,calc((0.9 - var(--z)) * 2.4),1);transition:box-shadow .3s;}
.atlas-area:hover{opacity:clamp(0,calc((0.9 - var(--z)) * 2.4),1);box-shadow:0 0 140px color-mix(in srgb,var(--d) 55%,transparent);}
.atlas-area svg{width:calc(110px / max(var(--z), 1));height:calc(110px / max(var(--z), 1));stroke-width:1.75;}
.atlas-area span{font-family:var(--mono);font-weight:600;font-size:calc(64px / max(var(--z), 1));letter-spacing:.08em;text-transform:uppercase;}
.atlas-frame:not([data-areas]) .atlas-area{pointer-events:none;visibility:hidden;}
.atlas-area:focus-visible{outline:6px solid var(--ray);outline-offset:8px;}
.atlas-area.dim{filter:opacity(.2);}
.atlas-area-chip{display:inline-flex;align-items:center;gap:.5rem;color:var(--d);font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;}
.atlas-area-chip svg{width:1rem;height:1rem;}
.atlas-area-title{display:flex;align-items:center;gap:.5rem;color:var(--d);}
.atlas-area-title svg{width:1.4rem;height:1.4rem;}
.atlas-panel .atlas-list button.mechanics,.atlas-panel .atlas-list button.heat,.atlas-panel .atlas-list button.waves,.atlas-panel .atlas-list button.electricity,.atlas-panel .atlas-list button.modern{grid-template-columns:minmax(0,1fr) auto;}
.atlas-scale{position:absolute;left:1rem;bottom:1.5rem;z-index:2;width:min(30rem,calc(100% - 2rem));padding:.55rem .75rem .4rem;border-radius:12px;border:1px solid var(--rule);background:color-mix(in srgb,var(--paper) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;}
.atlas-scale-track{position:relative;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--ray),var(--light),var(--red));opacity:.85;}
.atlas-scale-track i{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--ink);border:2px solid var(--paper);transform:translate(-50%,-50%);transition:left .08s linear;}
.atlas-scale ol{position:relative;list-style:none;margin:.35rem 0 0;padding:0;height:1.5rem;}
.atlas-scale li{position:absolute;left:calc(var(--from) * 100%);width:calc((var(--to) - var(--from)) * 100%);text-align:center;}
.atlas-scale button{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .3rem;border:0;border-radius:6px;background:transparent;color:var(--ink-soft);cursor:pointer;}
.atlas-scale button:hover{color:var(--ink);opacity:1;}
.atlas-scale button[aria-pressed=true]{color:var(--ink);background:var(--wash);font-weight:600;}
.atlas-scale-track b{position:absolute;top:50%;width:2px;height:14px;border-radius:1px;background:var(--ink);transform:translate(-50%,-50%);opacity:.8;}
.atlas-scale li{border-left:1px dashed color-mix(in srgb,var(--ink) 30%,transparent);box-sizing:border-box;}
.atlas-scale li:first-child{border-left:0;}

.evals{--cat-0:#2a78d6;--cat-1:#eb6834;--cat-2:#1baf7a;--cat-3:#eda100;--cat-4:#e87ba4;--cat-5:#008300;--cat-6:#4a3aa7;--cat-7:#e34948;--cat-9:var(--ink-soft);}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .evals{--cat-0:#3987e5;--cat-1:#d95926;--cat-2:#199e70;--cat-3:#c98500;--cat-4:#d55181;--cat-6:#9085e9;--cat-7:#e66767;}}
:root[data-theme="dark"] .evals{--cat-0:#3987e5;--cat-1:#d95926;--cat-2:#199e70;--cat-3:#c98500;--cat-4:#d55181;--cat-6:#9085e9;--cat-7:#e66767;}
.evals h2{margin-top:2.4rem;}
.evals .hint{max-width:46rem;}
.evals-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;}
.evals-tools form{margin:0;}
.evals-tools button{font-family:var(--mono);font-size:.8rem;padding:.35rem .9rem;border-radius:999px;cursor:pointer;}
.evals-live{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.78rem;color:var(--ray);}
.evals-live .icon{width:1rem;height:1rem;}
.heartbeat{--tone:var(--green);max-width:40rem;margin:1rem 0;padding:.7rem .9rem;border:1px solid var(--rule);border-left:3px solid var(--tone);border-radius:0 8px 8px 0;background:var(--wash);font-family:var(--mono);font-size:.78rem;}
.heartbeat.amber{--tone:var(--light);}
.heartbeat.red{--tone:var(--red);}
.heartbeat-progress{height:.45rem;margin:.5rem 0 .25rem;border-radius:999px;background:var(--rule);overflow:hidden;}
.heartbeat-progress span{display:block;height:100%;border-radius:inherit;background:var(--tone);transition:width .6s ease;}
.heartbeat.compact .heartbeat-progress{height:.25rem;margin:.3rem 0 0;}
.heartbeat-progress-said{margin:0 0 .5rem;color:var(--ink-soft);}
.heartbeat.compact{max-width:none;margin:0;padding:.35rem .6rem;font-size:.74rem;}
.heartbeat b{color:var(--tone);font-weight:600;}
.heartbeat time{color:var(--ink-mid);}
.heartbeat-line{margin:0;line-height:1.7;overflow-wrap:anywhere;}
.heartbeat-line span{white-space:nowrap;}
.heartbeat-state{margin:0 0 .6rem;display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .6rem;}
.heartbeat-state small{color:var(--ink-soft);}
.pulse{display:inline-block;flex:none;width:.6rem;height:.6rem;margin-right:.45rem;border-radius:50%;background:var(--tone);vertical-align:.02rem;animation:pulse 1.6s ease-out infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tone) 60%,transparent);}100%{box-shadow:0 0 0 .5rem transparent;}}
@media (prefers-reduced-motion:reduce){.pulse{animation:none;}}
.heartbeat-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1.2rem;margin:0;}
.heartbeat-facts div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.5rem;align-items:baseline;}
.heartbeat-facts div:first-child{grid-column:1 / -1;}
.heartbeat-facts dt{color:var(--ink-soft);font-size:.7rem;}
.heartbeat-facts dd{margin:0;overflow-wrap:anywhere;}
.heartbeat-log{width:100%;margin-top:.8rem;border-collapse:collapse;font-size:.74rem;}
.heartbeat-log caption{text-align:left;padding-bottom:.25rem;font-size:.68rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;}
.heartbeat-log td{padding:.15rem .5rem .15rem 0;border-top:1px solid var(--rule);white-space:nowrap;}
.heartbeat-log td:nth-child(2){white-space:normal;overflow-wrap:anywhere;width:100%;}
.heartbeat-log td:nth-child(n+4){text-align:right;color:var(--ink-soft);padding-right:0;padding-left:.5rem;}
.heartbeat-log .solved{color:var(--green);}
.heartbeat-log .stuck{color:var(--red);}
@media (min-width:90rem){.eval-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40rem);gap:2rem;align-items:start;}.eval-head .heartbeat{margin:0;}}
@media (max-width:40rem){
.heartbeat-line span{white-space:normal;}
.heartbeat-facts{grid-template-columns:minmax(0,1fr);}
.heartbeat-facts div{grid-template-columns:5.5rem minmax(0,1fr);}
.heartbeat-log tr{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;border-top:1px solid var(--rule);padding:.15rem 0;}
.heartbeat-log td{border:0;padding:0 .5rem 0 0;}
.heartbeat-log td:nth-child(n+4){grid-row:2;text-align:left;padding:0;}
.heartbeat-log td:nth-child(4){grid-column:2;}
.heartbeat-log td:nth-child(5){grid-column:3;text-align:right;}
}
.rates,.stacks,.legend,.errors,.timeline{list-style:none;padding:0;margin:0;}
.rates li,.stacks li{display:grid;grid-template-columns:12rem minmax(0,1fr) 11rem;align-items:center;gap:.8rem;padding:.35rem 0;border-bottom:1px solid var(--rule);}
.rate-label{font-family:var(--mono);font-size:.82rem;}
.rate-label small,.rate-figures small{color:var(--ink-soft);}
.rate-figures{font-family:var(--mono);font-size:.8rem;text-align:right;}
.rate-scale{position:relative;height:1.1rem;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--rule) calc(50% - .5px),var(--rule) calc(50% + .5px),transparent calc(50% + .5px));border-left:1px solid var(--rule);border-right:1px solid var(--rule);}
.rate-spread{position:absolute;top:calc(50% - 3px);height:6px;border-radius:3px;background:color-mix(in srgb,var(--ray) 35%,transparent);}
.rate-point{position:absolute;top:calc(50% - 6px);width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--ray);box-shadow:0 0 0 2px var(--paper);}
.verdict{max-width:46rem;padding:.6rem .8rem;border-left:3px solid var(--ray);background:var(--wash);border-radius:0 6px 6px 0;}
.ab-wrap{overflow-x:auto;max-width:100%;}
.ab{border-collapse:collapse;font-size:.84rem;min-width:min(100%,32rem);}
.ab th,.ab td{padding:.35rem .7rem;border-bottom:1px solid var(--rule);text-align:right;font-family:var(--mono);font-weight:400;white-space:nowrap;}
.ab th:first-child{text-align:left;}
.ab tbody th{white-space:normal;min-width:12rem;}
.ab thead th{color:var(--ink-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;}
.ab tfoot th,.ab tfoot td{font-weight:600;border-bottom:0;}
.grid-wrap{position:relative;}
.run-grid{display:grid;grid-template-columns:minmax(10rem,15rem) repeat(var(--labels),minmax(0,1fr));}
.run-head,.run-row{display:contents;}
.run-head span{font-family:var(--mono);font-size:.72rem;color:var(--ink-soft);padding:.3rem .4rem;border-bottom:1px solid var(--rule);}
.run-name{font-family:var(--mono);font-size:.8rem;padding:.5rem .4rem;border-bottom:1px solid var(--rule);overflow-wrap:anywhere;}
.run-cell{display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:.5rem .4rem;border-bottom:1px solid var(--rule);border-left:1px solid var(--rule);}
.dot{display:block;width:var(--size);height:var(--size);border-radius:50%;background:var(--ink-soft);box-shadow:0 0 0 2px var(--paper);}
.dot.solved{background:var(--green);}
.dot.stuck{background:var(--red);}
.dot.light{background:transparent;border:2px solid var(--ink-soft);}
.dot.light.solved{border-color:var(--green);}
.dot.light.stuck{border-color:var(--red);}
.dot:hover,.dot:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
.dot-tip{position:absolute;z-index:5;width:min(26rem,100%);padding:.6rem .75rem;border:1px solid var(--rule);border-radius:8px;background:var(--paper);box-shadow:0 6px 24px rgb(0 0 0 / .25);font-size:.78rem;pointer-events:none;}
.dot-tip strong{display:block;font-family:var(--mono);font-size:.76rem;margin-bottom:.3rem;}
.dot-tip ul{margin:0;padding-left:1rem;color:var(--ink-mid);}
.dot-tip small{display:block;margin-top:.3rem;color:var(--ink-soft);}
.legend{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin-bottom:.8rem;font-size:.8rem;}
.legend small{color:var(--ink-soft);font-family:var(--mono);}
.swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;margin-right:.35rem;vertical-align:-.05rem;background:var(--swatch);}
.cat-0{--swatch:var(--cat-0);}.cat-1{--swatch:var(--cat-1);}.cat-2{--swatch:var(--cat-2);}.cat-3{--swatch:var(--cat-3);}.cat-4{--swatch:var(--cat-4);}
.cat-5{--swatch:var(--cat-5);}.cat-6{--swatch:var(--cat-6);}.cat-7{--swatch:var(--cat-7);}.cat-9{--swatch:var(--cat-9);}
.stack{display:flex;gap:2px;height:1rem;}
.stack i{flex-basis:0;min-width:2px;background:var(--swatch);}
.stack i:first-child{border-radius:4px 0 0 4px;}
.stack i:last-child{border-radius:0 4px 4px 0;}
.stack-empty{font-size:.78rem;color:var(--ink-soft);}
.stack-table{margin-top:.8rem;font-size:.84rem;}
.stack-table summary{cursor:pointer;color:var(--ink-soft);}
.chip{display:inline-flex;align-items:center;font-size:.74rem;padding:.1rem .5rem;border:1px solid var(--rule);border-radius:999px;white-space:nowrap;}
.errors li{display:grid;grid-template-columns:3rem auto minmax(0,1fr);align-items:baseline;gap:.7rem;padding:.4rem 0;border-bottom:1px solid var(--rule);}
.errors b{font-family:var(--mono);text-align:right;}
.errors code{font-size:.78rem;overflow-wrap:anywhere;}
.evals ul.kits{list-style:none;padding:0;}
.evals .kits li{padding:.2rem .6rem;border:1px solid var(--rule);border-radius:999px;}
.evals .back{font-family:var(--mono);font-size:.82rem;margin:0 0 1rem;}
.evals .back a{color:var(--ink-soft);text-decoration:none;}
.timeline li{display:grid;grid-template-columns:3rem 6rem minmax(0,1fr);gap:.2rem .8rem;align-items:baseline;padding:.55rem 0;border-bottom:1px solid var(--rule);}
.timeline .draft{font-family:var(--mono);color:var(--ink-soft);}
.timeline .outcome{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;}
.timeline .agreed .outcome{color:var(--green);}
.timeline .failed .outcome{color:var(--red);}
.timeline .disagreed .outcome{color:var(--light);}
.timeline .chip{justify-self:start;}
.timeline .chip,.timeline .error,.timeline .answer,.timeline .at{grid-column:3;}
.timeline code{font-size:.78rem;overflow-wrap:anywhere;}
.timeline .at{color:var(--ink-soft);}
@media (max-width:40rem){
.rates li,.stacks li{grid-template-columns:minmax(0,1fr) auto;}
.rates .rate-scale,.stacks .stack,.stacks .stack-empty{grid-column:1 / -1;grid-row:2;}
.run-grid{grid-template-columns:minmax(0,1fr);}
.run-head{display:none;}
.run-row{display:block;border-bottom:1px solid var(--rule);padding-bottom:.4rem;}
.run-name{display:block;border:0;font-weight:600;padding-bottom:.1rem;}
.run-cell{border:0;padding:.2rem .4rem;}
.run-cell::before{content:attr(data-label);font-family:var(--mono);font-size:.7rem;color:var(--ink-soft);width:5rem;flex:none;}
.errors li{grid-template-columns:2.4rem minmax(0,1fr);}
.errors code{grid-column:1 / -1;}
.timeline li{grid-template-columns:2.4rem minmax(0,1fr);}
.timeline .chip,.timeline .error,.timeline .answer,.timeline .at{grid-column:1 / -1;}
}
.eval-cards{list-style:none;padding:0;margin:1.2rem 0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.9rem;}
.eval-cards li>a{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:.8rem .9rem;border:1px solid var(--rule);border-radius:8px;background:var(--wash);color:var(--ink);text-decoration:none;}
.eval-cards li>a:hover{border-color:var(--ink-soft);}
.eval-card-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;}
.eval-card-head .status{margin:0;}
.eval-cards .d{font-size:.76rem;color:var(--ink-soft);}
.eval-card-rates{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-family:var(--mono);font-size:.78rem;}
.eval-card-rates code{color:var(--ink-soft);}
.eval-card-rates small{color:var(--ink-soft);}
.strips{display:flex;flex-direction:column;gap:.2rem;}
.strip{display:flex;align-items:center;font-family:var(--mono);font-size:.68rem;color:var(--ink-soft);}
.strip-name{flex:0 0 11rem;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.strip>i{display:block;flex:0 0 auto;width:.5rem;height:.5rem;margin-right:2px;border-radius:2px;background:var(--ink-soft);}
.strip>i.solved{background:var(--green);}
.strip>i.stuck{background:var(--red);}
.evals .hint a.current{font-weight:600;color:var(--ink);}
.eval-of{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:0 auto .8rem;font-size:.82rem;color:var(--ink-soft);}
.eval-of .icon{width:1rem;height:1rem;}
@media (max-width:40rem){.strip-name{flex-basis:8rem;}}
.dot.interrupted{background:color-mix(in srgb,var(--ink-soft) 45%,transparent);}
.dot.light.interrupted{background:transparent;border-color:var(--ink-soft);}
.strip>i.interrupted{background:color-mix(in srgb,var(--ink-soft) 45%,transparent);}
.sessions{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));gap:.9rem;}
.sessions li{border:1px solid var(--rule);border-radius:8px;background:var(--wash);padding:.7rem .9rem;font-size:.8rem;}
.sessions b{display:block;font-family:var(--mono);font-size:.78rem;margin-bottom:.4rem;}
.sessions dl{margin:0;display:grid;gap:.15rem;}
.sessions dl div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.5rem;}
.sessions dt{color:var(--ink-soft);font-family:var(--mono);font-size:.72rem;}
.sessions dd{margin:0;overflow-wrap:anywhere;}