/* nav from PR #25 */
.an-site{
  --insyt-tokens-version: "4.3.0";

  
  --pink: #E20575;
  --purple: #9B41FF;
  --blue: #046CFE;
  --cyan: #20C9F4;
  --void: #0B0C1A;
  --mist: #ECEFF3;
  --snow: #FCFDFF;
  --ink: #17151F;
  --white: #FFF;
  --gradient-light: linear-gradient(100deg in oklch, #E20575, #9B41FF 50%, #046CFE);
  --gradient-dark: linear-gradient(100deg in oklch, #FF1186, #B267FF 50%, #19D2FF);

  
  --ink-muted: #5E5A6E;
  --on-void-muted: #B8B5C9;
  --on-void-caption: #8E8AA8;
  --pink-on-void-text: #FF1186;   

  
  --surface-page: var(--mist);
  --surface-raised: var(--snow);
  --surface-sunken: var(--mist);        
  --surface-inverse: var(--void);
  --surface-hover: rgba(23, 21, 31, 0.05);
  --text-primary: var(--ink);
  --text-secondary: var(--ink-muted);
  --text-on-action: var(--white);
  --text-link: var(--ink);
  --text-disabled: var(--ink-muted);
  --border-subtle: rgba(23, 21, 31, 0.12);   
  --border-control: var(--ink-muted);        
  --border-invalid: var(--pink);
  --action: var(--pink);
  --structure: var(--purple);
  --third: var(--blue);                      
  --focus-ring: var(--ink);                  
  --nav-current: var(--pink);
  --key-gradient: var(--gradient-light);
  --tab: var(--pink);
  --eyebrow-text: var(--text-primary);   
  --eyebrow-tab-display: block;

  
  --chart-finding: var(--pink);
  --chart-context: var(--ink-muted);         

  
  --shadow-0: none;
  --shadow-1: 0 1px 2px rgba(11, 12, 26, 0.04), 0 8px 24px rgba(11, 12, 26, 0.06);
  --shadow-2: 0 2px 4px rgba(11, 12, 26, 0.06), 0 16px 40px rgba(11, 12, 26, 0.12);

  
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-title: "Lora", Georgia, "Times New Roman", serif;
  --font-code: Consolas, "Cascadia Mono", Menlo, monospace;
  --type-h1: clamp(38px, 6vw, 62px);
  --type-h1-phone: clamp(30px, 8.6vw, 44px);
  --type-h2: clamp(26px, 4.2vw, 34px);
  --type-card-title: 24px;
  --type-item-title: 20px;
  --type-lede: 18px;
  --type-body: 16px;
  --type-small: 14px;
  --type-caption: 13px;
  --type-label: 12px;
  --type-eyebrow: 12.5px;
  --tracking-eyebrow: 2.5px;
  --tracking-h1: -0.5px;
  --leading-h1: 1.08;
  --leading-title: 1.2;
  --leading-body: 1.6;
  --measure: 72ch;              

  
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --wrap: 1280px;               
  --gutter: 32px;               
  --grid-gap: 20px;
  --grid-card-min: 260px;
  --grid-dest-min: 280px;
  --section-top: 44px;
  --section-bottom: 56px;
  --card-pad-y: 20px;
  --card-pad-x: 22px;
  --radius: 14px;
  --radius-control: 8px;
  --radius-focus: 4px;
  --radius-pill: 999px;
  --header-min: 60px;           
  --nav-control-height: 38px;
  --explore-h: 48px;               
  --button-height: 48px;
  --control-height: 48px;
  --target-min: 44px;
  --focus-width: 3px;
  --focus-offset: 2px;
  --wordmark-height: 34px;      
}
@media (max-width: 1023px){.an-site{ --gutter: 24px; }}
@media (max-width: 759px){.an-site{ --header-min: 56px; --wordmark-height: 30px; }}
@media (max-width: 599px){.an-site{ --gutter: 16px; }}
.on-void{
  --surface-page: var(--void);
  --surface-sunken: var(--void);
  --surface-hover: rgba(255, 255, 255, 0.08);
  --text-primary: var(--white);
  --text-secondary: var(--on-void-muted);
  --text-caption: var(--on-void-caption);
  --text-link: var(--white);
  --text-disabled: var(--on-void-muted);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-control: var(--on-void-muted);
  --third: var(--cyan);                      
  --focus-ring: var(--cyan);
  --key-gradient: var(--gradient-dark);
  --chart-context: var(--on-void-caption);   
  --eyebrow-text: var(--pink-on-void-text);   
  --eyebrow-tab-display: none;
}
.site-header{ background: var(--surface-page); color: var(--text-primary); }
.site-header .an-wrap{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-4) var(--space-6); min-height: var(--header-min); padding-block: 0; flex-wrap: wrap; }
.brand{ display: inline-flex; align-items: center; }
.brand img{ display: block; height: var(--wordmark-height); width: auto; }
.site-header{ position: relative; }
.site-header .an-wrap{ position: relative; }
.site-nav{ margin-left: auto; }
.nav-list{ list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-1); margin: 0; padding: 0; }
.nav-link{ position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: var(--target-min); padding: 10px 12px; border: 0; border-radius: var(--radius-control); background: transparent; color: var(--text-secondary); font: 400 var(--type-body)/1.2 var(--font-body); text-decoration: none; cursor: pointer; transition: color 0.2s ease; }
.nav-link[aria-current="page"]::before, .nav-link.is-current::before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 2px; background: var(--nav-current); }
.nav-label{ display: inline-flex; flex-direction: column; align-items: center; }
.nav-label::after{ content: attr(data-text); height: 0; overflow: hidden; visibility: hidden; font-weight: 700; pointer-events: none; user-select: none; }
.nav-link:hover, .nav-link:focus-visible, .nav-link[aria-current="page"], .nav-link.is-current, .nav-explore-button[aria-expanded="true"]{ color: var(--text-primary); }
.nav-link:hover .nav-label, .nav-link:focus-visible .nav-label, .nav-link[aria-current="page"] .nav-label, .nav-link.is-current .nav-label, .nav-explore-button[aria-expanded="true"] .nav-label{ font-weight: 700; }
.nav-chevron{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 12px; width: 12px; height: 12px; transform-origin: 50% 50%; transition: transform 0.2s ease; }
.nav-chevron svg{ display: block; width: 12px; height: 12px; }
.nav-explore-button{ font-family: var(--font-body); }
.nav-explore-button[aria-expanded="true"] .nav-chevron{ transform: rotate(180deg); }
.explore-menu{ position: absolute; top: calc(100% + var(--space-1)); left: var(--gutter); right: var(--gutter); z-index: 30; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-1); margin: 0; padding: 6px; list-style: none; background: linear-gradient(var(--surface-hover), var(--surface-hover)), var(--void); border: 1px solid var(--border-subtle); border-radius: var(--radius); box-shadow: var(--shadow-2); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s linear 0.15s; }
.explore-menu > li{ flex: 1 1 auto; min-width: 0; }
.explore-menu::before{ content: ""; position: absolute; left: 0; right: 0; top: -28px; height: 28px; }
.nav-explore.is-open .explore-menu,
.site-nav:not(.nav-ready) .nav-explore:hover .explore-menu,
.site-nav:not(.nav-ready) .nav-explore:focus-within .explore-menu{ opacity: 1; visibility: visible; transform: none; transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s; }
.explore-item{ display: flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 34px; padding: 6px var(--space-2); border-radius: var(--radius-control); color: var(--text-secondary); font: 400 var(--type-body)/1.2 var(--font-body); text-decoration: none; white-space: nowrap; transition: background-color 0.15s ease, color 0.15s ease; }
.nav-icon{ flex: none; color: var(--pink-on-void-text); }
.explore-item:hover, .explore-item:focus-visible{ background: var(--surface-hover); color: var(--text-primary); }
.explore-item:hover .nav-label, .explore-item:focus-visible .nav-label, .explore-item[aria-current="page"] .nav-label{ font-weight: 700; }
.explore-item[aria-current="page"]{ color: var(--text-primary); box-shadow: inset 0 -3px 0 var(--nav-current); }
.explore-item:focus-visible{ outline-offset: -3px; }
@media (min-width: 760px){.site-header{ transition: padding-bottom 0.2s ease; }.site-header.explore-open{ padding-bottom: calc(var(--explore-h) + var(--space-1) + var(--space-3)); }}
.nav-cta{ margin-left: var(--space-2); }
.button.button-nav{ min-height: var(--nav-control-height); padding: 8px 18px; border-radius: var(--radius-pill); white-space: nowrap; background-color: var(--pink); background-image: linear-gradient(100deg in oklch, var(--pink) 0%, var(--pink) 50%, var(--purple) 100%); background-size: 200% 100%; background-position: 0 0; transition: background-position 0.35s ease; }
.button.button-nav:hover, .button.button-nav:focus-visible{ background-position: 100% 0; filter: none; }
.button.button-nav:active{ filter: brightness(0.94); }
.nav-menu-button{ display: none; align-items: center; gap: var(--space-2); min-height: var(--target-min); padding: var(--space-2) var(--space-3); border: 1px solid var(--border-control); border-radius: var(--radius-control); background: transparent; color: var(--text-primary); font: 600 var(--type-small)/1.2 var(--font-body); cursor: pointer; transition: background-color 0.2s ease; }
.nav-menu-button:hover, .nav-menu-button[aria-expanded="true"]{ background: var(--surface-hover); }
.nav-menu-button[hidden]{ display: none; }
.site-header .theme-toggle{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: var(--nav-control-height); min-height: var(--nav-control-height); height: var(--nav-control-height); padding: 0; margin-left: calc(var(--space-2) - var(--space-6)); }
.theme-icon{ display: block; flex: none; }
.theme-icon-moon{ display: none; }
:root[data-theme="light"] .theme-icon-sun{ display: none; }
:root[data-theme="light"] .theme-icon-moon{ display: block; }
.site-header .theme-toggle[hidden]{ display: none; }
@media (min-width: 760px) and (max-width: 1023px){.site-header .an-wrap{ gap: var(--space-4); }.site-header .theme-toggle{ margin-left: calc(var(--space-2) - var(--space-4)); }.nav-list{ gap: 0; }.nav-link{ padding-inline: var(--space-2); }.button.button-nav{ padding-inline: var(--space-4); }.explore-menu > li{ flex: 0 0 calc((100% - 3 * var(--space-1)) / 4); }}
@media (max-width: 759px){.site-nav.nav-ready .nav-menu-button:not([hidden]){ display: inline-flex; }.site-nav.nav-ready .nav-list{ display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 30; flex-direction: column; align-items: stretch; flex-wrap: nowrap; gap: 2px; padding: var(--space-3) var(--gutter) var(--space-5); background: var(--surface-page); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); box-shadow: var(--shadow-2); max-height: calc(100vh - var(--header-min)); overflow-y: auto; }.site-nav.nav-ready.is-open .nav-list{ display: flex; }.site-nav.nav-ready .nav-link{ display: flex; width: 100%; justify-content: flex-start; }.site-nav.nav-ready .nav-link::before{ right: auto; width: 48px; }.site-nav.nav-ready .nav-label{ align-items: flex-start; }.site-nav.nav-ready .nav-explore-button{ justify-content: space-between; }.site-nav.nav-ready .explore-menu{ position: static; display: none; margin: 2px 0 var(--space-2); padding: var(--space-1) 0 var(--space-1) var(--space-3); background: transparent; border: 0; border-left: 1px solid var(--border-subtle); border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; transition: none; }.site-nav.nav-ready .explore-menu::before{ display: none; }.site-nav.nav-ready .nav-explore.is-open .explore-menu{ display: grid; justify-content: stretch; }.site-nav.nav-ready .explore-item{ justify-content: flex-start; gap: var(--space-3); min-height: var(--target-min); padding: 10px var(--space-3); }.site-nav.nav-ready .explore-item .nav-label{ align-items: flex-start; }.site-nav.nav-ready .explore-item[aria-current="page"]{ box-shadow: inset 3px 0 0 var(--nav-current); }.site-nav.nav-ready .nav-cta{ margin: var(--space-3) 0 0; }.site-nav.nav-ready .button-nav{ width: 100%; min-height: var(--target-min); }.site-header .theme-toggle{ width: var(--target-min); height: var(--target-min); min-height: var(--target-min); margin-left: calc(var(--space-2) - var(--space-6)); }}
.theme-toggle{ background: transparent; color: var(--text-link); border: 1px solid var(--border-control); border-radius: var(--radius-control); min-height: var(--target-min); padding: var(--space-2) var(--space-3); font: 600 var(--type-small)/1.2 var(--font-body); cursor: pointer; transition: background-color 0.2s ease; }
.theme-toggle:hover{ background: var(--surface-hover); }
:root{--a1-gut:32px;--a1-sec:64px;--a1-hh:60px;
  --c-bg:#0B0C1A;--c-panel:#151932;--c-line:#272c4a;--c-line2:#363c62;--c-text:#FFFFFF;--c-muted:#B8B5C9;--c-cap:#8E8AA8;
  --c-pink:#e6007e;--c-pinkT:#FF1186;--c-pinkL:#FF7ABD;--c-grad:linear-gradient(100deg,#FF1186,#B267FF 50%,#19D2FF);--r:18px}
@media (max-width:1023px){:root{--a1-gut:24px;--a1-sec:56px}}
@media (max-width:640px){:root{--a1-gut:16px;--a1-sec:44px}}
html{scroll-padding-top:76px}
.skip-link{position:absolute;left:12px;top:-60px;z-index:60;padding:10px 16px;border-radius:8px;background:#fff;color:#0B0C1A;font-weight:600}
.skip-link:focus{top:12px;outline:2px solid #fff;outline-offset:3px}
.an-site .site-header{position:fixed;top:0;left:0;right:0;z-index:40;background:rgba(11,12,26,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);--gutter:var(--a1-gut)}
.an-site .site-header .an-wrap{flex-wrap:nowrap}
.an-site .brand img{height:var(--wordmark-height);width:auto}
.an-site .button.button-nav{min-width:max-content;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font:600 15px/1 var(--font-body);border:0}
.an-site .nav-link{white-space:nowrap}
.copy.done .ok{display:block}
.copy.done .cp{display:none}
.ld{position:fixed;inset:0;z-index:100;background:#0B0C1A;pointer-events:none}
.ld .mark{display:flex;align-items:flex-start;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.ld .sl{display:block;flex:none;background-repeat:no-repeat;will-change:width,opacity}
.ld .spk{position:absolute;background-repeat:no-repeat;background-size:100% 100%;transform:translate(-50%,-50%);will-change:left,top,width,height,opacity}
html.loading{overflow:hidden}
html[data-theme="light"]{filter:invert(1) hue-rotate(180deg);background:#0B0C1A}
html[data-theme="light"] img,html[data-theme="light"] .ld,html[data-theme="light"] .pill i{filter:invert(1) hue-rotate(180deg)}
.an-site .theme-toggle{border:0;border-radius:999px}.an-site .theme-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ask-num-sm{flex:none}
.ft-links a,.ft-legal a{display:inline-flex;align-items:center;min-height:24px}
.ft-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.meta{font:400 14px/1.6 Inter,sans-serif;color:#8E8AA8}
.crumb{font:400 14px/1.6 Inter,sans-serif;color:#8E8AA8;margin-bottom:18px}
.crumb a{color:#ECEAF4}
.ctag{flex:none;align-self:center;font:600 12px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:999px}
.ctag-open{color:#FF1186;border:1px solid rgba(255,17,134,.55)}
.ctag-soon{color:#8E8AA8;border:1px solid rgba(255,255,255,.12)}
.sa{text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font:inherit}.sa:hover{text-decoration:underline;text-underline-offset:4px}
.sa:focus-visible,.hx-btn:focus-visible,.opt:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}
.lhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}
.l-title{font-family:Lora,Georgia,serif;font-weight:700;font-size:34px;line-height:1.2;color:#fff;margin:0}
.lprog{display:flex;gap:8px}.lp{min-width:34px;height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.12);font:600 13px/1 Inter,sans-serif;color:#8E8AA8}
.lp.is-on{color:#fff;border-color:rgba(255,17,134,.6);background:rgba(255,17,134,.12)}.lp.is-done{color:#FF1186;border-color:rgba(255,17,134,.55)}
.teach{padding:32px 40px}
.slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start}
.s-vis{background:rgba(11,12,26,.55);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px}
.s-vis .chat-table{margin:0}
.s-vis .s-grid{grid-template-columns:1fr;margin:0}
.chat-table th.hc,.chat-table td.hc{background:rgba(255,17,134,.10);color:#fff}
.ty{font:500 11px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#FF1186}
.link-arrow{margin:12px 0;color:#FF1186;font:600 13px/1 ui-monospace,Menlo,monospace;text-align:center}
.s-step{font:600 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FF1186;margin:0 0 10px}
.s-t{font-family:Lora,Georgia,serif;font-weight:700;font-size:28px;line-height:1.25;color:#fff;margin:0 0 14px}
.s-p{font:400 17px/1.65 Inter,sans-serif;color:#B8B5C9;margin:14px 0 0}.s-p b,.s-list b{color:#ECEAF4}
.s-h{font:600 13px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ECEAF4;margin:20px 0 8px}
.s-list{list-style:disc;margin:12px 0 0;padding-left:22px;font:400 16px/1.7 Inter,sans-serif;color:#B8B5C9}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;color:#ECEAF4;background:rgba(255,255,255,.06);padding:1px 6px;border-radius:6px}
.s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.s-box{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 18px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:4px}
.s-box b{font-family:ui-monospace,Menlo,monospace;color:#fff;font-size:15px}.s-box span{color:#B8B5C9;font-size:15px}.s-box em{font-style:normal;color:#FF1186;font-weight:600;font-size:14px;margin-top:6px}
.s-recap{margin-top:22px;border-top:1px solid rgba(255,255,255,.08);padding-top:6px}
.teach .chat-table{margin-top:16px}
.snav{display:flex;justify-content:space-between;margin-top:30px}
.work{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:20px;align-items:start}
.side{padding:28px 30px}.main{padding:24px 26px;min-height:520px}
.ed-wrap{position:relative}.ed-hl,.editor{margin:0;width:100%;min-height:190px;border-radius:12px;padding:16px;font:400 15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2;white-space:pre-wrap;word-wrap:break-word;overflow:auto;letter-spacing:0}
.ed-hl{position:absolute;inset:0;background:#0B0C1A;color:#ECEAF4;border:1px solid transparent;pointer-events:none}
.editor{position:relative;display:block;resize:vertical;background:transparent;color:transparent;caret-color:#fff;border:1px solid rgba(255,255,255,.12)}
.editor::placeholder{color:#8E8AA8}.editor::selection{background:rgba(255,17,134,.35);color:transparent}
.t-kw{color:#FF1186;font-weight:700}.t-fn{color:#B267FF;font-weight:600}.t-str{color:#19D2FF}.t-num{color:#FFD27A}.t-com{color:#8E8AA8;font-style:italic}
.editor:focus{outline:2px solid #fff;outline-offset:2px}
.ebar{display:flex;gap:12px;margin-top:14px;align-items:center;flex-wrap:wrap}
.elabel{font:600 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8E8AA8;margin:0 0 10px}
.res{margin-top:18px}.res .chat-table{max-height:300px;overflow:auto}
.fb{margin-top:16px;border-radius:12px;padding:14px 16px;font:400 16px/1.6 Inter,sans-serif}
.fb-ok{border:1px solid rgba(255,17,134,.55);color:#ECEAF4}.fb-no{border:1px solid rgba(255,17,134,.5);color:#ECEAF4}
.fb b{color:#fff}
.opts{display:flex;flex-direction:column;gap:12px}
.opt{text-align:left;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#ECEAF4;border-radius:14px;padding:16px 18px;font:400 17px/1.5 Inter,sans-serif;cursor:pointer;min-height:44px}
.opt:hover{border-color:rgba(255,255,255,.3)}.opt.is-ok{border-color:rgba(255,17,134,.8)}.opt.is-no{border-color:rgba(255,17,134,.7)}
.num{background:#0B0C1A;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 14px;font:600 18px/1 Inter,sans-serif;width:220px}
.hintbox{margin-top:14px;border:1px solid rgba(255,17,134,.35);background:rgba(255,17,134,.06);border-radius:12px;padding:12px 14px;color:#ECEAF4;font:400 15px/1.6 Inter,sans-serif}.hintbox pre.code{margin:8px 0 0}.hb-t{font:600 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FF1186;margin:0 0 6px}
.hintbtn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px 0 8px;border-radius:999px;border:1px solid rgba(255,17,134,.55);background:rgba(255,17,134,.10);color:#fff;font:600 15px/1 Inter,sans-serif;cursor:pointer}.hintbtn:hover{background:rgba(255,17,134,.2)}.hintbtn:focus-visible{outline:2px solid #fff;outline-offset:3px}.hb-ic{width:28px;height:28px;border-radius:50%;background:#FF1186;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.toteach{color:#B8B5C9;font:500 15px/1 Inter,sans-serif;align-self:center}
.lright{display:flex;align-items:center;gap:16px}.xp{font:700 14px/1 Inter,sans-serif;color:#fff;padding:9px 14px;border-radius:999px;background:linear-gradient(100deg,#FF1186,#B267FF 50%,#19D2FF);}.xp.pop{animation:pop .5s ease}@keyframes pop{40%{transform:scale(1.18)}}
.reply{margin-top:12px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);animation:rin .4s ease both}.reply p{margin:0;flex:1;font:400 15px/1.5 Inter,sans-serif;color:#ECEAF4}.reply .chat-avatar{flex:none}.pts{font:700 13px/1 Inter,sans-serif;color:#FF1186}@keyframes rin{from{opacity:0;transform:translateY(6px)}}
.spk-burst{position:fixed;z-index:60;pointer-events:none}.spk-burst i{position:absolute;width:8px;height:8px;border-radius:50%;animation:burst .8s ease-out forwards}@keyframes burst{to{transform:translate(var(--x),var(--y)) scale(.2);opacity:0}}
.fb-ok{animation:rin .3s ease both}
.chips{display:flex;flex-direction:column;gap:10px}.chip{text-align:left;font:400 15px/1.5 ui-monospace,Menlo,monospace;color:#ECEAF4;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 14px;cursor:pointer;min-height:44px}.chip:hover{border-color:rgba(255,17,134,.6)}.chip:disabled{opacity:.3;cursor:default}.build{min-height:150px}
@media (prefers-reduced-motion: reduce){.xp.pop,.reply,.fb-ok{animation:none}}
[hidden]{display:none!important}
.rc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.recapgrid{height:auto!important;grid-auto-rows:auto!important;align-items:start;display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:18px}.rcard{padding:26px 28px}.rcard{border-radius:18px;background:rgba(20,20,40,.72);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.4)}.rc-t{font:700 22px/1.3 Lora,serif;color:#fff;margin:0 0 6px}.rc-trap{margin:0;font:400 16px/1.55 Inter,sans-serif;color:#ECEAF4}.rcard pre.code{margin:0}.sxe{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.sxe pre.code{height:calc(100% - 30px)}
.pin{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,17,134,.55);background:rgba(255,17,134,.1);color:#fff;font:600 15px/1 Inter,sans-serif;cursor:pointer}.pin.is-on{background:linear-gradient(100deg,#FF1186,#B267FF);border-color:transparent}.pin:focus-visible{outline:2px solid #fff;outline-offset:3px}
.toast{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:70;padding:14px 22px;border-radius:999px;background:linear-gradient(100deg,#FF1186,#B267FF 60%,#19D2FF);color:#fff;font:500 16px/1.2 Inter,sans-serif;box-shadow:0 14px 40px rgba(0,0,0,.45);animation:tin .35s cubic-bezier(.2,.8,.2,1) both;transition:opacity .4s,transform .4s}.toast.out{opacity:0;transform:translate(-50%,-10px)}@keyframes tin{from{opacity:0;transform:translate(-50%,-14px) scale(.95)}}
.streak{font:700 14px/1 Inter,sans-serif;color:#FF1186;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,17,134,.55)}.streak::before{content:'✦ '}
.fin{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}.fin>div{padding:18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-align:center;display:flex;flex-direction:column;gap:6px}.fin b{font:700 34px/1 Lora,serif;color:#fff}.fin span{font:400 14px/1.3 Inter,sans-serif;color:#B8B5C9}
.done-card{text-align:left}
.s-big{font:700 30px/1.3 Lora,Georgia,serif;color:#fff;margin:6px 0 0}.s-big b{color:#FF1186;font-weight:700}.s-big code{font-size:.8em}
.s-say{font:400 18px/1.6 Inter,sans-serif;color:#B8B5C9;margin:16px 0 0}.s-say b{color:#ECEAF4}
.s-key{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:14px;background:linear-gradient(100deg,rgba(255,17,134,.16),rgba(178,103,255,.12));border:1px solid rgba(255,17,134,.4)}.s-key span{color:#FF1186;font-size:18px}.s-key p{margin:0;font:600 16px/1.5 Inter,sans-serif;color:#fff}
.s-cap{margin:12px 0 0;font:400 15px/1.5 Inter,sans-serif;color:#B8B5C9;text-align:center}
.slide:not([hidden]) .anim>*{animation:up .5s cubic-bezier(.2,.8,.2,1) both}.slide:not([hidden]) .anim>*:nth-child(2){animation-delay:.25s}.slide:not([hidden]) .anim>*:nth-child(3){animation-delay:.5s}
.slide:not([hidden]) .anim tbody tr{animation:up .4s ease both}.slide:not([hidden]) .anim tbody tr:nth-child(2){animation-delay:.12s}.slide:not([hidden]) .anim tbody tr:nth-child(3){animation-delay:.24s}.slide:not([hidden]) .anim tbody tr:nth-child(4){animation-delay:.36s}
@keyframes up{from{opacity:0;transform:translateY(10px)}}
.tvis{display:grid;gap:14px}.tcard{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}.tcard b{font:600 16px/1.2 ui-monospace,Menlo,monospace;color:#fff}.tcard span{font:700 15px/1.2 Inter,sans-serif;color:#FF1186}.tcard em{grid-column:1/-1;font:400 14px/1.4 Inter,sans-serif;font-style:normal;color:#B8B5C9}
.slide:not([hidden]) .tvis .tcard{animation:up .45s ease both}.slide:not([hidden]) .tvis .tcard:nth-child(2){animation-delay:.2s}.slide:not([hidden]) .tvis .tcard:nth-child(3){animation-delay:.4s}
.flow{display:flex;align-items:stretch;gap:10px}.flow i{align-self:center;color:#FF1186;font-style:normal;font-size:22px}.fstep{flex:1;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}.fstep span{width:28px;height:28px;border-radius:50%;background:#FF1186;color:#fff;font:700 14px/28px Inter,sans-serif;text-align:center}.fstep b{font:700 18px/1.2 Lora,serif;color:#fff}.fstep em{font:400 14px/1.4 Inter,sans-serif;font-style:normal;color:#B8B5C9}
.cellplay td{cursor:pointer}.cellplay td:hover{background:rgba(255,255,255,.06)}.chat-table td.hr{background:rgba(178,103,255,.12);color:#fff}.cp-out{margin:14px 0 0;min-height:24px;font:400 15px/1.5 Inter,sans-serif;color:#ECEAF4}.cp-out b{color:#FF1186}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vs-b{padding:22px;border-radius:16px;display:flex;flex-direction:column;gap:6px;text-align:center}.vs-b em{font:600 13px/1 Inter,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase}.vs-b b{font:700 40px/1 Lora,serif;color:#fff}.vs-b span{font:400 14px/1.4 Inter,sans-serif;color:#B8B5C9}.vs-no{border:1px dashed rgba(255,255,255,.2)}.vs-no em{color:#8E8AA8}.vs-no b{text-decoration:line-through;text-decoration-color:#FF1186;opacity:.7}.vs-ok{border:1px solid rgba(255,17,134,.6);background:rgba(255,17,134,.1)}.vs-ok em{color:#FF1186}
.rules{display:grid;gap:14px}.rule{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.rule>b{font:700 20px/1.6 Inter,sans-serif}.rule.ok>b{color:#19D2FF}.rule.no>b{color:#FF1186}.rule pre.code{margin:0}.rule em{grid-column:2;font:400 14px/1.4 Inter,sans-serif;font-style:normal;color:#B8B5C9}
.vtypes{display:grid;gap:12px}.vtypes>div{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px}.vtypes em{font:600 12px/1 Inter,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#FF1186}.vtypes pre.code{margin:0}
.combo{display:grid;gap:12px}.combo>div{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.combo pre.code{margin:0}.combo span{font:700 15px/1.2 Inter,sans-serif;color:#FF1186;white-space:nowrap}
.stat{display:flex;align-items:baseline;gap:14px;margin-top:6px}.stat b{font:700 54px/1 Lora,serif;background:linear-gradient(100deg,#FF1186,#B267FF 50%,#19D2FF);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{font:400 16px/1.4 Inter,sans-serif;color:#B8B5C9}
.ladder{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:l}.ladder li{counter-increment:l;display:flex;gap:14px;align-items:center;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font:400 16px/1.4 Inter,sans-serif;color:#B8B5C9}.ladder li::before{content:counter(l);width:26px;height:26px;border-radius:50%;background:#FF1186;color:#fff;font:700 13px/26px Inter,sans-serif;text-align:center}.ladder code{color:#FF1186;font-weight:700;background:none}
.pq{padding:20px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,17,134,.35);margin-bottom:16px}.pq-q{margin:0 0 12px;font:600 17px/1.5 Inter,sans-serif;color:#fff}.pq-os{display:flex;flex-wrap:wrap;gap:10px}.pq-o{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ECEAF4;font:500 15px/1 Inter,sans-serif;cursor:pointer}.pq-o:hover{border-color:rgba(255,17,134,.6)}.pq-o.is-ok{border-color:#FF1186;background:rgba(255,17,134,.18);color:#fff}.pq-o.is-no{border-color:rgba(255,255,255,.35);opacity:.6}.pq-o:focus-visible{outline:2px solid #fff;outline-offset:2px}.pq-a{margin:12px 0 0;min-height:22px;font:400 15px/1.5 Inter,sans-serif;color:#ECEAF4}.pq-a b{color:#FF1186}
@media (prefers-reduced-motion: reduce){.slide .anim>*,.slide .anim tbody tr,.slide .tvis .tcard{animation:none!important}}
.sc-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.st{font:600 11px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;color:#B8B5C9;border:1px solid rgba(255,255,255,.16)}.st-progress{color:#fff;border-color:rgba(255,17,134,.6);background:rgba(255,17,134,.14)}.st-done{color:#fff;border-color:transparent;background:linear-gradient(100deg,#FF1186,#B267FF)}
.sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:14px}
.scard{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:18px;background:rgba(20,20,40,.72);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.4);text-decoration:none;transition:border-color .2s,transform .2s}
.scard:hover{border-color:rgba(255,17,134,.6);transform:translateY(-2px)}.scard:focus-visible,.mcheck:focus-visible{outline:2px solid #fff;outline-offset:3px}
.sc-k{font:600 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FF1186}
.sc-t{font:700 22px/1.25 Lora,Georgia,serif;color:#fff}.sc-d{font:400 15px/1.55 Inter,sans-serif;color:#B8B5C9;flex:1}
.sc-f{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.sc-m{font:500 13px/1 Inter,sans-serif;color:#8E8AA8}.sc-go{font:600 14px/1 Inter,sans-serif;color:#fff}
.mcheck{display:flex;align-items:center;gap:22px;margin-top:22px;padding:26px 28px;border-radius:20px;text-decoration:none;background:linear-gradient(rgba(16,16,34,.94),rgba(16,16,34,.94)) padding-box,linear-gradient(100deg,#FF1186,#B267FF 50%,#19D2FF) border-box;border:1.5px solid transparent;box-shadow:0 18px 44px rgba(0,0,0,.4)}
.mc-ic{flex:none;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 24px/1 Inter,sans-serif;color:#fff;background:linear-gradient(135deg,#FF1186,#B267FF)}
.mc-body{display:flex;flex-direction:column;gap:6px;flex:1}.mc-t{font:700 24px/1.2 Lora,Georgia,serif;color:#fff}.mcheck .sc-m{color:#fff;font-weight:600}
#course [data-testid=faq-panel],#module-1 [data-testid=faq-panel]{border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;background:rgba(20,20,40,.72)!important;box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,17,134,.06)!important;padding-left:36px!important;padding-right:36px!important}
.fnsw{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:0 0 28px}.fnsw .meta{margin-right:4px}
.fnb{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#B8B5C9;font:600 13px/1 Inter,sans-serif;cursor:pointer}.fnb.is-on{color:#fff;border-color:rgba(255,17,134,.6);background:rgba(255,17,134,.12)}.fnb:focus-visible{outline:2px solid #fff;outline-offset:2px}
pre.code{margin:0 0 14px;background:#0B0C1A;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 18px;font:400 15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ECEAF4;white-space:pre-wrap}
.s-p pre.code{margin-top:12px}
.terms dl{margin:0}.terms dt{font:600 16px/1.3 Inter,sans-serif;color:#fff}.terms dd{margin:2px 0 14px;font:400 15px/1.55 Inter,sans-serif;color:#B8B5C9}.terms .s-h{margin-top:0}
main .chat-table-h{color:#FF1186!important}

/* --- sweep 26 Oct 20:10 --- */
.hero-panel{max-width:980px;margin:0 auto;padding:40px 56px 36px;border-radius:24px;background:rgba(14,14,30,.82);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.45);text-align:center}
.hero-panel .lede{margin-left:auto;margin-right:auto}
.hp-k{margin:26px 0 10px;font:600 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FF1186}
.hp-list{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;max-width:680px;text-align:left}
.hp-list li{position:relative;padding-left:28px;font:400 16px/1.5 Inter,sans-serif;color:#ECEAF4}.hp-list li::before{content:'✓';position:absolute;left:0;top:0;color:#FF1186;font-weight:700}
.hp-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;margin-top:28px}
.hp-reset{margin:14px 0 0}
.hp-art{display:none}
#main{display:flow-root}
.site-note{position:relative;z-index:5;margin-top:64px;margin-bottom:-64px;background:rgba(255,17,134,.10);border-bottom:1px solid rgba(255,17,134,.30);color:#ECEAF4;font:400 14px/1.45 Inter,sans-serif}
.site-note .sn-in{padding-top:8px;padding-bottom:8px;text-align:center}.site-note b{color:#FF1186;font-weight:700}
@media (max-width:640px){.site-note{font-size:13px}.site-note .sn-in{text-align:left}}
.soft-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 18px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,17,134,.35);background:rgba(255,17,134,.06);text-align:left!important;font:400 14px/1.45 Inter,sans-serif;color:#ECEAF4;max-width:100%}
.soft-note .sn-ic::before{width:24px!important;height:24px!important}.soft-note .sn-ic{display:inline-flex;flex:none}
.soft-note .sn-pill{flex:none;font:700 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FF1186;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,17,134,.45);background:rgba(255,17,134,.08)}
.soft-note .sn-t{flex:1 1 220px;min-width:0}
.hero-panel:not(.has-art) .soft-note,.hero-panel .soft-note{text-align:left}
.hp-todo{align-items:center;justify-content:center;aspect-ratio:4/3;border:2px dashed rgba(255,255,255,.18);border-radius:18px;color:#8E8AA8;font:600 14px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
@media (min-width:1000px){.hero-panel.has-art .hp-todo{display:flex!important}}
@media (min-width:1000px) and (max-width:1279px){.hero-panel.has-art .hp-list{grid-template-columns:minmax(0,1fr)!important}}
@media (min-width:1000px){.hero-panel.has-art{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40%);gap:8px 40px;align-items:center;text-align:left;padding:44px 48px 40px}
.hero-panel.has-art .hp-text,.hero-panel.has-art .hp-text *{text-align:left!important}.hero-panel.has-art .lede{margin-left:0!important}section:not(#x1):not(#x2):not(#x3) .hero-panel.has-art .hp-text>.ask{margin-left:0!important;margin-right:auto!important;justify-content:flex-start!important;width:max-content!important}.hero-panel.has-art .hp-list{margin:0;max-width:none}.hero-panel.has-art .hp-row{justify-content:flex-start}
.hero-panel.has-art .hp-art{display:block;width:100%;height:auto;margin-right:-12px}}
.pq-a:empty{display:none}
.pq-o{line-height:1.35;text-align:left;padding:10px 16px;border-radius:14px}
.snav [data-snext]:disabled{background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;color:#8E8AA8!important;opacity:1;box-shadow:none!important}
.mrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px}
.mcheck,.sbx-card{display:flex;align-items:flex-start;gap:20px;margin:0;padding:24px;border-radius:18px;text-decoration:none;box-shadow:0 18px 44px rgba(0,0,0,.4)}
.mcheck{background:rgba(20,20,40,.72);border:1px solid rgba(255,17,134,.55)}
.mcheck:hover,.sbx-card:hover{border-color:#FF1186;transform:translateY(-2px)}
.mc-ic,.sbx-ic{width:44px;height:44px;font-size:20px}
.mc-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;align-self:stretch}
.mc-t,.sbx-t{font:700 22px/1.25 Lora,Georgia,serif;color:#fff}
.sbx-card{background:rgba(20,20,40,.72);border:1px dashed rgba(255,17,134,.55)}
.mhead{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 40px;text-align:left;padding:28px 36px}
.mhead .fnsw{grid-column:1/-1;justify-content:flex-start;margin:0 0 4px}.mhead .lock-note{grid-column:1/-1;margin:6px 0 0;max-width:none}
.mhead .ask{justify-content:flex-start;margin:0}.mhead .chapter-title{text-align:left;font-size:44px!important;line-height:1.1!important;margin-left:0}
.mh-lede{margin:12px 0 0;max-width:760px;font:400 17px/1.6 Inter,sans-serif;color:#B8B5C9}
.mh-r{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-bottom:4px}
.sgrid .mcheck{flex-direction:column;gap:12px}.sgrid .mcheck .mc-ic:not([data-ic]){display:none}.sgrid .mcheck .mc-t{font-size:22px}
#root .mhead .chapter-title,#root .mhead .mh-l{text-align:left!important;margin-left:0!important;margin-right:0!important}#root .mhead .ask{display:inline-flex!important;margin:0!important}#root .mhead .mh-l>div:first-child{justify-content:flex-start!important;text-align:left!important}
.sbx-card{margin-top:18px;align-items:center;padding:18px 24px}.sbx-card .mc-body{flex-direction:row;align-items:center;gap:18px}.sbx-card .sc-top{display:none}.sbx-card .sc-f{margin:0 0 0 auto;padding:0;border:0;gap:18px}.sbx-card .sbx-t{font-size:20px;white-space:nowrap}.sbx-card .sc-d{flex:1}
.mh-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;margin-top:24px}
.fnsw{margin:0 0 20px}
.lock-note{display:flex;gap:10px;align-items:flex-start;max-width:720px;margin:18px auto 0;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);text-align:left;font:400 15px/1.5 Inter,sans-serif;color:#ECEAF4}

/* --- phone and tablet --- */
.chat-table{max-width:100%;overflow-x:auto}
@media (max-width:1100px){
 .slide{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
 .work{grid-template-columns:minmax(0,1fr)!important}
 .sgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mhead{grid-template-columns:minmax(0,1fr)!important;padding:24px!important}
 .mh-r{align-items:flex-start!important}
 .recapgrid{grid-template-columns:minmax(0,1fr)!important}
 .lhead{flex-wrap:wrap;align-items:flex-start}
 .lright{flex-wrap:wrap;gap:10px}
 .lprog{flex-wrap:wrap}
}
@media (max-width:640px){
 #root .wrap-wide{padding-left:16px!important;padding-right:16px!important}
 .sgrid{grid-template-columns:minmax(0,1fr)!important}
 .hero-panel{padding:24px 18px!important;border-radius:18px}
 .hp-list{grid-template-columns:minmax(0,1fr)!important}
 .mhead .chapter-title,#root .chapter-title{font-size:32px!important;line-height:1.15!important}
 .l-title{font-size:26px}
 .teach{padding:20px 16px!important}
 .s-big{font-size:22px!important;line-height:1.3!important}
 .s-vis{padding:14px!important}
 .vs,.fin,.sxe{grid-template-columns:minmax(0,1fr)!important}
 .flow{flex-direction:column}.flow>i{transform:rotate(90deg);align-self:center}
 pre.code{font-size:13px!important;padding:12px 14px!important;white-space:pre-wrap!important;overflow-wrap:anywhere}
 .snav{flex-wrap:wrap}.snav .s-lock{flex-basis:100%;order:3;text-align:left}
 .snav .hx-btn{flex:1 1 0;min-width:0}
 .sbx-card .mc-body{flex-direction:column;align-items:flex-start}.sbx-card .sc-f{margin:0}.sbx-card .sbx-t{white-space:normal}
 .mcheck,.sbx-card{padding:18px}
 .lp{min-width:30px;height:30px;padding:0 9px}
 .glpop{width:auto;left:16px!important;right:16px}
 .fnsw .fnb{min-height:32px;padding:0 12px}
 .ebar{flex-wrap:wrap}
 .rc-head{flex-wrap:wrap}
 .main,.side{padding:18px!important}
 [data-testid=faq-panel] .flex.items-baseline{flex-wrap:wrap;row-gap:8px}
 [data-testid=faq-panel] .ctag{margin-left:44px}
 .ebar .hx-btn{flex:1 1 40%;min-width:0}.ebar .kbd{flex-basis:100%}
}
/* --- 26 Oct evening additions --- */
.snav{display:flex;align-items:center;gap:16px}.s-lock{flex:1;text-align:right;font-size:14px}
.snav [data-snext]:disabled{opacity:.45;cursor:not-allowed}
.warm .pq{margin-bottom:14px}.warm .pq:last-child{margin-bottom:0}
code .t-kw,.icode .t-kw{color:#FF1186;font-weight:700}code .t-fn{color:#B267FF}code .t-str{color:#19D2FF}code .t-num{color:#FFD27A}
.kbd{font-size:13px;white-space:nowrap}
.errbox{margin-top:16px;padding:18px;border-radius:16px;border:1px solid rgba(255,17,134,.35);background:rgba(255,255,255,.03)}
.err-h{display:flex;align-items:center;gap:8px;font:600 14px/1.3 Inter,sans-serif;color:#fff;margin-bottom:12px}.err-h svg{color:#FF1186}
pre.errc{margin:0 0 12px;line-height:2.2}
.em{position:relative;display:inline-block;min-width:22px;min-height:24px;padding:0 4px;margin:0 2px;border:0;border-bottom:2px solid #FF1186;background:rgba(255,17,134,.14);border-radius:6px 6px 0 0;color:#fff;font:inherit;cursor:zoom-in;vertical-align:baseline}
.em-n{position:absolute;top:-13px;right:-11px;width:20px;height:20px;border-radius:50%;background:#FF1186;color:#fff;font:700 11px/20px Inter,sans-serif;text-align:center}
.em.seen .em-n{background:#fff;color:#FF1186}.em.is-on{box-shadow:0 0 0 2px #FF1186}
.em:focus-visible{outline:2px solid #fff;outline-offset:3px}
.lens{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:4px 0 10px}
.lens-g{position:relative;flex:none;min-width:150px;height:78px;padding:0 26px;border-radius:999px;border:3px solid #FF1186;background:#0B0C1A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(255,17,134,.12),0 12px 30px rgba(0,0,0,.45)}
.lens-g::after{content:'';position:absolute;right:-16px;bottom:-12px;width:30px;height:8px;border-radius:6px;background:#FF1186;transform:rotate(40deg)}
.lens-z{font:600 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;white-space:nowrap}
.lens-n{margin:0;font:400 15px/1.55 Inter,sans-serif;color:#ECEAF4}
.lens.zoom .lens-g{animation:lensin .35s cubic-bezier(.2,.8,.2,1)}@keyframes lensin{from{transform:scale(.6);opacity:0}}
.err-c{margin:0}
.streak{display:inline-flex;align-items:center;gap:6px}.streak::before{content:none!important}
.spk-ic{color:#FF1186;filter:drop-shadow(0 0 6px rgba(255,17,134,.7));animation:spkpulse 1.6s ease-in-out infinite}
@keyframes spkpulse{50%{transform:scale(1.18) rotate(12deg);filter:drop-shadow(0 0 10px rgba(178,103,255,.9))}}
.streak.bump{animation:bump .45s cubic-bezier(.2,.8,.2,1)}@keyframes bump{40%{transform:scale(1.25);box-shadow:0 0 24px rgba(255,17,134,.6)}}
.tst-spk{display:inline-flex;vertical-align:-3px;margin-right:8px}.tst-spk .spk-ic{color:#fff}
@media (prefers-reduced-motion: reduce){.spk-ic,.streak.bump,.lens.zoom .lens-g{animation:none}}
.gl{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:help;text-decoration:underline dotted rgba(255,17,134,.85);text-decoration-thickness:2px;text-underline-offset:5px}
.gl:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}
.glpop{position:fixed;z-index:80;width:340px;padding:18px 20px;border-radius:16px;background:#14142A;border:1px solid rgba(255,17,134,.5);box-shadow:0 18px 44px rgba(0,0,0,.55)}
.glp-k{margin:0 0 4px;font:600 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FF1186}.glp-t{margin:0 0 6px;font:700 18px/1.3 Lora,Georgia,serif;color:#fff}.glp-d{margin:0 0 10px;font:400 15px/1.55 Inter,sans-serif;color:#ECEAF4}.glp-a{font:600 14px/1 Inter,sans-serif;color:#FF1186;text-decoration:none}.glp-a:hover{text-decoration:underline}
.sbx-card{display:flex;align-items:center;gap:22px;margin-top:22px;padding:22px 28px;border-radius:20px;text-decoration:none;background:rgba(20,20,40,.72);border:1px dashed rgba(255,17,134,.5)}
.sbx-card:hover{border-style:solid}.sbx-card:focus-visible{outline:2px solid #fff;outline-offset:3px}
.sbx-ic{flex:none;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#FF1186;background:rgba(255,17,134,.12)}
.sbx-t{font:700 22px/1.2 Lora,Georgia,serif;color:#fff}.sbx-card .sc-m{color:#fff;font-weight:600}
.tlist{margin-top:18px}.tlist summary{cursor:pointer;font:600 15px/1.4 Inter,sans-serif;color:#fff}.tlist ul{margin:10px 0 0;padding:0;list-style:none}.tlist li{margin:0 0 8px;font-size:14px;line-height:1.5}
.ans-root{min-width:0}
.sbx-free .explore-ans,.sbx-free .explore-ab,.sbx-free .explore-al{display:none!important}.fx-tbl{min-height:44px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#0B0C1A;color:#fff;font:500 15px/1 Inter,sans-serif;margin-bottom:16px}.fx-tbl:focus-visible{outline:2px solid #fff;outline-offset:3px}
.numrow{display:flex;align-items:center;gap:10px}input.num{width:200px;max-width:100%;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#0B0C1A;color:#fff;font:600 18px/1 Inter,sans-serif}input.num:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* fixbug: Fix the bug */
.fixbug{min-width:0}
.fixbug-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fixbug-code{background:#0B0C1A;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 12px;font:400 15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ECEAF4;display:flex;flex-direction:column;gap:4px;min-width:0}
.fixbug-line{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px;min-width:0}
.fixbug-tok{font:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:8px;padding:2px 5px;min-height:32px;min-width:24px;cursor:pointer;overflow-wrap:anywhere;text-align:center}
.fixbug-tok:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.04)}
.fixbug-gap{position:relative;flex:none;width:24px;min-height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer}
.fixbug-gap>span{position:absolute;left:50%;top:7px;bottom:7px;width:2px;margin-left:-1px;border-radius:2px;background:rgba(255,255,255,.09)}
.fixbug-gap:hover>span{background:rgba(255,17,134,.6)}
.fixbug-tok[aria-pressed=true],.fixbug-gap[aria-pressed=true]{border-color:#FF1186;background:rgba(255,17,134,.12)}
.fixbug-gap[aria-pressed=true]>span{background:#FF1186}
.fixbug-tok:focus-visible,.fixbug-gap:focus-visible,.fixbug-opt:focus-visible,.fixbug-input:focus-visible{outline:2px solid #fff;outline-offset:3px}
.fixbug-tok:disabled,.fixbug-gap:disabled{cursor:default}
.fixbug-tok:disabled:hover{background:transparent;border-color:transparent}
.fixbug-tok.is-found,.fixbug-gap.is-found{border-color:#FF1186;border-style:dashed;background:rgba(255,17,134,.10)}
.fixbug-tok.is-replaced{text-decoration:line-through;text-decoration-color:#FF1186;opacity:.55}
.fixbug-slot{display:inline-flex;align-items:center;min-height:32px;padding:2px 8px;margin:0 4px 0 0;border-radius:8px;border:1px solid #FF1186;background:rgba(255,17,134,.16);color:#fff;font-weight:700}
.fixbug-tip{margin:8px 0 0}
.fixbug-zoom:not(:empty){margin-top:16px}
.fixbug-lensrow{padding:0 26px 14px 0;max-width:100%}
.fixbug-lens{position:relative;display:inline-flex;max-width:100%;padding:14px 22px;border-radius:18px;border:2px solid #FF1186;background:radial-gradient(120% 140% at 30% 20%,rgba(255,17,134,.14),rgba(11,12,26,.92) 70%);box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 0 0 6px rgba(255,255,255,.03);animation:fixbug-in .22s ease-out both}
.fixbug-lens::after{content:'';position:absolute;right:-24px;bottom:-12px;width:30px;height:8px;border-radius:4px;background:rgba(255,17,134,.7);transform:rotate(40deg);transform-origin:left center}
.fixbug-lensin{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.fixbug-ctx{font-size:15px;color:#8E8AA8;opacity:.8;overflow-wrap:anywhere}
.fixbug-ctx span{color:inherit!important;font-weight:400!important}
.fixbug-big{font-size:30px;line-height:1.15;color:#fff;font-weight:700;overflow-wrap:anywhere;min-width:0}
.fixbug-caret{color:#FF1186;align-self:center}
.fixbug-cbar{display:inline-block;width:4px;height:34px;border-radius:2px;background:#FF1186;vertical-align:middle;box-shadow:0 0 14px rgba(255,17,134,.7)}
.fixbug-big.has-fix{color:#fff;text-shadow:0 0 18px rgba(255,17,134,.6)}
.fixbug-zoom .ebar .meta{flex:1 1 220px;min-width:0}
.fixbug-fix{margin-top:16px}
.fixbug-opts{display:flex;flex-wrap:wrap;gap:10px}
.fixbug-opt{min-width:88px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:12px 18px}
.fixbug-opt[aria-pressed=true]{border-color:#FF1186;background:rgba(255,17,134,.12)}
.fixbug-opt[aria-pressed=true]::before{content:'✓ ';color:#FF1186}
.fixbug-opt:disabled{cursor:default;opacity:.6}
.fixbug-opt[aria-pressed=true]:disabled{opacity:1}
.fixbug-ilabel{display:block}
.fixbug-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-width:100%;text-transform:uppercase}
.fixbug-input:focus{border-color:#FF1186}
.fixbug .res pre.code{margin-bottom:10px}
.fixbug-err{margin:0}
.fixbug-pop{animation:fixbug-pop .36s ease-out both}
@keyframes fixbug-in{from{opacity:0;transform:scale(.85)}}
@keyframes fixbug-pop{40%{transform:scale(1.06);box-shadow:0 0 0 6px rgba(255,17,134,.25),0 0 28px rgba(255,17,134,.55)}}
@media (prefers-reduced-motion: reduce){.fixbug-lens,.fixbug-pop{animation:none}}
/* no-run (Excel) mode */
.fx-ref{color:#fff}

/* taprows: Tap the rows */
.taprows{min-width:0}
.taprows-l{margin-top:18px}
.taprows-of{text-transform:none;letter-spacing:0;font-weight:500;color:#8E8AA8}
.taprows-t{display:flex;flex-direction:column;gap:6px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#101122;padding:6px;font:400 13px/1.4 Inter,sans-serif;font-variant-numeric:tabular-nums;min-width:0}
.taprows-head,.taprows-row{display:grid;grid-template-columns:var(--taprows-cols);gap:10px;align-items:center;padding:8px 10px}
.taprows-head{padding-top:6px;padding-bottom:2px;font-weight:600;font-size:12px;color:#8E8AA8}
.taprows-head span{overflow-wrap:anywhere}
.taprows-head span:last-child{text-align:right}
.taprows-row{width:100%;min-height:44px;text-align:left;font:inherit;color:#E9E5F5;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}
.taprows-row:hover{border-color:rgba(255,255,255,.28)}
.taprows-row[aria-pressed=true]{border-color:#FF1186;background:rgba(255,17,134,.10)}
.taprows-row:focus-visible{outline:2px solid #fff;outline-offset:3px}
.taprows-row:disabled{cursor:default}
.taprows-c{min-width:0;overflow-wrap:anywhere}
.taprows-c.is-null{color:#8E8AA8;font-style:italic;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.taprows-box{width:20px;height:20px;border-radius:6px;border:1.5px solid rgba(255,255,255,.35);display:inline-flex;align-items:center;justify-content:center;font:700 13px/1 Inter,sans-serif;color:#fff}
.taprows-row[aria-pressed=true] .taprows-box{background:#FF1186;border-color:#FF1186}
.taprows-row[aria-pressed=true] .taprows-box::after{content:'✓'}
.taprows-v{font:600 12px/1.2 Inter,sans-serif;text-align:right;white-space:nowrap;color:#B8B5C9}
.taprows-row.is-right .taprows-v{color:#FF1186}
.taprows-row.is-wrong{border-style:dashed;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.02)}
.taprows-row.is-wrong .taprows-v{color:#8E8AA8}
.taprows-row.is-wrong[aria-pressed=true]{border-color:rgba(255,17,134,.5)}
.taprows-t.taprows-pop{animation:taprows-pop .38s ease-out}
@keyframes taprows-pop{40%{box-shadow:0 0 0 4px rgba(255,17,134,.25),0 0 26px rgba(255,17,134,.45)}}
@media (prefers-reduced-motion: reduce){.taprows-t.taprows-pop{animation:none}.taprows-row{transition:none}}

/* predict: Predict, then run */
.predict{min-width:0}
.predict-given{margin:0 0 14px;font:400 16px/1.6 Inter,sans-serif;color:#B8B5C9}
.predict-given b{color:#ECEAF4}
.predict-box{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(11,12,26,.55);padding:18px 20px;display:grid;gap:10px;min-width:0}
.predict-label{font:600 15px/1.4 Inter,sans-serif;color:#ECEAF4}
.predict-read{font:700 40px/1.1 Inter,sans-serif;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.predict-range{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer;--predict-p:50%}
.predict-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#FF1186 0,#B267FF var(--predict-p),rgba(255,255,255,.12) var(--predict-p))}
.predict-range::-moz-range-track{height:8px;border-radius:999px;background:rgba(255,255,255,.12)}
.predict-range::-moz-range-progress{height:8px;border-radius:999px;background:#FF1186}
.predict-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:3px solid #FF1186;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.predict-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #FF1186}
.predict-range:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:999px}
.predict-range:disabled,.predict-num:disabled{opacity:.6;cursor:default}
.predict-ends{display:flex;justify-content:space-between;font:500 12px/1 Inter,sans-serif;color:#8E8AA8}
.predict-type{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px}
.predict-type label{font:500 14px/1.4 Inter,sans-serif;color:#B8B5C9}
.predict-num{width:180px;max-width:100%}
.predict-num:focus-visible{outline:2px solid #fff;outline-offset:3px}
.predict-out:not(:empty){margin-top:18px}
.predict-out pre.code{margin-bottom:10px}
.predict-verdict{margin-top:16px;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(11,12,26,.55)}
.predict-verdict.is-ok{border-color:rgba(255,17,134,.55)}
.predict-say{margin:0;font:400 17px/1.5 Inter,sans-serif;color:#ECEAF4}
.predict-say b{color:#fff}
.predict-say span{color:#FF1186;font-weight:700;margin-right:4px}
.predict-verdict:not(.is-ok) .predict-say span{color:#8E8AA8}
.predict-meter{margin-top:12px;height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.predict-mfill{display:block;height:100%;width:var(--predict-w);border-radius:inherit;background:linear-gradient(90deg,#B267FF,#FF1186);animation:predict-grow .38s ease-out both}
.predict-verdict:not(.is-ok) .predict-mfill{background:#8E8AA8}
.predict-mtext{margin:8px 0 0;font:500 13px/1.4 Inter,sans-serif;color:#B8B5C9}
.predict-line{position:relative;height:56px;margin:14px 6px 0;border-top:0}
.predict-line::before{content:'';position:absolute;left:0;right:0;top:27px;height:2px;background:rgba(255,255,255,.14);border-radius:2px}
.predict-band{position:absolute;top:20px;height:16px;border-radius:6px;background:rgba(255,17,134,.18);border:1px solid rgba(255,17,134,.45)}
.predict-mk{position:absolute;top:18px;width:2px;height:20px;margin-left:-1px;border-radius:2px}
.predict-you{background:#fff}
.predict-ans{background:#FF1186;width:4px;margin-left:-2px}
.predict-tag{position:absolute;transform:translateX(-50%);font:600 11px/1 Inter,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.predict-tyou{top:0;color:#ECEAF4}
.predict-tans{top:43px;color:#FF1186}
.predict-pop{animation:predict-pop .38s ease-out}
@keyframes predict-grow{from{width:0}}
@keyframes predict-pop{40%{box-shadow:0 0 0 4px rgba(255,17,134,.22),0 0 26px rgba(255,17,134,.45)}}
@media (prefers-reduced-motion: reduce){.predict-mfill,.predict-pop{animation:none}}
/* no-run (Excel) mode */
div.predict-given{font:400 16px/1.6 Inter,sans-serif;color:#B8B5C9;min-width:0}
div.predict-given p{margin:10px 0 0}
div.predict-given .chat-table{overflow-x:auto}
.predict-fx{margin:0 0 14px!important;overflow-x:auto}
.predict-reveal{font:400 16px/1.6 Inter,sans-serif;color:#ECEAF4;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(11,12,26,.55)}
.predict-reveal pre.code{margin:8px 0 0}
.fx-ref{color:#fff}

/* Insyt answer type: chips (Drag the chips) */
.chips-code{line-height:2.25!important;overflow-wrap:anywhere}
.chips-slot{display:inline-flex;align-items:center;vertical-align:middle;min-width:88px;min-height:32px;margin:2px 2px;padding:0 10px;border-radius:10px;border:1.5px dashed rgba(255,255,255,.28);background:rgba(255,255,255,.03);color:#ECEAF4;font:inherit;line-height:1.4;cursor:pointer;position:relative;transition:border-color .15s,background .15s}
.chips-slot.is-target{border-color:rgba(255,17,134,.6)}
.chips-slot.is-over{border-style:solid;border-color:#FF1186;background:rgba(255,17,134,.12)}
.chips-slot.is-full{border-style:solid;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.chips-slot:hover:not(:disabled){border-color:rgba(255,17,134,.75)}
.chips-slot:disabled{cursor:default}
.chips-slot.is-ok{border-color:#FF1186;background:rgba(255,17,134,.10);padding-right:26px}
.chips-slot.is-no{border-color:rgba(255,255,255,.35);border-style:dashed;padding-right:26px;opacity:.85}
.chips-slot.is-ok::after,.chips-slot.is-no::after{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:700 13px/1 Inter,sans-serif}
.chips-slot.is-ok::after{content:"\2713";color:#FF1186}
.chips-slot.is-no::after{content:"\2717";color:#B8B5C9}
.chips-tray{display:flex;flex-wrap:wrap;gap:10px}
.chips-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#ECEAF4;font:400 15px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:border-color .15s,transform .15s,opacity .15s}
.chips-chip:hover:not(:disabled){border-color:rgba(255,17,134,.6)}
.chips-chip[aria-pressed=true]{border-color:#FF1186;background:rgba(255,17,134,.12);transform:translateY(-2px)}
.chips-chip.is-used{opacity:.28;cursor:default;border-style:dashed}
.chips-chip:disabled:not(.is-used){cursor:default}
.chips-chip.is-dragging{opacity:.35}
.chips-ghost{position:fixed;z-index:80;pointer-events:none;transform:translate(-50%,-50%) rotate(-2deg);padding:10px 16px;border-radius:12px;border:1px solid #FF1186;background:#15162b;color:#ECEAF4;font:400 15px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.chips-tip{margin:10px 0 0}
.chips-note .meta{margin:12px 0 0}
.chips-err{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;overflow-wrap:anywhere}
.chips-chip:focus-visible,.chips-slot:focus-visible{outline:2px solid #fff;outline-offset:3px}
.chips-done .chips-slot.is-ok{animation:chips-pop .32s ease}
@keyframes chips-pop{45%{transform:scale(1.12);box-shadow:0 0 18px rgba(255,17,134,.55)}}
@media (prefers-reduced-motion: reduce){.chips-slot,.chips-chip{transition:none}.chips-done .chips-slot.is-ok{animation:none}.chips-chip[aria-pressed=true]{transform:none}}
.chips-l{margin:22px 0 10px}
.chips-chip>span,.chips-slot>span{white-space:pre}
/* no-run (Excel) mode */
.chips-done-fx{margin:0;overflow-x:auto}
.fx-ref{color:#fff}

/* Insyt answer type: connect (Connect the keys) */
.connect-board{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:28px;row-gap:64px;padding:0 0 46px}
.connect-svg{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:2}
.connect-tbl{flex:0 0 auto;max-width:100%;position:relative;z-index:1}
.connect-break{margin-left:auto}
.connect-tbl .chat-table{margin:0!important;max-height:none!important;overflow:visible!important;font-size:12.5px}
.connect-tbl .chat-table table{width:auto}
.connect-tbl th,.connect-tbl td{white-space:nowrap}
.connect-tbl td{padding:7px 10px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.connect-tbl .connect-name{padding:9px 10px 7px!important;color:#ECEAF4!important;font:600 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace!important;border-bottom:1px solid rgba(255,255,255,.08)}
.connect-of{margin-left:8px;font:400 11px/1 Inter,sans-serif;color:#8E8AA8}
.connect-tbl .connect-th{padding:4px 4px 4px!important}
.connect-col{display:inline-flex;align-items:center;gap:6px;min-height:30px;width:100%;padding:0 6px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#B8B5C9;font:600 12px/1 Inter,sans-serif;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:border-color .15s,background .15s,color .15s}
.connect-col:hover:not(:disabled),.connect-col.is-over{border-color:rgba(255,17,134,.75);color:#fff}
.connect-col[aria-pressed=true]{border-color:#FF1186;background:rgba(255,17,134,.16);color:#fff}
.connect-col.is-linked{border-color:rgba(255,17,134,.7);color:#fff}
.connect-col:disabled{cursor:default}
.connect-col:focus-visible{outline:2px solid #fff;outline-offset:3px}
.connect-badge:empty{display:none}
.connect-badge{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:999px;background:#FF1186;color:#fff;font:700 10px/1 Inter,sans-serif}
.connect-tbl td.connect-hc{background:rgba(255,17,134,.08);color:#fff}
.connect-line{fill:none;stroke:#FF1186;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(255,17,134,.45))}
.connect-line.is-temp{stroke-dasharray:6 6;opacity:.85}
.connect-line.is-no{stroke:#8E8AA8;stroke-dasharray:5 5;filter:none}
.connect-dot{fill:#FF1186}
.connect-dot.is-no{fill:#8E8AA8}
.connect-list{margin-top:6px}
.connect-list .elabel{margin:4px 0 8px}
.connect-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.connect-ul li{display:grid;grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;column-gap:10px;color:#B8B5C9;font:400 14px/1.4 Inter,sans-serif}
.connect-ul code{font:400 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ECEAF4;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px 6px;overflow-wrap:anywhere}
.connect-n{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#FF1186;color:#fff;font:700 11px/1 Inter,sans-serif}
.connect-mk{font:700 14px/1 Inter,sans-serif;color:#FF1186}
.connect-mk.is-no{color:#B8B5C9}
.connect-x{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#ECEAF4;font:400 16px/1 Inter,sans-serif;cursor:pointer}
.connect-x:hover{border-color:rgba(255,17,134,.7)}
.connect-x:focus-visible{outline:2px solid #fff;outline-offset:3px}
.connect-tip{margin:12px 0 0}
.connect-note .meta{margin:12px 0 0}
.connect-join{margin:0 0 4px!important;animation:connect-in .3s ease both}
.connect-done .connect-line{animation:connect-glow .38s ease}
@keyframes connect-glow{50%{stroke-width:5;filter:drop-shadow(0 0 10px rgba(255,17,134,.9))}}
@keyframes connect-in{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion: reduce){.connect-col{transition:none}.connect-done .connect-line,.connect-join{animation:none}}
.connect-pair{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}
.connect-jl{margin:22px 0 10px}

/* Insyt answer type: grain (Name the grain) */
.grain-ev{margin:0!important;max-height:none!important;overflow-x:auto!important}
.grain-ev td{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:nowrap}
.grain-ev th{white-space:nowrap}
.grain-tn{color:#ECEAF4}
.grain-sent{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;padding:12px 44px 12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0B0C1A;font:500 18px/1.4 Inter,sans-serif;color:#ECEAF4;transition:border-color .2s,box-shadow .2s}
.grain-fixed{color:#B8B5C9}
.grain-words{display:contents}
.grain-end{color:#B8B5C9;margin-left:-4px}
.grain-gap{display:inline-block;width:96px;height:32px;border-radius:10px;border:1.5px dashed rgba(255,255,255,.25)}
.grain-word{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,17,134,.55);background:rgba(255,17,134,.10);color:#fff;font:600 17px/1 Inter,sans-serif;cursor:pointer;animation:grain-in .18s ease both}
.grain-word:hover:not(:disabled){border-color:#FF1186}
.grain-word:disabled{cursor:default}
.grain-sent.is-no{border-color:rgba(255,255,255,.3);border-style:dashed}
.grain-sent.is-no .grain-word{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.05)}
.grain-sent.is-ok{border-color:#FF1186;box-shadow:0 0 0 1px rgba(255,17,134,.4),0 0 22px rgba(255,17,134,.25);animation:grain-pop .34s ease}
.grain-mk{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#FF1186;font:700 18px/1 Inter,sans-serif}
.grain-tray{display:flex;flex-wrap:wrap;gap:10px}
.grain-tile{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#ECEAF4;font:500 16px/1 Inter,sans-serif;cursor:pointer;transition:border-color .15s,opacity .15s}
.grain-tile:hover:not(:disabled){border-color:rgba(255,17,134,.6)}
.grain-tile.is-used{opacity:.28;border-style:dashed;cursor:default}
.grain-tile:disabled:not(.is-used){cursor:default}
.grain-tile:focus-visible,.grain-word:focus-visible{outline:2px solid #fff;outline-offset:3px}
.grain-tip{margin:10px 0 0}
.grain-note .meta{margin:12px 0 0}
@keyframes grain-in{from{opacity:0;transform:translateY(4px)}}
@keyframes grain-pop{45%{transform:scale(1.03)}}
@media (prefers-reduced-motion: reduce){.grain-word,.grain-sent.is-ok{animation:none}.grain-tile,.grain-sent{transition:none}}
.grain-l{margin:22px 0 10px}
.grain-mk.is-no{color:#B8B5C9}

/* explain: Say what it means */
.explain-q{margin:0;overflow-x:auto}
.explain-bar{margin-top:12px}
.explain-res{margin-top:14px}
.explain-res .chat-table{overflow-x:auto}
.explain-say{margin-top:22px;padding:18px 20px;border-radius:16px;background:rgba(11,12,26,.55);border:1px solid rgba(255,255,255,.1)}
.explain-sent{margin:0;font:400 18px/2.3 Inter,sans-serif;color:#ECEAF4;overflow-wrap:anywhere}
.explain-slot{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin:2px 2px;line-height:1.2;max-width:100%}
.explain-sel{appearance:none;-webkit-appearance:none;color-scheme:dark;max-width:100%;min-height:40px;padding:6px 34px 6px 14px;border-radius:12px;
  border:1px solid rgba(255,17,134,.55);background:rgba(255,17,134,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ECEAF4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
  color:#fff;font:600 16px/1.2 Inter,sans-serif;cursor:pointer;font-variant-numeric:tabular-nums}
.explain-sel option{background:#11121F;color:#ECEAF4}
.explain-sel:hover{border-color:#FF1186}
.explain-sel:focus-visible{outline:2px solid #fff;outline-offset:3px}
.explain-sel.is-ok{border-color:#FF1186;background-color:rgba(255,17,134,.18)}
.explain-sel.is-no{border-style:dashed;border-color:rgba(255,255,255,.35);background-color:rgba(255,255,255,.04);color:#B8B5C9}
.explain-sel:disabled{cursor:default;opacity:1}
.explain-mk{display:inline-block;min-width:16px;font:700 17px/1 Inter,sans-serif}
.explain-mk.is-ok{color:#FF1186}
.explain-mk.is-no{color:#8E8AA8}
.explain-note{margin:10px 0 0;min-height:22px;font:400 14px/1.5 Inter,sans-serif;color:#B8B5C9}
.explain-say .ebar{margin-top:8px}
.explain-say [data-chk]:disabled{opacity:.45;cursor:default;background:#E20575;border-color:#E20575}
.explain-pre{margin-right:-2px}
.explain-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}
.explain-sent.is-done{animation:explain-pop .35s ease}
@keyframes explain-pop{0%{transform:scale(1)}45%{transform:scale(1.015);text-shadow:0 0 18px rgba(255,17,134,.45)}100%{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.explain-sent.is-done{animation:none}}
/* no-run (Excel) mode */
.explain-given{font:400 16px/1.6 Inter,sans-serif;color:#B8B5C9;min-width:0}
.explain-given.has-fx{margin-top:14px}
.explain-given .chat-table{overflow-x:auto}
.explain-say.is-first{margin-top:0}
.fx-ref{color:#fff}

/* quickfire: Quick-fire true or false */
.qf-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.qf-top .elabel{margin:0}
.qf-dots{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex:1;min-width:0}
.qf-dot{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 Inter,sans-serif;color:#8E8AA8;position:relative}
.qf-dot.is-on{border-color:#FF1186;box-shadow:0 0 0 3px rgba(255,17,134,.18)}
.qf-dot.is-ok{background:#FF1186;border-color:#FF1186;color:#fff}
.qf-dot.is-no,.qf-dot.is-miss{border-style:dashed;border-color:rgba(255,255,255,.35);color:#B8B5C9}
.qf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}
.qf-tgl{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#B8B5C9;font:600 13px/1 Inter,sans-serif;cursor:pointer}
.qf-tgl[aria-pressed="true"]{color:#fff;border-color:rgba(255,17,134,.6);background:rgba(255,17,134,.12)}
.qf-tgl-ic{width:12px;height:12px;border-radius:50%;border:2px solid currentColor}
.qf-tgl[aria-pressed="true"] .qf-tgl-ic{background:#FF1186;border-color:#FF1186}
.qf-tgl:disabled{opacity:.5;cursor:default}
.qf-tgl:focus-visible,.qf-b:focus-visible,.qf-card:focus-visible,.qf-score:focus-visible{outline:2px solid #fff;outline-offset:3px}
.qf-intro{padding:22px;border-radius:16px;background:rgba(11,12,26,.55);border:1px solid rgba(255,255,255,.1)}
.qf-intro-t{margin:0;font:500 18px/1.5 Inter,sans-serif;color:#ECEAF4}.qf-intro-t b{color:#fff}
.qf-intro-m{margin:8px 0 0;font:400 15px/1.55 Inter,sans-serif;color:#B8B5C9}
.qf-card{display:flex;gap:16px;align-items:flex-start;padding:22px;min-height:118px;border-radius:18px;background:rgba(11,12,26,.55);border:1px solid rgba(255,255,255,.12);box-sizing:border-box}
.qf-card.is-ok{border-color:#FF1186;box-shadow:0 0 0 1px rgba(255,17,134,.35),0 0 26px rgba(255,17,134,.18)}
.qf-card.is-no,.qf-card.is-miss{border-style:dashed;border-color:rgba(255,255,255,.3)}
.qf-card.is-pop{animation:qf-pop .32s ease}
@keyframes qf-pop{45%{transform:scale(1.02)}}
.qf-ring{flex:none;position:relative;width:52px;height:52px}
.qf-ring svg{display:block;transform:rotate(-90deg)}
.qf-ring circle{fill:none;stroke-width:4}
.qf-ring-bg{stroke:rgba(255,255,255,.1)}
.qf-ring-fg{stroke:#B267FF;stroke-linecap:round}
.qf-ring.is-low .qf-ring-fg{stroke:#FF1186}
.qf-ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 15px/1 Inter,sans-serif;color:#ECEAF4;font-variant-numeric:tabular-nums}
.qf-ring.is-paused span{font-size:0}
.qf-ring.is-paused span::after{content:'II';font:700 13px/1 Inter,sans-serif;color:#8E8AA8;letter-spacing:1px}
.qf-stmt{margin:0;flex:1;min-width:0;font:500 19px/1.55 Inter,sans-serif;color:#fff;overflow-wrap:anywhere}
.qf-stmt code{font-size:.85em}
.qf-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.qf-b{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff;font:700 20px/1 Inter,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
.qf-b:hover:not(:disabled){border-color:rgba(255,17,134,.7);background:rgba(255,17,134,.08)}
.qf-k{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.22);font:600 13px/1 ui-monospace,Menlo,monospace;color:#B8B5C9}
.qf-b:disabled{cursor:default;color:#8E8AA8}
.qf-b.is-right{color:#fff;border-color:#FF1186;background:rgba(255,17,134,.14)}
.qf-b.is-right::after{content:'✓';font-size:18px;color:#FF1186}
.qf-b.is-pick:not(.is-right){border-style:dashed;border-color:rgba(255,255,255,.35);color:#B8B5C9}
.qf-b.is-pick:not(.is-right)::after{content:'✗';font-size:18px;color:#8E8AA8}
.qf-why{margin:14px 0 0;min-height:24px;font:400 15px/1.55 Inter,sans-serif;color:#ECEAF4}
.qf-why b{color:#fff}.qf-why.is-ok b{color:#FF1186}
.qf-nextbar{margin-top:10px}
.qf-end{padding:4px 0 0}
.qf-score{display:inline-flex;align-items:baseline;gap:2px;margin:0;border-radius:12px;padding:0 4px}
.qf-score b{font:700 56px/1 Lora,Georgia,serif;color:#fff}
.qf-score span{font:600 24px/1 Inter,sans-serif;color:#8E8AA8}
.qf-score.is-pass b{background:linear-gradient(100deg,#FF1186,#B267FF);-webkit-background-clip:text;background-clip:text;color:transparent;animation:qf-pop .35s ease}
.qf-verdict{margin:6px 0 14px;font:500 16px/1.5 Inter,sans-serif;color:#ECEAF4}
.qf-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.qf-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.qf-list li.is-no,.qf-list li.is-miss{border-style:dashed;border-color:rgba(255,255,255,.18)}
.qf-lm{font:700 16px/1.45 Inter,sans-serif;color:#FF1186}
.qf-list li.is-no .qf-lm,.qf-list li.is-miss .qf-lm{color:#8E8AA8}
.qf-lt{display:block;font:500 15px/1.45 Inter,sans-serif;color:#ECEAF4;overflow-wrap:anywhere}
.qf-la{display:block;margin-top:2px;font:400 14px/1.45 Inter,sans-serif;color:#B8B5C9}
.qf-la b{color:#ECEAF4}
@media (max-width:480px){.qf-card{flex-direction:column}.qf-stmt{font-size:17px}}
@media (prefers-reduced-motion: reduce){.qf-card.is-pop,.qf-score.is-pass b{animation:none}.qf-b{transition:none}}

/* oddone: Odd one out */
.od-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.od-grid.od-one{grid-template-columns:minmax(0,1fr)}
.od-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;text-align:left;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0B0C1A;color:#ECEAF4;cursor:pointer;transition:border-color .15s,box-shadow .2s}
.od-card:hover:not(:disabled){border-color:rgba(255,17,134,.6)}
.od-card:focus-visible{outline:2px solid #fff;outline-offset:3px}
.od-card.is-sel{border-color:#FF1186;box-shadow:0 0 0 1px #FF1186}
.od-card.is-no{border-style:dashed;border-color:rgba(255,255,255,.35);box-shadow:none}
.od-card:disabled{cursor:default;color:#ECEAF4}
.od-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.od-l{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font:700 13px/1 Inter,sans-serif;color:#ECEAF4}
.od-card.is-sel .od-l{background:#FF1186;border-color:#FF1186;color:#fff}
.od-pick{font:600 12px/1 Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#FF1186}
.od-card.is-no .od-pick{color:#8E8AA8}
.od-code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:400 13.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ECEAF4}
.od-out:empty{display:none}
.od-out{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.od-res-l{font:600 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8E8AA8}
.od-num{font:700 22px/1.1 Inter,sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.od-tag{margin-left:auto;font:600 12px/1 Inter,sans-serif;color:#B8B5C9}
.od-card.is-odd{border-color:#FF1186;box-shadow:0 0 0 1px #FF1186,0 0 24px rgba(255,17,134,.22)}
.od-card.is-odd .od-num{color:#FF1186}
.od-card.is-odd .od-tag{color:#FF1186}
.od-card.is-same{border-color:rgba(255,255,255,.12);box-shadow:none}
.od-card.is-ran .od-out{animation:od-in .3s ease both}
.od-card.is-odd.is-ran{animation:od-pop .35s ease}
@keyframes od-in{from{opacity:0;transform:translateY(4px)}}
@keyframes od-pop{45%{transform:scale(1.02)}}
.od-note{margin:12px 0 0;min-height:22px;font:400 14px/1.5 Inter,sans-serif;color:#B8B5C9}
.od .ebar{margin-top:6px}
@media (prefers-reduced-motion: reduce){.od-card{transition:none}.od-card.is-ran .od-out,.od-card.is-odd.is-ran{animation:none}}
.od .ebar [data-chk]:disabled{opacity:.45;cursor:default;background:#E20575;border-color:#E20575}

/* explore: Explore the data without code */
.explore{min-width:0;border-radius:16px}
.explore-of{text-transform:none;letter-spacing:0;font-weight:500;color:#8E8AA8}
.explore-tool{border:1px solid rgba(255,255,255,.1);background:rgba(11,12,26,.55);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:14px;min-width:0}
.explore-sec{margin:0;padding:0;border:0;min-width:0}
.explore-lg{padding:0;margin:0 0 10px;font:600 13px/1.3 Inter,sans-serif;color:#ECEAF4}
.explore-lg .explore-of{font-size:13px}
.explore-fs{display:flex;flex-direction:column;gap:10px}
.explore-fs:empty{display:none}
.explore-fs:not(:empty){margin-bottom:10px}
.explore-f{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px 12px;background:rgba(255,255,255,.02);min-width:0}
.explore-fh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.explore-fn{font:600 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#B8B5C9}
.explore-x{min-height:32px;min-width:24px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#B8B5C9;font:500 13px/1 Inter,sans-serif;cursor:pointer}
.explore-x:hover{border-color:rgba(255,255,255,.4);color:#ECEAF4}
.explore-fg,.explore-ms{display:flex;flex-wrap:wrap;gap:10px;min-width:0}
.explore-fld{display:flex;flex-direction:column;gap:5px;flex:1 1 140px;min-width:0}
.explore-fg.is-between .explore-fld{flex-basis:120px}
.explore-k{font:500 12px/1.2 Inter,sans-serif;color:#8E8AA8}
.explore-in{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0B0C1A;color:#ECEAF4;font:400 15px/1.3 Inter,sans-serif;color-scheme:dark}
select.explore-in{cursor:pointer;-webkit-appearance:none;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#B8B5C9 50%),linear-gradient(135deg,#B8B5C9 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat;text-overflow:ellipsis}
.explore-in:hover{border-color:rgba(255,255,255,.3)}
.explore-in:focus{border-color:#FF1186}
.explore-in:focus-visible,.explore-x:focus-visible,.explore-num:focus-visible{outline:2px solid #fff;outline-offset:3px}
.explore-in:disabled,.explore-x:disabled{opacity:.6;cursor:default}
.explore-add{min-width:0;height:44px!important;padding:0 6px}
.explore-add[hidden]{display:none}
.explore-out{margin-top:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px;background:rgba(11,12,26,.55);min-width:0}
.explore-out .elabel{margin-bottom:6px}
.explore-big{margin:0;font:700 34px/1.15 Inter,sans-serif;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.explore-big[hidden]{display:none}
.explore-say{margin:6px 0 0;font:400 15px/1.5 Inter,sans-serif;color:#ECEAF4;overflow-wrap:anywhere}
.explore-note{margin:4px 0 0}
.explore-note:empty{display:none}
.explore-tbl{margin-top:12px}
.explore-tbl td,.explore-tbl th{overflow-wrap:anywhere}
.explore-r{text-align:right!important;white-space:nowrap}
.explore-ans{margin-top:18px}
.explore-al{display:block;line-height:1.4;text-transform:none;letter-spacing:0;font-size:14px;color:#B8B5C9}
.explore-ab{margin-top:0}
.explore-iw{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}
.explore-num{width:180px;max-width:100%;box-sizing:border-box;min-height:44px}
.explore-num:focus{border-color:#FF1186}
.explore-num.is-right{border-color:#FF1186}
.explore-unit{font:500 15px/1 Inter,sans-serif;color:#B8B5C9}
.explore.explore-pop .explore-ans{animation:explore-pop .36s ease-out}
@keyframes explore-pop{40%{box-shadow:0 0 0 4px rgba(255,17,134,.22),0 0 26px rgba(255,17,134,.4);border-radius:14px}}
@media (prefers-reduced-motion: reduce){.explore.explore-pop .explore-ans{animation:none}}

/* traphunt: Tap the traps */
.traphunt{min-width:0}
.traphunt-tip{margin:-4px 0 10px;font-size:14px;line-height:1.5}
.traphunt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.traphunt-wrap{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#101122;padding:6px;min-width:0}
.traphunt-t{border-collapse:separate;border-spacing:3px;width:100%;font:400 13px/1.3 Inter,sans-serif;font-variant-numeric:tabular-nums}
.traphunt-t thead th{padding:6px 7px 4px;text-align:left;font-weight:600;font-size:12px;color:#8E8AA8;white-space:nowrap}
.traphunt-t td{padding:0}
.traphunt-rh{width:1%;padding:0 2px 0 4px;text-align:left;font:600 12px/1 Inter,sans-serif;color:#8E8AA8;white-space:nowrap}
.traphunt-rn{display:none}
.traphunt-cell{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-height:40px;min-width:44px;padding:8px 7px;box-sizing:border-box;text-align:left;font:inherit;color:#E9E5F5;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}
.traphunt-cell:hover{border-color:rgba(255,255,255,.28)}
.traphunt-cell:focus-visible{outline:2px solid #fff;outline-offset:3px;z-index:1}
.traphunt-ck{display:none}
.traphunt-cv{min-width:0}
.traphunt-mk{position:absolute;right:-5px;top:-6px;width:17px;height:17px;box-shadow:0 0 0 2px #101122;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 11px/1 Inter,sans-serif;color:#fff}
.traphunt-mk:empty{display:none}
.traphunt-cell[aria-pressed=true]{border-color:#FF1186;background:rgba(255,17,134,.10)}
.traphunt-cell[aria-pressed=true] .traphunt-mk:empty{display:flex;background:#FF1186}
.traphunt-cell[aria-pressed=true] .traphunt-mk:empty::after{content:'!'}
.traphunt-cell.is-found{border-color:#FF1186;background:rgba(255,17,134,.16);cursor:default}
.traphunt-cell.is-found .traphunt-mk{background:#FF1186}
.traphunt-cell.is-wrong{border-style:dashed;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.03)}
.traphunt-cell.is-wrong .traphunt-mk{background:rgba(255,255,255,.18);color:#ECEAF4}
.traphunt-cell:disabled{cursor:default}
/* One card per row when the table does not fit */
.traphunt-wrap.is-cards{padding:8px}
.traphunt-wrap.is-cards .traphunt-t,.traphunt-wrap.is-cards tbody,.traphunt-wrap.is-cards tr,.traphunt-wrap.is-cards td,.traphunt-wrap.is-cards tbody th{display:block;width:auto}
.traphunt-wrap.is-cards thead{display:none}
.traphunt-wrap.is-cards tbody{display:flex;flex-direction:column;gap:8px}
.traphunt-wrap.is-cards tr{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:12px}
.traphunt-wrap.is-cards tbody th{grid-column:1/-1;padding:2px 2px 0}
.traphunt-wrap.is-cards .traphunt-rn{display:inline}
.traphunt-wrap.is-cards .traphunt-rn-s{display:none}
.traphunt-wrap.is-cards .traphunt-cell{flex-direction:column;align-items:flex-start;gap:3px;white-space:normal;min-height:52px}
.traphunt-wrap.is-cards .traphunt-ck{display:block;font:500 11px/1.2 Inter,sans-serif;color:#8E8AA8;overflow-wrap:anywhere}
.traphunt-wrap.is-cards .traphunt-cv{overflow-wrap:anywhere;min-height:1.3em}
.traphunt-out:not(:empty){margin-top:18px}
.traphunt-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.traphunt-li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(11,12,26,.55);font:400 14px/1.5 Inter,sans-serif;color:#ECEAF4;min-width:0}
.traphunt-li>div{min-width:0}
.traphunt-li.is-found{border-color:rgba(255,17,134,.45)}
.traphunt-li.is-wrong{border-style:dashed;border-color:rgba(255,255,255,.22)}
.traphunt-lm{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 12px/1 Inter,sans-serif;color:#fff;background:#FF1186;margin-top:1px}
.traphunt-li.is-wrong .traphunt-lm{background:rgba(255,255,255,.18);color:#ECEAF4}
.traphunt-lt,.traphunt-ly{margin:0;overflow-wrap:anywhere}
.traphunt-lw{color:#8E8AA8;font-size:13px}
.traphunt-ly{color:#B8B5C9}
.traphunt-wrap.traphunt-pop{animation:traphunt-pop .38s ease-out}
@keyframes traphunt-pop{40%{box-shadow:0 0 0 4px rgba(255,17,134,.25),0 0 26px rgba(255,17,134,.45)}}
@media (prefers-reduced-motion: reduce){.traphunt-wrap.traphunt-pop{animation:none}.traphunt-cell{transition:none}}

/* claim: Check a claim */
.claim{container-type:inline-size}
.claim-quote{margin:0;padding:18px 20px 18px 22px;border-radius:16px;background:rgba(11,12,26,.55);border:1px solid rgba(255,255,255,.1);border-left:4px solid #FF1186;position:relative}
.claim-quote p{margin:0;font:600 20px/1.45 Inter,sans-serif;color:#fff;overflow-wrap:anywhere}
.claim-el{margin-top:20px}
.claim-ev{overflow-x:auto;border-radius:14px;font:400 15px/1.55 Inter,sans-serif;color:#ECEAF4}
.claim-ev:focus-visible{outline:2px solid #fff;outline-offset:3px}
.claim-ev .chat-table{margin:0;max-height:none;overflow-x:auto}
.claim-ev .chat-table td,.claim-ev .chat-table th{white-space:nowrap}
.claim-ev p{margin:8px 0 0;color:#B8B5C9;font-size:14px}
.claim-card{margin-top:22px;padding:6px 20px 18px;border-radius:18px;background:rgba(11,12,26,.55);border:1px solid rgba(255,255,255,.1)}
.claim-card.is-done{animation:claim-pop .35s ease;border-color:rgba(255,17,134,.55);box-shadow:0 0 26px rgba(255,17,134,.16)}
@keyframes claim-pop{0%{box-shadow:0 0 0 rgba(255,17,134,0)}45%{box-shadow:0 0 0 3px rgba(255,17,134,.35),0 0 34px rgba(255,17,134,.3)}100%{box-shadow:0 0 26px rgba(255,17,134,.16)}}
.claim-step{margin:0;padding:16px 0 14px;border:0;border-bottom:1px solid rgba(255,255,255,.08);min-width:0}
.claim-lg{float:left;display:flex;align-items:flex-start;gap:12px;width:100%;padding:0;margin:0 0 12px;box-sizing:border-box}
.claim-lg+*{clear:both}
.claim-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,17,134,.6);color:#fff;font:700 14px/1 Inter,sans-serif}
.claim-lt{flex:1;min-width:0;padding-top:4px;font:600 16px/1.35 Inter,sans-serif;color:#fff}
.claim-sub{display:block;margin-top:3px;font:400 13px/1.4 Inter,sans-serif;color:#8E8AA8}
.claim-mk{flex:none;padding-top:5px;font:700 14px/1.2 Inter,sans-serif;white-space:nowrap}
.claim-mk.is-ok{color:#FF1186}
.claim-mk.is-no{color:#8E8AA8}
.claim-verdicts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.claim-v{min-height:48px;padding:8px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#ECEAF4;font:600 15px/1.25 Inter,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
.claim-v:hover:not(:disabled){border-color:rgba(255,17,134,.7)}
.claim-v[aria-pressed="true"]{color:#fff;border-color:#FF1186;background:rgba(255,17,134,.14)}
.claim-v[aria-pressed="true"]::before{content:'● ';color:#FF1186}
.claim-v.is-ok::after{content:' ✓';color:#FF1186}
.claim-v.is-no{border-style:dashed;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.04);color:#B8B5C9}
.claim-v.is-no::before{color:#8E8AA8}
.claim-v.is-no::after{content:' ✗';color:#8E8AA8}
.claim-v:disabled{cursor:default}
.claim-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.claim-opt{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 14px;min-height:48px;box-sizing:border-box;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .15s}
.claim-opt:hover{border-color:rgba(255,255,255,.3)}
.claim-opt:has(.claim-in:checked){border-color:rgba(255,17,134,.7);background:rgba(255,17,134,.07)}
.claim-in{appearance:none;-webkit-appearance:none;margin:0;width:24px;height:24px;border-radius:7px;border:2px solid rgba(255,255,255,.4);background:transparent;cursor:pointer;display:grid;place-items:center}
.claim-in[type="radio"]{border-radius:50%}
.claim-in:checked{border-color:#FF1186;background:#FF1186}
.claim-in[type="checkbox"]:checked::after{content:'';width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.claim-in[type="radio"]:checked::after{content:'';width:8px;height:8px;border-radius:50%;background:#fff}
.claim-in:focus-visible{outline:2px solid #fff;outline-offset:3px}
.claim-in:disabled{cursor:default}
.claim-ot{font:400 16px/1.5 Inter,sans-serif;color:#ECEAF4;overflow-wrap:anywhere}
.claim-om{font:700 16px/1.5 Inter,sans-serif;min-width:14px}
.claim-li.is-ok .claim-opt{border-color:#FF1186}
.claim-li.is-ok .claim-om{color:#FF1186}
.claim-li.is-no .claim-opt{border-style:dashed;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.03)}
.claim-li.is-no .claim-om{color:#8E8AA8}
.claim-li.is-no .claim-in:checked{background:#8E8AA8;border-color:#8E8AA8}
.claim-ow{margin:0;padding:0 14px 0 50px;font:400 14px/1.5 Inter,sans-serif;color:#B8B5C9}
.claim-ow:not(:empty){margin-top:6px}
.claim-why{margin:0;font:400 15px/1.55 Inter,sans-serif;color:#ECEAF4}
.claim-why:not(:empty){margin-top:10px}
.claim-step.is-ok .claim-why{color:#ECEAF4}
.claim-step.is-no .claim-why{color:#B8B5C9}
.claim-note{margin:12px 0 0;min-height:22px;font:400 14px/1.5 Inter,sans-serif;color:#B8B5C9}
.claim-card .ebar{margin-top:6px}
.claim-card [data-chk]:disabled{opacity:.45;cursor:default}
.claim-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}
.claim-v:focus-visible{outline:2px solid #fff;outline-offset:3px}
@container (max-width:460px){
  .claim-card{padding:4px 14px 16px}
  .claim-verdicts{grid-template-columns:1fr}
  .claim-quote p{font-size:18px}
  .claim-ow{padding-left:14px}
}
@media (prefers-reduced-motion: reduce){.claim-card.is-done{animation:none}.claim-v,.claim-opt{transition:none}}

/* describe: Describe this table */
.describe{container-type:inline-size}
.describe-tbl{margin:0;max-height:none;overflow-x:auto}
.describe-tbl:focus-visible{outline:2px solid #fff;outline-offset:3px}
.describe-tbl td,.describe-tbl th{white-space:nowrap}
.describe-blank{font-style:italic;color:#8E8AA8}
.describe-card{margin-top:22px;padding:18px 20px;border-radius:18px;background:rgba(11,12,26,.55);border:1px solid rgba(255,255,255,.1)}
.describe-card.is-done{animation:describe-pop .35s ease;border-color:rgba(255,17,134,.55);box-shadow:0 0 26px rgba(255,17,134,.16)}
@keyframes describe-pop{0%{box-shadow:0 0 0 rgba(255,17,134,0)}45%{box-shadow:0 0 0 3px rgba(255,17,134,.35),0 0 34px rgba(255,17,134,.3)}100%{box-shadow:0 0 26px rgba(255,17,134,.16)}}
.describe-ct{display:flex;align-items:center;gap:10px;margin:0 0 6px;font:600 16px/1.3 Inter,sans-serif;color:#fff}
.describe-ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;border:1px solid rgba(178,103,255,.6);color:#B267FF;font:700 16px/1 Inter,sans-serif}
.describe-dl{margin:0}
.describe-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px 16px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.describe-row dt{padding-top:11px;font:600 15px/1.35 Inter,sans-serif;color:#ECEAF4}
.describe-row dt label{cursor:pointer}
.describe-row dd{margin:0;min-width:0}
.describe-ctl{display:flex;align-items:center;gap:8px}
.describe-sel{appearance:none;-webkit-appearance:none;color-scheme:dark;flex:1;min-width:0;width:100%;min-height:44px;padding:8px 36px 8px 14px;border-radius:12px;
  border:1px solid rgba(255,17,134,.55);background:rgba(255,17,134,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ECEAF4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 13px center;
  color:#fff;font:500 15px/1.3 Inter,sans-serif;cursor:pointer;text-overflow:ellipsis}
.describe-sel option{background:#11121F;color:#ECEAF4}
.describe-sel:hover{border-color:#FF1186}
.describe-sel:focus-visible{outline:2px solid #fff;outline-offset:3px}
.describe-sel:disabled{cursor:default;opacity:1}
.describe-row.is-ok .describe-sel{border-color:#FF1186;background-color:rgba(255,17,134,.16)}
.describe-row.is-no .describe-sel{border-style:dashed;border-color:rgba(255,255,255,.4);background-color:rgba(255,255,255,.04);color:#B8B5C9}
.describe-mk{flex:none;width:18px;font:700 17px/1 Inter,sans-serif;text-align:center}
.describe-mk.is-ok{color:#FF1186}
.describe-mk.is-no{color:#8E8AA8}
.describe-why{margin:0;font:400 14px/1.5 Inter,sans-serif;color:#B8B5C9}
.describe-why:not(:empty){margin-top:8px}
.describe-row.is-ok .describe-why{color:#ECEAF4}
.describe-note{margin:12px 0 0;min-height:22px;font:400 14px/1.5 Inter,sans-serif;color:#B8B5C9}
.describe-card .ebar{margin-top:6px}
.describe-card [data-chk]:disabled{opacity:.45;cursor:default}
.describe-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}
@container (max-width:460px){
  .describe-card{padding:16px 14px}
  .describe-row{grid-template-columns:1fr;gap:8px}
  .describe-row dt{padding-top:0}
}
@media (prefers-reduced-motion: reduce){.describe-card.is-done{animation:none}}

/* write: Write it, then compare (self-assessed) */
.write-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px 6px 8px;border-radius:999px;border:1px solid rgba(178,103,255,.5);background:rgba(178,103,255,.1);font:600 13px/1.2 Inter,sans-serif;color:#ECEAF4}
.write-badge-ic{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(178,103,255,.25);color:#fff;font-size:12px}
.write-prompt{padding:16px 18px;border-radius:16px;background:rgba(11,12,26,.55);border:1px solid rgba(255,255,255,.1);border-left:4px solid #FF1186;font:500 17px/1.55 Inter,sans-serif;color:#fff;overflow-wrap:anywhere}
.write-prompt p{margin:0}.write-prompt p+p{margin-top:8px}
.write-box{margin-top:18px}
.write-lbl{display:block}
.write-ta{display:block;width:100%;box-sizing:border-box;min-height:168px;resize:vertical;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0B0C1A;color:#ECEAF4;font:400 16px/1.6 Inter,sans-serif;color-scheme:dark}
.write-ta::placeholder{color:#8E8AA8}
.write-ta:hover{border-color:rgba(255,255,255,.28)}
.write-ta:focus{border-color:#FF1186}
.write-ta:focus-visible{outline:2px solid #fff;outline-offset:3px}
.write-ta[readonly]{color:#B8B5C9}
.write-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin-top:8px;font:400 13px/1.4 Inter,sans-serif;color:#8E8AA8}
.write-count{font-weight:600;font-variant-numeric:tabular-nums;color:#B8B5C9}
.write-count.is-ready{color:#FF1186}
.write [data-cmp][aria-disabled="true"]:not(:disabled){opacity:.5;cursor:not-allowed}
.write [data-cmp]:disabled{opacity:.45;cursor:default}
.write-note{margin:10px 0 0;min-height:22px;font:400 14px/1.5 Inter,sans-serif;color:#B8B5C9}
.write-cmp{margin-top:14px;padding:18px 20px;border-radius:18px;background:rgba(11,12,26,.55);border:1px solid rgba(255,255,255,.1)}
.write-cmp.is-in{animation:write-in .3s ease}
@keyframes write-in{from{opacity:0;transform:translateY(6px)}}
.write-cmp.is-done{border-color:rgba(255,17,134,.55);box-shadow:0 0 26px rgba(255,17,134,.16);animation:write-pop .35s ease}
@keyframes write-pop{0%{box-shadow:0 0 0 rgba(255,17,134,0)}45%{box-shadow:0 0 0 3px rgba(255,17,134,.35),0 0 34px rgba(255,17,134,.3)}100%{box-shadow:0 0 26px rgba(255,17,134,.16)}}
.write-cmp .elabel:focus{outline:none}
.write-cmp .elabel:focus-visible{outline:2px solid #fff;outline-offset:3px}
.write-model{padding:14px 16px;border-radius:14px;border:1px solid rgba(178,103,255,.35);background:rgba(178,103,255,.06);font:400 16px/1.6 Inter,sans-serif;color:#ECEAF4;overflow-wrap:anywhere}
.write-model p{margin:0}.write-model p+p{margin-top:8px}
.write-fs{margin:18px 0 0;padding:0;border:0;min-width:0}
.write-lg{padding:0;margin:0 0 10px;font:600 16px/1.35 Inter,sans-serif;color:#fff}
.write-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.write-opt{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;min-height:48px;box-sizing:border-box;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .15s}
.write-opt:hover{border-color:rgba(255,255,255,.3)}
.write-opt:has(.write-in:checked){border-color:#FF1186;background:rgba(255,17,134,.07)}
.write-in{appearance:none;-webkit-appearance:none;margin:0;width:24px;height:24px;border-radius:7px;border:2px solid rgba(255,255,255,.4);background:transparent;cursor:pointer;display:grid;place-items:center}
.write-in:checked{border-color:#FF1186;background:#FF1186}
.write-in:checked::after{content:'';width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.write-in:focus-visible{outline:2px solid #fff;outline-offset:3px}
.write-in:disabled{cursor:default}
.write-ot{font:400 16px/1.5 Inter,sans-serif;color:#ECEAF4;overflow-wrap:anywhere}
.write-prog{margin:10px 0 0;min-height:20px;font:600 13px/1.4 Inter,sans-serif;color:#B8B5C9}
.write-cmp .ebar{margin-top:4px}
.write-cmp [data-done]:disabled{opacity:.45;cursor:default}
@media (max-width:520px){.write-cmp{padding:16px 14px}.write-prompt{font-size:16px}}
@media (prefers-reduced-motion: reduce){.write-cmp.is-in,.write-cmp.is-done{animation:none}.write-opt{transition:none}}

/* workbook: do it in Excel, type the values back */
.workbook{min-width:0}
.workbook-file{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(11,12,26,.55);min-width:0}
.workbook-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(178,103,255,.14);border:1px solid rgba(178,103,255,.4);color:#B267FF}
.workbook-fmeta{flex:1 1 220px;min-width:0}
.workbook-fname{margin:0;font:600 14px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ECEAF4;overflow-wrap:anywhere}
.workbook-fsub{margin:4px 0 0;font:400 14px/1.5 Inter,sans-serif;color:#B8B5C9}
.workbook-fsub b{color:#ECEAF4;font-weight:600}
.workbook-dl{flex:none;text-decoration:none;gap:8px;min-width:140px}
.workbook-dl:focus-visible{outline:2px solid #fff;outline-offset:3px}
.workbook-pack{flex:none;margin:0;padding:10px 14px;border-radius:12px;border:1px dashed rgba(255,255,255,.22);font:500 14px/1.4 Inter,sans-serif;color:#B8B5C9}
.workbook-note{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0;font:500 14px/1.5 Inter,sans-serif;color:#B8B5C9}
.workbook-note>span{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;border:1px solid rgba(255,17,134,.6);color:#FF1186;font:700 12px/1 Lora,Georgia,serif;font-style:italic}
.workbook-h{margin-top:24px}
.workbook-steps{list-style:none;counter-reset:wb;margin:0;padding:0;display:grid;gap:10px}
.workbook-steps li{counter-increment:wb;position:relative;padding-left:40px;font:400 16px/1.55 Inter,sans-serif;color:#ECEAF4;overflow-wrap:anywhere;min-height:28px}
.workbook-steps li::before{content:counter(wb);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,17,134,.12);border:1px solid rgba(255,17,134,.5);color:#fff;font:700 13px/1 Inter,sans-serif}
.workbook-steps code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
.workbook-fields{display:grid;gap:12px;border-radius:16px}
.workbook-field{display:grid;gap:8px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(11,12,26,.55);min-width:0}
.workbook-field.is-ok{border-color:rgba(255,17,134,.55)}
.workbook-field.is-no{border-style:dashed;border-color:rgba(255,255,255,.3)}
.workbook-label{font:600 15px/1.4 Inter,sans-serif;color:#ECEAF4}
.workbook-inrow{display:flex;align-items:center;gap:12px;min-width:0}
.workbook-in{display:inline-flex;align-items:center;min-width:0;flex:0 1 300px;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0B0C1A}
.workbook-in:focus-within{border-color:#FF1186;outline:2px solid #fff;outline-offset:3px}
.workbook-pre,.workbook-suf{flex:none;font:600 16px/1 Inter,sans-serif;color:#8E8AA8}
.workbook-pre{margin-right:8px}
.workbook-suf{margin-left:10px}
.workbook-input{flex:1 1 auto;min-width:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;font:600 18px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;outline:none}
.workbook-input[readonly]{cursor:default}
.workbook-mk{flex:none;min-width:18px;font:700 18px/1 Inter,sans-serif}
.workbook-field.is-ok .workbook-mk{color:#FF1186}
.workbook-field.is-no .workbook-mk{color:#8E8AA8}
.workbook-field.is-no .workbook-input{color:#B8B5C9}
.workbook>.ebar{margin-bottom:8px}
.workbook [data-chk]:disabled{opacity:.45;cursor:default}
.workbook-model:not(:empty){margin-top:20px}
.workbook-model pre.code{overflow-x:auto}
.workbook-pop .workbook-field.is-ok{animation:workbook-pop .36s ease-out}
.fx-ref{color:#fff}
@keyframes workbook-pop{40%{box-shadow:0 0 0 4px rgba(255,17,134,.22),0 0 24px rgba(255,17,134,.45)}}
@media (prefers-reduced-motion: reduce){.workbook-pop .workbook-field.is-ok{animation:none}}

.code-soon{border:1px dashed rgba(255,255,255,.25);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.code-soon-t{margin:0;font:700 17px/1.3 Inter,sans-serif;color:#fff}
.code-soon-d{margin:0;font:400 15px/1.55 Inter,sans-serif;color:#C9C6DA}
.code-soon-m{width:100%}.code-soon-m summary{cursor:pointer;color:#FF1186;font:600 14px/1.4 Inter,sans-serif}
.code-soon-m pre{white-space:pre-wrap;word-break:break-word;margin-top:10px}



