.i{container-type:inline-size;width:100%;min-width:0;aspect-ratio:1240/820;border-radius:12px;box-shadow:0 1px 2px #00000012,0 8px 16px -8px #00000029,0 28px 45px -20px #00000040}.r{--paper:#fdfdfe;--sidebar:#f5f5f7;--panel:#f8f8fa;--line:#e3e3e8;--ink:#28282f;--muted:#81818b;--selected:#e8e8ed;display:flex;width:100%;height:100%;overflow:hidden;border:1px solid #00000012;border-radius:inherit;background:var(--sidebar);color:var(--ink);font:400 1.05cqw/1.4 Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.015em;text-align:left}.r *{box-sizing:border-box}.r svg{width:1.2em;height:1.2em;stroke-width:1.5;flex-shrink:0}.r strong{font-weight:600}.r i{font-style:normal}.r p{font:inherit;color:inherit;margin:.18em 0 0;max-width:none}.g{width:17%;flex-shrink:0;display:flex;flex-direction:column;padding:0 .65em .85em;color:#74747f}.a{display:flex;align-items:center;gap:.58em;height:3.1em;padding-left:.4em}.a span{width:.85em;height:.85em;border-radius:50%;background:#ededf0;border:1px solid #d6d6dc}.a svg{margin-left:1em}.n{display:flex;align-items:center;gap:.55em;padding:0 .45em;color:var(--ink)}.n b{display:grid;place-items:center;width:1.55em;height:1.55em;border-radius:.4em;background:#303036;color:#fff;font-size:.85em}.n strong{flex:1}.n svg{color:var(--muted)}.pe{font-size:.87em;margin:1em .5em 1.15em}.S{display:flex;gap:.8em;align-items:center;min-height:2.65em;padding:0 .8em;border-radius:.5em}.S small{margin-left:auto;font-size:.85em}.X{background:var(--selected);color:var(--ink);font-weight:500}.A{display:flex;align-items:center;gap:.4em;font-size:.85em;margin:2.3em .5em .65em}.A svg{width:1em;height:1em}.D{display:grid;place-items:center;width:1.85em;height:1.85em;border-radius:50%;background:#efeff2;font-size:.65em;flex-shrink:0}.ge{width:1.2em;text-align:center}.E{display:flex;align-items:center;gap:.8em;margin-top:auto;padding:.5em}.E svg{margin-left:auto}.ce{flex:1;min-width:0;display:flex;flex-direction:column;padding:0 .65em .65em 0}.l{height:3.1em;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.l>div{display:flex;align-items:center;gap:.4em;position:absolute;right:.35em;font-size:.85em;color:var(--muted)}.l i{display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;background:#efeff2;font-size:.7em}.l svg{margin-left:1em}.be{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--paper);border:.5px solid var(--line);border-radius:.85em;box-shadow:0 1px 2px #00000004;overflow:hidden}.he{display:flex;align-items:center;justify-content:center;gap:.6em;color:var(--muted);font-size:.85em;margin:1.9em 0 2.8em}.xe{width:76%;margin:0 auto}.m{display:flex;gap:.9em;margin-bottom:1.6em}.m>div{min-width:0;flex:1}.H{display:grid;place-items:center;width:2.4em;height:2.4em;flex-shrink:0;background:#efeff2;border-radius:50%;font-size:.85em;color:#62626d}.ue{width:2em;flex-shrink:0;text-align:center;padding-top:.1em;font-size:1.2em}.c{display:flex;align-items:baseline;gap:.45em}.c span,.c time{font-size:.85em;color:var(--muted)}.b{display:flex;gap:.45em;margin-top:.6em}.b span{background:#efeff2;border:1px solid var(--line);padding:.08em .6em;border-radius:1em}.b span:first-child{background:var(--selected);border-color:#c2c2c9}.b b{font-size:.85em;font-weight:500}.ke{color:#1674df}.u{margin:.55em 0 .65em;padding:.65em .85em;border:1px solid var(--line);background:var(--panel);border-radius:.65em;max-width:36em;font-size:.95em;line-height:1.25}.u>div{display:flex;align-items:center;gap:.65em;color:var(--muted);font-size:.85em;margin-bottom:.3em}.u p{color:#62626d}.J{width:77%;margin:auto auto 1em;padding:1.15em;border-radius:1.35em;border:.5px solid var(--line);background:linear-gradient(170deg,var(--paper),var(--panel));box-shadow:0 1px 4px #00000008;color:#62626d}.f{display:flex;align-items:center;gap:1.4em;margin-top:2.5em;color:var(--muted)}.f small{font-size:.85em;flex:1}.f>span{width:2.8em;height:2.8em;display:grid;place-items:center;background:var(--selected);border-radius:50%;color:#b3b3bd}.f>span svg{width:1.5em;height:1.5em}[data-theme=dark] .r{--paper:#1a1a1d;--sidebar:#131315;--panel:#202024;--line:#303036;--ink:#ececef;--muted:#8d8d98;--selected:#2b2b31;border-color:#ffffff16}[data-theme=dark] .g{color:#a4a4ad}[data-theme=dark] .H,[data-theme=dark] .D,[data-theme=dark] .l i,[data-theme=dark] .b span{background:#252529;color:#a0a0aa}[data-theme=dark] .a span{background:#29292e;border-color:#3e3e45}[data-theme=dark] .J,[data-theme=dark] .u p{color:#a0a0aa}.i .r p{font:inherit!important;line-height:1.4!important;margin:.18em 0 0!important;max-width:none!important}.we{display:block;width:2.05em;height:2.05em;flex-shrink:0;border-radius:50%;background-image:url(/assets/bureau-demo/avatar-sprite.webp);background-size:200% 200%;box-shadow:inset 0 0 0 .5px #00000012}.ve{background-position:0 0}.ye{background-position:100% 0}.ze{background-position:0 100%;border-radius:30%}.je{background-position:100% 100%;border-radius:30%}.K{width:1.5em;height:1.5em}.l .K{width:1.8em;height:1.8em}.a span{position:relative;border:1px solid #00000016;background:radial-gradient(ellipse at 35% 15%,#ffffffd9,transparent 65%),linear-gradient(155deg,#ffffff75,#ffffff10);box-shadow:inset 0 1px 1px #ffffffd9,inset 0 -1px 1px #00000012,0 1px 2px #0000000c;backdrop-filter:blur(8px) saturate(1.5)}.a span:nth-child(1){background-color:#ff6258cc}.a span:nth-child(2){background-color:#ffbd2ecc}.a span:nth-child(3){background-color:#28c840cc}.t{display:grid;place-items:center;width:2.1em;height:2.1em;flex-shrink:0;border-radius:50%;border:1px solid #00000012;background:linear-gradient(145deg,#ffffffa6,#e3e3e94d);box-shadow:inset 0 1px 1px #ffffffed,inset 0 -1px 2px #0000000a,0 2px 4px #0000000a;backdrop-filter:blur(12px) saturate(1.5)}[data-theme=dark] .a span{border-color:#ffffff24;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #00000040,0 1px 2px #00000030}[data-theme=dark] .t{border-color:#ffffff24;background:linear-gradient(145deg,#ffffff26,#ffffff06);box-shadow:inset 0 1px 1px #ffffff4d,inset 0 -1px 2px #00000030,0 2px 4px #00000024}.h{position:relative}.Ge{padding:1.1em 1.5em .6em;color:var(--muted);text-align:center;font-size:.8em}.s{flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:1.2em 8% 1.5em;overscroll-behavior:contain}.s::-webkit-scrollbar{display:none}.s .m{margin-bottom:1.35em}.L{animation:k .42s ease both}@keyframes k{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:none}}.N{margin:1em 0 0 2.95em;border:1px solid var(--line);border-radius:.9em;overflow:hidden;background:var(--panel);box-shadow:0 .3em 1em #00000006;animation:k .4s ease both}.w{display:flex;justify-content:space-between;align-items:center;padding:.7em 1.1em;border-bottom:1px solid var(--line);font-size:.75em;color:var(--muted)}.q{padding:1.6em 2em;background:#f3f0e9;color:#242720}.O{font-size:1.15em;font-weight:650;letter-spacing:-.05em}.O>span{font-size:.55em;vertical-align:super;margin-left:.15em}.i .q h4{font-size:2.35em!important;font-weight:500!important;letter-spacing:-.055em!important;line-height:1.05!important;margin:.75em 0 .65em!important;max-width:none!important;color:#242720}.v{display:flex;gap:.6em;flex-wrap:wrap}.v span{font-size:.7em;border:1px solid #24272026;border-radius:2em;padding:.4em .8em}.P{display:flex;justify-content:space-between;font-size:.65em;color:#74776e;border-top:1px solid #24272020;margin-top:1.6em;padding-top:.8em}.Q{display:flex;justify-content:space-between;align-items:center;gap:1em;min-height:3.6em;padding:.6em 1.1em;font-size:.75em;color:var(--muted)}.i .Ie{position:relative;cursor:pointer;background:var(--ink);color:var(--paper);border:0;border-radius:.5em;padding:.65em 1em;font:inherit;white-space:nowrap}.R{position:absolute;right:-.7em;bottom:-1em;width:1.8em!important;height:1.8em!important;fill:var(--ink);color:var(--paper);filter:drop-shadow(0 1px 1px #0006);animation:T 4.2s ease forwards;pointer-events:none}@keyframes T{0%,25%{opacity:0;transform:translate(3em,3em)}55%,75%{opacity:1;transform:translate(0)}84%{transform:scale(.75)}92%,to{opacity:1;transform:scale(1)}}.o{display:grid;grid-template-columns:repeat(3,1fr);gap:.65em}.o>div{height:8.5em;display:flex;flex-direction:column;justify-content:space-between;padding:1em;border-radius:.3em}.o b{font-size:3.25em;line-height:1;letter-spacing:-.06em;font-weight:500}.o span{font-size:.65em}.U{background:#e3dccd;color:#36322c}.U b{font-family:Georgia,serif}.Ye{background:#c9ea64;color:#23361b}.qe{background:#d5dfe8;color:#263f50}.B{background:repeating-linear-gradient(0deg,#b5815810 0 1px,transparent 1px 3px),#e0c6a8;color:#6e452e;animation:k .5s ease}.B b{font-family:Georgia,serif;font-style:italic}.C{display:grid;gap:.4em}.C>div{display:flex;align-items:center;gap:.8em;padding:.8em;border-bottom:1px solid #24272016;font-size:.8em}.C span{flex:1}.y{display:flex;flex-direction:column;gap:.45em}.y>span:first-child{font-size:.8em;color:#74776e}.y>strong{font-size:2.6em;letter-spacing:-.05em}.y small{font-size:.7em;color:#74776e}.Be{font-size:.8em;margin-top:.5em}.z{flex-shrink:0;width:84%;font-size:.85em;margin:.7em auto}.z .f{margin-top:1em}.p{display:flex;align-items:center;gap:.5em;flex-shrink:0;border-top:1px solid var(--line);padding:.75em 1em;font-size:.8em}.j{display:flex;gap:.3em;flex:1}.i .p button{display:flex;align-items:center;gap:.3em;border:0;font:inherit;color:var(--muted);background:none;padding:.6em .8em;border-radius:.55em;cursor:pointer;white-space:nowrap}.i .p button[aria-pressed=true]{background:var(--selected);color:var(--ink)}.i button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.G{display:flex;flex-direction:column;width:28em;max-width:100%;color:var(--ink);text-decoration:none;margin:.8em 0;overflow:hidden;border:1px solid var(--line);border-radius:.6em;background:var(--panel);font-size:.85em}.G img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}.G>span{display:flex;flex-direction:column;gap:.4em;width:100%;box-sizing:border-box;padding:1em 1.2em;background:color-mix(in srgb,var(--panel) 94%,var(--ink))}.G small{color:var(--muted)}.a span:nth-child(n){background:radial-gradient(ellipse at 35% 12%,#ffffffcc,transparent 60%),linear-gradient(155deg,#b8bbc099,#86899180);border-color:#7f828638}.t{position:relative;isolation:isolate;background:linear-gradient(145deg,#ffffff90,#ffffff24 48%,#bfc2cc38 70%,#ffffff60);border-color:#ffffffb3;box-shadow:inset 0 1px 1px #fff,inset 1px 0 1px #fff9,inset -1px -1px 2px #9ba0ae66,0 2px 5px #00000012;backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8)}.t:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(125deg,#ffffff85,transparent 42%,#ffffff38);z-index:-1;pointer-events:none}@media(prefers-reduced-motion:reduce){.L,.N,.R,.B{animation:none}.s{scroll-behavior:auto}}.V{display:flex;flex:1;min-height:0;overflow:hidden}.F{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;transition:flex-basis .4s ease}.V .s{padding:1.2em 7%}.d .F{flex:0 0 48%}.d .s{padding:1.2em 1.3em}.d .c{flex-wrap:wrap;gap:.25em .4em}.d .c time{font-size:.7em}.d .z{width:92%;font-size:.8em}.d .f{gap:.7em}.d .m{gap:.65em}.e{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--line);background:var(--panel);animation:W .5s cubic-bezier(.2,.8,.2,1) both}.e .w{flex-shrink:0;gap:.7em}.e .w>span:nth-child(2){flex:1;text-align:right}.e .w button{display:grid;place-items:center;border:0;background:none;color:var(--muted);padding:.4em;font:inherit;cursor:pointer}.Ce{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.e .q{padding:2em 1.8em;min-height:100%}.e .Q{flex-shrink:0;min-height:4.1em;border-top:1px solid var(--line);font-size:.7em}.e .o{gap:.35em}.e .o>div{padding:.65em;height:7.5em}.e .o b{font-size:2.6em}.e .o span{font-size:.55em}.e .v{gap:.35em}.e .v span{font-size:.65em}.e .P{gap:1em}.I{margin-top:2.4em;padding-top:1.5em;border-top:1px solid #24272025}.I>small{font-size:.7em;text-transform:uppercase;letter-spacing:.06em;color:#73776c}.i .I h5{font:500 1.6em/1.15 Inter,sans-serif;letter-spacing:-.04em;margin:.7em 0 .6em;color:#242720}.i .I p{color:#606454!important;font-size:.9em!important}.Z,._,.ee,.ie{margin-top:1em;padding:1.25em .8em;font-size:2.5em;line-height:1.05;letter-spacing:-.055em}.Z{font-family:Georgia,serif;background:#e3dccd;color:#36322c}._{background:#c9ea64;color:#23361b;font-weight:600}.ee{background:repeating-linear-gradient(0deg,#b5815810 0 1px,transparent 1px 3px),#e0c6a8;color:#6e452e;font-family:Georgia,serif}.ie{background:#d5dfe8;color:#263f50}.Fe{display:flex;justify-content:space-between;gap:1em;padding:.8em 0;border-bottom:1px solid #24272020;font-size:.85em}.i .Me{display:inline-flex;align-items:center;gap:.5em;font:inherit;font-size:.8em;background:var(--panel);border:1px solid var(--line);border-radius:.5em;color:var(--ink);padding:.5em .75em;margin:.65em 0 0;cursor:pointer}.re{display:inline-block;width:1px;height:1em;vertical-align:-.12em;background:currentColor;margin-left:2px;animation:ae .8s steps(1) infinite}.z>div:first-child{min-height:2.8em}@keyframes W{0%{opacity:0;transform:translate(12%)}to{opacity:1;transform:none}}@keyframes ae{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.e,.re{animation:none}.F{transition:none}}.h>.p{border-top:0;border-bottom:1px solid var(--line)}.M{min-height:18em;display:flex;align-items:center;justify-content:center;gap:.7em;color:var(--muted);font-size:.85em}.M svg{width:1.25em;height:1.25em;animation:Y .8s linear infinite}@keyframes Y{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.M svg{animation:none}}.h>.te{position:absolute;top:.3em;right:.3em;z-index:2;border:0;padding:.3em;background:none}.te .j{display:none}.h>.oe{animation:ne .35s cubic-bezier(.2,.7,.2,1) both}@keyframes ne{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.h>.oe{animation:none}}.g{font-weight:500}.g .X{font-weight:600}.g .n strong{font-weight:700}.x{display:flex;align-items:center;gap:.7em;margin:1em 0 1em 3.2em;padding:.7em .9em;width:fit-content;border:1px solid var(--line);border-radius:.6em;color:var(--muted);font-size:.8em}.x img{width:18px;height:18px;border-radius:4px}.x small{display:block;font-size:.9em;margin-top:.2em}.x svg{width:14px;height:14px;animation:Y .8s linear infinite}@media(prefers-reduced-motion:reduce){.x svg{animation:none}}.de{position:relative;display:flex;align-items:center;gap:.45em;margin:.25em 0 .25em 1.5em;padding:.6em .5em;font-size:.8em;border-radius:.4em;overflow:hidden}.de>span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.le{animation:Y 1.2s linear infinite}.me{position:absolute;bottom:0;left:0;height:1px;background:var(--muted);opacity:.4;transition:width .3s}.fe{display:flex;align-items:center;gap:.7em;padding:.8em 1.5em;border-bottom:1px solid var(--line);font-size:.85em;color:var(--muted);flex-shrink:0}.fe small{margin-left:auto}@media(prefers-reduced-motion:reduce){.le{animation:none}.me{transition:none}}.t{width:2.65em;height:2.65em;border:.7px solid #bfc0c980;background:linear-gradient(155deg,#ffffffb3,#f7f7fa52 55%,#ffffff75);box-shadow:inset 0 0 0 1px #ffffffd9,0 1px 2px #00000004;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.t:before{inset:1px;background:linear-gradient(150deg,#ffffff66,transparent 60%)}.n .t svg{width:1.4em;height:1.4em;stroke-width:1.6;color:#797985}[data-theme=dark] .t{border-color:#ffffff30;background:linear-gradient(155deg,#ffffff1c,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff0d,0 1px 2px #0002}[data-theme=dark] .t:before{background:linear-gradient(150deg,#ffffff0d,transparent 60%)}[data-theme=dark] .n .t svg{color:#b8b8c2}.se{display:grid;place-items:center;width:2.05em;height:2.05em;flex-shrink:0;background:#635bff;border-radius:.55em;padding:.35em}.se img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.p .j{overflow-x:auto;min-width:0;scrollbar-width:none}.p .j::-webkit-scrollbar{display:none}.i{box-shadow:none}.r{-webkit-font-smoothing:antialiased}.r .m p{color:#6b6b6b}[data-theme=dark] .r .m p{color:#949494}@font-face{font-family:Inter;src:url(/assets/bureau-demo/InterVariable-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}html,body{margin:0;background:transparent}*,*:before,*:after{box-sizing:border-box}button{font:inherit}button,a,[tabindex]{-webkit-tap-highlight-color:transparent}#bureau-demo{width:100%}