@layer base{:root{--background0:#fff;--background1:#ddd;--background2:#bbb;--background3:#999;--foreground0:#000;--foreground1:#444;--foreground2:#888;--font-size:16px;--line-height:1.3;--font-weight-bold:700;--font-weight-normal:400;--font-family:monospace;--box-border-color:var(--foreground0)}[data-webtui-theme=dark]{--background0:#000;--background1:#222;--background2:#444;--background3:#666;--foreground0:#fff;--foreground1:#ccc;--foreground2:#999}body,html{background-color:var(--background0);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height,1.5);font-variant-ligatures:common-ligatures;word-break:break-all}*{box-sizing:border-box;outline:none;margin:0;padding:0}}@layer utils{@property --box-rounded-radius{syntax:"<length>";inherits:false;initial-value:4px}@property --box-border-width{syntax:"<length>";inherits:false;initial-value:2px}@property --box-double-border-width{syntax:"<length>";inherits:false;initial-value:1px}[box-=square],[box-=round],[box-=double]{isolation:isolate;padding:1lh 1ch;position:relative}[box-=square]:before,[box-=round]:before,[box-=double]:before{content:"";width:calc(100% - 1ch - var(--box-border-width));height:calc(100% - 1lh - var(--box-border-width));border:solid var(--box-border-width) var(--box-border-color);z-index:-1;position:absolute;top:50%;left:50%;translate:-50% -50%}[box-=square][box-=round]:before,[box-=round][box-=round]:before,[box-=double][box-=round]:before{border-radius:var(--box-rounded-radius)}[box-=square][box-=round]:after,[box-=round][box-=round]:after,[box-=double][box-=round]:after{border-radius:calc(var(--box-rounded-radius) + 2px)}[box-=square][box-=double]:before,[box-=round][box-=double]:before,[box-=double][box-=double]:before{border-width:var(--box-double-border-width)}[box-=square][box-=double]:after,[box-=round][box-=double]:after,[box-=double][box-=double]:after{content:"";width:calc(100% - 1ch + var(--box-double-border-width) * 2);height:calc(100% - 1lh + var(--box-double-border-width) * 2);border:solid var(--box-double-border-width) var(--box-border-color);z-index:-1;position:absolute;top:50%;left:50%;translate:-50% -50%}[box-=square][shear-=both],[box-=round][shear-=both],[box-=double][shear-=both]{padding-top:0;padding-bottom:0}[box-=square][shear-=top],[box-=round][shear-=top],[box-=double][shear-=top]{padding-top:0}[box-=square][shear-=bottom],[box-=round][shear-=bottom],[box-=double][shear-=bottom]{padding-bottom:0}}@layer components{button,input[type=button],input[type=submit],input[type=reset],[is-~=button]{--button-primary:var(--foreground0);--button-secondary:var(--background0);--mapped-primary:var(--button-primary);--mapped-secondary:var(--button-secondary);color:var(--mapped-secondary);background-color:var(--mapped-primary);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);border:none;outline:none;justify-content:center;align-items:center;padding:0 2ch;display:inline-flex}button[box-],input[type=button][box-],input[type=submit][box-],input[type=reset][box-],[is-~=button][box-]{color:var(--mapped-primary);--box-border-color:var(--mapped-primary);background-color:#0000}button:focus,input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus,[is-~=button]:focus{font-weight:700;text-decoration:underline}button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active,[is-~=button]:active{--mapped-primary:var(--mapped-secondary);--mapped-secondary:var(--mapped-primary)}button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled,[is-~=button]:disabled{pointer-events:none;text-decoration:line-through}button[size-=small],input[type=button][size-=small],input[type=submit][size-=small],input[type=reset][size-=small],[is-~=button][size-=small]{height:1lh;padding:0 1ch}button:not([size-]):not([box-]),button[size-=default]:not([box-]),input[type=button]:not([size-]):not([box-]),input[type=button][size-=default]:not([box-]),input[type=submit]:not([size-]):not([box-]),input[type=submit][size-=default]:not([box-]),input[type=reset]:not([size-]):not([box-]),input[type=reset][size-=default]:not([box-]),[is-~=button]:not([size-]):not([box-]),[is-~=button][size-=default]:not([box-]){background-color:#0000;background-image:linear-gradient(to bottom,transparent 0,transparent .5lh,var(--mapped-primary) .5lh,var(--mapped-primary) calc(100% - .5lh),transparent calc(100% - .5lh),transparent)}button[size-=large],button[size-=default],button:not([size-]),input[type=button][size-=large],input[type=button][size-=default],input[type=button]:not([size-]),input[type=submit][size-=large],input[type=submit][size-=default],input[type=submit]:not([size-]),input[type=reset][size-=large],input[type=reset][size-=default],input[type=reset]:not([size-]),[is-~=button][size-=large],[is-~=button][size-=default],[is-~=button]:not([size-]){height:3lh}button[variant-=foreground0],button:not([variant-]),input[type=button][variant-=foreground0],input[type=button]:not([variant-]),input[type=submit][variant-=foreground0],input[type=submit]:not([variant-]),input[type=reset][variant-=foreground0],input[type=reset]:not([variant-]),[is-~=button][variant-=foreground0],[is-~=button]:not([variant-]){--button-primary:var(--foreground0);--button-secondary:var(--background0)}button[variant-=foreground1],input[type=button][variant-=foreground1],input[type=submit][variant-=foreground1],input[type=reset][variant-=foreground1],[is-~=button][variant-=foreground1]{--button-primary:var(--foreground1);--button-secondary:var(--background0)}button[variant-=foreground2],input[type=button][variant-=foreground2],input[type=submit][variant-=foreground2],input[type=reset][variant-=foreground2],[is-~=button][variant-=foreground2]{--button-primary:var(--foreground2);--button-secondary:var(--background0)}button[variant-=background0],input[type=button][variant-=background0],input[type=submit][variant-=background0],input[type=reset][variant-=background0],[is-~=button][variant-=background0]{--button-primary:var(--background0);--button-secondary:var(--foreground0)}button[variant-=background1],input[type=button][variant-=background1],input[type=submit][variant-=background1],input[type=reset][variant-=background1],[is-~=button][variant-=background1]{--button-primary:var(--background1);--button-secondary:var(--foreground0)}button[variant-=background2],input[type=button][variant-=background2],input[type=submit][variant-=background2],input[type=reset][variant-=background2],[is-~=button][variant-=background2]{--button-primary:var(--background2);--button-secondary:var(--foreground0)}button[variant-=background3],input[type=button][variant-=background3],input[type=submit][variant-=background3],input[type=reset][variant-=background3],[is-~=button][variant-=background3]{--button-primary:var(--background3);--button-secondary:var(--foreground0)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week],input:not([type]),[is-~=input]{background-color:var(--background1);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);border:none;outline:none;min-width:24ch}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,input[type=datetime]::placeholder,input[type=datetime-local]::placeholder,input[type=month]::placeholder,input[type=time]::placeholder,input[type=week]::placeholder,input:not([type])::placeholder,[is-~=input]::placeholder{color:var(--foreground2)}input[type=text]:not([size-]),input[type=email]:not([size-]),input[type=password]:not([size-]),input[type=search]:not([size-]),input[type=tel]:not([size-]),input[type=url]:not([size-]),input[type=number]:not([size-]),input[type=date]:not([size-]),input[type=datetime]:not([size-]),input[type=datetime-local]:not([size-]),input[type=month]:not([size-]),input[type=time]:not([size-]),input[type=week]:not([size-]),input:not([type]):not([size-]),[is-~=input]:not([size-]){height:1lh;padding:0 1ch}input[type=text][size-=small],input[type=email][size-=small],input[type=password][size-=small],input[type=search][size-=small],input[type=tel][size-=small],input[type=url][size-=small],input[type=number][size-=small],input[type=date][size-=small],input[type=datetime][size-=small],input[type=datetime-local][size-=small],input[type=month][size-=small],input[type=time][size-=small],input[type=week][size-=small],input:not([type])[size-=small],[is-~=input][size-=small]{height:1lh;padding:0}input[type=text][size-=large],input[type=email][size-=large],input[type=password][size-=large],input[type=search][size-=large],input[type=tel][size-=large],input[type=url][size-=large],input[type=number][size-=large],input[type=date][size-=large],input[type=datetime][size-=large],input[type=datetime-local][size-=large],input[type=month][size-=large],input[type=time][size-=large],input[type=week][size-=large],input:not([type])[size-=large],[is-~=input][size-=large]{height:3lh;padding:1lh 2ch}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight-bold)}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{color:inherit;background-color:var(--background1);padding:0 1ch}ol{list-style-position:inside}ol li>ol{margin-left:2ch}ul{list-style-type:none}ul li:before{color:var(--list-marker-color,inherit);content:"- "}ul[marker-=bullet] li:before{content:"• "}ul[marker-~=tree] li:before{content:"├ "}ul[marker-~=tree]:not([marker-^=open]) li:first-of-type:before{content:"┌ "}ul[marker-~=tree]:not([marker-$=open]) li:last-of-type:before{content:"└ "}ul[marker-~=round-tree] li:before{content:"├ "}ul[marker-~=round-tree]:not([marker-^=open]) li:first-of-type:before{content:"╭ "}ul[marker-~=round-tree]:not([marker-$=open]) li:last-of-type:before{content:"╰ "}ul li>ul{margin-left:2ch}p,blockquote,li,[is-~=typography-block]{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--foreground1)}p:is(blockquote),blockquote:is(blockquote),li:is(blockquote),[is-~=typography-block]:is(blockquote){padding-left:2ch;position:relative}p:is(blockquote):before,blockquote:is(blockquote):before,li:is(blockquote):before,[is-~=typography-block]:is(blockquote):before{content:"";width:var(--box-border-width,2px);background-color:var(--blockquote-indent-color,var(--background2));height:100%;position:absolute;top:0;left:.5ch;translate:-50%}p strong,blockquote strong,li strong,[is-~=typography-block] strong{font-weight:var(--font-weight-bold);color:var(--foreground0)}p a,blockquote a,li a,[is-~=typography-block] a{color:var(--foreground2);text-decoration:underline}p code,blockquote code,li code,[is-~=typography-block] code{background-color:var(--background1);padding-left:1ch;padding-right:1ch;display:inline-block}}:root[data-webtui-theme=dark]{--background0:#0b0d0c;--background1:#141716;--background2:#1e2220;--background3:#2b302d;--foreground0:#d7e0da;--foreground1:#9fb0a6;--foreground2:#5f6f66;--dd-accent:#5fd7a7;--dd-danger:#ff6b6b;--box-border-color:var(--background3);--font-size:15px}html,body{height:100%}body{background:#000}:focus-visible{outline:2px solid var(--dd-accent);outline-offset:2px}.dd-swatch:focus-visible{outline-offset:1px}button:focus,input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus,[is-~=button]:focus{font-weight:400}.dd-send,.dd-send:focus,.dd-action,.dd-action:focus{font-weight:var(--font-weight-bold)}#app{border-left:1px solid var(--background2);border-right:1px solid var(--background2);background:var(--background0);flex-direction:column;max-width:960px;height:100vh;margin:0 auto;display:flex;position:relative}input[type=text],input[type=password],input:not([type]){border-bottom:1px solid var(--background3);background:0 0;height:1.4lh;padding:0}input[type=text]:focus,input[type=password]:focus,input:not([type]):focus{border-bottom-color:var(--dd-accent)}.dd-dim{color:var(--foreground2)}.dd-sep{color:var(--background3)}.dd-send{background:var(--dd-accent);color:var(--background0);cursor:pointer;min-width:0;height:1.7lh;font-weight:var(--font-weight-bold);background-image:none;border:none;padding:0 2ch}.dd-send:hover{filter:brightness(1.1)}.dd-link{color:var(--foreground2);cursor:pointer;background:0 0;border:none;min-width:0;height:auto;padding:0}.dd-link:before{content:"[ "}.dd-link:after{content:" ]"}.dd-link:hover{color:var(--dd-accent)}.dd-identity{flex-direction:column;gap:.5lh;display:flex}.dd-id-row{align-items:center;gap:1ch;display:flex}.dd-nick-input{flex:1;min-width:0}.dd-mini{color:var(--foreground1);border:1px solid var(--background3);cursor:pointer;background:0 0;min-width:0;height:1.5lh;padding:0 1ch}.dd-mini:hover{color:var(--dd-accent);border-color:var(--dd-accent)}.dd-swatches{flex-wrap:wrap;gap:.5ch;display:flex}.dd-swatch{background:var(--sw);cursor:pointer;background-image:none;border:2px solid #0000;border-radius:2px;width:2.5ch;min-width:0;height:1.2lh;padding:0}.dd-swatch.is-on{border-color:var(--foreground0)}.dd-swatch-row{align-items:center;gap:1ch;display:flex}.dd-swatch-row>.dd-swatches{flex:1}.dd-center{flex:1;justify-content:center;align-items:center;padding:2ch;display:flex}.dd-login{flex-direction:column;gap:.9lh;width:min(460px,100%);display:flex}.dd-prompt-row{align-items:center;gap:1ch;display:flex}.dd-prompt-row>input{flex:1}.dd-action{color:var(--dd-accent);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:none;align-self:flex-start;height:auto;margin-top:.3lh;padding:0}.dd-action:before{content:"[ ";color:var(--foreground2)}.dd-action:after{content:" ]";color:var(--foreground2)}.dd-action:hover{text-decoration:underline}.dd-shuffle{color:var(--foreground2);cursor:pointer;background:0 0;border:none;min-width:0;height:auto;padding:0 .5ch}.dd-shuffle:hover{color:var(--dd-accent)}.dd-logo{color:var(--dd-accent);letter-spacing:.1ch;width:fit-content;text-decoration:none}.dd-logo:hover{text-decoration:underline}.dd-logo-mark{background:var(--dd-accent);color:var(--background0);font-weight:var(--font-weight-bold);margin-right:.3ch;padding:0 .4ch}.dd-sub{color:var(--foreground2);margin-top:-.5lh}.dd-field{flex-direction:column;gap:.25lh;display:flex}.dd-label{color:var(--foreground2);font-size:.85em}.dd-field>input{width:100%}.dd-hint{color:var(--foreground2);font-size:.8em}.dd-cli{flex-direction:column;gap:.25lh;margin-top:.3lh;display:flex}.dd-cli-label{color:var(--foreground2);font-size:.85em}.dd-cli-row{background:var(--background1);align-items:center;gap:1ch;padding:.25lh 1ch;display:flex}.dd-cli-cmd{color:var(--dd-accent);word-break:break-all;flex:1}.dd-cli-copy{color:var(--foreground2);cursor:pointer;background:0 0;border:none;flex:none;min-width:0;height:auto;padding:0}.dd-cli-copy:before{content:"[ "}.dd-cli-copy:after{content:" ]"}.dd-cli-copy:hover{color:var(--dd-accent)}.dd-header{white-space:nowrap;align-items:center;gap:1ch;padding:.5lh 2ch;display:flex}.dd-rule{height:1lh;color:var(--background3);white-space:nowrap;-webkit-user-select:none;user-select:none;flex:none;line-height:1lh;overflow:hidden}.dd-rule:after{content:"────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────"}.dd-room{color:var(--dd-accent)}.dd-spacer{flex:1}.dd-meta{align-items:center;gap:1ch;display:inline-flex}.dd-live{color:var(--dd-accent)}.dd-id{color:var(--foreground0);cursor:pointer;background:0 0;border:none;align-items:center;gap:.6ch;min-width:0;height:auto;padding:0;display:inline-flex}.dd-id:hover{text-decoration:underline}.dd-dot{background:var(--sw);border-radius:50%;flex:none;width:1ch;height:1ch;display:inline-block}.dd-log{flex:1;padding:.5lh 0;overflow-y:auto}.dd-msg{grid-template-columns:max-content max-content 1fr;align-items:baseline;column-gap:.8ch;padding:0 2ch;line-height:1.5;display:grid}.dd-msg:hover{background:var(--background1)}.dd-time{color:var(--foreground2);font-size:.85em}.dd-text{color:var(--foreground0);white-space:normal;word-break:break-word;min-width:0;line-height:1.5}.dd-empty{flex-direction:column;align-items:flex-start;gap:.5lh;padding:1lh 2ch;display:flex}.dd-invite-url{color:var(--dd-accent);word-break:break-all}.dd-text>:first-child{margin-top:0}.dd-text>:last-child{margin-bottom:0}.dd-text p{margin:0}.dd-text a{color:var(--dd-accent)}.dd-text code{background:var(--background2);border-radius:2px;padding:0 .4ch}.dd-text pre{background:var(--background1);margin:.3lh 0;padding:.4lh 1ch;overflow-x:auto}.dd-text pre code{background:0 0;padding:0}.dd-text ul,.dd-text ol{margin:.2lh 0;padding-left:3ch}.dd-text blockquote{border-left:2px solid var(--background3);color:var(--foreground1);margin:.3lh 0;padding-left:1ch}.dd-text h1,.dd-text h2,.dd-text h3{margin:.3lh 0;font-size:1em}.dd-text .hljs-comment,.dd-text .hljs-quote{color:var(--foreground2);font-style:italic}.dd-text .hljs-keyword,.dd-text .hljs-selector-tag,.dd-text .hljs-built_in,.dd-text .hljs-meta{color:#c792ea}.dd-text .hljs-string,.dd-text .hljs-attr,.dd-text .hljs-regexp{color:var(--dd-accent)}.dd-text .hljs-number,.dd-text .hljs-literal{color:#f78c6c}.dd-text .hljs-title,.dd-text .hljs-section{color:#82aaff}.dd-text .hljs-variable,.dd-text .hljs-name,.dd-text .hljs-attribute{color:#ffcb6b}.dd-file{color:var(--dd-accent);cursor:pointer;min-width:0;height:auto;font-family:var(--font-family);font-size:var(--font-size);background:0 0;border:none;padding:0}.dd-file:before{content:"[ ";color:var(--foreground2)}.dd-file:after{content:" ]";color:var(--foreground2)}.dd-file:hover{text-decoration:underline}.dd-fileinput{display:none}.dd-attach{color:var(--foreground2);cursor:pointer;background:0 0;border:none;min-width:0;height:auto;padding:0 .5ch;font-size:1.3em;line-height:1}.dd-attach:hover{color:var(--dd-accent)}.dd-sys{color:var(--dd-danger);padding:.2lh 2ch;font-size:.9em}.dd-log.dd-drop{outline:2px dashed var(--dd-accent);outline-offset:-4px}.dd-preview{z-index:60;background:var(--background1);border:1px solid var(--background3);pointer-events:none;padding:2px;position:fixed}.dd-preview-img{max-width:320px;max-height:320px;display:block}.dd-overlay{z-index:100;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dd-overlay-img{max-width:90vw;max-height:90vh}@media (width<=640px){:root[data-webtui-theme=dark]{--font-size:14px}#app{border-left:none;border-right:none;height:100dvh}.dd-header{white-space:normal;flex-wrap:wrap;gap:.25lh 1ch;padding:.5lh 1.5ch}.dd-header .dd-spacer{display:none}.dd-msg{padding:0 1.5ch}.dd-empty,.dd-sys{padding-left:1.5ch;padding-right:1.5ch}.dd-inputbar{padding:.5lh 1.5ch .75lh}.dd-center{align-items:flex-start;padding:8vh 1.5ch 1.5ch}.dd-preview{display:none}}.dd-inputbar{align-items:flex-end;gap:1ch;padding:.5lh 2ch .75lh;display:flex}.dd-prompt{color:var(--dd-accent)}textarea.dd-input{resize:none;color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);background:0 0;border:none;outline:none;flex:1;max-height:6lh;padding:0;line-height:1.4;overflow-y:auto}textarea.dd-input::placeholder{color:var(--foreground2)}.dd-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dd-modal{background:var(--background1);flex-direction:column;gap:.75lh;min-width:40ch;max-width:90%;display:flex}.dd-modal-title{color:var(--dd-accent)}.dd-modal-actions{justify-content:flex-end;display:flex}.dd-presence{color:var(--foreground2);cursor:pointer;min-width:0;height:auto;font:inherit;background:0 0;border:none;padding:0}.dd-presence:hover{color:var(--dd-accent)}.dd-roster{z-index:60;background:var(--background1);border:1px solid var(--background3);flex-direction:column;gap:.25lh;min-width:18ch;max-width:40ch;max-height:50vh;padding:.5lh 1.5ch;display:flex;position:fixed;overflow-y:auto}.dd-roster-title{color:var(--dd-accent);margin-bottom:.25lh}.dd-roster-row{white-space:nowrap;align-items:center;gap:.8ch;display:flex}