.core>.g-band{--band-h:clamp(460px,50vw,760px);--band-rise:clamp(300px,30vw,480px)}

.code{margin:0;padding:16px 20px 18px;overflow-x:auto;font:450 12.5px/1.7 var(--type-code-face);color:rgb(var(--mi) / .82);white-space:pre;tab-size:2}
.code code{font:inherit}
.code>code>span{display:inline}
.code i{font-style:normal}
.code .key{color:#6B4E8C}
.code .str{color:#2F6B4F}
.code .kw{color:#9A4B2E}
.code .dim{color:var(--wi-3)}
.win.is-dark{--mi:240 234 222;--inset-alpha:100%;--wi-3:rgb(240 234 222 / .7)}
.win.is-dark>.win-inset::before{background:linear-gradient(180deg,rgba(38,35,31,.96),rgba(30,28,25,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 .5px rgba(0,0,0,.2)}
.win.is-dark .win-bar{border-bottom-color:rgba(255,255,255,.07)}
.win.is-dark .code{color:rgba(240,234,222,.86)}
.win.is-dark .code .key{color:#C9B3E8}
.win.is-dark .code .str{color:#A9D3B5}
.win.is-dark .code .kw{color:#F0B08E}
.win.is-dark .code .dim{color:var(--wi-3)}
.win-end{font-family:var(--type-code-face);font-size:11.5px}

.source-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;width:100%}
.fact-card{--at:.6s}
.source-facts{--p1:rgba(214,170,92,.3);--p2:rgba(120,160,112,.28);--p3:rgba(150,130,196,.26);--p1i:#7A561C;--p2i:#3B6035;--p3i:#5E4E8E}
.mail-body{padding:18px 22px 26px}
.mail-subject{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.3px;font-weight:600;font-variation-settings:"wght" 600;color:rgb(var(--mi) / .92)}
.mail-from{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:13px;color:var(--wi-3)}
.mail-from .av{width:28px;height:28px;border-radius:50%;font-size:10px}
.mail-from b{font-weight:600;font-variation-settings:"wght" 600;color:rgb(var(--mi) / .85)}
.mail-from time{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.mail-text{margin:18px 0 0;font-size:16.5px;line-height:1.75;color:rgb(var(--mi) / .86);text-wrap:pretty}
.mail-text mark{color:inherit;background-color:transparent;padding:2px 3px;margin:0 -1px;border-radius:5px;background-repeat:no-repeat;background-size:100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mail-text mark.p1{background-image:linear-gradient(var(--p1),var(--p1))}
.mail-text mark.p2{background-image:linear-gradient(var(--p2),var(--p2))}
.mail-text mark.p3{background-image:linear-gradient(var(--p3),var(--p3))}
.mail-aside{margin-top:10px;color:var(--wi-3)}
.mail-text sup{margin-left:2px;font:600 9.5px/1 var(--type-code-face);vertical-align:3px}
.p1 sup,.fact-rows .p1::before{color:var(--p1i)}
.p2 sup,.fact-rows .p2::before{color:var(--p2i)}
.p3 sup,.fact-rows .p3::before{color:var(--p3i)}
.fact-rows{list-style:none;margin:0;padding:8px 20px 12px;counter-reset:fact}
.fact-rows li{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-areas:"k v" "k s";gap:1px 12px;padding:12px 0 12px 30px;border-top:1px solid rgb(var(--mi) / .07);counter-increment:fact}
.fact-rows li:first-child{border-top:0}
.fact-rows li::before{content:counter(fact);position:absolute;left:0;top:13px;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font:600 10.5px/1 var(--type-code-face)}
.fact-rows .p1::before{background:var(--p1)}
.fact-rows .p2::before{background:var(--p2)}
.fact-rows .p3::before{background:var(--p3)}
.fact-rows .k{grid-area:k;padding-top:1px;font-size:12.5px;color:var(--wi-3)}
.fact-rows .v{grid-area:v;font-size:15px;font-weight:600;font-variation-settings:"wght" 600;color:rgb(var(--mi) / .9)}
.fact-rows .s{grid-area:s;display:flex;align-items:center;gap:5px;font-size:12px;color:var(--wi-3)}
.fact-rows .s .logo{display:block;width:12px;height:12px;flex:none}
.fact-rows .v s{color:var(--wi-3);text-decoration-thickness:1.5px;text-decoration-color:rgba(147,85,57,.55)}

html[data-motion] .source-facts[data-reveal] .mail-text mark[data-step]{transition:background-size .7s var(--ease-arrive) var(--t)}
html[data-motion] .source-facts[data-reveal]:not([data-shown]) .mail-text mark[data-step]{background-size:0% 100%;opacity:1;filter:none;translate:none}
html[data-motion] .source-facts[data-reveal] .mail-text mark sup{transition:opacity .4s linear calc(var(--t) + .4s)}
html[data-motion] .source-facts[data-reveal]:not([data-shown]) .mail-text mark sup{opacity:0}

@property --u{syntax:"<length>";inherits:true;initial-value:1px}
.flowmap{width:100%;container-type:inline-size}
.fm-plane{position:relative;aspect-ratio:1100 / 540;--u:calc(100cqi / 1100)}
.fm-threads{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fm-beam,.fm-thread{fill:none;stroke:var(--thread);stroke-width:var(--thread-w);stroke-linecap:round;stroke-dasharray:1}
.fm-light{fill:none;stroke:var(--thread-light);stroke-width:var(--thread-light-w);stroke-linecap:round;stroke-dasharray:.06 2;stroke-dashoffset:.06;opacity:0}
.fm-request{position:absolute;left:0;top:11.1%;width:27.27%}
.fm-request .code{font-size:calc(var(--u) * 12);padding:calc(var(--u) * 14.3) calc(var(--u) * 17.6) calc(var(--u) * 16.5)}
.fm-field{position:absolute;left:31.27%;top:0;width:37.09%;height:100%;border-radius:calc(var(--u) * 26.4);overflow:hidden;
  background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 .5px rgba(var(--shade),.14),inset 0 1px 2px rgba(var(--shade),.06)}
.fm-label{margin:0;padding:calc(var(--u) * 17.6) calc(var(--u) * 19.8);font-size:calc(var(--u) * 13);font-weight:600;font-variation-settings:"wght" 600;color:var(--ink-2)}
.fm-sweep{position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(180deg,transparent,rgba(255,236,204,.55),transparent);opacity:0;pointer-events:none}
.fm-cards{list-style:none;margin:0;padding:0}
.kc{position:absolute;width:10.91%;height:17.04%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u) * 5.5);padding:0 calc(var(--u) * 11);border-radius:calc(var(--u) * 12.1);
  background:rgba(255,255,255,.82);box-shadow:0 0 0 .5px rgba(var(--shade),.12),0 1px 2px rgba(var(--shade),.06)}
.kc:nth-child(1){left:32.364%;top:11.852%}
.kc:nth-child(2){left:44.182%;top:11.852%}
.kc:nth-child(3){left:56.000%;top:11.852%}
.kc:nth-child(4){left:32.364%;top:32.593%}
.kc:nth-child(5){left:44.182%;top:32.593%}
.kc:nth-child(6){left:56.000%;top:32.593%}
.kc:nth-child(7){left:32.364%;top:53.333%}
.kc:nth-child(8){left:44.182%;top:53.333%}
.kc:nth-child(9){left:56.000%;top:53.333%}
.kc:nth-child(10){left:32.364%;top:74.074%}
.kc:nth-child(11){left:44.182%;top:74.074%}
.kc:nth-child(12){left:56.000%;top:74.074%}
.kc b{font-size:calc(var(--u) * 13);line-height:1.2;font-weight:650;font-variation-settings:"wght" 650;color:rgb(30 28 24 / .9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc span{display:flex;align-items:center;gap:calc(var(--u) * 5);font-size:calc(var(--u) * 10.8);line-height:1.2;color:rgb(30 28 24 / .52);white-space:nowrap}
.kc .logo,.kc .ico{width:calc(var(--u) * 12.1);height:calc(var(--u) * 12.1);flex:none}

.kc:not(.kc--pick-a):not(.kc--pick-b){background:rgba(255,255,255,.34);box-shadow:inset 0 0 0 .5px rgba(var(--shade),.12)}
.kc:not(.kc--pick-a):not(.kc--pick-b) :is(b,span){color:var(--wi-3)}
.kc:not(.kc--pick-a):not(.kc--pick-b):not(.kc--locked) span{display:none}
.kc--pick-a,.kc--pick-b{box-shadow:0 0 0 .5px rgba(var(--shade),.12),0 0 0 calc(var(--u) * 3.3) rgba(232,182,110,.55),0 calc(var(--u) * 13.2) calc(var(--u) * 26.4) calc(var(--u) * -13.2) rgba(var(--shade),.35)}
.fm-response{position:absolute;left:71.82%;top:22.2%;width:28.18%}
.fm-rows{list-style:none;margin:0;padding:calc(var(--u) * 7.7) calc(var(--u) * 17.6) calc(var(--u) * 12.1)}
.fm-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k s" "v s";align-items:center;column-gap:calc(var(--u) * 11);min-height:calc(var(--u) * 56.1);border-top:1px solid rgb(var(--mi) / .07)}
.fm-row:first-child{border-top:0}
.fm-row .k{grid-area:k;font-size:calc(var(--u) * 10.8);color:var(--wi-3)}
.fm-row b{grid-area:v;font-size:calc(var(--u) * 14);font-weight:650;font-variation-settings:"wght" 650;color:rgb(var(--mi) / .9)}
.fm-row .s{grid-area:s;display:inline-flex;align-items:center;gap:calc(var(--u) * 5);font-size:calc(var(--u) * 10.8);color:var(--wi-3);white-space:nowrap}
.fm-row .logo{width:calc(var(--u) * 12.1);height:calc(var(--u) * 12.1)}
.fm-row--gap b{color:#703E2B}
.fm-row--gap .s{padding:calc(var(--u) * 2.8) calc(var(--u) * 7.7);border-radius:calc(var(--u) * 6.6);border:1px dashed rgba(147,85,57,.45);color:#703E2B}

.fm-rows{--at:1.9s;--beat:.3s}
html[data-motion] .flowmap[data-reveal][data-shown]:not([data-shown="now"]) .fm-beam{animation:fm-beam 695.6ms linear 300.8ms both}
html[data-motion] .flowmap[data-reveal][data-shown]:not([data-shown="now"]) .fm-sweep{animation:fm-sweep 1494.6ms linear 996.4ms both}
html[data-motion] .flowmap[data-reveal][data-shown]:not([data-shown="now"]) .kc:not(.kc--locked):not(.kc--pick-a):not(.kc--pick-b){animation:fm-aside-flat 394.8ms linear 2199.6ms both}
html[data-motion] .flowmap[data-reveal][data-shown]:not([data-shown="now"]) :is(.kc--pick-a,.kc--pick-b){animation:fm-pick 394.8ms linear 2199.6ms both}
html[data-motion] .flowmap[data-reveal][data-shown]:not([data-shown="now"]) .fm-thread{animation:fm-thread 893ms linear 2697.8ms both}
html[data-motion] .flowmap[data-reveal][data-shown]:not([data-shown="now"]) .fm-light{animation:fm-light 930.6ms linear 3412.2ms both}
html[data-motion] .flowmap[data-reveal][data-shown]:not([data-shown="now"]) .fm-light--in{animation:fm-light-in 695.6ms linear 300.8ms both}
html[data-motion] .flowmap[data-reveal]:not([data-shown]) :is(.fm-beam,.fm-thread){stroke-dashoffset:1}
html[data-motion] .flowmap[data-reveal]:not([data-shown]) .kc:not(.kc--locked):not(.kc--pick-a):not(.kc--pick-b){background-color:rgba(255,255,255,.82);box-shadow:0 0 0 .5px rgba(60,52,40,.12),0 1px 2px rgba(60,52,40,.06)}
html[data-motion] .flowmap[data-reveal]:not([data-shown]) :is(.kc--pick-a,.kc--pick-b){box-shadow:0 0 0 .5px rgba(60,52,40,.12)}
@keyframes fm-beam{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes fm-sweep{0%{opacity:0;translate:0 -30%}13.2075%{opacity:1}86.7925%{opacity:1}100%{opacity:0;translate:0 330%}}
@keyframes fm-pick{from{box-shadow:0 0 0 .5px rgba(60,52,40,.12),0 0 0 0 rgba(232,182,110,0),0 0 0 0 rgba(60,52,40,0)}to{box-shadow:0 0 0 .5px rgba(60,52,40,.12),0 0 0 calc(var(--u) * 3.3) rgba(232,182,110,.55),0 calc(var(--u) * 13.2) calc(var(--u) * 26.4) calc(var(--u) * -13.2) rgba(60,52,40,.35)}}
@keyframes fm-aside-flat{from{background-color:rgba(255,255,255,.82);box-shadow:0 0 0 .5px rgba(60,52,40,.12),0 1px 2px rgba(60,52,40,.06)}to{background-color:rgba(255,255,255,.34);box-shadow:inset 0 0 0 .5px rgba(60,52,40,.12)}}
@keyframes fm-light-in{0%{stroke-dashoffset:.06;opacity:0}13.5135%{opacity:1}86.4865%{opacity:1}100%{stroke-dashoffset:-1;opacity:0}}
@keyframes fm-light{0%{stroke-dashoffset:.06;opacity:0}11.1111%{opacity:1}81.8182%{opacity:1}100%{stroke-dashoffset:-1;opacity:0}}
@keyframes fm-thread{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media (max-width:899px){
  .fm-plane{aspect-ratio:auto;display:flex;flex-direction:column;gap:14px}
  .fm-threads,.fm-sweep{display:none}
  .fm-request,.fm-response{position:relative;left:auto;top:auto;width:auto}
  .fm-field,.kc{position:static;width:auto;height:auto}
  .fm-request .code{font-size:11.5px;padding:14px 16px 16px}
  .fm-field{background:none;box-shadow:none;border-radius:0}
  .fm-label{padding:2px 4px 0;font-size:13px}
  .fm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-6px 0 0;padding:12px;border-radius:18px;order:3;background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 .5px rgba(var(--shade),.14)}
  .kc b{white-space:normal}
  .fm-field{order:2}
  .fm-response{order:4}
  .kc{padding:9px 11px;gap:4px;border-radius:10px}
  .kc b{font-size:13px}
  .kc span{font-size:12px;gap:5px;color:var(--wi-3)}
  .kc .logo,.kc .ico{width:12px;height:12px}
  .kc--pick-a,.kc--pick-b{background:rgba(255,255,255,.92)}
  .kc--pick-a b,.kc--pick-b b{color:rgb(30 28 24 / .9)}
  .fm-rows{padding:6px 16px 10px}
  .fm-row{min-height:52px;column-gap:10px}
  .fm-row .k,.fm-row .s{font-size:11.5px}
  .fm-row b{font-size:14px}
  .fm-row .logo{width:12px;height:12px}
}

.learner{width:100%;container-type:inline-size}
.lr-plane{position:relative;aspect-ratio:1000 / 340;--u:calc(100cqi / 1000)}
.lr-threads{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lr-in,.lr-out,.lr-down{fill:none;stroke:var(--thread);stroke-width:var(--thread-w);stroke-linecap:round;stroke-dasharray:1}
.lr-light{fill:none;stroke:var(--thread-light);stroke-width:var(--thread-light-w);stroke-linecap:round;stroke-dasharray:.06 2;stroke-dashoffset:.06;opacity:0}
.lr-label{position:absolute;left:0;top:0;margin:0;font-size:calc(var(--u) * 13);font-weight:600;font-variation-settings:"wght" 600;color:var(--ink-2)}
.lr-recs{list-style:none;margin:0;padding:0}
.lr-rec{position:absolute;top:calc(var(--u) * 28);width:calc(var(--u) * 150);height:calc(var(--u) * 64);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u) * 5);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 12);
  background:rgba(255,255,255,.82);box-shadow:0 0 0 .5px rgba(var(--shade),.12),0 1px 2px rgba(var(--shade),.06)}
.lr-rec--1{left:0}.lr-rec--2{left:calc(var(--u) * 170)}.lr-rec--3{left:calc(var(--u) * 340)}.lr-rec--4{left:calc(var(--u) * 510)}.lr-rec--5{left:calc(var(--u) * 680);opacity:.5}.lr-rec--6{left:calc(var(--u) * 850)}
.lr-rec b{font-size:calc(var(--u) * 12.5);line-height:1.2;font-weight:650;font-variation-settings:"wght" 650;color:rgb(30 28 24 / .9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr-meta{display:flex;align-items:center;gap:calc(var(--u) * 5);font-size:calc(var(--u) * 11);line-height:1.2;color:var(--wi-3);white-space:nowrap}
.lr-st{display:inline-flex;align-items:center;gap:calc(var(--u) * 3)}
.lr-st.is-fixed{color:#703E2B}
.lr-st .ico{width:calc(var(--u) * 11);height:calc(var(--u) * 11)}
.lr-st{margin-left:calc(var(--u) * 3)}
.lr-tool{display:block;flex:none;width:calc(var(--u) * 11);height:calc(var(--u) * 11);border-radius:calc(var(--u) * 2.5);object-fit:contain}
.lr-core{position:absolute;left:calc(var(--u) * 395);top:calc(var(--u) * 146);width:calc(var(--u) * 210);height:calc(var(--u) * 48);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 12);margin:0;
  border-radius:calc(var(--u) * 14);font-size:calc(var(--u) * 17);font-weight:650;font-variation-settings:"wght" 650;color:rgb(30 28 24 / .92);background:#fff;
  box-shadow:0 0 0 .5px rgba(var(--shade),.13),0 calc(var(--u) * 10) calc(var(--u) * 24) calc(var(--u) * -10) rgba(var(--shade),.4)}
.lr-mark{display:block;flex:none;width:calc(var(--u) * 36);height:auto}
.lr-core .product-name{gap:.22em;color:rgb(30 28 24 / .92)}
.lr-tag{position:absolute;top:calc(var(--u) * 262);width:calc(var(--u) * 150);height:calc(var(--u) * 36);box-sizing:border-box;display:grid;place-items:center;margin:0;border-radius:calc(var(--u) * 18);
  font-size:calc(var(--u) * 13);font-weight:600;font-variation-settings:"wght" 600;color:rgb(30 28 24 / .86);background:rgba(255,255,255,.9);box-shadow:0 0 0 .5px rgba(var(--shade),.14),0 0 0 calc(var(--u) * 3) rgba(232,182,110,.35)}
.lr-tag--proc{left:calc(var(--u) * 170)}

.lr-fork{display:none}
.lr-tag--ctx{left:calc(var(--u) * 680)}
.lr-windows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.lr-windows>.win{max-width:none;--beat:.3s}
.lr-proc{--at:1.9s}
.lr-ctx{--at:2.1s}

.pr-runs{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.run{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;padding:6px;border-radius:12px;background:rgba(255,255,255,.62);box-shadow:0 0 0 .5px rgb(var(--mi) / .09)}
.teaser{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:1px;aspect-ratio:16 / 9;padding:0 9px 12px;border-radius:7px;overflow:hidden;color:#FBF4E8;text-shadow:0 1px 3px rgba(0,0,0,.35);
  background:linear-gradient(to top,rgba(28,26,24,.9) 0 40%,rgba(28,26,24,0) 100%),var(--wb-preview,none) center / cover;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.3)}
.tz-kicker{font-size:7.5px;line-height:1.2;letter-spacing:.02em}
.tz-date{font-size:12px;line-height:1.15;font-weight:700;font-variation-settings:"wght" 700;letter-spacing:-.01em;white-space:nowrap}
.tz-wrong{text-decoration:underline wavy #FF9466;text-decoration-thickness:1.5px;text-underline-offset:2px;text-decoration-skip-ink:none}
.tz-bar{position:absolute;left:9px;right:9px;bottom:6px;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(251,244,232,.85) 42%,rgba(251,244,232,.25) 42%)}
.run-cap{display:flex;flex-direction:column;gap:3px;min-width:0}
.run-cap b{font-size:12.5px;font-weight:650;font-variation-settings:"wght" 650;color:rgb(var(--mi) / .86)}
.run-st{display:flex;align-items:center;gap:5px;font-size:12px;line-height:1.3;color:var(--wi-3)}
.run-st .ico{flex:none;width:12px;height:12px}
.run-st.is-fixed{color:#703E2B}
.run-st.is-ok .ico{color:#4F7F4C}
.proc-steps{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:ps}
.proc-steps li{counter-increment:ps;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:13.5px;line-height:1.35;color:rgb(var(--mi) / .86);background:rgba(255,255,255,.66);box-shadow:0 0 0 .5px rgb(var(--mi) / .09)}
.proc-steps li::before{content:counter(ps);flex:none;width:14px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--wi-3)}
.proc-steps li.is-new{background:rgba(255,246,230,.9);box-shadow:0 0 0 .5px rgba(196,140,64,.35)}
.ps-tool{margin-right:0}
.ps-new{margin-left:auto;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600;font-variation-settings:"wght" 600;color:#8A5A1E;background:rgba(232,182,110,.28)}
.proc-note{margin:12px 0 0;font-size:12.5px;line-height:1.45;color:var(--wi-3)}
.proc-test{margin-top:10px}
html[data-motion] .learner[data-reveal] .lr-rec{transition:opacity .45s var(--ease-arrive),translate .5s var(--ease-arrive);transition-delay:calc(var(--r) * 60ms)}
.lr-rec--1{--r:0}.lr-rec--2{--r:1}.lr-rec--3{--r:2}.lr-rec--4{--r:3}.lr-rec--5{--r:4}.lr-rec--6{--r:5}
html[data-motion] .learner[data-reveal]:not([data-shown]) .lr-rec{opacity:0;translate:0 6px}
html[data-motion] .learner[data-reveal][data-shown]:not([data-shown="now"]) .lr-rec:not(.lr-rec--5){animation:lr-lit 1.2s ease-out calc(.5s + var(--r) * 90ms) both}
html[data-motion] .learner[data-reveal] :is(.lr-in,.lr-out,.lr-down){transition:stroke-dashoffset .6s var(--ease-arrive)}
html[data-motion] .learner[data-reveal] .lr-in{transition-delay:1s}
html[data-motion] .learner[data-reveal] .lr-out{transition-delay:1.45s}
html[data-motion] .learner[data-reveal] .lr-down{transition-delay:1.8s}
html[data-motion] .learner[data-reveal]:not([data-shown]) :is(.lr-in,.lr-out,.lr-down){stroke-dashoffset:1}
html[data-motion] .learner[data-reveal][data-shown]:not([data-shown="now"]) .lr-light{animation:mw-thread-light var(--thread-run) ease-in-out both}
html[data-motion] .learner[data-reveal][data-shown]:not([data-shown="now"]) .lr-light--in{animation-delay:1.55s}
html[data-motion] .learner[data-reveal][data-shown]:not([data-shown="now"]) .lr-light--out{animation-delay:2.1s}
html[data-motion] .learner[data-reveal][data-shown]:not([data-shown="now"]) .lr-light--down{animation-delay:2.55s;animation-duration:.5s}
html[data-motion] .learner[data-reveal] :is(.lr-core,.lr-label){transition:opacity .5s var(--ease-arrive) .2s}
html[data-motion] .learner[data-reveal] .lr-tag{transition:opacity .45s var(--ease-arrive) 1.7s,translate .5s var(--ease-arrive) 1.7s}
html[data-motion] .learner[data-reveal]:not([data-shown]) :is(.lr-core,.lr-label,.lr-tag){opacity:0}
html[data-motion] .learner[data-reveal]:not([data-shown]) .lr-tag{translate:0 6px}
html[data-motion] .learner[data-reveal][data-shown]:not([data-shown="now"]) .lr-core{animation:lr-core 1.2s ease-out 1.35s both}
@keyframes lr-lit{0%{box-shadow:0 0 0 .5px rgba(60,52,40,.12),0 0 0 0 rgba(232,182,110,0)}35%{box-shadow:0 0 0 .5px rgba(60,52,40,.12),0 0 0 3px rgba(232,182,110,.6)}100%{box-shadow:0 0 0 .5px rgba(60,52,40,.12),0 0 0 0 rgba(232,182,110,0)}}
@keyframes lr-core{0%{box-shadow:0 0 0 .5px rgba(60,52,40,.13),0 0 0 0 rgba(232,182,110,0)}30%{box-shadow:0 0 0 .5px rgba(60,52,40,.13),0 0 0 6px rgba(232,182,110,.5)}100%{box-shadow:0 0 0 .5px rgba(60,52,40,.13),0 0 0 12px rgba(232,182,110,0)}}

@container (max-width:699px){
  .lr-plane{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto 28px auto;grid-template-areas:"label label" "recs recs" "core core" "fork fork" "proc ctx";row-gap:14px;column-gap:0;justify-items:center;margin-bottom:18px}
  .lr-threads{display:none}
  .lr-label{grid-area:label;position:static;justify-self:start;font-size:13px}
  .lr-recs{grid-area:recs;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .lr-core{grid-area:core}
  .lr-fork{grid-area:fork;display:block;width:100%;height:calc(100% + 28px);margin-block:-14px;overflow:visible}
  .lr-fork path{vector-effect:non-scaling-stroke;stroke-dasharray:none}
  .lr-tag--proc{grid-area:proc}
  .lr-tag--ctx{grid-area:ctx}
  .lr-rec::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 2px 2px 0;background:var(--fed,transparent)}
  .lr-rec--2,.lr-rec--4{--fed:#C48C40}
  .lr-rec--1,.lr-rec--3,.lr-rec--6{--fed:#B86B4E}
  .lr-rec--5{opacity:1;background:rgba(255,255,255,.34);box-shadow:inset 0 0 0 .5px rgba(var(--shade),.12)}
  .lr-rec--5 b{color:var(--wi-3)}
  .lr-core,.lr-tag{position:static;width:auto;height:auto}
  .lr-rec{position:relative;left:auto;top:auto;width:auto;height:auto}
  .lr-rec{padding:9px 11px;gap:4px;border-radius:11px}
  .lr-rec b{font-size:12.5px;white-space:normal}
  .lr-meta{font-size:11px;gap:5px}
  .lr-st .ico{width:11px;height:11px}
  .lr-tool{width:12px;height:12px;border-radius:3px}
  .lr-st{margin-left:3px}
  .lr-core{padding:10px 18px;gap:9px;border-radius:14px;font-size:15px}
  .lr-mark{width:32px;height:auto}
  .lr-tag{display:inline-grid;padding:8px 16px;border-radius:18px;font-size:13px;box-shadow:0 0 0 .5px rgba(var(--shade),.14),0 0 0 3px rgba(196,140,64,.4)}
  .lr-tag--ctx{box-shadow:0 0 0 .5px rgba(var(--shade),.14),0 0 0 3px rgba(184,107,78,.38)}
}
@container (max-width:699px){.lr-windows{grid-template-columns:minmax(0,1fr)}}

.proposal{max-width:540px;width:100%}
.lr-windows>.proposal{max-width:none}
.proposal-body{padding:16px 20px 4px}
.pr-from{margin:0;font-size:12px;color:var(--wi-3)}

.pr-answers{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.pr-answers li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.62);box-shadow:0 0 0 .5px rgb(var(--mi) / .09)}
.pa-q{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13.5px;line-height:1.3;color:rgb(var(--mi) / .88)}
.pa-meta{font-size:11.5px;color:var(--wi-3)}
.pr-why{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--wi-3);text-wrap:pretty}
.pr-srcs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.src{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:8px;font-size:12px;white-space:nowrap;color:rgb(var(--mi) / .72);background:rgba(255,255,255,.72);box-shadow:0 0 0 .5px rgb(var(--mi) / .12)}
.src .logo{display:block;width:12px;height:12px;flex:none}
.src.is-missed{color:#703E2B;background:rgba(255,255,255,.35);box-shadow:none;outline:1px dashed rgba(147,85,57,.45);outline-offset:-1px}
.src em{font-style:normal;font-weight:600;font-variation-settings:"wght" 600}
@container (max-width:439px){
  .pr-runs{grid-template-columns:minmax(0,1fr)}
  .pr-answers li{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"i q" "i c"}
  .pr-answers li>.app{grid-area:i;align-self:start}
  .pr-answers li>.pa-q{grid-area:q}
  .pr-answers li>.ed{grid-area:c}
}
.proposal-text{margin:16px 0 0;font-size:16.5px;line-height:1.45;letter-spacing:-.15px;color:rgb(var(--mi) / .92);text-wrap:pretty}
.evals{margin-top:16px;padding:14px 14px 12px;border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 0 0 .5px rgb(var(--mi) / .1)}
.ev-title{margin:0 0 10px;font-size:12px;color:var(--wi-3)}
.ev-row{display:grid;grid-template-columns:48px minmax(0,1fr) 56px;align-items:center;gap:10px;margin-top:6px;font-size:12px;color:var(--wi-3)}
.ev-cells{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px}
.ev-cells i{height:12px;border-radius:3px;background:#6F9A6B}
.ev-cells i.is-wrong{background:#C9724E}
.ev-row--after .ev-cells i{background:#5E8A5B}
.ev-cells i.is-fixed{box-shadow:0 0 0 1.5px rgba(232,182,110,.95)}
.ev-n{justify-self:end;font-size:12px;font-weight:600;font-variation-settings:"wght" 600;font-variant-numeric:tabular-nums;white-space:nowrap;color:rgb(var(--mi) / .72)}
.ev-result{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:12.5px;color:rgb(var(--mi) / .7)}
.ev-result::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:rgba(84,140,82,.9) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3.3 6.2 5.1 8l3.6-3.8' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 12px no-repeat}
html[data-motion] .g-art[data-reveal] .ev-row--before .ev-cells{transition:clip-path .9s var(--ease-arrive) calc(var(--t) + .3s)}
html[data-motion] .g-art[data-reveal] .ev-row--after .ev-cells{transition:clip-path .9s var(--ease-arrive) calc(var(--t) + 1.1s)}
html[data-motion] .g-art[data-reveal][data-shown]:not([data-shown="now"]) .ev-cells i.is-fixed{animation:ev-fix 1.1s var(--ease-arrive) calc(var(--t) + 1.9s) both}
@keyframes ev-fix{0%{background:#C9724E;box-shadow:0 0 0 0 rgba(232,182,110,0)}45%{box-shadow:0 0 0 3px rgba(232,182,110,.7)}100%{background:#5E8A5B;box-shadow:0 0 0 1.5px rgba(232,182,110,.95)}}
html[data-motion] .g-art[data-reveal] .ev-result{transition:opacity .5s var(--ease-arrive) calc(var(--t) + 2.6s)}

html[data-motion] .g-art[data-reveal] .ev-cells{clip-path:inset(-6px)}
html[data-motion] .g-art[data-reveal]:not([data-shown]) .ev-cells{clip-path:inset(-6px calc(100% + 6px) -6px -6px)}
html[data-motion] .g-art[data-reveal]:not([data-shown]) .ev-result{opacity:0}

.homes{width:100%;max-width:780px}
.home-tabs{display:flex;justify-content:center;padding:16px 12px 0}
.ht-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;border-radius:12px;background:rgb(var(--mi) / .05);box-shadow:inset 0 0 0 .5px rgb(var(--mi) / .07)}
.ht-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);border-radius:9px;background:#fff;box-shadow:0 0 0 .5px rgb(var(--mi) / .1),0 1px 3px rgb(var(--mi) / .1)}
.ht{position:relative;display:grid;place-items:center;height:30px;padding:0 18px;font-size:13px;font-weight:550;font-variation-settings:"wght" 550;color:color-mix(in srgb,var(--wi-3),rgb(var(--mi)) 20%);white-space:nowrap}
.ht--1{color:rgb(var(--mi) / .9)}

.home-plane{--pw:720;--ph:372;--u:min(calc(100cqi / var(--pw)), 1.1px);position:relative;width:min(100%, calc(var(--pw) * 1.1px));margin-inline:auto;aspect-ratio:var(--pw) / var(--ph)}
.home-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.home-lines--narrow{display:none}
.hl-bound{fill:rgba(255,255,255,.36);stroke:rgba(var(--shade),.3);stroke-width:1.2;stroke-dasharray:1.5 5;stroke-linecap:round}

.hl{fill:none;stroke:var(--thread);stroke-width:var(--thread-w);stroke-linecap:round;stroke-dasharray:1}
.hp{fill:none;stroke:var(--thread-light);stroke-width:var(--thread-light-w);stroke-linecap:round;stroke-dasharray:.06 2;stroke-dashoffset:.06;opacity:0}
.home-in,.home-out{list-style:none;margin:0;padding:0}
.home-in li,.home-out li{position:absolute;left:calc(var(--u) * var(--x));top:calc(var(--u) * var(--y));display:grid;place-items:center;width:calc(var(--u) * var(--s));height:calc(var(--u) * var(--s));border-radius:calc(var(--u) * var(--s) * .28);
  background:#fff;box-shadow:0 0 0 .5px rgb(var(--mi) / .12),0 calc(var(--u) * 4) calc(var(--u) * 10) calc(var(--u) * -4) rgb(var(--mi) / .25)}
.home-in .logo,.home-out .logo{width:calc(var(--u) * var(--s) * .47);height:calc(var(--u) * var(--s) * .47)}
.home-in li{--x:40;--s:40}
.home-in li:nth-child(1){--y:52}.home-in li:nth-child(2){--y:104}.home-in li:nth-child(3){--y:156}.home-in li:nth-child(4){--y:208}
.home-out li{--x:640;--s:40}
.home-out li:nth-child(1){--y:52}.home-out li:nth-child(2){--y:104}.home-out li:nth-child(3){--y:156}.home-out li:nth-child(4){--y:208}
.home-where{position:absolute;left:calc(var(--u) * 248);top:calc(var(--u) * 54);display:grid;margin:0}
.hw{grid-area:1 / 1;display:inline-flex;align-items:center;gap:calc(var(--u) * 7);height:calc(var(--u) * 26);padding:0 calc(var(--u) * 10) 0 calc(var(--u) * 7);border-radius:calc(var(--u) * 8);
  font-size:calc(var(--u) * 12);font-weight:550;font-variation-settings:"wght" 550;color:rgb(var(--mi) / .66);white-space:nowrap;background:rgba(255,255,255,.72);box-shadow:0 0 0 .5px rgb(var(--mi) / .09)}
.hw .ico{width:calc(var(--u) * 14);height:calc(var(--u) * 14);color:rgb(var(--mi) / .55)}
.hw-mark{display:block;width:calc(var(--u) * 15);height:calc(var(--u) * 15);border-radius:calc(var(--u) * 4);overflow:hidden;background:#fff;box-shadow:0 0 0 .5px rgb(var(--mi) / .14)}
.hw-mark img{display:block;width:100%;height:100%}
.hw--2,.hw--3{opacity:0}
.home-core{position:absolute;left:calc(var(--u) * 288);top:calc(var(--u) * 124);width:calc(var(--u) * 144);height:calc(var(--u) * 52);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 10);margin:0;
  border-radius:calc(var(--u) * 15);font-size:calc(var(--u) * 17);font-weight:650;font-variation-settings:"wght" 650;letter-spacing:-.01em;color:rgb(var(--mi) / .92);
  background:#fff;box-shadow:0 0 0 .5px rgb(var(--mi) / .13),0 calc(var(--u) * 10) calc(var(--u) * 24) calc(var(--u) * -10) rgba(var(--shade),.4)}
.hc-mark{display:block;width:calc(var(--u) * 30);height:calc(var(--u) * 30);border-radius:calc(var(--u) * 8);overflow:hidden;background:#fff;box-shadow:0 0 0 .5px rgb(var(--mi) / .12)}
.hc-mark img{display:block;width:100%;height:100%}

.export-card{position:absolute;left:calc(var(--u) * 60);top:calc(var(--u) * 300);width:calc(var(--u) * 600);height:calc(var(--u) * 48);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 16);padding:0 calc(var(--u) * 16);
  border-radius:calc(var(--u) * 14);background:rgba(255,255,255,.84);box-shadow:0 0 0 .5px rgb(var(--mi) / .12),0 calc(var(--u) * 8) calc(var(--u) * 20) calc(var(--u) * -10) rgba(var(--shade),.3)}
.export{display:inline-flex;align-items:center;gap:calc(var(--u) * 7);margin:0;padding-right:calc(var(--u) * 16);border-right:1px solid rgb(var(--mi) / .1);font-size:calc(var(--u) * 13.5);font-weight:650;font-variation-settings:"wght" 650;color:rgb(var(--mi) / .9);white-space:nowrap}
.export .ico{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}
.export-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:calc(var(--u) * 16)}
.export-list li{display:inline-flex;align-items:center;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 12.5);color:rgb(var(--mi) / .7);white-space:nowrap}
.export-list .ico{width:calc(var(--u) * 14);height:calc(var(--u) * 14);color:rgb(var(--mi) / .45)}
@container (max-width:599px){
  .home-plane{--pw:350;--ph:392}
  .home-lines--wide{display:none}
  .home-lines--narrow{display:block}
  .ht{padding:0 11px;font-size:12.5px}
  .home-in li{--x:14;--s:34}
  .home-in li:nth-child(1){--y:43}.home-in li:nth-child(2){--y:87}.home-in li:nth-child(3){--y:131}.home-in li:nth-child(4){--y:175}
  .home-out li{--x:302;--s:34}
  .home-out li:nth-child(1){--y:43}.home-out li:nth-child(2){--y:87}.home-out li:nth-child(3){--y:131}.home-out li:nth-child(4){--y:175}
  .home-where{left:calc(var(--u) * 82);top:calc(var(--u) * 42)}
  .home-core{left:calc(var(--u) * 115);top:calc(var(--u) * 104);width:calc(var(--u) * 120);height:calc(var(--u) * 44);font-size:calc(var(--u) * 15);gap:calc(var(--u) * 8)}
  .hc-mark{width:calc(var(--u) * 26);height:calc(var(--u) * 26)}
  .export-card{left:calc(var(--u) * 14);top:calc(var(--u) * 262);width:calc(var(--u) * 322);height:auto;flex-direction:column;align-items:stretch;gap:calc(var(--u) * 10);padding:calc(var(--u) * 12) calc(var(--u) * 14) calc(var(--u) * 14)}
  .export{padding:0 0 calc(var(--u) * 10);border-right:0;border-bottom:1px solid rgb(var(--mi) / .1)}
  .export-list{display:grid;grid-template-columns:auto auto;justify-content:start;gap:calc(var(--u) * 9) calc(var(--u) * 20)}
  .export-list li{font-size:calc(var(--u) * 12)}
}

@container (max-width:439px){
  .home-tabs{padding-inline:8px}
  .ht{height:auto;min-height:30px;padding:4px 6px;font-size:12px;line-height:1.2;text-align:center;white-space:normal}
}

html[data-motion] .homes[data-reveal] .hl{transition:stroke-dashoffset .9s var(--ease-arrive) .35s}
html[data-motion] .homes[data-reveal] .hl--out{transition-delay:.95s}
html[data-motion] .homes[data-reveal] .hl--export{transition-delay:1.45s}
html[data-motion] .homes[data-reveal]:not([data-shown]) .hl{stroke-dashoffset:1}
html[data-motion] .homes[data-reveal][data-shown]:not([data-shown="now"]) .hp{animation:hp-flow 3s linear 2.2s infinite both}
html[data-motion] .homes[data-reveal][data-shown]:not([data-shown="now"]) .hp--out{animation-delay:2.75s}
html[data-motion] .homes[data-reveal][data-shown]:not([data-shown="now"]) .ht-thumb{animation:home-thumb 9s var(--ease-arrive) 2s infinite}
html[data-motion] .homes[data-reveal][data-shown]:not([data-shown="now"]) .ht--1{animation:home-on-1 9s linear 2s infinite}
html[data-motion] .homes[data-reveal][data-shown]:not([data-shown="now"]) .ht--2{animation:home-on-2 9s linear 2s infinite}
html[data-motion] .homes[data-reveal][data-shown]:not([data-shown="now"]) .ht--3{animation:home-on-3 9s linear 2s infinite}
html[data-motion] .homes[data-reveal][data-shown]:not([data-shown="now"]) .hw--1{animation:home-in-1 9s linear 2s infinite}
html[data-motion] .homes[data-reveal][data-shown]:not([data-shown="now"]) .hw--2{animation:home-in-2 9s linear 2s infinite}
html[data-motion] .homes[data-reveal][data-shown]:not([data-shown="now"]) .hw--3{animation:home-in-3 9s linear 2s infinite}
html[data-motion] .homes[data-reveal][data-shown]:not([data-shown="now"]) .home-core{animation:home-settle 3s linear 5s infinite}
html[data-motion] .homes[data-reveal][data-shown][data-off-screen]:not([data-shown="now"]) :is(.hp,.ht-thumb,.ht,.hw,.home-core){animation-play-state:paused}
@keyframes hp-flow{0%{stroke-dashoffset:.06;opacity:0}3%{opacity:1}26%{opacity:1}30%,100%{stroke-dashoffset:-1;opacity:0}}
@keyframes home-thumb{0%,30%{translate:0}36%,63%{translate:100%}69%,96%{translate:200%}100%{translate:0}}
@keyframes home-on-1{0%,31%{color:rgb(30 28 24 / .9)}35%,97%{color:color-mix(in srgb,var(--wi-3),rgb(var(--mi)) 20%)}100%{color:rgb(30 28 24 / .9)}}
@keyframes home-on-2{0%,31%{color:color-mix(in srgb,var(--wi-3),rgb(var(--mi)) 20%)}35%,64%{color:rgb(30 28 24 / .9)}68%,100%{color:color-mix(in srgb,var(--wi-3),rgb(var(--mi)) 20%)}}
@keyframes home-on-3{0%,64%{color:color-mix(in srgb,var(--wi-3),rgb(var(--mi)) 20%)}68%,97%{color:rgb(30 28 24 / .9)}100%{color:color-mix(in srgb,var(--wi-3),rgb(var(--mi)) 20%)}}
@keyframes home-in-1{0%,31%{opacity:1}34%,97%{opacity:0}100%{opacity:1}}
@keyframes home-in-2{0%,32%{opacity:0}35%,64%{opacity:1}67%,100%{opacity:0}}
@keyframes home-in-3{0%,65%{opacity:0}68%,97%{opacity:1}100%{opacity:0}}
@keyframes home-settle{0%,4%{translate:0 0}8%{translate:0 calc(var(--u) * 2.5)}12%{translate:0 calc(var(--u) * -1)}16%,100%{translate:0 0}}

.tabs{max-width:620px;width:100%;justify-self:end}
.tab-bar{display:flex;gap:2px;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.07)}
.tab-bar input{position:absolute;opacity:0;pointer-events:none}
.tab-bar label{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:550;font-variation-settings:"wght" 550;color:rgba(240,234,222,.66);cursor:pointer;transition:color .18s var(--ease),background-color .18s var(--ease)}
.tab-bar label:hover{color:rgba(240,234,222,.9)}
.tab-bar input:checked+label{color:rgba(250,246,238,.98);background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.tab-bar input:focus-visible+label{outline:2px solid rgba(250,246,238,.8);outline-offset:1px}
.tab-panels{display:grid;grid-template-columns:minmax(0,1fr);min-height:196px}
.tab-panels>[data-tab]{grid-area:1/1;min-width:0;visibility:hidden}
.tab-panels .code{padding-top:18px}

html[data-keyboard] .tab-panels .code:focus-visible{outline:2px solid rgba(250,246,238,.8);outline-offset:-2px}

.mcp-clients{display:flex;align-items:center;gap:10px;margin:0;padding:2px 22px 20px;font-size:13px;line-height:1.4;color:rgba(240,234,222,.7)}
.mc-logos{display:flex;gap:5px;flex:none}
.mc-logo{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#fff}
.mc-logo img{display:block;width:14px;height:14px;object-fit:contain}
.tabs:has(#t-api:checked) [data-tab="api"],.tabs:has(#t-mcp:checked) [data-tab="mcp"],.tabs:has(#t-ts:checked) [data-tab="ts"],.tabs:has(#t-py:checked) [data-tab="py"]{visibility:visible}
html[data-motion] .tabs:has(#t-api:checked) [data-tab="api"],html[data-motion] .tabs:has(#t-mcp:checked) [data-tab="mcp"],html[data-motion] .tabs:has(#t-ts:checked) [data-tab="ts"],html[data-motion] .tabs:has(#t-py:checked) [data-tab="py"]{animation:tab-in .45s var(--ease-arrive) both}
@keyframes tab-in{from{opacity:0;translate:0 4px}}

@media (max-width:899px){
  .exchange,.tabs{justify-self:stretch;max-width:none}
}
@media (max-width:719px){
  .core>.g-band{--band-h:640px;--band-rise:470px}
  .place-row{grid-template-columns:minmax(0,1fr);max-width:320px}
  .place>.win-inset{flex-direction:row;justify-content:flex-start;padding:16px 18px}
  .place-icon{width:36px;height:36px}
  .place-mark{width:36px;height:36px;border-radius:10px}
  .exchange>.request,.exchange>.response{width:100%}
  .exchange>.response{margin-top:-14px}
  .code{font-size:11px;padding:14px 16px 16px;white-space:pre-wrap;overflow-wrap:anywhere}

  .tab-bar{overflow-x:auto;scrollbar-width:none}
  .tab-bar::-webkit-scrollbar{display:none}
  .tab-bar label{padding:0 7px;font-size:12.5px;flex:none}
  .tab-bar[data-scrolls]{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
}