.tabia-pill{line-height:1.4}.chess-move-list-row__label{flex:1 1 auto;min-width:0}.h1,h1{font-size:var(--fs-800);font-weight:var(--fw-bold);line-height:1.15}.h1,.h2,h1,h2{color:var(--clr-text-500);font-family:var(--font-heading);letter-spacing:var(--tracking-200)}.h2,h2{font-size:var(--fs-700);font-weight:var(--fw-semibold);line-height:1.2}.account-section__heading,.action-zone__label,.h3,h3{color:var(--clr-text-500);font-family:var(--font-heading);font-size:var(--fs-500);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-100);line-height:1.3}.action-zone__label{font-size:var(--fs-600)}.account-section__heading{font-weight:var(--fw-bold)}.account-field__value,p{color:var(--clr-text-500);font-family:var(--font-ui);font-size:var(--fs-500);font-weight:var(--fw-normal)}.account-field__label{color:var(--clr-text-300);font-family:var(--font-mono);font-size:var(--fs-200);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-300);text-transform:uppercase}.chess-move-list-row__label,.chess-move-list-row__quality{color:var(--clr-text-400);font-family:var(--font-mono);font-size:var(--fs-200);white-space:nowrap}.chess-move-list-row__quality,.tabia-pill{font-weight:var(--fw-bold)}.action-zone__link,.chess-move-list-row__san{color:var(--clr-text-500);font-family:var(--font-ui);font-size:var(--fs-400);font-weight:var(--fw-semibold)}.chess-move-list-row__san{font-family:var(--font-heading)}.btn{font-family:var(--font-ui);font-size:var(--fs-400);font-weight:var(--fw-bold)}.chess-move-list-row__number{color:var(--clr-text-300);font-family:var(--font-mono);font-size:var(--fs-200)}.tabia-pill{color:var(--clr-text-400);font-family:var(--font-mono);font-size:var(--fs-100);white-space:nowrap}.action-zone__hint{color:var(--clr-text-500);font-family:var(--font-body);font-size:var(--fs-500);font-weight:var(--fw-normal);line-height:1.75}.prose-heading{color:var(--clr-text-500);font-family:var(--font-heading);font-weight:var(--fw-bold);line-height:1.3}.prose-heading--1{font-size:var(--fs-700)}.prose-heading--2{font-size:var(--fs-650)}.prose-heading--3{font-size:var(--fs-500)}.step-marker{font-family:var(--font-heading);font-size:var(--fs-400);font-weight:var(--fw-bold);letter-spacing:var(--tracking-100)}*,:after,:before{box-sizing:border-box}:not(dialog){margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}@font-face{font-display:swap;font-family:Bitter;font-style:normal;font-weight:100 900;src:url(../fonts/bitter.ttf) format("truetype")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:100 900;src:url(../fonts/raleway.ttf) format("truetype")}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:300 700;src:url(../fonts/space-grotesk.ttf) format("truetype")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;src:url(../fonts/jetbrains-mono.ttf) format("truetype")}@font-face{font-display:swap;font-family:Zen Dots;font-style:normal;font-weight:400;src:url(../fonts/zen-dots.ttf) format("truetype")}:root{--clr-white:#fff;--clr-black:#000;--clr-gray-100:#e0e6f5;--clr-gray-200:#c7cfe1;--clr-gray-300:#b1bacd;--clr-gray-400:#9ca6ba;--clr-gray-500:#8994a9;--clr-gray-600:#6a758a;--clr-gray-700:#4f586d;--clr-gray-800:#3c4458;--clr-gray-900:#2a3246;--clr-navy-100:#3e4e7a;--clr-navy-200:#2b3755;--clr-navy-300:#2a365b;--clr-navy-400:#1f2a41;--clr-navy-500:#1c2540;--clr-navy-600:#1a2238;--clr-navy-700:#151c2e;--clr-navy-800:#0d1321;--clr-navy-900:#06090f;--clr-cyan-300:#80e5ff;--clr-cyan-500:#4dd8ff;--clr-cyan-700:#2597c1;--clr-cyan-900:#0f2a38;--clr-amber-300:#ffc66b;--clr-amber-500:#ff9d4d;--clr-green-300:#244c37;--clr-green-500:#59cf92;--clr-red-300:#4c2424;--clr-red-500:#ff7a7a;--clr-violet-500:#ab89fa;--clr-violet-700:#7242e0;--clr-violet-900:#221344;--clr-pink-500:#f471c4;--clr-gold-500:#ffc66b;--clr-teal-500:#25c1a7;--clr-steel-500:#739abf;--clr-slate-500:#7a7a9f;--clr-yellow-500:#f6cc31;--clr-orange-500:#ffa257;--clr-coral-500:#fb422d;--clr-brand-chesscom-bg:#312e2b;--clr-brand-chesscom-green:#5d9948;--clr-brand-lichess-bg:#161512;--clr-brand-lichess-fg:#bababa;--clr-brand-discord-bg:#5865f2;--clr-brand-kofi-bg:#ff6433;--clr-brand-chip-bg:#fff;--clr-bg:var(--clr-navy-900);--clr-bg-elevated-1:var(--clr-navy-800);--clr-bg-elevated-2:var(--clr-navy-700);--clr-bg-elevated-3:var(--clr-navy-500);--clr-bg-elevated-4:var(--clr-navy-400);--clr-primary-300:var(--clr-cyan-300);--clr-primary-500:var(--clr-cyan-500);--clr-primary-500-alpha-100:color-mix(in srgb,var(--clr-cyan-500) 2%,transparent);--clr-primary-500-alpha-200:color-mix(in srgb,var(--clr-cyan-500) 10%,transparent);--clr-primary-500-alpha-300:color-mix(in srgb,var(--clr-cyan-500) 16%,transparent);--clr-primary-500-alpha-400:color-mix(in srgb,var(--clr-cyan-500) 24%,transparent);--clr-primary-500-alpha-500:color-mix(in srgb,var(--clr-cyan-500) 32%,transparent);--clr-primary-500-alpha-600:color-mix(in srgb,var(--clr-cyan-500) 40%,transparent);--clr-primary-700:var(--clr-cyan-700);--clr-primary-900:var(--clr-cyan-900);--clr-learn-300:var(--clr-violet-500);--clr-learn-500:var(--clr-violet-700);--clr-learn-900:var(--clr-violet-900);--clr-accent-300:var(--clr-amber-300);--clr-accent-500:var(--clr-amber-500);--clr-accent-500-alpha-200:color-mix(in srgb,var(--clr-amber-500) 10%,transparent);--clr-accent-500-alpha-600:color-mix(in srgb,var(--clr-amber-500) 40%,transparent);--clr-accent-500-alpha-700:color-mix(in srgb,var(--clr-amber-500) 50%,transparent);--clr-semantic-positive-300:var(--clr-green-300);--clr-semantic-positive-500:var(--clr-green-500);--clr-semantic-negative-300:var(--clr-red-300);--clr-semantic-negative-500:var(--clr-red-500);--clr-semantic-warning-500:var(--clr-orange-500);--clr-semantic-caution-500:var(--clr-amber-500);--clr-semantic-negative-500-alpha-100:color-mix(in srgb,var(--clr-red-500) 2%,transparent);--clr-semantic-negative-500-alpha-200:color-mix(in srgb,var(--clr-red-500) 10%,transparent);--clr-semantic-negative-500-alpha-300:color-mix(in srgb,var(--clr-red-500) 16%,transparent);--clr-semantic-negative-500-alpha-500:color-mix(in srgb,var(--clr-red-500) 32%,transparent);--clr-semantic-negative-500-alpha-600:color-mix(in srgb,var(--clr-red-500) 40%,transparent);--clr-semantic-positive-500-alpha-200:color-mix(in srgb,var(--clr-green-500) 10%,transparent);--clr-semantic-positive-500-alpha-300:color-mix(in srgb,var(--clr-green-500) 16%,transparent);--clr-semantic-positive-500-alpha-600:color-mix(in srgb,var(--clr-green-500) 40%,transparent);--clr-move-quality-brilliant:var(--clr-teal-500);--clr-move-quality-good:var(--clr-steel-500);--clr-move-quality-speculative:var(--clr-slate-500);--clr-move-quality-imprecision:var(--clr-yellow-500);--clr-move-quality-mistake:var(--clr-orange-500);--clr-move-quality-blunder:var(--clr-coral-500);--clr-module-openings:var(--clr-cyan-500);--clr-module-courses:var(--clr-green-500);--clr-module-puzzles:var(--clr-amber-500);--clr-module-rewind:var(--clr-violet-500);--clr-module-blunders:var(--clr-red-500);--clr-module-visualize:var(--clr-pink-500);--clr-module-studies:var(--clr-gold-500);--clr-brand-chesscom:var(--clr-brand-chesscom-bg);--clr-brand-chesscom-mark:var(--clr-brand-chesscom-green);--clr-brand-lichess:var(--clr-brand-lichess-bg);--clr-brand-lichess-text:var(--clr-brand-lichess-fg);--clr-brand-discord:var(--clr-brand-discord-bg);--clr-brand-kofi:var(--clr-brand-kofi-bg);--clr-brand-chip:var(--clr-brand-chip-bg);--clr-white-alpha-100:color-mix(in srgb,#fff 5%,transparent);--clr-white-alpha-200:color-mix(in srgb,#fff 12%,transparent);--clr-white-alpha-300:color-mix(in srgb,#fff 20%,transparent);--clr-white-alpha-400:color-mix(in srgb,#fff 22%,transparent);--clr-white-alpha-500:color-mix(in srgb,#fff 30%,transparent);--clr-black-alpha-300:color-mix(in srgb,#000 16%,transparent);--clr-black-alpha-400:color-mix(in srgb,#000 20%,transparent);--clr-black-alpha-600:color-mix(in srgb,#000 35%,transparent);--clr-bg-alpha-500:color-mix(in srgb,var(--clr-navy-900) 55%,transparent);--clr-bg-alpha-900:color-mix(in srgb,var(--clr-navy-900) 92%,transparent);--clr-text-300:var(--clr-gray-700);--clr-text-400:var(--clr-gray-500);--clr-text-500:var(--clr-gray-100);--clr-text-accent-400:var(--clr-cyan-500);--clr-text-accent-500:var(--clr-cyan-300);--clr-border-400:var(--clr-navy-300);--clr-border-500:var(--clr-navy-200);--clr-border-600:var(--clr-navy-100);--font-brand:"Zen Dots",sans-serif;--font-heading:"Space Grotesk",sans-serif;--font-ui:"Space Grotesk",sans-serif;--font-body:"Raleway",sans-serif;--font-mono:"JetBrains Mono",monospace;--tracking-100:-.04em;--tracking-200:-.025em;--tracking-300:.14em;--tracking-400:.22em;--tracking-500:.08em;--fs-100:10px;--fs-200:11px;--fs-300:12px;--fs-400:14px;--fs-500:16px;--fs-600:18px;--fs-650:22px;--fs-700:28px;--fs-800:48px;--fs-900:72px;--fw-light:300;--fw-normal:400;--fw-semibold:600;--fw-bold:700;--spacer-100:.25rem;--spacer-200:.37rem;--spacer-300:.5rem;--spacer-400:.75rem;--spacer-500:1rem;--spacer-600:1.275rem;--spacer-700:1.75rem;--spacer-900:5rem;--padding-200:.25rem;--padding-300:.5rem;--padding-400:.75rem;--padding-500:1rem;--padding-600:1.5rem;--padding-700:2.5rem;--border-width-md:1px;--border-width-xl:2px;--border-md-default-400:var(--border-width-md) solid var(--clr-border-400);--border-md-dashed-400:var(--border-width-md) dashed var(--clr-border-400);--border-md-default-500:var(--border-width-md) solid var(--clr-border-500);--border-md-dashed-500:var(--border-width-md) dashed var(--clr-border-500);--border-md-default-600:var(--border-width-md) solid var(--clr-border-600);--border-md-primary-500:var(--border-width-md) solid var(--clr-primary-500);--border-md-primary-700:var(--border-width-md) solid var(--clr-primary-700);--border-xl-default-500:var(--border-width-xl) solid var(--clr-border-500);--border-xl-primary-700:var(--border-width-xl) solid var(--clr-primary-700);--radius-300:.25rem;--radius-400:.5rem;--radius:.75rem;--radius-500:1rem;--radius-full:999px;--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.3s ease;--clr-overlay:rgba(0,0,0,.55);--clr-overlay-strong:rgba(0,0,0,.75);--shadow-100:0 1px 4px rgba(0,0,0,.4);--shadow-300:0 4px 16px rgba(0,0,0,.4);--shadow-500:0 8px 32px rgba(0,0,0,.6);--shadow-700:0 14px 50px -20px rgba(0,0,0,.6);--shadow-glow:0 0 16px var(--clr-primary-900);--shadow-btn:0 0 0 1px var(--clr-primary-700),0 14px 36px -10px var(--clr-primary-900);--icon-size-xs:12px;--icon-size-sm:16px;--icon-size-md:24px;--icon-size-lg:32px;--icon-size-xl:48px;--page-width-narrow:60em;--page-width-standard:70em;--page-width-wide:78em;--page-width-widest:90em;--clr-chess-black:var(--clr-black);--clr-chess-white:var(--clr-white);--clr-eval-bar-dark:var(--clr-gray-800);--clr-eval-bar-light:var(--clr-gray-100);--border:var(--border-md-default-500);--fs:var(--fs-500);--padding:var(--padding-500);--spacer:var(--spacer-500);--icon-size:var(--icon-size-md);--shadow:var(--shadow-300)}.is-resizing *{transition:none!important}body{background-color:var(--clr-bg);color:var(--clr-text-500);font-family:var(--font-ui);font-size:var(--fs-500);min-height:100vh}a:not(.btn):not(.no-style){color:var(--clr-text-accent-400);cursor:pointer;font-weight:var(--fw-semibold);text-decoration:none}a:not(.btn):not(.no-style):hover{color:var(--clr-text-accent-500)}a.no-style{color:inherit;cursor:pointer;font-weight:inherit;text-decoration:none}.page-title{align-items:center;color:var(--clr-text-500);display:flex;font-size:var(--fs-800);font-weight:var(--fw-bold);gap:var(--spacer-300);letter-spacing:var(--tracking-100)}.page-title__icon{color:var(--clr-text-400);line-height:1}b,strong{font-weight:var(--fw-semibold)}em,i{font-style:italic}.visually-hidden,.visually-hidden-focusable:not(:focus,:focus-within){border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;white-space:nowrap!important;width:1px!important}.visually-hidden-focusable:not(caption):not(:focus,:focus-within),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus,:focus-within) *{overflow:hidden!important}.page{margin:0 auto;padding:var(--padding-600) var(--padding-600);width:100%}@media(max-width:29.9375em){.page{padding:var(--padding-400)}}.page--narrow{max-width:var(--page-width-narrow)}.page--standard{max-width:var(--page-width-standard)}.page--wide{max-width:var(--page-width-wide)}.page--widest{max-width:var(--page-width-widest)}.exercise-layout{align-items:flex-start;display:flex;gap:var(--spacer-700)}.exercise-board-col{--board-size:704px;align-self:flex-start;display:flex;flex-direction:column;gap:var(--spacer-400);width:var(--board-size)}.exercise-board-col .chess-board-wrapper{height:var(--board-size)}.exercise-info{align-self:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacer-500);min-height:300px;padding:var(--padding-600);transition:filter .2s;width:280px}.exercise-info--blurred{filter:blur(1px) brightness(.6);pointer-events:none}.exercise-info>.status{font-weight:var(--fw-semibold)}.exercise-info .actions{display:flex;flex-direction:column;gap:var(--spacer-300);margin-top:var(--spacer-300)}.exercise-loading{align-items:center;display:flex;height:704px;justify-content:center;width:704px}.eval-bar-board-height{flex-shrink:0;height:704px}.account-section__rows{display:flex;flex-direction:column;gap:var(--spacer-500)}.account-field{display:flex;flex-direction:column;gap:var(--spacer-200)}.account-field__value--muted{color:var(--clr-text-400)}.account-field__row{align-items:center;display:flex;gap:var(--spacer-400);justify-content:space-between}.action-dock{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--clr-bg-alpha-500);border-top:var(--border-md-default-500);inset:auto 0 0;padding:var(--spacer-300) var(--padding-400);padding-bottom:max(var(--spacer-300),env(safe-area-inset-bottom));position:fixed;z-index:5}@media(min-width:30em){.action-dock{backdrop-filter:none;-webkit-backdrop-filter:none;background:none;border-top:none;inset:auto;padding:0;position:static;z-index:auto}}.action-zone-container{container:action-zones/inline-size}.action-zone-group{--action-zone-group-min-height:0;background:var(--clr-bg-elevated-1);border:var(--border-width-md) dashed var(--clr-primary-700);border-radius:var(--radius-400);display:grid;height:100%;min-height:var(--action-zone-group-min-height);overflow:hidden;width:100%}.action-zone-group--pair{grid-template-rows:repeat(2,1fr)}.action-zone-group--trio{grid-template-rows:repeat(3,1fr)}.action-zone{align-items:center;background:transparent;border:none;color:var(--clr-text-500);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacer-300);justify-content:center;min-width:0;padding:var(--padding-600) var(--padding-500);text-align:center;text-decoration:none;transition:color var(--transition-base),background var(--transition-base)}.action-zone+.action-zone{border-top:var(--border-width-md) dashed var(--clr-primary-700)}.action-zone:focus-visible,.action-zone:hover:not(:disabled){background:var(--clr-primary-900);color:var(--clr-text-accent-400)}.action-zone:disabled{cursor:not-allowed;opacity:.6}.action-zone__icon{color:var(--clr-text-accent-400);display:grid;height:var(--icon-size-lg);place-items:center;width:var(--icon-size-lg)}.action-zone__hint{color:var(--clr-text-400);max-width:28ch}.action-zone__link{color:var(--clr-text-accent-400)}@container action-zones (width >= 26rem){.action-zone-group--pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.action-zone-group--pair>.action-zone+.action-zone{border-left:var(--border-width-md) dashed var(--clr-primary-700);border-top:none}}@container action-zones (width >= 40rem){.action-zone-group--trio{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}.action-zone-group--trio>.action-zone+.action-zone{border-left:var(--border-width-md) dashed var(--clr-primary-700);border-top:none}}.btn{--btn-bg:transparent;--btn-color:var(--clr-text-400);--btn-border:var(--border-md-default-500);--btn-shadow:none;--btn-bg-hover:var(--clr-bg-elevated-1);--btn-color-hover:var(--clr-text-500);--btn-border-hover:var(--border-md-default-600);align-items:center;border-radius:var(--radius-400);color:inherit;cursor:pointer;display:inline-flex;gap:var(--spacer-300);justify-content:center;line-height:1;max-width:100%;min-width:0;padding:var(--padding-400) var(--padding-600);text-decoration:none;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast);white-space:nowrap}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.35;pointer-events:none}.btn{background:var(--btn-bg);border:var(--btn-border);box-shadow:var(--btn-shadow);color:var(--btn-color)}.btn:focus-visible,.btn:hover{background:var(--btn-bg-hover);border:var(--btn-border-hover);color:var(--btn-color-hover)}.chess-move-list-row{--chess-move-list-row-accent-color:var(--clr-primary-500);align-items:stretch;background:var(--clr-bg-elevated-1);border:var(--border-md-default-400);border-radius:var(--radius-300);display:flex;flex-shrink:0;min-height:calc(var(--icon-size-lg) + var(--spacer-200));overflow:hidden;position:relative;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.chess-move-list-row:before{background:var(--chess-move-list-row-accent-color);border-radius:0 var(--radius-300) var(--radius-300) 0;content:"";inset:var(--spacer-200) auto var(--spacer-200) 0;position:absolute;width:calc(var(--border-width-xl) + var(--border-width-md))}.chess-move-list-row:focus-within,.chess-move-list-row:hover{background:var(--clr-bg-elevated-2);border-color:var(--clr-border-500)}.chess-move-list-row:focus-within{box-shadow:0 0 0 var(--border-width-md) var(--clr-primary-700)}.chess-move-list-row--seen{opacity:.45}.chess-move-list-row--seen:focus-within,.chess-move-list-row--seen:hover,.chess-move-list-row--selected{opacity:1}.chess-move-list-row--selected{background:linear-gradient(90deg,var(--clr-primary-500-alpha-300),var(--clr-bg-elevated-1) 70%);border-color:var(--clr-primary-700)}.chess-move-list-row__select{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex:1 1 auto;gap:var(--spacer-300);min-width:0;padding:0 var(--spacer-400);text-align:left}.chess-move-list-row__select:focus-visible{outline:none}.chess-move-list-row__number{flex-shrink:0;font-variant-numeric:tabular-nums;width:var(--spacer-700)}.chess-move-list-row__san{flex-shrink:0;min-width:var(--padding-700)}.chess-move-list-row__quality{color:var(--chess-move-list-row-quality-color);flex-shrink:0}.chess-move-list-row__label{color:var(--clr-text-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chess-move-list-row__chevron{color:var(--clr-text-300);margin-left:auto}.chess-move-list-row__action{align-self:center;margin-right:var(--spacer-100)}.health-band{--health-band-color:var(--clr-text-400)}.health-band--band-1{--health-band-color:var(--clr-semantic-negative-500)}.health-band--band-2{--health-band-color:var(--clr-semantic-warning-500)}.health-band--band-3,.health-band--band-4{--health-band-color:var(--clr-semantic-positive-500)}.sidebar-mode-enter-active,.sidebar-mode-leave-active{transition:opacity var(--sidebar-mode-transition,var(--transition-slow))}.sidebar-mode-enter-from,.sidebar-mode-leave-to{opacity:0}.loading-spinner{--loading-spinner-size:var(--spacer-600);--loading-spinner-border:var(--border-xl-default-500);--loading-spinner-track-color:var(--clr-border-500);--loading-spinner-indicator-color:var(--clr-primary-500);--loading-spinner-radius:var(--radius-full);--loading-spinner-shadow:none;--loading-spinner-cycle:.8s;animation:loading-spinner-spin var(--loading-spinner-cycle) linear infinite;border:var(--loading-spinner-border);border-color:var(--loading-spinner-track-color);border-radius:var(--loading-spinner-radius);border-top-color:var(--loading-spinner-indicator-color);box-shadow:var(--loading-spinner-shadow);height:var(--loading-spinner-size);width:var(--loading-spinner-size)}.loading-spinner--standout{--loading-spinner-size:var(--padding-600);--loading-spinner-track-color:var(--clr-primary-500-alpha-400);--loading-spinner-radius:var(--radius-300);--loading-spinner-shadow:var(--shadow-glow);animation:loading-spinner-standout-entrance 1.6s cubic-bezier(.12,.32,.72,.876) forwards,loading-spinner-spin 1.2s linear 1.6s infinite}@keyframes loading-spinner-spin{to{transform:rotate(1turn)}}@keyframes loading-spinner-standout-entrance{to{transform:rotate(3turn)}}.step-marker{background:var(--clr-primary-500-alpha-300);block-size:var(--spacer-700);border:var(--border-md-primary-700);border-radius:var(--radius-400);color:var(--clr-primary-500);display:grid;flex:0 0 auto;inline-size:var(--spacer-700);place-items:center}.tabia-pill{background:var(--clr-accent-500-alpha-200);border-radius:var(--radius-full);color:var(--clr-accent-500);flex-shrink:0;padding:1px var(--padding-200);vertical-align:middle}.bg{background:var(--clr-bg)}.bg-elevated-1{background:var(--clr-bg-elevated-1)}.bg-elevated-2{background:var(--clr-bg-elevated-2)}.bg-elevated-3{background:var(--clr-bg-elevated-3)}.bg-elevated-4{background:var(--clr-bg-elevated-4)}.text-300{color:var(--clr-text-300)}.text-400{color:var(--clr-text-400)}.text-500{color:var(--clr-text-500)}.text-accent-400{color:var(--clr-text-accent-400)}.text-accent-500{color:var(--clr-text-accent-500)}.text-positive{color:var(--clr-semantic-positive-500)}.text-error,.text-negative{color:var(--clr-semantic-negative-500)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-ui{font-family:var(--font-ui)}.font-mono{font-family:var(--font-mono)}.fs-100{font-size:var(--fs-100)}.fs-200{font-size:var(--fs-200)}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.fs-700{font-size:var(--fs-700)}.fs-800{font-size:var(--fs-800)}.fs-900{font-size:var(--fs-900)}.fw-normal{font-weight:var(--fw-normal)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.border{border:var(--border-md-default-500)}.border-md-default-400{border:var(--border-md-default-400)}.border-md-default-500{border:var(--border-md-default-500)}.border-md-default-600{border:var(--border-md-default-600)}.border-md-primary-500{border:var(--border-md-primary-500)}.border-md-primary-700{border:var(--border-md-primary-700)}.border-xl-default-500{border:var(--border-xl-default-500)}.border-xl-primary-700{border:var(--border-xl-primary-700)}.radius{border-radius:var(--radius)}.radius-300{border-radius:var(--radius-300)}.radius-400{border-radius:var(--radius-400)}.radius-500{border-radius:var(--radius-500)}.radius-full{border-radius:var(--radius-full)}.shadow-100{box-shadow:var(--shadow-100)}.shadow-300{box-shadow:var(--shadow-300)}.shadow-500{box-shadow:var(--shadow-500)}.shadow-700{box-shadow:var(--shadow-700)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-btn{box-shadow:var(--shadow-btn)}.tracking-100{letter-spacing:var(--tracking-100)}.tracking-200{letter-spacing:var(--tracking-200)}.tracking-300{letter-spacing:var(--tracking-300)}.tracking-400{letter-spacing:var(--tracking-400)}.mt-100{margin-top:var(--spacer-100)}.mt-200{margin-top:var(--spacer-200)}.mt-300{margin-top:var(--spacer-300)}.mt-400{margin-top:var(--spacer-400)}.mt-500{margin-top:var(--spacer-500)}.mt-600{margin-top:var(--spacer-600)}.mt-700{margin-top:var(--spacer-700)}.mt-auto{margin-top:auto}.gap-100{gap:var(--spacer-100)}.gap-200{gap:var(--spacer-200)}.gap-300{gap:var(--spacer-300)}.gap-400{gap:var(--spacer-400)}.gap-500{gap:var(--spacer-500)}.gap-600{gap:var(--spacer-600)}.gap-700{gap:var(--spacer-700)}.p-200{padding:var(--padding-200)}.p-300{padding:var(--padding-300)}.p-400{padding:var(--padding-400)}.p-500{padding:var(--padding-500)}.p-600{padding:var(--padding-600)}.p-700{padding:var(--padding-700)}.icon-sm{height:var(--icon-size-sm);width:var(--icon-size-sm)}.icon-md{height:var(--icon-size-md);width:var(--icon-size-md)}.icon-lg{height:var(--icon-size-lg);width:var(--icon-size-lg)}.icon-xl{height:var(--icon-size-xl);width:var(--icon-size-xl)}.surface{background:var(--clr-bg-elevated-1);border:var(--border-md-default-500);border-radius:var(--radius);box-shadow:var(--shadow-300)}.surface-raised{background:var(--clr-bg-elevated-2);border:var(--border-md-default-400);border-radius:var(--radius);box-shadow:var(--shadow-700)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;justify-content:center}.flex-center,.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.app-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.app-icon svg{height:var(--_icon-size);width:var(--_icon-size)}.app-icon--xs{--_icon-size:var(--icon-size-xs)}.app-icon--sm{--_icon-size:var(--icon-size-sm)}.app-icon--md{--_icon-size:var(--icon-size)}.app-icon--lg{--_icon-size:var(--icon-size-lg)}.app-icon--xl{--_icon-size:var(--icon-size-xl)}.app-toast__message{font-family:var(--font-ui);font-size:var(--fs-500);font-weight:var(--fw-normal)}.app-toast__close{--dismiss-button-size:30px;--dismiss-button-hover-bg:var(--clr-bg-elevated-2);background:transparent;border:none;border-radius:var(--radius-300);color:var(--clr-text-300);cursor:pointer;display:grid;height:var(--dismiss-button-size);place-items:center;transition:color var(--transition-base),background var(--transition-base);width:var(--dismiss-button-size)}.app-toast__close:hover{background:var(--dismiss-button-hover-bg);color:var(--clr-text-500)}.app-toast-viewport{--app-toast-viewport-width:360px;bottom:var(--mobile-bottom-clearance,var(--spacer-500));display:flex;flex-direction:column;gap:var(--spacer-300);left:var(--spacer-500);list-style:none;margin:0;max-width:100vw;outline:none;padding:0;position:fixed;right:var(--spacer-500);z-index:600}@media(min-width:30em){.app-toast-viewport{bottom:auto;left:auto;right:var(--spacer-500);top:var(--spacer-500);width:min(var(--app-toast-viewport-width),100vw - var(--spacer-600))}}.app-toast{align-items:center;background:var(--clr-bg-elevated-2);border:var(--border-md-default-500);border-radius:var(--radius);box-shadow:var(--shadow-700);display:flex;gap:var(--spacer-400);justify-content:space-between;padding:var(--padding-400) var(--padding-500)}.app-toast[data-state=open]{animation:app-toast-in var(--transition-base)}.app-toast[data-state=closed]{animation:app-toast-out var(--transition-base)}.app-toast__message{color:var(--clr-text-500)}.app-toast__close{--dismiss-button-hover-bg:var(--clr-bg-elevated-1);flex-shrink:0}@keyframes app-toast-in{0%{opacity:0;transform:translateY(calc(var(--spacer-300)*-1))}to{opacity:1;transform:translateY(0)}}@keyframes app-toast-out{0%{opacity:1}to{opacity:0}}
