:root{--color-brand:#4f7cff;--color-brand-hover:#3d68e6;--color-brand-soft:rgba(79,124,255,.1);--color-brand-contrast:#fff;--color-bg:#fafbfc;--color-bg-elevated:#fff;--color-bg-sunken:#f3f4f6;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text:#111827;--color-text-muted:#4b5563;--color-text-subtle:#6b7280;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-terminal-bg:#0b0d12;--color-terminal-fg:#e2e8f0;--color-overlay:rgba(15,23,42,.55);--color-drawer-backdrop:rgba(0,0,0,.45);--color-progress-track:#e5e7eb;--color-progress-fill:var(--color-success);--font-sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.55;--lh-relaxed:1.7;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(15,23,42,.05);--shadow-md:0 2px 8px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);--shadow-lg:0 12px 32px rgba(15,23,42,.08),0 2px 6px rgba(15,23,42,.04);--shadow-xl:0 24px 56px rgba(15,23,42,.1),0 4px 12px rgba(15,23,42,.05);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;--layout-max-width:1200px;--layout-gutter:var(--space-6);--navbar-height:64px;--footer-height:72px}[data-theme=dark]{--color-bg:#0b0d12;--color-bg-elevated:#14171f;--color-bg-sunken:#080a0e;--color-border:#1f242e;--color-border-strong:#2c3340;--color-text:#f3f4f6;--color-text-muted:#9ca3af;--color-text-subtle:#8b95a3;--color-brand-soft:rgba(79,124,255,.18);--color-progress-track:#2c3340;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 2px 8px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.3);--shadow-lg:0 12px 32px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.35);--shadow-xl:0 24px 56px rgba(0,0,0,.65),0 4px 12px rgba(0,0,0,.4)}@media (prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]){--color-bg:#0b0d12;--color-bg-elevated:#14171f;--color-bg-sunken:#080a0e;--color-border:#1f242e;--color-border-strong:#2c3340;--color-text:#f3f4f6;--color-text-muted:#9ca3af;--color-text-subtle:#8b95a3;--color-brand-soft:rgba(79,124,255,.18);--color-progress-track:#2c3340;color-scheme:dark}}*,:after,:before{box-sizing:border-box}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafbfc;background:var(--color-bg);color:#111827;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--fs-base);line-height:1.55;line-height:var(--lh-normal);margin:0;min-height:100%;padding:0;text-rendering:optimizeLegibility}a{color:#4f7cff;color:var(--color-brand);text-decoration:none;transition:color .12s cubic-bezier(.16,1,.3,1);transition:color var(--dur-fast) var(--ease-out)}a:hover{color:#3d68e6;color:var(--color-brand-hover)}code,kbd,pre,samp{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.9em}img{display:block;max-width:100%}::selection{background:rgba(79,124,255,.1);background:var(--color-brand-soft);color:#111827;color:var(--color-text)}:focus-visible{border-radius:4px;border-radius:var(--radius-sm);outline:2px solid #4f7cff;outline:2px solid var(--color-brand);outline-offset:2px}.u-container{margin:0 auto;max-width:1200px;max-width:var(--layout-max-width);padding-inline:1.5rem;padding-inline:var(--layout-gutter);width:100%}.u-stack-sm>*+*{margin-top:.5rem;margin-top:var(--space-2)}.u-stack>*+*{margin-top:1rem;margin-top:var(--space-4)}.u-stack-lg>*+*{margin-top:1.5rem;margin-top:var(--space-6)}.u-muted{color:#4b5563;color:var(--color-text-muted)}.u-subtle{color:#6b7280;color:var(--color-text-subtle)}.section{padding-block:4rem;padding-block:var(--space-16)}.section--tight{padding-block:2.5rem;padding-block:var(--space-10)}code{font-family:var(--font-mono)}#root{display:flex;flex-direction:column;min-height:100vh}.surface{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.surface--raised{box-shadow:var(--shadow-md)}.btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);gap:var(--space-2);justify-content:center;letter-spacing:var(--tracking-normal);line-height:1;padding:var(--space-3) var(--space-5);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),-webkit-transform var(--dur-fast) var(--ease-out);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),-webkit-transform var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--primary{background:var(--color-brand);border-color:var(--color-brand);box-shadow:var(--shadow-sm);color:var(--color-brand-contrast)}.btn--primary:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover);box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn--primary:active{box-shadow:var(--shadow-sm);-webkit-transform:translateY(0);transform:translateY(0)}.btn--secondary{background:var(--color-bg-elevated);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover{background:var(--color-bg-sunken);border-color:var(--color-text-subtle)}.btn--ghost{background:transparent;color:var(--color-text)}.btn--ghost:hover{background:var(--color-brand-soft);color:var(--color-brand)}.btn--lg{font-size:var(--fs-base);padding:var(--space-4) var(--space-6)}.btn--sm{padding:var(--space-2) var(--space-3)}.btn--sm,.pill{font-size:var(--fs-xs)}.pill{align-items:center;background:var(--color-brand-soft);border-radius:var(--radius-pill);color:var(--color-brand);display:inline-flex;font-weight:var(--fw-semibold);gap:var(--space-2);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);text-transform:uppercase}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),-webkit-transform var(--dur-base) var(--ease-out);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),-webkit-transform var(--dur-base) var(--ease-out)}.card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card__eyebrow{color:var(--color-brand);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2);text-transform:uppercase}.card__title{color:var(--color-text);font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin:0 0 var(--space-2)}.card__body{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0}.card__media{aspect-ratio:16/9;background:var(--color-bg-sunken);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);margin:calc(var(--space-6)*-1);margin-top:var(--space-6);overflow:hidden}.card__media img{height:100%;object-fit:cover;width:100%}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{color:var(--color-text);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.field__hint{color:var(--color-text-muted);font-size:var(--fs-xs)}.field__error{color:var(--color-danger);font-size:var(--fs-xs)}.input{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--fs-base);line-height:1;padding:var(--space-3) var(--space-4);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.input::-webkit-input-placeholder{color:var(--color-text-subtle)}.input::placeholder{color:var(--color-text-subtle)}.input:hover{border-color:var(--color-text-subtle)}.input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-soft);outline:none}.input--error{border-color:var(--color-danger)}.input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.page{display:flex;flex-direction:column;min-height:calc(100vh - var(--navbar-height) - var(--footer-height))}.page__header{padding-block:var(--space-12) var(--space-8);text-align:center}.page__title{color:var(--color-text);font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3)}.page__subtitle{color:var(--color-text-muted);font-size:var(--fs-md);line-height:var(--lh-relaxed);margin:0 auto;max-width:640px}.terminal-frame{background:var(--color-terminal-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:70vh;min-height:600px;overflow:hidden;width:100%}.terminal-frame__chrome{align-items:center;background:var(--color-bg-sunken);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);display:flex;font-family:var(--font-mono);font-size:var(--fs-xs);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.terminal-frame__dot{background:var(--color-border-strong);border-radius:50%;height:10px;width:10px}.terminal-frame__dot--r{background:#ff5f57}.terminal-frame__dot--y{background:#febc2e}.terminal-frame__dot--g{background:#28c840}.terminal-frame__body{border:0;display:block;height:calc(100% - 36px);width:100%}.terminal-loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--fs-sm);gap:var(--space-4);justify-content:center;padding:var(--space-16)}.terminal-loading__pulse{-webkit-animation:pulse 1.4s var(--ease-in-out) infinite;animation:pulse 1.4s var(--ease-in-out) infinite;background:var(--color-brand);border-radius:50%;height:12px;width:12px}@-webkit-keyframes pulse{0%,to{opacity:.3;-webkit-transform:scale(.8);transform:scale(.8)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%,to{opacity:.3;-webkit-transform:scale(.8);transform:scale(.8)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.navbar{align-items:center;background:transparent;border-bottom:1px solid var(--color-border);color:var(--color-text);display:flex;gap:var(--space-6);height:var(--navbar-height);padding-inline:var(--layout-gutter);position:-webkit-sticky;position:sticky;top:0;z-index:50}.navbar a{color:inherit}.navbar__brand{align-items:center;color:inherit;display:inline-flex;flex:0 0 auto;gap:var(--space-3);text-decoration:none}.navbar__brand-logo{display:block;height:36px;width:auto}.navbar__brand-name{color:inherit;font-size:1.05rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.app-shell{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-shell__header{flex:0 0 auto}.app-shell__main{flex:1 0 auto;width:100%}#__app-root,#root{display:flex;flex-direction:column;min-height:100vh}.site-content{flex:1 0 auto}.navbar__nav{align-items:center;display:flex;gap:var(--space-2);margin-left:auto}.navbar__nav--desktop{display:none}.navbar__nav--mobile{align-items:center;display:flex;gap:var(--space-2);margin-left:auto}.navbar__utility{align-items:center;display:inline-flex;gap:var(--space-2)}.navbar__link{border-radius:var(--radius-md);color:var(--color-text);font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:var(--space-2) var(--space-3);text-decoration:none;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.navbar__link:hover{background:var(--color-bg-sunken);color:var(--color-text)}.navbar__link--active{background:var(--color-brand-soft);color:var(--color-brand)}.navbar__hamburger{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:inline-flex;height:40px;justify-content:center;margin-left:var(--space-1);padding:0;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);width:40px}.navbar__hamburger:hover{background:var(--color-bg-sunken);border-color:var(--color-border-strong)}.navbar__hamburger:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.navbar__drawer{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;opacity:0;padding:var(--space-3) var(--layout-gutter) var(--space-6);position:absolute;right:0;top:var(--navbar-height);-webkit-transform:translateY(-8px);transform:translateY(-8px);transition:opacity var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-base),-webkit-transform var(--dur-base) var(--ease-out);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-base);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-base),-webkit-transform var(--dur-base) var(--ease-out);visibility:hidden}.navbar__drawer--open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity var(--dur-base) var(--ease-out),visibility 0s linear 0s,-webkit-transform var(--dur-base) var(--ease-out);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility 0s linear 0s;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility 0s linear 0s,-webkit-transform var(--dur-base) var(--ease-out);visibility:visible}.navbar__drawer-nav{display:flex;flex-direction:column;gap:var(--space-1)}.navbar__drawer-link{border-radius:var(--radius-md);color:var(--color-text);display:block;font-size:var(--fs-base);font-weight:var(--fw-medium);padding:var(--space-3) var(--space-3);text-decoration:none}.navbar__drawer-link:hover{background:var(--color-bg-sunken)}.navbar__drawer-link.navbar__link--active{background:var(--color-brand-soft);color:var(--color-brand)}.navbar__backdrop{background:var(--color-drawer-backdrop);inset:0;position:fixed;z-index:40}@media (min-width:720px){.navbar__nav--mobile{display:none}.navbar__nav--desktop{display:flex}}.footer{align-items:center;background:transparent;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--fs-sm);justify-content:space-between;margin-top:auto;min-height:var(--footer-height);padding-inline:var(--layout-gutter)}.footer,.footer__links{display:flex;gap:var(--space-6)}@media (max-width:720px){.footer{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding-block:var(--space-4)}.footer__links{flex-wrap:wrap;gap:var(--space-3) var(--space-5)}}.progress{background:var(--color-progress-track);border-radius:var(--radius-pill);height:8px;overflow:hidden;width:100%}.progress__bar{background:var(--color-progress-fill);height:100%;transition:width var(--dur-base) var(--ease-out)}.data-table{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-collapse:collapse;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--fs-sm);overflow:hidden;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);text-align:left}.data-table th{background:var(--color-bg-sunken);color:var(--color-text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--color-bg-sunken)}@media (max-width:720px){.data-table{font-size:var(--fs-xs)}.data-table td,.data-table th{padding:var(--space-2) var(--space-3)}}.footer__links a{color:var(--color-text-muted)}.footer__links a:hover{color:var(--color-text)}@media (max-width:720px){.footer{flex-direction:column;padding-block:var(--space-5);text-align:center}}.modal{align-items:center;background:var(--color-overlay);display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:100}.modal__panel{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--space-8);text-align:center;width:100%}.modal__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0 0 var(--space-2)}.modal__subtitle{color:var(--color-text-muted);font-size:var(--fs-sm);margin:0 0 var(--space-6)}.modal__actions{display:flex;flex-direction:column;gap:var(--space-3)}.hero{background:radial-gradient(ellipse 60% 50% at 20% 0,var(--color-brand-soft) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 10%,rgba(155,107,255,.1) 0,transparent 65%),var(--color-bg);isolation:isolate;overflow:hidden;padding-block:var(--space-20);position:relative}.hero:after,.hero:before{border-radius:50%;content:"";-webkit-filter:blur(80px);filter:blur(80px);opacity:.55;pointer-events:none;position:absolute;z-index:-1}.hero:before{background:var(--color-brand);height:360px;left:-80px;opacity:.1;top:-120px;width:360px}.hero:after{background:#9b6bff;bottom:-120px;height:320px;opacity:.1;right:-60px;width:320px}[data-theme=dark] .hero:after,[data-theme=dark] .hero:before{opacity:.18}.hero__inner{align-items:center;display:flex;flex-direction:column;gap:var(--space-6);margin:0 auto;max-width:820px;padding-inline:var(--layout-gutter);text-align:center}.hero__banner{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);height:auto;margin-bottom:var(--space-6);max-width:900px;width:100%}.hero__title{color:var(--color-text);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0}.hero__title-accent{color:var(--color-brand)}.hero__subtitle{color:var(--color-text-muted);font-size:var(--fs-md);line-height:var(--lh-relaxed);margin:0;max-width:600px}.hero__cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.feature-grid{grid-gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.blog-list,.feature-grid{display:grid;gap:var(--space-6);margin:0 auto;max-width:var(--layout-max-width);padding-inline:var(--layout-gutter)}.blog-list{grid-gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.blog-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);text-decoration:none;transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),-webkit-transform var(--dur-base) var(--ease-out);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),-webkit-transform var(--dur-base) var(--ease-out)}.blog-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.blog-card__eyebrow{align-items:center;color:var(--color-brand);display:inline-flex;font-size:var(--fs-xs);font-weight:var(--fw-semibold);gap:var(--space-2);letter-spacing:var(--tracking-wide);text-transform:uppercase}.blog-card__title{color:var(--color-text);font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin:0}.blog-card__excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0;overflow:hidden}.blog-card__meta{align-items:center;color:var(--color-text-subtle);display:flex;font-size:var(--fs-xs);gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.blog-card__meta-author{align-items:center;color:var(--color-text-muted);display:inline-flex;font-weight:var(--fw-medium);gap:var(--space-2)}.blog-card__read{color:var(--color-brand);font-weight:var(--fw-semibold);margin-left:auto}.blog-empty{color:var(--color-text-muted);margin:0 auto;max-width:480px;padding:var(--space-16) var(--space-6);text-align:center}.blog-empty__title{color:var(--color-text);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 var(--space-2)}.article{margin:0 auto;max-width:720px;padding:var(--space-10) var(--layout-gutter) var(--space-16)}.article__back{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--fs-sm);font-weight:var(--fw-medium);gap:var(--space-2);margin-bottom:var(--space-6)}.article__back:hover,.article__eyebrow{color:var(--color-brand)}.article__eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3);text-transform:uppercase}.article__title{color:var(--color-text);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0 0 var(--space-4)}.article__meta{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--fs-sm);gap:var(--space-3);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.article__meta-avatar{align-items:center;background:var(--color-brand-soft);border-radius:var(--radius-pill);color:var(--color-brand);display:inline-flex;font-size:var(--fs-xs);font-weight:var(--fw-bold);height:32px;justify-content:center;width:32px}.article__meta-divider{background:var(--color-border-strong);border-radius:50%;height:4px;width:4px}.prose{color:var(--color-text);font-size:var(--fs-md);line-height:var(--lh-relaxed)}.prose>*+*{margin-top:var(--space-5)}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--color-text);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--lh-snug);margin-bottom:var(--space-3);margin-top:var(--space-10)}.prose h1{font-size:var(--fs-2xl)}.prose h2{border-bottom:1px solid var(--color-border);font-size:var(--fs-xl);padding-bottom:var(--space-2)}.prose h3{font-size:var(--fs-lg)}.prose h4{font-size:var(--fs-md)}.prose p{margin:0}.prose strong{color:var(--color-text);font-weight:var(--fw-semibold)}.prose a{color:var(--color-brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.prose a:hover{color:var(--color-brand-hover)}.prose ol,.prose ul{padding-left:var(--space-6)}.prose li{margin-top:var(--space-2)}.prose li::marker{color:var(--color-text-muted)}.prose blockquote{background:var(--color-brand-soft);border-left:3px solid var(--color-brand);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text);font-style:italic;margin:0;padding:var(--space-4) var(--space-5)}.prose blockquote p{margin:0}.prose code{background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.9em;padding:.125em .375em}.prose code,.prose pre{font-family:var(--font-mono)}.prose pre{background:var(--color-terminal-bg);border-radius:var(--radius-md);color:var(--color-terminal-fg);font-size:var(--fs-sm);line-height:var(--lh-snug);margin:0;overflow-x:auto;padding:var(--space-5)}.prose pre code{background:transparent;border:0;color:inherit;font-size:inherit;padding:0}.prose hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-10) 0}.prose img{border-radius:var(--radius-md);margin:0 auto}.prose table{border-collapse:collapse;font-size:var(--fs-sm);width:100%}.prose td,.prose th{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);text-align:left}.prose th{background:var(--color-bg-sunken);color:var(--color-text);font-weight:var(--fw-semibold)}.state-message{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.state-message__title{color:var(--color-text);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.state-message__pulse{-webkit-animation:pulse 1.4s var(--ease-in-out) infinite;animation:pulse 1.4s var(--ease-in-out) infinite;background:var(--color-brand);border-radius:50%;height:12px;width:12px}.topic-list{margin:0 auto;max-width:760px;padding:var(--space-6) var(--layout-gutter);width:100%}.topic-list__header{margin-bottom:var(--space-6)}.topic-list__title{color:var(--color-text);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0 0 var(--space-2)}.topic-list__subtitle{color:var(--color-text-muted);margin:0}.topic-group{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.topic-group--open{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.topic-group__header{align-items:center;background:transparent;border:0;color:var(--color-text);cursor:pointer;display:flex;font:inherit;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:background-color var(--dur-fast) var(--ease-out);width:100%}.topic-group__header:hover{background:var(--color-bg-sunken)}.topic-group__header:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.topic-group__chevron{color:var(--color-text-muted);display:inline-flex;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:-webkit-transform var(--dur-base) var(--ease-out);transition:transform var(--dur-base) var(--ease-out);transition:transform var(--dur-base) var(--ease-out),-webkit-transform var(--dur-base) var(--ease-out)}.topic-group--open .topic-group__chevron{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.topic-group__title{flex:1 1;font-size:var(--fs-base);font-weight:var(--fw-semibold);text-transform:capitalize}.topic-group__count{background:var(--color-bg-sunken);border-radius:var(--radius-full);color:var(--color-text-subtle);font-size:var(--fs-xs);font-weight:var(--fw-medium);min-width:1.5rem;padding:2px var(--space-2);text-align:center}.topic-group__items{border-top:1px solid var(--color-border);list-style:none;margin:0;padding:0 0 var(--space-2) 0}.topic-group__item{background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:block;font:inherit;font-size:var(--fs-sm);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 24px + var(--space-3));text-align:left;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);width:100%}.topic-group__item:hover{background:var(--color-bg-sunken);color:var(--color-brand)}.topic-group__item:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.profile{gap:var(--space-5);margin:0 auto;max-width:720px;padding:var(--space-6) var(--layout-gutter);width:100%}.profile,.profile__header{display:flex;flex-direction:column}.profile__header{align-items:flex-start;gap:var(--space-2)}.profile__title{color:var(--color-text);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0}.profile__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.profile__section-title{color:var(--color-text-muted);font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:.05em;margin:0 0 var(--space-4);text-transform:uppercase}.profile__list{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.profile__row{grid-gap:var(--space-4);align-items:baseline;display:grid;gap:var(--space-4);grid-template-columns:12rem 1fr}.profile__row dt{color:var(--color-text-muted);font-size:var(--fs-sm)}.profile__row dd{color:var(--color-text);font-size:var(--fs-base);margin:0}.profile__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.profile__loading{color:var(--color-text-muted);font-size:var(--fs-sm)}.banner{border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--fs-sm);padding:var(--space-3) var(--space-4)}.banner--success{background:color-mix(in srgb,#16a34a 12%,transparent);background:color-mix(in srgb,var(--color-success,#16a34a) 12%,transparent);border-color:color-mix(in srgb,#16a34a 30%,transparent);border-color:color-mix(in srgb,var(--color-success,#16a34a) 30%,transparent);color:color-mix(in srgb,#16a34a 90%,var(--color-text));color:color-mix(in srgb,var(--color-success,#16a34a) 90%,var(--color-text))}.banner--error{background:color-mix(in srgb,#ef4444 12%,transparent);border-color:color-mix(in srgb,#ef4444 30%,transparent);color:color-mix(in srgb,#ef4444 90%,var(--color-text))}.badge{align-items:center;border:1px solid transparent;border-radius:var(--radius-full);display:inline-flex;font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:2px var(--space-2)}.badge--muted{background:var(--color-bg-sunken);color:var(--color-text-muted)}.badge--active{background:color-mix(in srgb,var(--color-brand) 16%,transparent);border-color:color-mix(in srgb,var(--color-brand) 30%,transparent);color:var(--color-brand)}.badge--canceled{background:color-mix(in srgb,#ef4444 12%,transparent);border-color:color-mix(in srgb,#ef4444 30%,transparent);color:color-mix(in srgb,#ef4444 90%,var(--color-text))}.badge--past_due{background:color-mix(in srgb,#f59e0b 14%,transparent);border-color:color-mix(in srgb,#f59e0b 30%,transparent);color:color-mix(in srgb,#f59e0b 90%,var(--color-text))}.user-menu{position:relative}.user-menu__trigger{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.user-menu__trigger:hover{background:var(--color-bg-sunken);border-color:var(--color-border-strong)}.user-menu__trigger:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.user-menu__avatar{align-items:center;background:linear-gradient(135deg,var(--color-brand) 0,#9b6bff 100%);border-radius:50%;color:#fff;display:inline-flex;font-size:var(--fs-sm);font-weight:var(--fw-bold);height:28px;justify-content:center;width:28px}.user-menu__name{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__chevron{color:var(--color-text-muted);flex:0 0 auto}.user-menu__panel{-webkit-animation:user-menu-pop var(--dur-fast) var(--ease-out);animation:user-menu-pop var(--dur-fast) var(--ease-out);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;margin:0;min-width:180px;padding:var(--space-1);position:absolute;right:0;top:calc(100% + var(--space-2));z-index:60}@-webkit-keyframes user-menu-pop{0%{opacity:0;-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes user-menu-pop{0%{opacity:0;-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.user-menu__item{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:block;font:inherit;font-size:var(--fs-sm);padding:var(--space-2) var(--space-3);text-align:left;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);width:100%}.user-menu__item:focus-visible,.user-menu__item:hover{background:var(--color-bg-sunken);outline:none}.user-menu__item--danger{color:#ef4444}.user-menu__item--danger:focus-visible,.user-menu__item--danger:hover{background:color-mix(in srgb,#ef4444 12%,transparent)}.chip{align-items:center;background:var(--color-brand-soft);border:1px solid color-mix(in srgb,var(--color-brand) 20%,transparent);border-radius:var(--radius-full);color:var(--color-brand);display:inline-flex;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:6px var(--space-3);transition:background-color var(--dur-fast) var(--ease-out);white-space:nowrap}.chip:hover{background:color-mix(in srgb,var(--color-brand) 18%,transparent)}.about{gap:var(--space-12);margin:0 auto;max-width:960px;padding:var(--space-10) var(--layout-gutter);width:100%}.about,.about__hero{display:flex;flex-direction:column}.about__hero{align-items:flex-start;gap:var(--space-4)}.about__title{color:var(--color-text);font-size:clamp(2rem,5vw,3.25rem);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0;max-width:24ch}.about__title-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-brand) 0,#9b6bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.about__lede{color:var(--color-text-muted);font-size:var(--fs-md);line-height:var(--lh-relaxed);margin:0;max-width:60ch}.about__cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.about__section{display:flex;flex-direction:column;gap:var(--space-4)}.about__section-title{color:var(--color-text);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0}.about__prose{color:var(--color-text-muted);font-size:var(--fs-base);line-height:var(--lh-relaxed);margin:0;max-width:65ch}.about__values{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr;list-style:none;margin:0;padding:0}.about__value{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);transition:border-color var(--dur-base) var(--ease-out),-webkit-transform var(--dur-base) var(--ease-out);transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),-webkit-transform var(--dur-base) var(--ease-out)}.about__value:hover{border-color:var(--color-border-strong);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.about__value-title{color:var(--color-text);font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0}.about__value-body{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-relaxed);margin:0}.about__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.about__stats{grid-gap:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--space-4);grid-template-columns:1fr;padding:var(--space-6)}.about__stat{align-items:center;display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.about__stat-value{color:var(--color-brand);font-size:var(--fs-2xl);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight)}.about__stat-label{color:var(--color-text-muted);font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase}.about__cta{align-items:center;background:radial-gradient(ellipse at top,var(--color-brand-soft) 0,transparent 70%),var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-10) var(--space-6);text-align:center}.about__cta-title{color:var(--color-text);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0;max-width:20ch}.about__cta-body{color:var(--color-text-muted);font-size:var(--fs-base);margin:0;max-width:50ch}@media (min-width:720px){.about__values{grid-template-columns:repeat(2,1fr)}.about__stats{grid-template-columns:repeat(3,1fr)}}@media (min-width:960px){.about{padding-block:var(--space-16)}.about__values{grid-template-columns:repeat(3,1fr)}}.labroom-page{display:flex;flex-direction:column;gap:var(--space-6);margin:0 auto;max-width:1200px;padding:var(--space-8) var(--layout-gutter)}.labroom-page__header{display:flex;flex-direction:column;gap:var(--space-3)}.labroom-page__header h2{color:var(--color-text);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0}.labroom-page__sub{color:var(--color-text-muted);font-size:var(--fs-md);line-height:var(--lh-relaxed);margin:0;max-width:640px}.labroom-page__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.labroom-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-2) var(--space-4);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),-webkit-transform var(--dur-fast) var(--ease-out);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),-webkit-transform var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.labroom-btn:disabled{cursor:not-allowed;opacity:.5}.labroom-btn--primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-brand-contrast)}.labroom-btn--primary:hover:not(:disabled){background:var(--color-brand-hover);border-color:var(--color-brand-hover);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.labroom-btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.labroom-btn--ghost:hover:not(:disabled){background:var(--color-bg-sunken);border-color:var(--color-border-strong)}.labroom-btn--danger{background:transparent;border-color:#ef4444;border-color:var(--color-danger,#ef4444);color:#ef4444;color:var(--color-danger,#ef4444)}.labroom-btn--danger:hover:not(:disabled){background:#ef4444;background:var(--color-danger,#ef4444);color:#fff}.labroom-banner{background:var(--color-brand-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--fs-sm);padding:var(--space-3) var(--space-4)}.labroom-banner--err{background:rgba(239,68,68,.08);border-color:#ef4444;border-color:var(--color-danger,#ef4444);color:#ef4444;color:var(--color-danger,#ef4444)}.labroom-banner a{color:var(--color-brand);text-decoration:underline}.labroom-tabs{border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-1)}.labroom-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:var(--space-3) var(--space-4);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.labroom-tab:hover{color:var(--color-text)}.labroom-tab--active{border-bottom-color:var(--color-brand);color:var(--color-brand)}.labroom-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.labroom-row{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-5);transition:border-color var(--dur-fast) var(--ease-out),-webkit-transform var(--dur-fast) var(--ease-out);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),-webkit-transform var(--dur-fast) var(--ease-out)}.labroom-row:hover{border-color:var(--color-border-strong);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.labroom-row__main{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-1);min-width:0}.labroom-row__title{color:var(--color-text);font-size:var(--fs-md);font-weight:var(--fw-semibold)}.labroom-row__subtitle,.labroom-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.labroom-row__subtitle{color:var(--color-text-muted);font-size:var(--fs-sm)}.labroom-row__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.labroom-empty{background:var(--color-bg-elevated);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5);text-align:center}.labroom-empty,.labroom-pill{color:var(--color-text-muted)}.labroom-pill{align-items:center;background:var(--color-bg-sunken);border-radius:var(--radius-pill);display:inline-flex;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);text-transform:uppercase}.labroom-pill--host{background:var(--color-brand-soft);color:var(--color-brand)}.labroom-pill--status{letter-spacing:var(--tracking-normal);text-transform:none}.labroom-pill--status-waiting{background:rgba(254,188,46,.15);background:var(--color-warning-soft,rgba(254,188,46,.15));color:#b08400;color:var(--color-warning,#b08400)}.labroom-pill--status-active{background:rgba(40,200,64,.15);color:#1a8a2e}.labroom-pill--status-ended{background:var(--color-bg-sunken);color:var(--color-text-muted)}.labroom-modal-backdrop{align-items:center;background:rgba(0,0,0,.55);display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:100}.labroom-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-4);max-width:480px;padding:var(--space-6);width:100%}.labroom-modal h3{color:var(--color-text);font-size:var(--fs-lg);font-weight:var(--fw-bold);margin:0}.labroom-modal__hint{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0}.labroom-modal__label{color:var(--color-text);display:flex;flex-direction:column;font-size:var(--fs-sm);font-weight:var(--fw-medium);gap:var(--space-2)}.labroom-modal__label input,.labroom-modal__label select{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--fs-base);line-height:1;padding:var(--space-3) var(--space-4);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.labroom-modal__label input:focus,.labroom-modal__label select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-soft);outline:none}.labroom-modal__err{color:#ef4444;color:var(--color-danger,#ef4444);font-size:var(--fs-sm)}.labroom-modal__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.labroom-room{padding-inline:var(--layout-gutter)}.labroom-room__header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) 0}.labroom-room__title-block{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.labroom-room__title-block h2{color:var(--color-text);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0}.labroom-room__actions,.labroom-room__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.labroom-room__grid{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 240px;margin-top:var(--space-4)}@media(max-width:960px){.labroom-room__grid{grid-template-columns:1fr}}.labroom-room__chat-col,.labroom-room__container-col,.labroom-room__members-col{min-width:0}.labroom-chat{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:70vh;min-height:480px;overflow:hidden}.labroom-chat__log{display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--fs-sm);gap:var(--space-2);overflow-y:auto;padding:var(--space-4);scroll-behavior:smooth}.labroom-chat__empty{color:var(--color-text-muted);padding:var(--space-6);text-align:center}.labroom-chat__msg{display:flex;gap:var(--space-2);line-height:var(--lh-normal);word-break:break-word}.labroom-chat__msg--mine .labroom-chat__from{color:var(--color-brand)}.labroom-chat__from{color:var(--color-text-muted);flex:0 0 auto;font-weight:var(--fw-semibold)}.labroom-chat__text{color:var(--color-text);white-space:pre-wrap}.labroom-chat__form{background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);padding:var(--space-3)}.labroom-chat__form input{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);flex:1 1 auto;font-family:inherit;font-size:var(--fs-sm);padding:var(--space-2) var(--space-3)}.labroom-chat__form input:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-soft);outline:none}.labroom-chat__form input:disabled{opacity:.5}.labroom-members{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.labroom-members__title{color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.labroom-members__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.labroom-members__item{align-items:center;border-radius:var(--radius-md);color:var(--color-text);display:flex;font-size:var(--fs-sm);gap:var(--space-2);padding:var(--space-2)}.labroom-members__item--you{background:var(--color-brand-soft)}.labroom-members__avatar{align-items:center;background:var(--color-brand);border-radius:50%;color:var(--color-brand-contrast);display:inline-flex;flex:0 0 auto;font-size:var(--fs-xs);font-weight:var(--fw-bold);height:28px;justify-content:center;letter-spacing:.02em;width:28px}.labroom-members__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.labroom-container-failed{color:#ef4444;color:var(--color-danger,#ef4444);display:flex;flex-direction:column;font-size:var(--fs-sm);gap:var(--space-2);padding:var(--space-8);text-align:center}
/*# sourceMappingURL=main.837fe932.css.map*/