:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#005fb8;--accent-hover:#1a6fc0;--accent-pressed:#2c79c3;--accent-text:#003e92;--on-accent:#fff;--accent-subtle:#005fb81a;--bg:#f3f3f3;--bg-mica:#eef0f3;--layer:#ffffff80;--layer-alt:#ffffffb3;--card:#ffffffb3;--card-solid:#fff;--card-secondary:#f6f6f680;--flyout:#f9f9f9;--smoke:#0000004d;--text:#000000e4;--text-secondary:#0000009b;--text-tertiary:#00000072;--text-disabled:#0000005c;--control:#ffffffb3;--control-hover:#f9f9f980;--control-pressed:#f9f9f94d;--control-disabled:#f9f9f94d;--control-input-active:#fff;--subtle-hover:#00000009;--subtle-pressed:#00000006;--control-strong:#00000072;--stroke-card:#0000000f;--stroke-control:#0000000f;--stroke-control-bottom:#00000029;--stroke-divider:#00000014;--stroke-focus-outer:#000000e4;--stroke-focus-inner:#fff;--success:#0f7b0f;--on-success:#fff;--success-bg:#dff6dd;--caution:#9d5d00;--caution-bg:#fff4ce;--critical:#c42b1c;--critical-bg:#fde7e9;--critical-hover:#b12718;--on-critical:#fff;--info:var(--accent);--info-bg:#f6f6f680;--neutral-bg:#0000000e;--code-bg:#fbfbfb;--code-keyword:#0000c8;--code-control:#af00db;--code-type:#267f99;--code-string:#a31515;--code-number:#098658;--code-comment:#6a737d;--sim-page-bg:#fff;--sim-page-text:#000;--sim-link:#00e;--sim-mark:#ff0;--sim-media-bg:#1b1b1b;--sim-media-text:#fff;--bm-margin:#f9cc9d;--bm-border:#fddd9b;--bm-padding:#c3d08b;--bm-content:#8cb6c0;--bm-text:#1b1b1b;--shadow-card:0 2px 4px #0000000a;--shadow-flyout:0 8px 16px #00000024;--shadow-dialog:0 32px 64px #00000030, 0 2px 21px #00000026;--radius-control:4px;--radius-overlay:8px;--radius-pill:999px;--font:"Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-display:"Segoe UI Variable Display", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-mono:"Cascadia Code", "Cascadia Mono", Consolas, "SF Mono", monospace;--text-caption:12px;--text-body:14px;--text-subtitle:20px;--text-title:28px;--text-title-large:40px;--pane-width:280px;--pane-compact-width:48px;--titlebar-height:48px;--ease:cubic-bezier(0, 0, 0, 1);--duration-fast:83ms;--duration-normal:.167s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#60cdff;--accent-hover:#5abce9;--accent-pressed:#54aad3;--accent-text:#99ebff;--on-accent:#000;--accent-subtle:#60cdff1f;--bg:#202020;--bg-mica:#1c1c1c;--layer:#3a3a3a4d;--layer-alt:#ffffff0e;--card:#ffffff0d;--card-solid:#2b2b2b;--card-secondary:#ffffff08;--flyout:#2c2c2c;--smoke:#0000004d;--text:#fff;--text-secondary:#ffffffc8;--text-tertiary:#ffffff8b;--text-disabled:#ffffff5d;--control:#ffffff10;--control-hover:#ffffff15;--control-pressed:#ffffff08;--control-disabled:#ffffff0b;--control-input-active:#1e1e1eb3;--subtle-hover:#ffffff10;--subtle-pressed:#ffffff0b;--control-strong:#ffffff8b;--stroke-card:#0000001a;--stroke-control:#ffffff12;--stroke-control-bottom:#ffffff18;--stroke-divider:#ffffff15;--stroke-focus-outer:#fff;--stroke-focus-inner:#000000b3;--success:#6ccb5f;--on-success:#000;--success-bg:#393d1b;--caution:#fce100;--caution-bg:#433519;--critical:#ff99a4;--critical-bg:#442726;--critical-hover:#ff8a97;--on-critical:#000;--info-bg:#ffffff08;--neutral-bg:#ffffff14;--code-bg:#1e1e1e;--code-keyword:#569cd6;--code-control:#c586c0;--code-type:#4ec9b0;--code-string:#ce9178;--code-number:#b5cea8;--code-comment:#8b949e;--sim-page-bg:#1f1f1f;--sim-page-text:#e8e8e8;--sim-link:#8ab4f8;--sim-mark:#8a7a00;--sim-media-bg:#000;--sim-media-text:#fff;--bm-margin:#8a5a2b;--bm-border:#8a7330;--bm-padding:#5f6e33;--bm-content:#3e6a76;--bm-text:#f3f3f3;--shadow-card:0 2px 4px #00000021;--shadow-flyout:0 8px 16px #00000042;--shadow-dialog:0 32px 64px #0000005e, 0 2px 21px #0000005e}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#60cdff;--accent-hover:#5abce9;--accent-pressed:#54aad3;--accent-text:#99ebff;--on-accent:#000;--accent-subtle:#60cdff1f;--bg:#202020;--bg-mica:#1c1c1c;--layer:#3a3a3a4d;--layer-alt:#ffffff0e;--card:#ffffff0d;--card-solid:#2b2b2b;--card-secondary:#ffffff08;--flyout:#2c2c2c;--smoke:#0000004d;--text:#fff;--text-secondary:#ffffffc8;--text-tertiary:#ffffff8b;--text-disabled:#ffffff5d;--control:#ffffff10;--control-hover:#ffffff15;--control-pressed:#ffffff08;--control-disabled:#ffffff0b;--control-input-active:#1e1e1eb3;--subtle-hover:#ffffff10;--subtle-pressed:#ffffff0b;--control-strong:#ffffff8b;--stroke-card:#0000001a;--stroke-control:#ffffff12;--stroke-control-bottom:#ffffff18;--stroke-divider:#ffffff15;--stroke-focus-outer:#fff;--stroke-focus-inner:#000000b3;--success:#6ccb5f;--on-success:#000;--success-bg:#393d1b;--caution:#fce100;--caution-bg:#433519;--critical:#ff99a4;--critical-bg:#442726;--critical-hover:#ff8a97;--on-critical:#000;--info-bg:#ffffff08;--neutral-bg:#ffffff14;--code-bg:#1e1e1e;--code-keyword:#569cd6;--code-control:#c586c0;--code-type:#4ec9b0;--code-string:#ce9178;--code-number:#b5cea8;--code-comment:#8b949e;--sim-page-bg:#1f1f1f;--sim-page-text:#e8e8e8;--sim-link:#8ab4f8;--sim-mark:#8a7a00;--sim-media-bg:#000;--sim-media-text:#fff;--bm-margin:#8a5a2b;--bm-border:#8a7330;--bm-padding:#5f6e33;--bm-content:#3e6a76;--bm-text:#f3f3f3;--shadow-card:0 2px 4px #00000021;--shadow-flyout:0 8px 16px #00000042;--shadow-dialog:0 32px 64px #0000005e, 0 2px 21px #0000005e}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-body);-webkit-font-smoothing:antialiased;transition:background-color var(--duration-normal) var(--ease), color var(--duration-normal) var(--ease);line-height:20px}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600}h1{font-size:var(--text-title);line-height:36px}h2{font-size:var(--text-subtitle);line-height:28px}h3{font-size:16px;line-height:22px}p{margin:0}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);background:var(--neutral-bg);border-radius:var(--radius-control);padding:1px 6px;font-size:13px}:focus-visible{outline:2px solid var(--stroke-focus-outer);outline-offset:1px;box-shadow:0 0 0 1px var(--stroke-focus-inner);border-radius:var(--radius-control)}::selection{background:var(--accent);color:var(--on-accent)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-caption{font-size:var(--text-caption);line-height:16px}.stack{flex-direction:column;gap:12px;display:flex}.stack--lg{gap:24px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row--end{justify-content:flex-end}.row--between{justify-content:space-between}.grow{flex:auto;min-width:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.btn{min-height:32px;font:inherit;border-radius:var(--radius-control);border:1px solid var(--stroke-control);border-bottom-color:var(--stroke-control-bottom);background:var(--control);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:5px 12px 6px;line-height:20px;display:inline-flex}.btn:hover{background:var(--control-hover)}.btn:active{background:var(--control-pressed);color:var(--text-secondary)}.btn:disabled{background:var(--control-disabled);color:var(--text-disabled);cursor:default}.btn--accent{background:var(--accent);color:var(--on-accent);border-color:#ffffff14 #ffffff14 #0006}.btn--accent:hover{background:var(--accent-hover)}.btn--accent:active{background:var(--accent-pressed);color:var(--on-accent);opacity:.9}.btn--accent:disabled{background:var(--text-disabled);color:var(--bg);border-color:#0000}.btn--subtle{background:0 0;border-color:#0000}.btn--subtle:hover{background:var(--subtle-hover)}.btn--subtle:active{background:var(--subtle-pressed)}.btn--subtle:disabled{background:0 0}.btn--danger{color:var(--critical)}.btn--danger:hover{color:var(--critical-hover)}.btn--accent.btn--danger{background:var(--critical);color:var(--on-critical);border-color:#0000}.btn--accent.btn--danger:hover{background:var(--critical-hover);color:var(--on-critical)}.btn--icon{min-width:32px;padding:6px}.btn .icon{flex:none}.btn .progress-ring{width:16px;height:16px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field__label{font-size:var(--text-body);color:var(--text)}.field__label .field__required{color:var(--critical);margin-left:2px}.field__control{width:100%;min-height:32px;font:inherit;color:var(--text);background:var(--control);border:1px solid var(--stroke-control);border-bottom:1px solid var(--control-strong);border-radius:var(--radius-control);transition:background-color var(--duration-fast) var(--ease);outline:none;padding:5px 11px 6px}.field__control::placeholder{color:var(--text-secondary)}.field__control:hover{background:var(--control-hover)}.field__control:focus{background:var(--control-input-active);border-bottom:2px solid var(--accent);padding-bottom:5px}.field__control:disabled{background:var(--control-disabled);color:var(--text-disabled);border-bottom-color:var(--stroke-control)}textarea.field__control{resize:vertical;min-height:88px;line-height:20px}select.field__control{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}select.field__control option{background:var(--flyout);color:var(--text)}.field--invalid .field__control{border-bottom-color:var(--critical)}.field__message{font-size:var(--text-caption);color:var(--text-secondary);line-height:16px}.field--invalid .field__message,.checkbox__error{color:var(--critical)}.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:32px;display:inline-flex}.checkbox input{appearance:none;border-radius:var(--radius-control);border:1px solid var(--control-strong);background:var(--control);width:20px;height:20px;cursor:inherit;transition:background-color var(--duration-fast) var(--ease);flex:none;place-content:center;margin:0;display:grid}.checkbox input:hover{background:var(--control-hover)}.checkbox input:after{content:"";border-left:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);opacity:0;width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.checkbox input:checked{background:var(--accent);border-color:var(--accent)}.checkbox input:checked:after{opacity:1}.checkbox input:disabled{border-color:var(--text-disabled)}.checkbox--disabled{color:var(--text-disabled);cursor:default}.checkbox__text{flex-direction:column;display:flex}.checkbox__hint{font-size:var(--text-caption);color:var(--text-secondary);line-height:16px}.segmented{border-radius:var(--radius-control);background:var(--card-secondary);border:1px solid var(--stroke-card);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.segmented__item{color:var(--text-secondary);font:inherit;border-radius:var(--radius-control);cursor:pointer;background:0 0;border:none;padding:4px 12px;position:relative}.segmented__item:hover{background:var(--subtle-hover);color:var(--text)}.segmented__item--selected{background:var(--control);color:var(--text);box-shadow:var(--shadow-card)}.segmented__item--selected:after{content:"";border-radius:var(--radius-pill);background:var(--accent);width:16px;height:3px;margin-left:-8px;position:absolute;bottom:2px;left:50%}.progress-ring{width:32px;height:32px;color:var(--accent);display:inline-block}.progress-ring svg{width:100%;height:100%;animation:1.4s linear infinite progress-rotate}.progress-ring circle{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:45px;animation:progress-dash 1.4s var(--ease) infinite}@keyframes progress-rotate{to{transform:rotate(360deg)}}@keyframes progress-dash{0%{stroke-dashoffset:58px}50%{stroke-dashoffset:20px}to{stroke-dashoffset:58px}}.icon{vertical-align:middle;width:16px;height:16px;display:inline-block}.icon--lg{width:20px;height:20px}.icon path,.icon circle,.icon rect,.icon line,.icon polyline{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.menu-button{display:inline-flex;position:relative}.menu{z-index:50;background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);box-shadow:var(--shadow-flyout);margin:0;padding:4px;list-style:none;position:fixed}.menu__entry--separated{border-top:1px solid var(--stroke-divider);margin-top:4px;padding-top:4px}.menu__item{border-radius:var(--radius-control);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:7px 10px;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--subtle-hover);outline:none}.menu__item--danger{color:var(--critical)}.menu__icon-space{width:16px;display:inline-block}.card{background:var(--card);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card__title{font-size:16px;font-weight:600;line-height:22px}.card__subtitle{color:var(--text-secondary);font-size:var(--text-caption);line-height:16px}.card__body{flex-direction:column;gap:12px;display:flex}.infobar{border-radius:var(--radius-control);border:1px solid var(--stroke-card);background:var(--info-bg);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.infobar__icon{width:16px;height:16px;color:var(--bg);background:var(--info);border-radius:50%;flex:none;place-content:center;margin-top:2px;font-size:11px;font-weight:700;line-height:1;display:grid}.infobar[hidden]{display:none}.infobar__message{overflow-wrap:anywhere;flex:1;min-width:0}.infobar--success{background:var(--success-bg)}.infobar--success .infobar__icon{background:var(--success)}.infobar--warning{background:var(--caution-bg)}.infobar--warning .infobar__icon{background:var(--caution)}.infobar--error{background:var(--critical-bg)}.infobar--error .infobar__icon{background:var(--critical)}.badge{border-radius:var(--radius-pill);height:20px;font-size:var(--text-caption);background:var(--neutral-bg);color:var(--text-secondary);white-space:nowrap;align-items:center;padding:0 8px;font-weight:600;display:inline-flex}.badge--accent{background:var(--accent-subtle);color:var(--accent-text)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--caution-bg);color:var(--caution)}.badge--critical{background:var(--critical-bg);color:var(--critical)}.list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--card);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.list-item--selectable{cursor:pointer}.list-item--selectable:hover{background:var(--control-hover)}.list-item--selected{background:var(--accent-subtle);border-color:var(--accent)}.list-item__main{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.list-item__title{overflow-wrap:anywhere;font-weight:600}.list-item__meta{color:var(--text-secondary);font-size:var(--text-caption);overflow-wrap:anywhere;line-height:16px}.list-item__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.list-item__extra{border-top:1px solid var(--stroke-divider);flex-direction:column;flex-basis:100%;gap:12px;padding-top:8px;display:flex}.empty-state{text-align:center;color:var(--text-secondary);border:1px dashed var(--stroke-divider);border-radius:var(--radius-overlay);padding:32px 16px}.avatar{width:32px;height:32px;font-size:var(--text-caption);background:var(--accent-subtle);color:var(--accent-text);border-radius:50%;flex:none;place-content:center;font-weight:600;display:grid;position:relative;overflow:hidden}.avatar__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar--lg{width:96px;height:96px;font-size:var(--text-title);font-weight:600}.divider{background:var(--stroke-divider);border:0;height:1px;margin:0}.shell{grid-template-columns:var(--pane-width) minmax(0, 1fr);grid-template-rows:var(--titlebar-height) minmax(0, 1fr);background:var(--bg-mica);grid-template-areas:"titlebar titlebar""pane content";height:100%;display:grid}.shell--compact{grid-template-columns:var(--pane-compact-width) minmax(0, 1fr)}.titlebar{grid-area:titlebar;align-items:center;gap:8px;padding:0 8px 0 4px;display:flex}.titlebar__brand{font-size:var(--text-caption);align-items:center;gap:12px;display:flex}.titlebar__logo{width:22px;height:22px;display:block}.titlebar__spacer{flex:1}.titlebar{position:relative}.titlebar__title{text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-size:var(--text-body);margin:0;font-weight:600;line-height:20px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.titlebar__user{border-radius:var(--radius-control);min-width:0;color:inherit;align-items:center;gap:8px;padding:4px 8px 4px 4px;text-decoration:none;display:flex}.titlebar__user:hover{background:var(--subtle-hover)}.titlebar__user-name{font-size:var(--text-caption);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}@media (width<=640px){.titlebar__brand>span:not(.titlebar__logo),.titlebar__user-name{display:none}.titlebar__title{max-width:48%}}.pane{flex-direction:column;grid-area:pane;gap:4px;padding:4px;display:flex;overflow:hidden auto}.pane__section{font-size:var(--text-caption);color:var(--text-secondary);white-space:nowrap;padding:12px 12px 4px;font-weight:600}.shell--compact .pane__section{visibility:hidden;height:12px;padding:0}.nav-item{border-radius:var(--radius-control);height:36px;color:var(--text);white-space:nowrap;flex:none;align-items:center;gap:16px;padding:0 12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--subtle-hover);text-decoration:none}.nav-item--active{background:var(--subtle-hover)}.nav-item--active:before{content:"";border-radius:var(--radius-pill);background:var(--accent);width:3px;height:16px;margin-top:-8px;position:absolute;top:50%;left:0}.nav-item .icon{flex:none}.nav-item--highlight{color:var(--accent-text);background:var(--accent-subtle);font-weight:600}.nav-item--highlight .icon{color:var(--accent)}.nav-item--highlight:hover{background:var(--accent-subtle);filter:brightness(.97)}.nav-item__pulse{border-radius:var(--radius-pill);background:var(--accent);flex:none;width:8px;height:8px;margin-left:auto;animation:1.6s ease-in-out infinite nav-pulse}.shell--compact .nav-item__pulse{margin:0;position:absolute;top:6px;left:26px}@keyframes nav-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}@media (prefers-reduced-motion:reduce){.nav-item__pulse{animation:none}}.content{background:var(--layer);border:1px solid var(--stroke-card);border-top-left-radius:var(--radius-overlay);border-bottom:0;border-right:0;grid-area:content;min-width:0;overflow:auto}.page{flex-direction:column;gap:24px;max-width:1200px;padding:32px 40px 48px;display:flex}.page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:32px;display:flex}.page__lead{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.page__subtitle{color:var(--text-secondary);margin:0}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.split{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;display:grid}.auth{background:radial-gradient(1200px 600px at 10% -10%, var(--accent-subtle), transparent 60%), var(--bg-mica);place-items:center;min-height:100%;padding:32px 16px;display:grid}.auth__panel:has(.legal){max-width:760px}.legal h2{font-size:var(--text-subtitle);margin:12px 0 0}.legal p,.legal ul{margin:0;line-height:1.55}.legal ul{flex-direction:column;gap:4px;padding-left:20px;display:flex}.auth__panel{background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);width:100%;max-width:420px;box-shadow:var(--shadow-flyout);flex-direction:column;gap:24px;padding:32px;display:flex}.auth__top{justify-content:space-between;align-items:center;display:flex}.auth__brand{align-items:center;gap:12px;font-weight:600;display:flex}.auth__footer{text-align:center;color:var(--text-secondary)}@media (width<=900px){.shell{grid-template-columns:var(--pane-compact-width) minmax(0, 1fr)}.shell .pane__section{visibility:hidden;height:12px;padding:0}.page{padding:24px 16px 40px}.split{grid-template-columns:minmax(0,1fr)}}.enrollments{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.enrollments__list{max-height:360px;overflow-y:auto}@media (width<=900px){.enrollments{grid-template-columns:minmax(0,1fr)}}.profile{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.profile__identity{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profile__name{font-size:var(--text-subtitle);overflow-wrap:anywhere;font-weight:600;line-height:28px}.profile__facts{font-size:var(--text-caption);grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;display:grid}.profile__facts dt{color:var(--text-secondary)}.profile__facts dd{overflow-wrap:anywhere;margin:0}.profile__note{color:var(--text-secondary);font-size:var(--text-caption);margin:0}.code-editor{height:var(--editor-height,320px);border:1px solid var(--stroke-card);border-radius:var(--radius-control);background:var(--card-solid);min-height:200px;position:relative;overflow:hidden}.code-editor__fallback{resize:none;width:100%;height:100%;font-family:var(--font-mono);color:var(--text);background:0 0;border:0;padding:8px 12px;font-size:13px}.file-tabs{flex-wrap:wrap;gap:2px;min-width:0;display:flex}.file-tabs__tab{color:var(--text-secondary);font:inherit;font-family:var(--font-mono);border-radius:var(--radius-control) var(--radius-control) 0 0;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 10px;font-size:13px}.file-tabs__tab:hover{background:var(--subtle-hover);color:var(--text)}.file-tabs__tab--selected{color:var(--text);border-bottom-color:var(--accent)}.splitter{cursor:row-resize;touch-action:none;border-radius:var(--radius-control);outline:none;flex:none;justify-content:center;align-items:center;height:10px;margin:-1px 0;display:flex}.splitter__grip{border-radius:var(--radius-pill);background:var(--control-strong);opacity:.45;width:40px;height:4px;transition:width var(--duration-normal) var(--ease), opacity var(--duration-normal) var(--ease)}.splitter:hover .splitter__grip,.splitter--active .splitter__grip{opacity:1;background:var(--accent);width:64px}.splitter:focus-visible{box-shadow:0 0 0 2px var(--stroke-focus-outer)}.splitter:focus-visible .splitter__grip{opacity:1;background:var(--accent)}.splitter--vertical{cursor:col-resize;align-self:stretch;width:10px;height:auto;margin:0 -1px}.splitter--vertical .splitter__grip{width:4px;height:40px;transition:height var(--duration-normal) var(--ease), opacity var(--duration-normal) var(--ease)}.splitter--vertical:hover .splitter__grip,.splitter--vertical.splitter--active .splitter__grip{width:4px;height:64px}body.is-resizing{-webkit-user-select:none;user-select:none}body.is-resizing--y{cursor:row-resize}body.is-resizing--x{cursor:col-resize}body.is-resizing iframe{pointer-events:none}.preview{border:1px solid var(--stroke-card);border-radius:var(--radius-control);background:var(--card-solid);flex-direction:column;min-height:0;display:flex;overflow:hidden}.preview__bar{border-bottom:1px solid var(--stroke-divider);justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:6px 12px;display:flex}.preview__bar .progress-ring{width:16px;height:16px}.preview__title{font-size:var(--text-caption);color:var(--text-secondary);flex:auto;font-weight:600}.preview__note{font-size:var(--text-caption);color:var(--caution)}.preview__bar .btn{min-height:24px;padding:2px 6px}.preview__popped{text-align:center;min-height:80px;color:var(--text-secondary);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.preview__popped p{max-width:420px;margin:0}.preview__frame{width:100%;height:var(--preview-height,240px);background:var(--card-solid);border:0;display:block}.preview__static{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.preview__label{font-size:var(--text-caption);color:var(--text-secondary);margin-bottom:4px;font-weight:600}.preview__output,.preview__error{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 16px;font-size:13px}.preview__output{background:var(--neutral-bg);border-radius:var(--radius-control)}.preview__error{color:var(--critical);background:var(--critical-bg)}.preview__console{border-top:1px solid var(--stroke-divider)}.preview__console-toggle{text-align:left;width:100%;color:var(--text-secondary);font:inherit;font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;padding:6px 12px}.preview__console-toggle:before{content:"▸";width:14px;display:inline-block}.preview__console-toggle[aria-expanded=true]:before{content:"▾"}.preview__console-toggle:hover{background:var(--subtle-hover)}.preview__logs{max-height:160px;margin:0;padding:0 0 6px;list-style:none;overflow:auto}.preview__log{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid var(--stroke-divider);padding:2px 12px;font-size:12px}.preview__log--warn{color:var(--caution);background:var(--caution-bg)}.preview__log--error{color:var(--critical);background:var(--critical-bg)}.tutorial{grid-template-columns:minmax(300px,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.tutorial--text-only{grid-template-columns:minmax(0,1fr);max-width:860px}.tutorial__panel{background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);flex-direction:column;gap:16px;min-width:0;padding:16px 20px 0;display:flex}.tutorial__guide{flex-direction:column;gap:12px;min-width:0;display:flex}.tutorial__steprow{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.example-head+.tutorial__steprow{border-top:1px solid var(--stroke-divider);padding-top:12px}.tutorial__stepcount{font-size:var(--text-caption);color:var(--text-secondary)}.tutorial__steps{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tutorial__step{max-width:100%;min-height:26px;font-size:var(--text-caption);color:var(--text-secondary);background:var(--neutral-bg);border-radius:var(--radius-pill);overflow-wrap:anywhere;border:1px solid #0000;align-items:center;gap:6px;padding:2px 10px 2px 3px;display:inline-flex}.tutorial__stepmark{border:1px solid var(--control-strong);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:inline-grid}.tutorial__step--done .tutorial__stepmark{color:var(--on-success);background:var(--success);border-color:#0000}.tutorial__step--current{color:var(--text);background:var(--accent-subtle);border-color:var(--accent);font-weight:600}.tutorial__step--current .tutorial__stepmark{color:var(--on-accent);background:var(--accent);border-color:#0000}.tutorial__content{flex-direction:column;gap:12px;display:flex}.tutorial__title{margin:0;font-size:16px;font-weight:600;line-height:22px}.tutorial__hintarea{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.tutorial__hint{border-radius:var(--radius-control);background:var(--caution-bg);border:1px solid var(--stroke-card);align-self:stretch;padding:10px 12px}.tutorial__run{flex-direction:column;gap:8px;min-width:0;display:flex}.tutorial__toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tutorial__expected-toggle{font:inherit;font-size:var(--text-caption);color:var(--text-secondary);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-left:-6px;padding:4px 6px;display:inline-flex}.tutorial__expected-toggle:before{content:"▸";width:10px}.tutorial__expected-toggle[aria-expanded=true]:before{content:"▾"}.tutorial__expected-toggle:hover{color:var(--text);background:var(--subtle-hover)}.tutorial__output{font-family:var(--font-mono);font-variant-ligatures:none;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--neutral-bg);border-radius:var(--radius-control);margin:4px 0 0;padding:8px 12px;font-size:13px}.tutorial__nav{z-index:1;background:var(--card-solid);border-top:1px solid var(--stroke-divider);border-radius:0 0 var(--radius-overlay) var(--radius-overlay);flex-wrap:wrap;align-items:center;gap:8px;margin:auto -20px 0;padding:12px 20px;display:flex;position:sticky;bottom:0}.tutorial__spacer{flex:auto}.tutorial__spacer~*{margin-left:auto}.tutorial__editor{flex-direction:column;gap:4px;min-width:0;display:flex}.tutorial:not(.tutorial--fill)>.tutorial__editor{position:sticky;top:16px}.tutorial:not(.tutorial--fill)>.tutorial__editor>.code-editor{height:520px}.tutorial--fill{flex:auto;align-items:stretch;gap:0;min-height:0;display:flex}.tutorial--fill>.tutorial__panel{flex:var(--panel-share,1) 1 0;min-width:320px;min-height:0;overflow:auto}.tutorial--fill>.tutorial__editor{flex:var(--editor-share,1) 1 0;min-width:280px;min-height:0}.tutorial--fill>.tutorial__editor>.code-editor{flex:auto;height:auto;min-height:0}.tutorial--fill.tutorial--text-only>.tutorial__panel{flex:auto;width:100%;max-width:860px;margin:0 auto}.tutorial--fill>.tutorial__editor{order:1}.tutorial--fill>.splitter--vertical{order:2}.tutorial--fill>.tutorial__panel{order:3}@media (width>=1001px){.tutorial--fill>.tutorial__panel{gap:0;padding:0;overflow:hidden}.tutorial--fill .tutorial__guide{height:var(--guide-height,360px);flex:none;min-height:96px;max-height:calc(100% - 260px);padding:16px 20px;overflow:auto}.tutorial--fill.tutorial--text-only .tutorial__guide{flex:auto;height:auto;max-height:none}.tutorial--fill .tutorial__panel>.splitter{border-top:1px solid var(--stroke-divider);border-radius:0;height:12px;margin:0}.tutorial--fill .tutorial__run{flex:1 1 0;min-height:0;padding:4px 20px 12px}.tutorial--fill .tutorial__run>.preview{flex:1 1 0;min-height:0}.tutorial--fill .preview__frame{flex:auto;height:auto;min-height:60px}.tutorial--fill .preview__static,.tutorial--fill .preview__error{flex:auto;min-height:0;overflow:auto}.tutorial--fill .preview__console{flex:none}.tutorial--fill .tutorial__nav{margin:0;position:static}}.example-head{flex-direction:column;gap:8px;min-width:0;display:flex}.example-head__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.example-head__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:600}.example-head__back{font-size:var(--text-caption);color:var(--text-secondary);white-space:nowrap;flex:none}.example-head__back:hover{color:var(--text)}.example-head__titlerow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.example-head__title{min-width:0;font-size:var(--text-subtitle);overflow-wrap:anywhere;font-weight:600;line-height:28px}.example-head__actions{flex-wrap:wrap;gap:8px;display:flex}.example-head__meta{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.example-head__session{overflow-wrap:anywhere;font-weight:600}.example-head__variety{font-size:var(--text-caption);color:var(--text-secondary);margin:0}.example-done{background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);flex-direction:column;gap:12px;padding:20px;display:flex}.example-done p,.example-done__title{margin:0}.example-done__actions{flex-wrap:wrap;gap:8px;display:flex}.markdown{overflow-wrap:anywhere;line-height:22px}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3{margin:20px 0 8px}.markdown p,.markdown ul,.markdown ol{margin:0 0 12px}.markdown pre{background:var(--neutral-bg);border-radius:var(--radius-control);margin:0 0 12px;padding:12px 16px;overflow:auto}.markdown pre code{background:0 0;padding:0}.markdown blockquote{border-left:3px solid var(--accent);background:var(--accent-subtle);border-radius:0 var(--radius-control) var(--radius-control) 0;margin:0 0 12px;padding:8px 16px}.markdown table{border-collapse:collapse;margin-bottom:12px}.markdown th,.markdown td{border:1px solid var(--stroke-divider);text-align:left;padding:6px 10px}.progress-bar{border-radius:var(--radius-pill);background:var(--neutral-bg);height:4px;overflow:hidden}.progress-bar__value{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width var(--duration-normal) var(--ease)}.learn-card{color:inherit;text-decoration:none}.learn-card:hover{text-decoration:none}.learn-card:hover .card{background:var(--control-hover)}.topic-row{color:inherit;text-decoration:none}.topic-row:hover{background:var(--control-hover);text-decoration:none}.page--fill>.topic-page--tutorial{flex:auto;gap:8px;min-height:0}.topic-tutorial{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}@media (width<=1000px){.tutorial,.tutorial--fill{flex-direction:column;align-items:stretch;gap:12px;display:flex}.tutorial--fill{flex:none}.tutorial>.tutorial__panel{display:contents}.tutorial>.splitter--vertical{display:none}.tutorial__guide{background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);order:1;padding:16px}.tutorial>.tutorial__editor,.tutorial--fill>.tutorial__editor{flex:none;order:2;min-width:0;min-height:0;position:static}.tutorial__guide,.tutorial__run,.tutorial__nav{flex:none}.tutorial>.tutorial__editor>.code-editor,.tutorial--fill>.tutorial__editor>.code-editor{flex:none;height:360px}.tutorial__run{order:3}.tutorial .preview>.splitter,.tutorial__panel>.splitter{display:none}.tutorial__run .preview__logs{height:auto!important;max-height:160px!important}.tutorial__nav{border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);box-shadow:var(--shadow-flyout);order:4;margin:0;padding:10px 12px}.tutorial--fill.tutorial--text-only>.tutorial__panel{display:contents}}.page--fill{gap:8px;max-width:none;height:100%;min-height:0;padding:12px 16px}.live-page{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.live-room{flex:auto;grid-template:"stage panel"minmax(0,1fr)"controls controls"/minmax(0,1fr) 360px;gap:8px;min-height:420px;display:grid}.live-room--panel-closed{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""controls"}.live-room--fullscreen{background:var(--bg);height:100vh;padding:8px}.stage{border-radius:var(--radius-overlay);background:#111;grid-area:stage;gap:6px;min-width:0;min-height:0;padding:6px;display:grid;overflow:hidden}.stage--empty{background:var(--card-secondary);border:1px solid var(--stroke-card);place-items:center}.stage--empty .empty-state{border:0}.stage--grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr))}.stage--spotlight{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:minmax(0,1fr)}.stage--spotlight.stage--filmstrip{grid-template-rows:minmax(0,1fr) clamp(96px,18%,180px)}.stage--spotlight .tile--screen{grid-area:1/1/auto/-1}.stage--spotlight .tile:not(.tile--screen){aspect-ratio:16/9;justify-self:center;width:auto;max-width:100%;height:100%}.stage--content{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:minmax(0,1fr)}.stage--content.stage--filmstrip{grid-template-rows:minmax(0,1fr) clamp(96px,18%,180px)}.stage--content .slide-stage,.stage--content .code-stage{grid-area:1/1/auto/-1}.stage--content .tile{aspect-ratio:16/9;grid-row:2;justify-self:center;width:auto;max-width:100%;height:100%}.tile{border-radius:var(--radius-control);min-width:0;min-height:0;transition:border-color var(--duration-normal) var(--ease);background:#000;border:2px solid #0000;margin:0;position:relative;overflow:hidden}.tile--speaking{border-color:var(--accent)}.tile__video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.tile--self .tile__video{transform:scaleX(-1)}.tile--self.tile--screen .tile__video{transform:none}.tile__caption{border-radius:var(--radius-control);color:#fff;font-size:var(--text-caption);background:#0009;align-items:center;gap:6px;padding:2px 8px;display:flex;position:absolute;bottom:8px;left:8px}.tile .btn{color:#fff;background:#00000073;position:absolute;top:6px;right:6px}.tile .btn:hover{background:#000000a6}.side-panel{background:var(--card);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);flex-direction:column;grid-area:panel;min-height:0;display:flex;overflow:hidden}.side-panel__header{border-bottom:1px solid var(--stroke-divider);align-items:center;gap:4px;padding:4px 4px 0;display:flex}.side-panel__tabs{flex:auto;min-width:0;display:flex}.side-panel__tab{min-width:0;color:var(--text-secondary);font:inherit;font-size:var(--text-caption);cursor:pointer;border-radius:var(--radius-control) var(--radius-control) 0 0;background:0 0;border:0;flex:auto;justify-content:center;align-items:center;gap:4px;padding:8px 4px 10px;display:inline-flex;position:relative}.side-panel__tab:hover{background:var(--subtle-hover);color:var(--text)}.side-panel__tab--selected{color:var(--text);font-weight:600}.side-panel__tab--selected:after{content:"";background:var(--accent);border-radius:2px;height:3px;position:absolute;bottom:0;left:30%;right:30%}.side-panel__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-panel__count{color:var(--text-tertiary);font-weight:400}.side-panel__attention{background:var(--critical);min-width:18px;height:18px;color:var(--on-critical);text-align:center;border-radius:9px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px}.side-panel__body{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px;display:flex;overflow-y:auto}.side-panel__body .empty-state{padding:16px}.side-panel__subhead{font-size:var(--text-caption);color:var(--text-secondary);padding:4px 4px 0;font-weight:600}.participants__list{margin:0;padding:0;list-style:none}.mic-lock-banner{border-radius:var(--radius-control);background:var(--caution-bg);color:var(--caution);font-size:var(--text-caption);align-items:center;gap:8px;padding:8px 10px;display:flex}.hands{border-bottom:1px solid var(--stroke-divider);flex-direction:column;gap:4px;padding-bottom:8px;display:flex}.hands__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.hands__item{border-radius:var(--radius-control);background:var(--caution-bg);color:var(--text);align-items:center;gap:8px;padding:6px 8px;display:flex}.hands__item>.icon{color:var(--caution)}.hands__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.participant__hand{width:28px;height:28px;color:var(--caution);place-content:center;display:inline-grid}.participant--hand{background:var(--caution-bg)}.ask-form{flex-direction:column;gap:6px;display:flex}.ask-form__input{resize:vertical;min-height:64px}.ask-form__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.questions__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.question{border-radius:var(--radius-control);border:1px solid var(--stroke-card);background:var(--card-secondary);flex-direction:column;gap:4px;padding:8px 10px;display:flex}.question--mine{border-color:var(--accent)}.question--answered{opacity:.75}.question__meta{font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.question__author{font-weight:600}.question__text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.question__actions{justify-content:flex-end;gap:2px;display:flex}.question__actions:empty{display:none}.files-panel__drop{border:1px dashed var(--stroke-control);border-radius:var(--radius-control);flex-direction:column;align-items:flex-start;gap:6px;padding:10px;display:flex}.files__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.file-item{border-radius:var(--radius-control);align-items:center;gap:8px;padding:6px 8px;display:flex}.file-item:hover{background:var(--subtle-hover)}.file-item__main{flex-direction:column;flex:auto;min-width:0;display:flex}.file-item__name{font:inherit;color:var(--accent-text);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;overflow:hidden}.file-item__name:hover{text-decoration:underline}.participant{border-radius:var(--radius-control);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.participant:hover{background:var(--subtle-hover)}.participant .avatar{transition:box-shadow var(--duration-normal) var(--ease)}.participant--speaking .avatar{box-shadow:0 0 0 2px var(--accent)}.participant__main{flex-wrap:wrap;flex:1 1 0;align-items:center;gap:2px 6px;min-width:0;display:flex}.participant__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.participant__media{align-items:center;gap:2px;margin-left:auto;display:flex}.participant__mic{width:28px;height:28px;color:var(--text-tertiary);place-content:center;display:inline-grid}.participant__mic--on{color:var(--success)}.participant__mic--muted{color:var(--critical)}.participant__mic--private{color:var(--accent)}.participant__moderation{flex-basis:100%;justify-content:flex-end;gap:0;display:flex}.media-button{border-radius:var(--radius-control);border:1px solid var(--stroke-control);background:var(--control);width:32px;height:28px;color:var(--text);cursor:pointer;place-content:center;display:inline-grid}.media-button:hover{background:var(--control-hover)}.media-button--active,.media-button--active:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.media-button:disabled{cursor:default;color:var(--text-secondary);background:var(--accent-subtle)}.control-bar{background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);box-shadow:var(--shadow-card);flex-wrap:wrap;grid-area:controls;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.control-bar__slots{font-size:var(--text-caption);color:var(--text-secondary);padding:0 8px}.btn.control--on{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent-text)}.btn.control--muted{color:var(--critical)}.btn.control--recording{color:var(--critical);border-color:var(--critical)}.btn.control--locked{color:var(--caution)}.btn.control--hand{background:var(--caution-bg);border-color:var(--caution);color:var(--caution)}.btn.control--attention{border-color:var(--critical);color:var(--critical)}.recording-player{border-radius:var(--radius-overlay);background:#000;width:100%;max-height:70vh}@media (width<=1000px){.page--fill{height:auto}.live-room{grid-template:"stage"minmax(55vh,1fr)"controls""panel"/minmax(0,1fr)}.live-room--panel-closed{grid-template-rows:minmax(55vh,1fr) auto;grid-template-areas:"stage""controls"}.side-panel{max-height:60vh}}.side-panel__tab:not(.side-panel__tab--selected) .side-panel__label{display:none}.chat-panel{overflow:hidden}.chat-panel__messages{flex-direction:column;flex:auto;gap:6px;min-height:0;margin:0;padding:0 2px 0 0;list-style:none;display:flex;overflow-y:auto}.chat-message{border-radius:var(--radius-overlay);background:var(--card-secondary);border:1px solid var(--stroke-card);flex-direction:column;align-self:flex-start;gap:2px;max-width:92%;padding:6px 10px;display:flex}.chat-message--mine{background:var(--accent-subtle);border-color:#0000;align-self:flex-end}.chat-message--private{border-color:var(--caution);border-style:dashed}.chat-message__meta{font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-message__sender{font-weight:600}.chat-message__text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.chat-message__reply{font:inherit;color:var(--accent-text);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0}.chat-message__reply:hover{text-decoration:underline}.chat-form{border-top:1px solid var(--stroke-divider);flex-direction:column;gap:6px;display:flex}.chat-form__typing{min-height:20px;font-size:var(--text-caption);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;padding-top:2px;font-style:italic;overflow:hidden}.chat-form__input{resize:none;min-height:44px}.chat-form__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-transcript{flex-direction:column;gap:6px;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chat-dock{z-index:5;pointer-events:none;grid-area:stage;place-self:end;align-items:flex-end;gap:8px;max-width:100%;padding:0 8px 8px;display:flex;overflow-x:auto}.chat-window{pointer-events:auto;background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);width:min(300px,100vw - 32px);max-height:min(400px,60vh);box-shadow:var(--shadow-flyout);flex-direction:column;flex:none;display:flex;overflow:hidden}.chat-window--minimized{width:220px}.chat-window--unread .chat-window__header{background:var(--accent-subtle)}.chat-window__header{border-bottom:1px solid var(--stroke-divider);align-items:center;gap:2px;padding:4px;display:flex}.chat-window--minimized .chat-window__header{border-bottom:0}.chat-window__title{border-radius:var(--radius-control);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:8px;padding:4px 6px;font-weight:600;display:flex}.chat-window__title:hover{background:var(--subtle-hover)}.chat-window__title .avatar{width:24px;height:24px;font-size:10px}.chat-window__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-window__badge{background:var(--critical);min-width:18px;height:18px;color:var(--on-critical);text-align:center;border-radius:9px;padding:0 5px;font-size:11px;line-height:18px}.chat-window__body{flex-direction:column;flex:auto;min-height:0;display:flex}.chat-window__messages{flex-direction:column;flex:auto;gap:6px;min-height:120px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.chat-window__empty{align-items:center;gap:6px;margin:0;padding:0 10px 8px;display:flex}.chat-window .chat-form{padding:0 8px 8px}.slide-stage{background:var(--card-solid);border-radius:var(--radius-control);grid-template-rows:minmax(0,1fr) auto auto;gap:4px;min-width:0;min-height:0;display:grid;overflow:hidden}.slide-stage--thumbnails{grid-template-rows:minmax(0,1fr) auto auto clamp(72px,14%,120px)}.slide-stage__view{min-width:0;min-height:0;position:relative}.slide-canvas{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.slide-canvas__sheet{max-width:100%;max-height:100%;line-height:0;display:block;position:relative}.slide-canvas__overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.slide-canvas--interactive .slide-canvas__sheet{touch-action:none}.slide-stage--pen .slide-canvas__sheet{cursor:crosshair}.slide-stage--laser .slide-canvas__sheet{cursor:none}.slide-canvas__page{max-width:100%;max-height:100%;box-shadow:var(--shadow-card);background:var(--card-solid);display:block}.slide-canvas__page:not([width]){visibility:hidden}.slide-stage__loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.slide-stage__follow{background:var(--flyout);border:1px solid var(--stroke-card);border-radius:var(--radius-pill);box-shadow:var(--shadow-flyout);align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.slide-stage__bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:2px 8px;display:grid}.slide-stage__bar>.row:last-child{justify-content:flex-end}.slide-stage__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.slide-stage__page{text-align:center;font-variant-numeric:tabular-nums;min-width:64px}.slide-stage__thumbnails{gap:6px;min-height:0;margin:0;padding:0 8px 6px;list-style:none;display:flex;overflow-x:auto}.slide-thumb{flex:none;height:100%}.slide-thumb__button{aspect-ratio:16/9;background:var(--control);border-radius:var(--radius-control);cursor:pointer;border:2px solid #0000;height:100%;padding:2px;position:relative}.slide-thumb__button:hover{background:var(--control-hover)}.slide-thumb--current .slide-thumb__button{border-color:var(--accent)}.slide-thumb--host .slide-thumb__button{border-color:var(--caution)}.slide-thumb__number{border-radius:var(--radius-control);background:var(--flyout);padding:0 4px;font-size:11px;position:absolute;bottom:2px;right:4px}.slide-picker{z-index:6;background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);width:min(520px,100% - 24px);max-height:calc(100% - 24px);box-shadow:var(--shadow-dialog);flex-direction:column;grid-area:stage;place-self:start center;margin-top:12px;display:flex;overflow:hidden}.slide-picker__header,.slide-picker__footer{align-items:center;gap:8px;padding:8px 12px;display:flex}.slide-picker__header{border-bottom:1px solid var(--stroke-divider);justify-content:space-between}.slide-picker__footer{border-top:1px solid var(--stroke-divider);flex-wrap:wrap}.slide-picker__body{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px 12px;display:flex;overflow-y:auto}.slide-picker__status{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.slide-picker__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.slide-option{border-radius:var(--radius-control);align-items:center;gap:10px;padding:6px 8px;display:flex}.slide-option:hover{background:var(--subtle-hover)}.slide-option--current{background:var(--accent-subtle)}.slide-option__text{flex-direction:column;flex:auto;min-width:0;display:flex}.slide-option__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slide-stage__tools{flex-wrap:wrap;align-items:center;gap:4px;padding:0 8px 4px;display:flex}.ink-colors{gap:4px;padding:0 6px;display:flex}.ink-color{background:var(--ink);border:2px solid var(--stroke-control);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0}.ink-color--on{outline:2px solid var(--accent);outline-offset:2px}.slide-viewer{outline:none;flex-direction:column;gap:6px;min-width:0;display:flex}.slide-viewer:focus-visible{outline:2px solid var(--stroke-focus-outer);outline-offset:2px;border-radius:var(--radius-control)}.slide-viewer__bar{align-items:center;gap:4px;min-width:0;display:flex}.slide-viewer__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slide-viewer__page{text-align:center;font-variant-numeric:tabular-nums;min-width:56px}.slide-viewer__view{background:var(--card-secondary);border-radius:var(--radius-control);place-items:center;display:grid;position:relative;overflow:hidden}.slide-viewer__view>.progress-ring{position:absolute}.markdown-deck{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.markdown-deck__source textarea{font-family:var(--font-mono);resize:vertical;font-size:13px;line-height:1.5}@media (width<=1100px){.markdown-deck{grid-template-columns:minmax(0,1fr)}}.code-stage{background:var(--card-solid);border-radius:var(--radius-control);grid-template-rows:auto auto auto minmax(0,1fr);gap:6px;min-width:0;min-height:0;padding:6px;display:grid;overflow:hidden}.code-stage--local{box-shadow:inset 0 0 0 2px var(--caution)}.code-stage__bar{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.code-stage__runtime{width:170px}.code-stage__runtime .field{margin:0}.code-stage__runtime-label{color:var(--text-secondary);align-self:center;font-weight:600}.code-stage__tabs{flex-wrap:wrap;flex:auto;align-items:center;gap:4px;min-width:0;display:flex}.code-tab{border:1px solid var(--stroke-control);border-radius:var(--radius-control);background:var(--control);align-items:center;display:inline-flex}.code-tab--active{border-color:var(--accent);background:var(--accent-subtle)}.code-tab__name{font-family:var(--font-mono);color:var(--text);cursor:pointer;background:0 0;border:0;padding:4px 10px;font-size:13px}.code-tab__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:0 8px 0 0;font-size:16px;line-height:1}.code-stage__new{align-items:center;gap:2px;display:inline-flex}.code-stage__new input{width:150px;height:30px;font-family:var(--font-mono);font-size:13px}.code-stage__actions{margin-left:auto}.code-stage__status{color:var(--text-secondary);font-size:var(--text-caption);align-self:center}.code-stage__notice{border-radius:var(--radius-control);background:var(--caution-bg);color:var(--text);font-size:var(--text-caption);flex-wrap:wrap;grid-row:2;align-items:center;gap:8px 12px;padding:6px 12px;display:flex}.code-stage__notice>span{flex:1;min-width:200px}.code-stage__banner{grid-row:3}.code-stage__banner:empty{display:none}.code-stage__body{grid-row:4;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:6px;min-height:0;display:grid}.code-stage__body>.code-editor{border:1px solid var(--stroke-card);border-radius:var(--radius-control);height:100%;min-height:0;overflow:hidden}.code-stage__body>.preview{height:100%;min-height:0}@media (width<=900px){.code-stage__body{grid-template-rows:minmax(240px,1fr) minmax(200px,1fr);grid-template-columns:minmax(0,1fr)}}.participant--stuck{background:var(--caution-bg);box-shadow:inset 3px 0 0 var(--caution)}.stuck{border-bottom:1px solid var(--stroke-divider);flex-direction:column;gap:4px;padding-bottom:8px;display:flex}.stuck__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.stuck__item{border-radius:var(--radius-control);background:var(--caution-bg);box-shadow:inset 3px 0 0 var(--caution);color:var(--text);flex-direction:column;gap:6px;padding:8px;display:flex}.stuck__head{align-items:flex-start;gap:8px;min-width:0;display:flex}.stuck__head>.icon{color:var(--caution);flex:none;margin-top:2px}.stuck__text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.stuck__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.stuck__note{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.stuck__actions{flex-wrap:wrap;gap:4px;display:flex}.task-panel__task{flex-direction:column;gap:2px;display:flex}.task-panel__title{font-size:var(--text-body);overflow-wrap:anywhere;margin:0;font-weight:600}.task-panel__share{border-top:1px solid var(--stroke-divider);padding-top:8px}.task-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;display:grid}.task-summary__item{border-radius:var(--radius-control);background:var(--card-secondary);border:1px solid var(--stroke-card);flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.task-summary__item dt{color:var(--text-secondary);text-align:center;font-size:11px}.task-summary__item dd{font-variant-numeric:tabular-nums;margin:0;font-size:18px;font-weight:600}.task-summary__item--stuck{background:var(--caution-bg);border-color:var(--caution)}.task-summary__item--stuck dd{color:var(--caution)}.work-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.work-item{border-radius:var(--radius-control);border:1px solid var(--stroke-card);background:var(--card-secondary);flex-direction:column;gap:2px;padding:6px 8px;display:flex}.work-item--stuck{background:var(--caution-bg);border-color:var(--caution)}.work-item--offline{opacity:.7}.work-item__head{align-items:center;gap:6px;min-width:0;display:flex}.work-item__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}.work-item__presence{background:var(--text-tertiary);border-radius:50%;flex:none;width:8px;height:8px}.work-item__presence--online{background:var(--success)}.work-item__note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-caption);margin:0}.work-item__meta{font-size:var(--text-caption);color:var(--text-secondary)}.work-item__actions{flex-wrap:wrap;gap:4px;padding-top:4px;display:flex}.call-overlay{z-index:6;pointer-events:none;flex-direction:column;grid-area:stage;place-self:start center;gap:8px;max-width:100%;padding:8px;display:flex}.call-card{pointer-events:auto;background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);width:min(640px,100vw - 32px);box-shadow:var(--shadow-flyout);color:var(--text);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.call-card--incoming{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle), var(--shadow-flyout)}.call-card--active{border-color:var(--success)}.call-card__icon{background:var(--accent-subtle);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.call-card--active .call-card__icon{background:var(--success-bg);color:var(--success)}.call-card__icon--ringing{animation:1.4s ease-in-out infinite call-ring}@keyframes call-ring{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}@media (prefers-reduced-motion:reduce){.call-card__icon--ringing{animation:none}}.call-card__text{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.call-card__title{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.call-card__time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:400}.call-card__hint{font-size:var(--text-caption);color:var(--text-secondary)}.call-card__actions{flex-wrap:wrap;gap:8px;display:flex}.task-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.task-status__button{border-radius:var(--radius-control);border:1px solid var(--stroke-control);background:var(--control);min-height:32px;color:var(--text);font:inherit;cursor:pointer;padding:4px 6px}.task-status__button:hover{background:var(--control-hover)}.task-status__button--on,.task-status__button--on:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.task-status__button--stuck,.task-status__button--stuck:hover{background:var(--caution-bg);color:var(--caution);border-color:var(--caution);font-weight:600}.task-status__button--done,.task-status__button--done:hover{background:var(--success-bg);color:var(--success);border-color:var(--success);font-weight:600}.workspace-banner{flex-direction:column;gap:4px;display:flex}.workspace-banner__line{border-radius:var(--radius-control);background:var(--accent-subtle);color:var(--text);font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 10px;display:flex}.workspace-banner__line>.icon{color:var(--accent-text);flex:none}.workspace-banner__line--edit{background:var(--caution-bg)}.workspace-banner__line--edit>.icon{color:var(--caution)}.workspace-banner__text{overflow-wrap:anywhere;flex:160px;min-width:0}.archived-task{border:1px solid var(--stroke-card);border-radius:var(--radius-control);background:var(--card-secondary);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.archived-task__head{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.archived-task__title{font-weight:600}.archived-task__counts{flex-wrap:wrap;gap:4px;display:flex}.archived-task__rows{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.archived-task__row{border-top:1px solid var(--stroke-divider);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 0;display:flex}.archived-task__name{min-width:120px;font-weight:600}.archived-task__note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-caption);flex-basis:100%;margin:0}.archived-task__meta{font-size:var(--text-caption);color:var(--text-secondary)}.tree{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.tree-row{padding:6px 10px 6px calc(10px + var(--depth,0) * 24px);border-radius:var(--radius-control);border:1px solid var(--stroke-card);background:var(--card);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tree-row:hover{background:var(--subtle-hover)}.tree-row--group{background:var(--card-secondary)}.tree-row__toggle{border-radius:var(--radius-control);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex:0 0 28px;place-content:center;padding:0;display:inline-grid}.tree-row__toggle:hover{background:var(--control-hover);color:var(--text)}.tree-row__toggle:disabled{visibility:hidden}.tree-row__main{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.tree-row__title{overflow-wrap:anywhere;font-weight:600}.tree-row--group .tree-row__title{color:var(--text-secondary)}.tree-row__meta{color:var(--text-secondary);font-size:var(--text-caption);overflow-wrap:anywhere;line-height:16px}.tree-row__actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tree-row__link{color:inherit;text-decoration:none}.tree-row__link:hover .tree-row__title{color:var(--accent-text);text-decoration:underline}.tree-toolbar{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.tree-toolbar .field{flex:260px;max-width:420px}.tree-progress{font-size:var(--text-caption);color:var(--text-secondary);white-space:nowrap}.breadcrumb{font-size:var(--text-caption);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";color:var(--text-tertiary);margin-right:4px}.topic-nav{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.anim-player{background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden;container-type:inline-size}.anim-player:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.anim-player__body{grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.anim-player__body--code{grid-template-columns:minmax(220px,34%) minmax(0,1fr)}@container (width<=820px){.anim-player__body--code{grid-template-columns:minmax(0,1fr)}}.anim-code{background:var(--code-bg);border-right:1px solid var(--stroke-divider);min-width:0;height:0;min-height:100%;padding:12px 0;position:relative;overflow:auto}@container (width<=820px){.anim-code{border-right:0;border-bottom:1px solid var(--stroke-divider);height:auto;min-height:0;max-height:240px}}.anim-code__file{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-secondary);padding:0 16px 8px}.anim-code,.anim-snippet,.anim-b code,.anim-b-pre{font-variant-ligatures:none;font-feature-settings:"calt" 0, "liga" 0}.anim-code__lines{font-family:var(--font-mono);font-size:13px;line-height:22px}.anim-code__line{white-space:pre;border-left:3px solid #0000;grid-template-columns:36px 1fr;padding-right:16px;transition:background-color .25s;display:grid}.anim-code__line--on{background:var(--accent-subtle);border-left-color:var(--accent)}.anim-code__no{color:var(--code-comment);text-align:right;-webkit-user-select:none;user-select:none;padding-right:12px}.anim-code__line--typing .anim-code__text:after{content:"";vertical-align:-2px;background:var(--accent);width:2px;height:15px;margin-left:1px;animation:.8s step-end infinite anim-blink;display:inline-block}.anim-tok--keyword{color:var(--code-keyword)}.anim-tok--control{color:var(--code-control)}.anim-tok--type{color:var(--code-type)}.anim-tok--string{color:var(--code-string)}.anim-tok--number{color:var(--code-number)}.anim-tok--comment{color:var(--code-comment);font-style:italic}.anim-stage{aspect-ratio:720/440;background:var(--card-secondary);width:100%;position:relative;overflow:hidden}.anim-stage__surface{transform-origin:0 0;width:720px;height:440px;position:absolute;top:0;left:0}.anim-arrows{pointer-events:none;z-index:4;width:720px;height:440px;position:absolute;inset:0;overflow:visible}.anim-arrow{fill:none;stroke:var(--accent);stroke-width:2.5px}.anim-arrow--draw{stroke-dasharray:1;animation:.6s forwards anim-draw}.anim-arrowhead{fill:var(--accent)}.anim-el{transition:transform .75s cubic-bezier(.2,.8,.2,1),width .5s,height .5s,background-color .3s,border-color .3s,color .3s,opacity .45s,box-shadow .3s;position:absolute;top:0;left:0}.anim-el--enter{animation:.45s cubic-bezier(.2,.8,.2,1) anim-pop}.anim-el--leave{transition-duration:.35s;opacity:0!important}.anim-region{border:1px dashed var(--stroke-control-bottom);border-radius:var(--radius-overlay);z-index:0}.anim-region__title{font-size:var(--text-caption);color:var(--text-secondary);font-weight:600;position:absolute;top:8px;left:12px}.anim-region.anim-el--hot{border-style:solid;border-color:var(--accent);background:var(--accent-subtle)}.anim-box{z-index:2;background:var(--card-solid);border:1px solid var(--stroke-control-bottom);border-radius:var(--radius-overlay);box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.anim-box__label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.anim-box__lock{width:12px;height:12px}.anim-box__value{font-family:var(--font-mono);font-size:26px;font-weight:600;line-height:32px}.anim-box.anim-el--hot{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle), var(--shadow-card)}.anim-box.anim-el--ok{border-color:var(--success);background:var(--success-bg)}.anim-box.anim-el--err{border-color:var(--critical);background:var(--critical-bg);animation:.5s anim-shake}.anim-box.anim-el--empty{box-shadow:none;background:0 0;border-style:dashed}.anim-box--flash .anim-box__value{animation:.6s anim-flash}.anim-chip{z-index:6;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-pill);font-family:var(--font-mono);box-shadow:var(--shadow-card);place-content:center;font-size:15px;font-weight:600;display:grid}.anim-chip.anim-el--fade{opacity:0;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .3s .6s}.anim-note{z-index:5;text-align:center;background:var(--caution-bg);color:var(--text);border-radius:var(--radius-control);font-family:var(--font-mono);place-content:center;padding:0 12px;font-size:14px;display:grid}.anim-note,.anim-label,.anim-chip,.anim-machine__text,.anim-loop__text{white-space:pre-line}.anim-frame{white-space:pre-wrap}.anim-note.anim-el--err{background:var(--critical-bg);color:var(--critical)}.anim-note.anim-el--ok{background:var(--success-bg);color:var(--success)}.anim-label{z-index:1;font-family:var(--font-mono);align-items:center;font-size:15px;font-weight:600;display:flex}.anim-label.anim-el--hot{color:var(--accent-text)}.anim-machine{z-index:3;background:var(--card-solid);border:2px solid var(--accent);box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.anim-machine__label{font-size:var(--text-caption);color:var(--text-secondary)}.anim-machine__text{font-family:var(--font-mono);color:var(--accent-text);font-size:20px;font-weight:600}.anim-frame{z-index:3;white-space:nowrap;background:var(--card-solid);border:1px solid var(--stroke-control-bottom);border-left:4px solid var(--accent);border-radius:var(--radius-control);font-family:var(--font-mono);box-shadow:var(--shadow-card);align-items:center;padding:0 12px;font-size:13px;display:flex;overflow:hidden}.anim-frame.anim-el--muted{border-left-color:var(--text-secondary);color:var(--text-secondary)}.anim-frame.anim-el--hot{background:var(--accent-subtle)}.anim-frame.anim-el--ok{border-left-color:var(--success);background:var(--success-bg);color:var(--success)}.anim-frame.anim-el--err{border-left-color:var(--critical);background:var(--critical-bg);color:var(--critical);text-decoration:line-through}.anim-console{z-index:1;background:var(--code-bg);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);padding:8px 12px;overflow:hidden}.anim-console__title{font-size:var(--text-caption);color:var(--text-secondary);margin-bottom:2px;font-weight:600}.anim-console__lines{font-family:var(--font-mono);flex-wrap:wrap;gap:2px 16px;font-size:13px;line-height:19px;display:flex}.anim-console__line{animation:.35s anim-pop}.anim-console__line:before{content:"› ";color:var(--text-secondary)}.anim-console__line--err{color:var(--critical)}.anim-loop{z-index:1;border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.anim-loop svg{width:34px;height:34px}.anim-loop.anim-el--hot{color:var(--accent-text);border-color:var(--accent);background:var(--accent-subtle)}.anim-loop.anim-el--hot svg{animation:1.2s linear infinite anim-spin}.anim-flex{z-index:1;flex-direction:column;gap:6px;display:flex}.anim-flex__label{font-size:var(--text-caption);color:var(--text-secondary);font-weight:600}.anim-flex__box{background:var(--card-solid);border:1px dashed var(--stroke-control-bottom);border-radius:var(--radius-overlay);flex:1;padding:12px}.anim-flex__item{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-control);align-items:center;padding:8px 18px;font-size:15px;font-weight:600;display:flex}.anim-boxmodel{z-index:1;font-family:var(--font-mono);color:var(--bm-text);font-size:13px;display:flex}.anim-bm__layer{border-radius:3px;flex:1;min-width:0;min-height:0;padding:24px 32px;transition:box-shadow .3s;display:flex;position:relative}.anim-bm__layer--margin{background:var(--bm-margin);border:1px dashed var(--bm-text)}.anim-bm__layer--border{background:var(--bm-border);border:2px solid var(--bm-text)}.anim-bm__layer--padding{background:var(--bm-padding)}.anim-bm__content{text-align:center;background:var(--bm-content);border-radius:2px;flex:1;justify-content:center;align-items:center;min-width:0;padding:4px;transition:box-shadow .3s;display:flex}.anim-bm__name{opacity:.8;font-size:11px;position:absolute;top:4px;left:6px}.anim-bm__value{font-size:12px;transition:transform .3s;position:absolute}.anim-bm__value--top{top:5px;left:50%;transform:translate(-50%)}.anim-bm__value--bottom{bottom:5px;left:50%;transform:translate(-50%)}.anim-bm__value--left{top:50%;left:6px;transform:translateY(-50%)}.anim-bm__value--right{top:50%;right:6px;transform:translateY(-50%)}.anim-bm--focus{box-shadow:inset 0 0 0 3px var(--accent), 0 0 0 3px var(--accent)}.anim-bm--focus>.anim-bm__name,.anim-bm--focus>.anim-bm__value{opacity:1;font-weight:700}.anim-bm__content.anim-bm--focus{font-weight:700}.anim-browser{z-index:2;background:var(--sim-page-bg);border:1px solid var(--stroke-control-bottom);box-shadow:var(--shadow-flyout);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.anim-browser.anim-el--hot{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle), var(--shadow-flyout)}.anim-browser__bar{background:var(--card-secondary);align-items:center;gap:6px;height:30px;padding:0 10px;display:flex}.anim-browser__dot{background:var(--stroke-control-bottom);border-radius:50%;width:9px;height:9px}.anim-browser__tab{white-space:nowrap;text-overflow:ellipsis;background:var(--sim-page-bg);border-radius:6px 6px 0 0;max-width:60%;margin-left:10px;padding:4px 12px;font-size:12px;overflow:hidden}.anim-browser__address{background:var(--sim-page-bg);border-bottom:1px solid var(--stroke-divider);padding:4px 10px 6px}.anim-browser__url{white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);background:var(--card-secondary);border-radius:var(--radius-pill);padding:3px 10px;font-size:12px;display:block;overflow:hidden}.anim-browser__page{min-height:0;color:var(--sim-page-text);flex:1;font-family:Times New Roman,Times,serif;font-size:15px;line-height:1.35;overflow:hidden}.anim-browser__content{transform-origin:0 0;padding:10px 16px}.anim-browser__content *,.anim-browser__content :before,.anim-browser__content :after{box-sizing:content-box}.anim-b{border-radius:3px;width:fit-content;max-width:100%;margin:0 0 8px;transition:box-shadow .3s}.anim-b--hot{box-shadow:0 0 0 2px var(--accent), 0 0 0 5px var(--accent-subtle)}.anim-b--enter{animation:.45s cubic-bezier(.2,.8,.2,1) anim-pop}.anim-b--styled,.anim-b--styled .anim-b,.anim-b--styled>.anim-b-button,.anim-b--styled>.anim-b-control,.anim-b--styled>.anim-b-link,.anim-browser__page,.anim-b-table th,.anim-b-table td{transition:all .6s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.anim-b.anim-b--styled,.anim-b .anim-b{width:auto;max-width:none}.anim-b.anim-b-div{width:auto;max-width:none;margin:0}.anim-b .anim-b.anim-b-row{width:fit-content}.anim-b.anim-b-span{margin:0;display:inline}.anim-b .anim-b:last-child{margin-bottom:0}.anim-b-h1{font-size:30px;font-weight:700;line-height:1.15}.anim-b-h2{font-size:23px;font-weight:700}.anim-b-h3{font-size:18px;font-weight:700}.anim-b-h4{font-size:15px;font-weight:700}.anim-b mark{background:var(--sim-mark);color:inherit}.anim-b code,.anim-b-pre{font-family:var(--font-mono);font-size:13px}.anim-b-pre{white-space:pre;margin:0 0 8px}.anim-b-link{color:var(--sim-link);text-decoration:underline}.anim-b-row{display:flex}.anim-b-button{color:var(--sim-page-text);font-family:var(--font);background:var(--card-secondary);border:1px solid var(--stroke-control-bottom);border-radius:3px;padding:2px 10px;font-size:13px}.anim-b-img{background:var(--accent-subtle);border-radius:3px;width:150px;height:92px;position:relative;overflow:hidden}.anim-b-img__sun{background:var(--caution-bg);border:2px solid var(--caution);border-radius:50%;width:18px;height:18px;position:absolute;top:14px;right:22px}.anim-b-img__hill{background:var(--accent);opacity:.55;border-radius:50%;width:130px;height:90px;position:absolute;bottom:-40px;left:-20px}.anim-b-figure{flex-direction:column;gap:4px;margin-left:24px;display:flex}.anim-b-caption{font-size:13px;font-style:italic}.anim-b-broken{border:1px solid var(--stroke-control-bottom);align-items:center;gap:6px;padding:2px 6px;font-size:13px;display:inline-flex}.anim-b-broken__icon{border:1.5px solid var(--text-secondary);border-radius:2px;width:14px;height:12px;position:relative}.anim-b-broken__icon:after{content:"";border-top:1.5px solid var(--critical);position:absolute;top:5px;left:2px;right:2px;transform:rotate(-30deg)}.anim-b-list{margin:0 0 8px;padding-left:26px}.anim-b-list .anim-b-list{margin:0}.anim-b-dl{margin:0 0 8px}.anim-b-dl dt{font-weight:700}.anim-b-dl dd{margin:0 0 4px 26px}.anim-b-table{border-collapse:collapse;font-size:14px}.anim-b-table caption{padding-bottom:4px;font-weight:700}.anim-b-table th,.anim-b-table td{border:1px solid var(--stroke-control-bottom);text-align:left;padding:3px 10px}.anim-b-field{font-family:var(--font);align-items:center;gap:8px;font-size:13px;display:flex}.anim-b-label{font-family:var(--font);font-size:13px}.anim-b-control{background:var(--sim-page-bg);border:1px solid var(--control-strong);border-radius:3px;min-width:170px;padding:3px 8px}.anim-b-control--placeholder{color:var(--text-tertiary)}.anim-b-control--textarea{min-width:220px;min-height:46px}.anim-b-control--select:after{content:" ▾";color:var(--text-secondary)}.anim-b-check{font-family:var(--font);align-items:center;gap:8px;font-size:13px;display:flex}.anim-b-check__box{border:1.5px solid var(--control-strong);border-radius:2px;width:13px;height:13px}.anim-b-check__box--radio{border-radius:50%}.anim-b-check__box--on{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--sim-page-bg)}.anim-b-hr{border:0;border-top:1px solid var(--stroke-control-bottom)}.anim-b-quote{margin-left:30px;font-style:italic}.anim-b-media{color:var(--sim-media-text);background:var(--sim-media-bg);font-family:var(--font);border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.anim-b-media--video{align-items:flex-end;width:230px;height:110px}.anim-b-media--audio{width:260px;color:var(--text);background:var(--card-secondary)}.anim-b-media__play{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid;width:0;height:0}.anim-b-media__bar{opacity:.5;background:currentColor;border-radius:2px;flex:1;height:3px}.anim-b-iframe{border:2px inset var(--stroke-control-bottom);width:260px;height:90px;font-family:var(--font);color:var(--text-secondary);place-content:center;font-size:12px;display:grid}.anim-b-details__summary{cursor:default}.anim-b-progress{background:var(--card-secondary);border:1px solid var(--stroke-control-bottom);border-radius:5px;width:170px;height:10px;overflow:hidden}.anim-b-progress__fill{background:var(--accent);height:100%;display:block}.anim-b-h5{font-size:13px;font-weight:700}.anim-b-h6{font-size:11px;font-weight:700}.anim-b del{text-decoration:line-through}.anim-b ins{text-decoration:underline}.anim-b-meter{background:var(--card-secondary);border:1px solid var(--stroke-control-bottom);border-radius:3px;width:170px;height:12px;overflow:hidden}.anim-b-meter__fill{height:100%;display:block}.anim-b-meter__fill--good{background:var(--success)}.anim-b-meter__fill--medium{background:var(--caution)}.anim-b-meter__fill--low{background:var(--critical)}.anim-b-fieldset{border:2px groove var(--stroke-control-bottom);font-family:var(--font);margin-top:6px;padding:12px 12px 6px;font-size:13px;position:relative}.anim-b-fieldset__legend{background:var(--sim-page-bg);padding:0 4px;position:absolute;top:-9px;left:8px}.anim-b-fieldset__row{margin-bottom:4px}.anim-b-box{border:1px dashed var(--stroke-control-bottom);font-family:var(--font);padding:6px 10px;font-size:13px}.anim-snippet{z-index:3;white-space:pre;background:var(--code-bg);border:1px solid var(--stroke-card);border-radius:var(--radius-overlay);font-family:var(--font-mono);flex-wrap:wrap;align-content:center;align-items:center;padding:0 16px;font-size:20px;line-height:32px;display:flex}.anim-snip{border-radius:3px;padding:0 1px;transition:background-color .3s,box-shadow .3s}.anim-snip--tag{color:var(--code-keyword)}.anim-snip--attr{color:var(--code-type)}.anim-snip--value{color:var(--code-string)}.anim-snip--text{color:var(--text)}.anim-snip--punct{color:var(--text-secondary)}.anim-snip--comment{color:var(--code-comment);font-style:italic}.anim-snip--hot{background:var(--accent-subtle);box-shadow:0 0 0 2px var(--accent)}.anim-player__caption{border-top:1px solid var(--stroke-divider);align-items:flex-start;gap:14px;min-height:74px;padding:14px 18px;display:flex}.anim-player__step{min-width:64px;font-size:var(--text-caption);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:none;padding-top:2px}.anim-player__say{text-wrap:pretty;max-width:80ch;margin:0;font-size:16px;line-height:24px}.anim-player__controls{border-top:1px solid var(--stroke-divider);background:var(--card-secondary);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.anim-player__controls .btn--accent{min-width:96px}.anim-player__scrub{min-width:140px;accent-color:var(--accent);flex:200px;margin:0}.anim-player__speed{height:32px;font:inherit;color:var(--text);background:var(--control);border:1px solid var(--stroke-control);border-bottom-color:var(--stroke-control-bottom);border-radius:var(--radius-control);padding:0 8px}.anim-player__speed option{background:var(--flyout);color:var(--text)}.anim-error{color:var(--critical);background:var(--critical-bg);border-radius:var(--radius-control);margin:0;padding:12px 16px}.anim-editor{grid-template-columns:minmax(320px,2fr) minmax(0,3fr);align-items:start;gap:16px;display:grid}.anim-editor .code-editor{height:560px}@media (width<=1100px){.anim-editor{grid-template-columns:minmax(0,1fr)}.anim-editor .code-editor{height:360px}}.anim-guide{color:var(--text-secondary);gap:6px;margin:0;padding-left:18px;display:grid}.anim-guide code{font-family:var(--font-mono);color:var(--text);font-size:12px}@keyframes anim-pop{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes anim-flash{0%{color:var(--accent);scale:1.6}to{scale:1}}@keyframes anim-shake{20%,60%{translate:-6px}40%,80%{translate:6px}}@keyframes anim-spin{to{rotate:360deg}}@keyframes anim-blink{50%{opacity:0}}@keyframes anim-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.anim-el,.anim-chip.anim-el--fade{transition-duration:10ms!important;transition-delay:0s!important}.anim-el--enter,.anim-console__line,.anim-box--flash .anim-box__value,.anim-box.anim-el--err,.anim-arrow--draw{animation:none}.anim-arrow--draw{stroke-dasharray:none}.anim-loop.anim-el--hot svg{animation:none}}.assistant{flex-direction:column;gap:8px;display:flex}.assistant__toggle{align-self:flex-start}.assistant__panel{background:var(--card-secondary);border:1px solid var(--accent);border-radius:var(--radius-overlay);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.assistant__status{color:var(--text-secondary)}.assistant__status--off{color:var(--caution)}.assistant__result{background:var(--card-solid);border:1px solid var(--stroke-card);border-radius:var(--radius-control);max-height:420px;padding:10px 12px;overflow:auto}.assistant__text{white-space:pre-wrap;font-family:var(--font-mono);margin:0;font-size:12px}.guide-notice{border:1px solid var(--stroke-card);border-left:3px solid var(--accent);border-radius:var(--radius-overlay);background:var(--accent-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.guide-notice__icon{width:32px;height:32px;color:var(--accent-text);place-content:center;display:inline-grid}.guide-notice__text{flex:320px;line-height:1.5}.guide__intro{max-width:900px;margin:0;line-height:1.6}.guide__section{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start;gap:24px;display:grid}.guide__video{aspect-ratio:16/9;border-radius:var(--radius-overlay);border:1px solid var(--stroke-card);background:var(--layer-alt);width:100%;box-shadow:var(--shadow-card)}.guide__title{font-size:var(--text-subtitle);margin:0}.guide__steps{flex-direction:column;gap:8px;margin:0;padding-left:22px;line-height:1.55;display:flex}.guide__faq{max-width:900px;margin:0}.guide__faq dt{margin-top:12px;font-weight:600}.guide__faq dd{color:var(--text-secondary);margin:4px 0 0;line-height:1.55}@media (width<=960px){.guide__section{grid-template-columns:1fr}}
