.typography-text{color:var(--text-primary);font-size:var(--font-size);line-height:var(--line-height-text);overflow-wrap:break-word;margin:0;font-family:inherit}.typography-text--secondary{color:var(--text-description)}.typography-text--success{color:var(--color-success-text)}.typography-text--warning{color:var(--color-warning-text)}.typography-text--danger{color:var(--color-danger-text)}.typography-text--disabled{color:var(--text-disabled);cursor:not-allowed;-webkit-user-select:none;user-select:none}.typography-text--xs{font-size:var(--font-size-xs)}.typography-text--sm{font-size:var(--font-size-sm)}.typography-text--base{font-size:var(--font-size)}.typography-text--lg{font-size:var(--font-size-lg)}.typography-text--xl{font-size:var(--font-size-xl)}.typography-text strong{font-weight:var(--font-weight-strong)}.typography-text u,.typography-text ins{-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration:underline}.typography-text s,.typography-text del{text-decoration:line-through}.typography-text i{font-style:italic}.typography-text code{background:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:var(--border-radius-xs);margin:0 .2em;padding:.1em .4em .15em;font-size:85%}.typography-text kbd{background:var(--color-kbd-bg);border:1px solid var(--color-code-border);border-bottom-width:2px;border-radius:3px;margin:0 .2em;padding:.1em .4em .15em;font-size:90%}.typography-text mark{background-color:var(--color-mark);padding:0}.typography-text--tabular-nums{font-variant-numeric:tabular-nums}.typography-title{margin:0;margin-bottom:var(--title-margin-bottom);color:var(--text-heading);font-weight:var(--font-weight-strong);overflow-wrap:break-word}.typography-title--1{font-size:var(--font-size-heading-1);line-height:var(--line-height-heading-1)}.typography-title--2{font-size:var(--font-size-heading-2);line-height:var(--line-height-heading-2)}.typography-title--3{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-3)}.typography-title--4{font-size:var(--font-size-heading-4);line-height:var(--line-height-heading-4)}.typography-title--5{font-size:var(--font-size-heading-5);line-height:var(--line-height-heading-5)}.typography-title--6{font-size:var(--font-size-heading-6);line-height:var(--line-height-heading-6)}.modal__panel.modal-confirm__panel--danger,.modal__panel.modal-confirm__panel--warning,.modal__panel.modal-confirm__panel--info{border:none}.modal-confirm__lead{align-items:stretch;row-gap:var(--spacing-md);flex-direction:column;display:flex}.modal-confirm__lead--choice{align-items:center;column-gap:var(--spacing-md);flex-direction:row;row-gap:0}.modal-confirm__lead--choice .modal__title{margin-bottom:0;padding-bottom:0}.modal-confirm__lead--solo{text-align:center;align-items:center}.modal-confirm__lead--solo .modal__title{text-align:center;margin-bottom:0;padding-bottom:0}.modal-confirm__badge{flex-shrink:0}.modal-confirm__badge--danger{color:var(--color-danger-text);background-color:var(--bg-danger-subtle)}.modal-confirm__badge--warning{color:var(--color-warning-text);background-color:var(--color-warning-bg)}.modal-confirm__badge--info{color:var(--color-info-text);background-color:var(--color-info-bg)}[data-theme=dark] .modal-confirm__badge--danger{background-color:color-mix(in srgb, var(--color-danger) 18%, transparent)}[data-theme=dark] .modal-confirm__badge--warning{background-color:color-mix(in srgb, var(--color-warning) 18%, transparent)}[data-theme=dark] .modal-confirm__badge--info{background-color:color-mix(in srgb, var(--color-info) 18%, transparent)}.modal-confirm__message{color:var(--text-secondary);line-height:1.55}.modal-confirm__lead--solo+.modal__body .modal-confirm__message{text-align:center}.modal-confirm__countdown{justify-content:center;align-items:center;column-gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-warning-text);background:var(--color-warning-bg);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);border:none;display:inline-flex}[data-theme=dark] .modal-confirm__countdown{background:color-mix(in srgb, var(--color-warning) 16%, transparent)}.modal-confirm__countdown-label{color:inherit}.modal__footer.modal-confirm__footer--solo{padding-top:var(--spacing-xs);justify-content:stretch}body{background-image:url(/assets/static/images/bg-demo-curriculum.png);background-position:100% 0;background-repeat:no-repeat;background-size:385px 900px}.dev-bootstrap{--dev-bg:#0f1419;--dev-surface:#1a2332;--dev-surface-raised:#243044;--dev-border:#ffffff14;--dev-border-strong:#ffffff24;--dev-text:#e8edf4;--dev-text-muted:#8b9cb3;--dev-accent:#3d9cf5;--dev-accent-hover:#5aadff;--dev-accent-glow:#3d9cf540;--dev-success:#34d399;--dev-radius:14px;--dev-radius-sm:8px;--dev-shadow:0 16px 48px #00000073, 0 0 0 1px var(--dev-border);z-index:9999;border-radius:var(--dev-radius);background:var(--dev-bg);width:min(380px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--dev-shadow);color:var(--dev-text);flex-direction:column;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;transition:width .25s,box-shadow .25s;display:flex;position:fixed;top:16px;left:16px;overflow:hidden}.dev-bootstrap--collapsed{width:auto;max-height:none;box-shadow:0 8px 24px #00000059, 0 0 0 1px var(--dev-border)}.dev-bootstrap__header{border-bottom:1px solid var(--dev-border);background:linear-gradient(135deg,#3d9cf52e 0%,#34d39914 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.dev-bootstrap--collapsed .dev-bootstrap__header{border-bottom:none;padding:10px 12px}.dev-bootstrap__brand{align-items:center;gap:10px;min-width:0;display:flex}.dev-bootstrap__logo{background:linear-gradient(135deg, var(--dev-accent) 0%, #34d399 100%);color:#fff;width:32px;height:32px;box-shadow:0 4px 12px var(--dev-accent-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.dev-bootstrap__title-wrap{min-width:0}.dev-bootstrap__title{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600;line-height:1.2}.dev-bootstrap__subtitle{color:var(--dev-text-muted);margin:2px 0 0;font-size:11px;line-height:1.3}.dev-bootstrap__collapse{border:1px solid var(--dev-border-strong);border-radius:var(--dev-radius-sm);background:var(--dev-surface);width:28px;height:28px;color:var(--dev-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:flex}.dev-bootstrap__collapse:hover{background:var(--dev-surface-raised);color:var(--dev-text);border-color:#ffffff38}.dev-bootstrap__body{overscroll-behavior:contain;min-height:0;padding:14px 16px 16px;overflow-y:auto}.dev-bootstrap__group{border:1px solid var(--dev-border);border-radius:var(--dev-radius-sm);background:var(--dev-surface);margin:0 0 14px;padding:12px}.dev-bootstrap__group:last-of-type{margin-bottom:0}.dev-bootstrap__legend{letter-spacing:.04em;text-transform:uppercase;color:var(--dev-text-muted);align-items:center;gap:6px;margin:0 0 10px;padding:0;font-size:11px;font-weight:600;display:flex}.dev-bootstrap__legend-dot{background:var(--dev-accent);opacity:.8;border-radius:50%;width:6px;height:6px}.dev-bootstrap__fields{flex-direction:column;gap:10px;display:flex}.dev-bootstrap__field{flex-direction:column;gap:5px;min-width:0;display:flex}.dev-bootstrap__label{color:var(--dev-text-muted);font-size:11px;font-weight:500}.dev-bootstrap__input-wrap{align-items:center;gap:8px;display:flex}.dev-bootstrap__value{box-sizing:border-box;border:1px solid var(--dev-border);border-radius:var(--dev-radius-sm);background:var(--dev-surface-raised);width:100%;color:var(--dev-text);padding:8px 10px;font-size:13px;line-height:1.4;display:block}.dev-bootstrap__value--mono{letter-spacing:-.02em;overflow-wrap:anywhere;word-break:break-all;font-family:ui-monospace,SF Mono,monospace;font-size:11px}.dev-bootstrap__input,.dev-bootstrap__select{border:1px solid var(--dev-border-strong);border-radius:var(--dev-radius-sm);background:var(--dev-bg);width:100%;color:var(--dev-text);box-sizing:border-box;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.dev-bootstrap__select{cursor:pointer}.dev-bootstrap__select:disabled{cursor:not-allowed;opacity:.65}.dev-bootstrap__search-select{position:relative}.dev-bootstrap__search-list{z-index:2;border:1px solid var(--dev-border-strong);border-radius:var(--dev-radius-sm);background:var(--dev-bg);overscroll-behavior:contain;max-height:220px;margin:0;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #00000059}.dev-bootstrap__search-option{width:100%;color:var(--dev-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px}.dev-bootstrap__search-option:hover,.dev-bootstrap__search-option--selected{color:var(--dev-accent-hover);background:#3d9cf51f}.dev-bootstrap__search-empty{color:var(--dev-text-muted);text-align:center;padding:10px;font-size:12px}.dev-bootstrap__input--mono{letter-spacing:-.02em;overflow-wrap:anywhere;word-break:break-all;font-family:ui-monospace,SF Mono,monospace;font-size:11px}.dev-bootstrap__input::placeholder{color:#8b9cb38c}.dev-bootstrap__input:hover,.dev-bootstrap__select:hover{border-color:#ffffff38}.dev-bootstrap__input:focus,.dev-bootstrap__select:focus{border-color:var(--dev-accent);box-shadow:0 0 0 3px var(--dev-accent-glow);outline:none}.dev-bootstrap__color-swatch{border-radius:var(--dev-radius-sm);border:2px solid var(--dev-border-strong);flex-shrink:0;width:32px;height:32px;box-shadow:inset 0 0 0 1px #00000026}.dev-bootstrap__theme-field{border:none;min-width:0;margin:0;padding:0}.dev-bootstrap__theme-field>.dev-bootstrap__label,.dev-bootstrap__theme-field>legend.dev-bootstrap__label{margin-bottom:5px;padding:0}.dev-bootstrap__theme-pills{gap:6px;display:flex}.dev-bootstrap__pill{border:1px solid var(--dev-border-strong);border-radius:var(--dev-radius-sm);background:var(--dev-bg);color:var(--dev-text-muted);cursor:pointer;flex:1;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.dev-bootstrap__pill:hover{color:var(--dev-text);border-color:#ffffff38}.dev-bootstrap__pill--active{border-color:var(--dev-accent);color:var(--dev-accent-hover);box-shadow:0 0 0 1px var(--dev-accent-glow);background:#3d9cf51f}.dev-bootstrap__actions{gap:8px;margin-top:14px;display:flex}.dev-bootstrap__error{color:#fecaca;background:#7f1d1d1f;border:1px solid #f8717159;border-radius:10px;margin:14px 0 10px;padding:8px 12px;font-size:13px;line-height:1.4}.dev-bootstrap__button{border-radius:var(--dev-radius-sm);cursor:pointer;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:flex}.dev-bootstrap__button:active{transform:scale(.98)}.dev-bootstrap__button--primary{background:linear-gradient(135deg, var(--dev-accent) 0%, #2b7fd4 100%);color:#fff;box-shadow:0 4px 14px var(--dev-accent-glow)}.dev-bootstrap__button--primary:hover{background:linear-gradient(135deg, var(--dev-accent-hover) 0%, #3d9cf5 100%);box-shadow:0 6px 20px var(--dev-accent-glow)}.dev-bootstrap__button--secondary{background:var(--dev-surface-raised);border-color:var(--dev-border-strong);color:var(--dev-text-muted)}.dev-bootstrap__button--secondary:hover{color:var(--dev-text);background:#ffffff14;border-color:#ffffff38}.dev-bootstrap__footer{border-top:1px solid var(--dev-border);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.dev-bootstrap__hint{color:var(--dev-text-muted);margin:0;font-size:10px;line-height:1.4}.dev-bootstrap__status{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:600;display:flex}.dev-bootstrap__status--idle{color:var(--dev-text-muted);background:#8b9cb31f}.dev-bootstrap__status--live{color:var(--dev-success);background:#34d39926}.dev-bootstrap__status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.dev-bootstrap__status--live .dev-bootstrap__status-dot{animation:2s ease-in-out infinite dev-bootstrap-pulse}@keyframes dev-bootstrap-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.dev-bootstrap-backdrop{z-index:9998;pointer-events:none;background:radial-gradient(at 0 0,#3d9cf50f 0%,#0000 55%),linear-gradient(160deg,#0d1117 0%,#161b22 50%,#0f1419 100%);position:fixed;inset:0}@font-face{font-family:Noto Sans Thai;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;src:url(/assets/noto-sans-thai-latin-wght-normal-Bi3VDbYN.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{--color-success-25:#f5fbf1;--color-success-50:#eaf8e4;--color-success-100:#cbedba;--color-success-200:#a9e28d;--color-success-300:#86d65f;--color-success-400:#6ccd3c;--color-success-500:#52c41a;--color-success-600:#4bbe17;--color-success-700:#41b613;--color-success-800:#38af0f;--color-success-900:#28a208;--color-success-a100:#d6ffce;--color-success-a200:#abff9b;--color-success-a400:#80ff68;--color-success-a700:#6bff4e;--color-info-25:#f1f7ff;--color-info-50:#e3efff;--color-info-100:#b9d6ff;--color-info-200:#8bbbff;--color-info-300:#5ca0ff;--color-info-400:#398bff;--color-info-500:#1677ff;--color-info-600:#136fff;--color-info-700:#1064ff;--color-info-800:#0c5aff;--color-info-900:#0647ff;--color-info-a100:#fff;--color-info-a200:#f3f6ff;--color-info-a400:#c0ceff;--color-info-a700:#a7b9ff;--color-warning-25:#fffaf1;--color-warning-50:#fef5e3;--color-warning-100:#fee6b9;--color-warning-200:#fdd68a;--color-warning-300:#fcc65b;--color-warning-400:#fbb937;--color-warning-500:#faad14;--color-warning-600:#f9a612;--color-warning-700:#f99c0e;--color-warning-800:#f8930b;--color-warning-900:#f68306;--color-warning-a100:#fff;--color-warning-a200:#fff4eb;--color-warning-a400:#ffdab8;--color-warning-a700:#ffcc9e;--color-danger-25:#fff4f4;--color-danger-50:#ffeaea;--color-danger-100:#ffcaca;--color-danger-200:#ffa6a7;--color-danger-300:#ff8284;--color-danger-400:#ff6869;--color-danger-500:#ff4d4f;--color-danger-600:#ff4648;--color-danger-700:#ff3d3f;--color-danger-800:#ff3436;--color-danger-900:#ff2526;--color-danger-a100:#fff;--color-danger-a200:#fff;--color-danger-a400:#ffd3d3;--color-danger-a700:#ffb9ba;--color-brand-25:#f1f4f4;--color-brand-50:#e3e9e8;--color-brand-100:#b9c8c7;--color-brand-200:#8ba4a1;--color-brand-300:#5c7f7b;--color-brand-400:#39635f;--color-brand-500:#164843;--color-brand-600:#13413d;--color-brand-700:#103834;--color-brand-800:#0c302c;--color-brand-900:#06211e;--color-brand-a100:#5effe5;--color-brand-a200:#2bffdd;--color-brand-a400:#00f7d0;--color-brand-a700:#00debb;--size-unit:4px;--border-radius:var(--size-unit);--border-radius-2xs:calc(var(--size-unit) * .5);--border-radius-xs:var(--size-unit);--border-radius-sm:calc(var(--size-unit) * 2);--border-radius-md:calc(var(--size-unit) * 4);--border-radius-lg:calc(var(--size-unit) * 6);--border-radius-xl:calc(var(--size-unit) * 8);--border-radius-2xl:calc(var(--size-unit) * 10);--border-radius-3xl:calc(var(--size-unit) * 12);--border-radius-full:999px;--spacing:var(--spacing-md);--spacing-2xs:calc(var(--size-unit) * .5);--spacing-xs:var(--size-unit);--spacing-sm:calc(var(--size-unit) * 2);--spacing-md:calc(var(--size-unit) * 4);--spacing-lg:calc(var(--size-unit) * 6);--spacing-xl:calc(var(--size-unit) * 8);--spacing-2xl:calc(var(--size-unit) * 10);--spacing-3xl:calc(var(--size-unit) * 12);--spacing-4xl:calc(var(--size-unit) * 14);--spacing-5xl:calc(var(--size-unit) * 16);--font-size-unit:14px;--font-size:var(--font-size-unit);--font-size-xs:calc(var(--font-size-unit) * 11 / 14);--font-size-sm:calc(var(--font-size-unit) * 12 / 14);--font-size-lg:calc(var(--font-size-unit) * 16 / 14);--font-size-xl:calc(var(--font-size-unit) * 18 / 14);--font-size-heading-1:calc(var(--font-size) * 38 / 15);--font-size-heading-2:calc(var(--font-size) * 30 / 15);--font-size-heading-3:calc(var(--font-size) * 24 / 15);--font-size-heading-4:calc(var(--font-size) * 20 / 15);--font-size-heading-5:calc(var(--font-size) * 16 / 15);--font-size-heading-6:calc(var(--font-size) * 14 / 15);--font-size-caption:var(--font-size-xs);--line-height-heading-1:1.3;--line-height-heading-2:1.35;--line-height-heading-3:1.4;--line-height-heading-4:1.45;--line-height-heading-5:1.5;--line-height-heading-6:1.55;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Noto Sans Thai", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "SFMono-Regular", monospace;--font-weight-strong:600;--title-margin-bottom:.5em;--chat-font-size:14px;--chat-line-height:1.75;--line-height-text:1.5714;--text-description:var(--text-muted);--text-disabled:#0f1f1d40;--color-mark:#ffe58f;--color-code-bg:#9696961a;--color-code-border:#64646433;--color-kbd-bg:#9696960f;--primary-color:var(--color-brand-500);--color-success:var(--color-success-500);--color-success-border:var(--color-success-200);--color-success-text:var(--color-success-900);--bg-success-subtle:var(--color-success-25);--color-danger:var(--color-danger-500);--color-danger-border:var(--color-danger-200);--color-danger-text:var(--color-danger-500);--bg-danger-subtle:var(--color-danger-25);--color-warning:var(--color-warning-500);--color-warning-border:var(--color-warning-200);--color-warning-text:var(--color-warning-900);--color-warning-bg:var(--color-warning-25);--color-info:var(--color-info-500);--color-info-border:var(--color-info-200);--color-info-text:var(--color-info-800);--color-info-bg:var(--color-info-50);--brand-soft-bg:#1648431a;--brand-soft-border:#16484338;--brand-focus-wash:#1648431f;--comparison-caution-bg:var(--bg-danger-subtle);--comparison-caution-border:var(--color-danger-border);--comparison-caution-text:var(--color-danger-text);--comparison-recommended-bg:var(--bg-success-subtle);--comparison-recommended-border:var(--color-success-border);--comparison-recommended-text:var(--color-success-text);--comparison-neutral-bg:var(--bg-muted);--comparison-neutral-border:var(--border-color);--comparison-neutral-text:var(--text-secondary);--comparison-icon-color:var(--primary-color);--comparison-icon-bg:var(--brand-soft-bg);--comparison-icon-border:var(--brand-soft-border);--quiz-type-multiple-choice:#6366f1;--quiz-type-yes-no:#14b8a6;--quiz-type-mixed:#ec4899;--quiz-type-multiple-choice-soft:#818cf8;--quiz-type-yes-no-soft:#2dd4bf;--quiz-type-mixed-soft:#f472b6;--bg-canvas:#fff;--bg-canvas-muted:#f4f6f6;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-input:#fff;--bg-interactive-subtle:#e5e6e6;--bg-muted:#f3f5f5;--bg-interactive-hover:#f2f6f5;--border-color:#ececee;--border-strong:#b9c8c7;--border-input:var(--border-color);--input-sheen:transparent;--hover-veil:#ffffffa6;--skeleton-base:#1648431a;--skeleton-shine:#ffffff8c;--text-primary:#0f1f1d;--text-secondary:#3d524f;--text-muted:#6b7f7c;--text-on-primary:#fff;--text-brand-active:var(--primary-color);--text-heading:var(--text-primary);--glass-bg:#ffffff73;--glass-border:#ffffffb3;--glass-blur:16px;--glass-shadow:0 1px 2px #0f1f1d0d, 0 10px 28px -12px #0f1f1d1a;--glass-card-bg:#ffffffeb;--glass-card-border:#b9c8c76b;--glass-card-shadow:0 2px 4px #0f1f1d0a, 0 8px 20px -6px #0f1f1d1a, 0 0 0 1px #0f1f1d08;--glass-sheen:linear-gradient(160deg, #ffffffb3 0%, #fff0 55%);--gradient-brand:linear-gradient(135deg, var(--color-brand-700) 0%, var(--color-brand-500) 55%, var(--color-brand-300) 100%);--gradient-action:linear-gradient(100deg, var(--color-brand-600) 0%, var(--color-brand-500) 100%);--gradient-heading:linear-gradient(95deg, var(--color-brand-700) 0%, var(--color-brand-500) 55%, var(--color-brand-400) 100%);--shadow-sm:0 1px 2px #0f1f1d0f, 0 0 0 1px #0f1f1d0a;--shadow-md:0 2px 4px #0f1f1d0a, 0 8px 20px -6px #0f1f1d1a, 0 0 0 1px #0f1f1d08;--shadow-lg:0 4px 8px #0f1f1d0d, 0 16px 40px -12px #0f1f1d24;--shadow-brand:0 8px 20px -6px #16484347;--shadow-brand-strong:0 14px 28px -8px #1648436b;--shadow-lift:0 12px 28px -4px #0f1f1d1a, 0 4px 12px -2px #1648430f;--ambient-band-height:calc(var(--spacing-sm) + var(--spacing) + var(--spacing-md) + var(--spacing-md) + 44px + var(--spacing-sm) + 40px + 2px);--hero-glow:linear-gradient(180deg, color-mix(in srgb, var(--color-brand-50) 22%, white) 0%, var(--bg-canvas) 18%, var(--bg-canvas) 100%);--hero-glow-ambient:linear-gradient(180deg, var(--bg-canvas-muted) 0%, var(--bg-canvas) 12%, var(--bg-canvas) calc(100% - var(--ambient-band-height)), var(--bg-canvas-muted) calc(100% - var(--ambient-band-height) * .45), color-mix(in srgb, var(--color-brand-50) 22%, white) 100%);--bubble-gradient:radial-gradient(circle at 35% 35%, #fffffffa 0%, #e3e9e8d9 40%, #16484359 85%, #0c302c80 100%);--bubble-border:1.5px solid #fffffff2;--bubble-shadow:inset 0 0 15px #fff, inset 8px 0 18px #16484359, inset -8px -8px 22px #00f7d059, 0 12px 28px #1648431f;--bubble-highlight:#fffffff2;--bubble-opacity:.75;--focus-ring:0 0 0 3px #16484340;--md-message-bg:#ffffffeb;--md-message-border:#b9c8c76b;--md-message-shadow:0 2px 4px #0f1f1d0a, 0 8px 20px -6px #0f1f1d1a, 0 0 0 1px #0f1f1d08;--md-message-sheen:linear-gradient(160deg, #fff6 0%, #fff0 55%);--md-code-bg:var(--md-message-bg);--md-code-header-bg:linear-gradient(180deg, #16484314 0%, #1648430a 100%);--md-code-border:#b9c8c77a;--md-code-accent:var(--color-brand-500);--md-code-shadow:0 2px 4px #0f1f1d0a, 0 8px 20px -6px #0f1f1d1a, 0 0 0 1px #0f1f1d08;--md-code-lang:var(--color-brand-500);--md-code-fg:var(--text-primary);--md-syn-keyword:var(--color-brand-600);--md-syn-string:#2f7a3e;--md-syn-comment:var(--text-muted);--md-syn-number:#b45309;--md-syn-function:var(--color-brand-500);--md-syn-variable:var(--color-brand-400);--md-syn-operator:var(--color-brand-300);--md-syn-params:var(--text-secondary);--md-emphasis:var(--primary-color);--md-item-bg:#16484314;--md-item-border:#16484324;--md-marker:var(--gradient-brand);--md-hr:var(--color-brand-200);--sidebar-width-content:min(360px, 75%)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#000;--bg-canvas-muted:#020c0a;--bg-surface:#16181a;--bg-surface-elevated:#171d1c;--bg-input:color-mix(in srgb, white 6%, var(--bg-surface));--bg-interactive-subtle:#121417;--bg-muted:#141618;--bg-interactive-hover:#1c1f22;--border-color:#00f7d02e;--border-strong:#00f7d066;--border-input:var(--glass-card-border);--input-sheen:var(--color-kbd-bg);--hover-veil:#ffffff14;--skeleton-base:#ffffff14;--skeleton-shine:#00f7d02e;--brand-soft-bg:#00f7d01f;--brand-soft-border:#00f7d061;--brand-focus-wash:#00f7d038;--comparison-icon-color:var(--text-brand-active);--comparison-icon-bg:#00f7d029;--comparison-icon-border:#00f7d052;--comparison-neutral-bg:color-mix(in srgb, var(--bg-muted) 88%, var(--bg-surface));--comparison-neutral-text:var(--text-muted);--color-success:var(--color-success-400);--color-success-border:color-mix(in srgb, var(--color-success-400) 40%, transparent);--color-success-text:var(--color-success-400);--bg-success-subtle:color-mix(in srgb, var(--color-success-500) 16%, transparent);--color-danger:var(--color-danger-400);--color-danger-border:color-mix(in srgb, var(--color-danger-400) 40%, transparent);--color-danger-text:var(--color-danger-400);--bg-danger-subtle:color-mix(in srgb, var(--color-danger-500) 16%, transparent);--color-warning:var(--color-warning-400);--color-warning-border:color-mix(in srgb, var(--color-warning-400) 40%, transparent);--color-warning-text:var(--color-warning-400);--color-warning-bg:color-mix(in srgb, var(--color-warning-500) 18%, transparent);--color-info:var(--color-info-400);--color-info-border:color-mix(in srgb, var(--color-info-400) 40%, transparent);--color-info-text:var(--color-info-300);--color-info-bg:color-mix(in srgb, var(--color-info-500) 18%, transparent);--text-primary:#f7fafc;--text-secondary:#e3e9e8;--text-muted:#8ba4a1;--text-brand-active:var(--color-brand-a400);--text-on-primary:#fff;--text-disabled:#f7fafc40;--color-mark:#fadb1447;--color-code-bg:#ffffff14;--color-code-border:#ffffff29;--color-kbd-bg:#ffffff0f;--glass-bg:#0a1c1ac7;--glass-border:#00f7d047;--glass-blur:12px;--glass-shadow:0 24px 48px -18px #000000b8, 0 0 0 1px #00f7d00f;--glass-card-bg:#06211e14;--glass-card-border:#8ba4a11f;--glass-card-shadow:none;--glass-sheen:linear-gradient(155deg, #ffffff1a 0%, #ffffff05 38%, #fff0 62%);--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 14px -2px #0000008c;--shadow-lg:0 16px 36px -10px #000000b3;--shadow-brand:0 8px 24px -6px #1648438c, 0 0 18px -4px #00f7d040;--shadow-brand-strong:0 14px 32px -8px #164843b3, 0 0 28px -4px #00f7d059;--shadow-lift:0 8px 25px #1648432e;--gradient-heading:linear-gradient(100deg, var(--color-brand-25) 0%, var(--color-brand-a100) 42%, var(--color-brand-a400) 100%);--hero-glow:linear-gradient(180deg, color-mix(in srgb, var(--color-brand-900) 40%, var(--bg-canvas-muted)) 0%, var(--bg-canvas-muted) 36%, var(--bg-canvas-muted) 100%);--hero-glow-ambient:linear-gradient(180deg, var(--bg-canvas-muted) 0%, var(--bg-canvas-muted) calc(100% - var(--ambient-band-height)), var(--bg-canvas-muted) calc(100% - var(--ambient-band-height) * .4), var(--color-brand-900) 100%);--bubble-gradient:radial-gradient(circle at 32% 28%, #ffffffc7 0%, #00f7d047 38%, #16484373 72%, #06211ed9 100%);--bubble-border:1px solid #00f7d052;--bubble-shadow:inset 0 0 10px #ffffff8c, inset 6px 0 14px #00f7d066, inset -6px -8px 16px #06211eb3, 0 0 14px #00debb59;--bubble-highlight:#ffffffe0;--bubble-opacity:.42;--focus-ring:0 0 0 3px #00f7d06b;--md-message-bg:#000000b8;--md-message-border:#00f7d047;--md-message-shadow:0 10px 28px -10px #000000a6, 0 0 24px -8px #00f7d02e;--md-message-sheen:linear-gradient(155deg, #ffffff1a 0%, #ffffff05 38%, #fff0 62%);--md-code-bg:var(--md-message-bg);--md-code-header-bg:linear-gradient(180deg, #00f7d01a 0%, #ffffff05 100%);--md-code-border:#00f7d047;--md-code-accent:var(--color-brand-a400);--md-code-shadow:0 10px 28px -10px #000000a6, 0 0 20px -8px #00f7d024;--md-code-lang:var(--color-brand-a400);--md-code-fg:#e8f5f2;--md-syn-keyword:var(--color-brand-a200);--md-syn-string:#6abe39;--md-syn-comment:#6b8a86;--md-syn-number:#e8b339;--md-syn-function:var(--color-brand-a400);--md-syn-variable:var(--color-brand-a100);--md-syn-operator:var(--color-brand-200);--md-syn-params:var(--text-secondary);--md-emphasis:var(--color-brand-a200);--md-item-bg:#00f7d01a;--md-item-border:#00f7d038;--md-marker:var(--gradient-brand);--md-hr:#00f7d066}}*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--font-sans)}body{font-family:var(--font-sans);font-size:var(--font-size);background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,h5,h6{margin:0}::selection{background:var(--primary-color);color:var(--text-on-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-brand-300);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes soft-ping{0%{opacity:.6;transform:scale(1)}70%,to{opacity:0;transform:scale(2.4)}}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{opacity:0;animation:none}}