#index{display:flex;flex-direction:column;gap:var(--baseunit);justify-content:center;align-items:center;height:100svh;max-height:100%;max-width:100%;-webkit-user-select:none;user-select:none}#index>div:first-of-type{font-size:2rem}#index>div:last-of-type{display:flex;justify-content:center;align-items:center;gap:calc(var(--baseunit) * 2)}#index>div:last-of-type>a{font-weight:300;text-decoration:none;color:inherit;text-transform:uppercase}#index>div:last-of-type>a:hover{color:var(--color-accent)}.toggle-button{--color: #a2a2a2;position:relative;display:flex;justify-content:center;align-items:flex-end;aspect-ratio:1;border-radius:16px;padding:8px;font-family:inherit;text-transform:uppercase;font-weight:400;font-size:1.2rem;border:2px solid transparent;background:#1919194d;color:rgba(from var(--color-text-primary) r g b/20%);box-shadow:inset 0 1px 5px var(--color-shadow1);transition:color .12s linear,border-color .12s linear;-webkit-user-select:none;user-select:none;overflow:hidden}@media (max-width: 1024px){.toggle-button{font-size:1.1rem}}@media (max-width: 766px){.toggle-button{font-size:.75rem}}.toggle-button>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:soft-light}.toggle-button:hover{border:2px solid rgb(from var(--color) r g b/10%);box-shadow:0 2px 5px #000,0 0 10px rgb(from var(--color) r g b/30%);color:rgba(from var(--color-text-primary) r g b/50%)}.toggle-button.active{box-shadow:0 2px 5px #000,0 0 10px rgb(from var(--color) r g b/30%);border:2px solid black;background:linear-gradient(180deg,rgb(from var(--color) r g b/69%),rgb(from var(--color) r g b/20%));color:rgba(from var(--color-text-primary) r g b/100%)}.toggle-button.active>img{opacity:1;mix-blend-mode:overlay}.monaco-editor-container{width:100%;height:100%;min-height:200px;border-radius:3px;overflow:hidden;border:1px solid rgb(from var(--color-border1) r g b/30%)}.monaco-editor-container:focus-within{border-color:var(--color-accent)}.monaco-editor,.monaco-diff-editor,.monaco-component{--vscode-editor-background: var(--color-bg-primary) !important}.monaco-editor .margin-view-overlays,.monaco-diff-editor .margin-view-overlays,.monaco-component .margin-view-overlays{background:rgb(from var(--color-bg-primary) r g b/70%)}#modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;display:flex;justify-content:center;align-items:center}#modal>.underlay{position:absolute;width:100%;height:100%;background:rgb(from var(--color-shadow1) r g b/60%)}#modal>.content{position:relative;z-index:2;min-width:40vw;background:var(--color-bg-secondary);padding:calc(var(--baseunit) * 2);border-radius:4px;box-shadow:0 2px 4px #000;border:1px solid rgb(from var(--color-border1) r g b/10%);border-bottom:1px solid rgb(from var(--color-border1) r g b/25%)}#modal>.content>button.close{position:absolute;right:0;top:0;color:var(--color-accent);font-size:2rem;padding:calc(var(--baseunit) * .5) var(--baseunit) var(--baseunit) var(--baseunit);margin:0;text-shadow:0 -1px 2px rgb(from var(--color-shadow1) r g b/100%);background:transparent;border:0;cursor:pointer}#modal>.content>h3{border-top:1px solid rgb(from var(--color-bg-primary) r g b/70%);padding:calc(var(--baseunit) * 2) 0 4px 0;margin-bottom:calc(var(--baseunit))}#modal>.content>h3:first-of-type{padding-top:0;border-top:0}#modal>.content>h3>a>svg{top:3px;margin-left:4px;position:relative;width:16px;height:16px}#modal>.content>div.group{display:flex;gap:calc(var(--baseunit) * 2);margin-bottom:calc(var(--baseunit))}#modal>.content>div.group:last-of-type{margin-bottom:0}#modal>.content>div.group>.input>label{display:block;font-size:1.1rem;padding-left:4px;margin-bottom:2px;color:rgb(from var(--color-text-primary) r g b/70%)}#modal>.content>div.group>.input.url>a{font-size:1.2rem;display:inline-block;text-decoration:none;color:var(--color-accent);padding:0 var(--baseunit) var(--baseunit);text-shadow:0 1px black}#modal>.content>div.group>.input.url>a>span{margin:0 4px}#modal>.content>div.group>.input.url>a>span>svg{position:relative;top:3px;width:16px;height:16px}#modal>.content>div.group>.input.text{width:100%}#modal>.content>div.group>.input.text>input{width:100%;height:calc(var(--baseunit) * 4);font-family:inherit;color:inherit;background:var(--color-bg-primary);border-radius:3px;border:1px solid rgb(from var(--color-border1) r g b/30%);outline:0;padding:0 8px}#modal>.content>div.group>.input.text>input:focus-within{border-color:var(--color-accent)}#modal>.content>div.group>.input.code-editor{width:100%;height:350px}#modal>.content>div.group.actions{display:flex;justify-content:space-between;margin-top:calc(var(--baseunit) * 3);gap:calc(var(--baseunit) * 2)}#modal>.content>div.group.actions>div{display:inline-flex;gap:var(--baseunit)}#modal>.content>div.group.two-thirds>div:first-of-type{min-width:66.66%}#control{display:flex;width:100%;height:100svh;max-height:100%;max-width:100%;justify-content:center;align-items:center}#control>div{position:relative;display:flex;width:inherit;height:inherit;gap:calc(var(--baseunit) * 2);overflow:hidden;background:var(--color-bg-primary)}@media (max-width: 766px){#control>div{flex-direction:column-reverse;gap:0}}#control>div>.controls{width:65%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;overflow-y:scroll;touch-action:pan-y}@media (max-width: 766px){#control>div>.controls{width:100%;height:30%}}#control>div>.controls>div{width:100%;height:auto;max-height:100%;padding:var(--baseunit) var(--baseunit) var(--baseunit) calc(var(--baseunit) * 3);display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:calc(var(--baseunit) * 2);grid-row-gap:calc(var(--baseunit) * 2);align-items:end;justify-content:center}@media (max-width: 766px){#control>div>.controls>div{grid-column-gap:var(--baseunit);grid-row-gap:var(--baseunit);padding-left:var(--baseunit)}}#control>div>.messages{position:relative;width:35%;height:100%;overflow:hidden}@media (max-width: 766px){#control>div>.messages{width:100%;height:70%}}#control>div>.messages>.input{border-left:1px solid rgb(from var(--color-border1) r g b/20%)}@media (max-width: 766px){#control>div>.messages>.input{border-left:0}}#control>div>.messages>.input>input{border:0;box-shadow:inset 0 0 4px #000;padding:0 8px 2px;width:100%;height:36px;font-family:inherit;color:inherit;background:rgb(from var(--color-bg-secondary) r g b/30%);border-top:1px solid rgb(from var(--color-border1) r g b/20%);outline:0;border-radius:0}@media (max-width: 766px){#control>div>.messages>.input>input{border-left:0;border-top:0}}#control>div>.messages>.scroll-container{overflow:hidden;overflow-y:scroll;touch-action:pan-y;padding:calc(var(--baseunit) * 4) var(--baseunit) var(--baseunit) var(--baseunit);display:flex;gap:var(--baseunit);width:100%;height:calc(100% - 32px);max-height:100%;flex-direction:column-reverse;background:var(--color-bg-primary);border-left:1px solid rgb(from var(--color-border1) r g b/20%);box-shadow:-2px 0 25px rgb(from var(--color-shadow1) r g b/50%);scrollbar-color:rgb(from var(--color-border1) r g b/20%) var(--color-bg-primary);scrollbar-width:thin}@media (max-width: 766px){#control>div>.messages>.scroll-container{border-left:none;box-shadow:none;padding-top:calc(var(--baseunit) * 6)}}#control>div>.messages>.scroll-container>.message-item{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--baseunit);width:100%}#control>div>.messages>.scroll-container>.message-item>img{position:relative;top:-2px;border-radius:24px;width:24px;height:24px;max-width:24px;max-height:24px;min-width:24px;min-height:24px;overflow:hidden}#control>div>.messages>.scroll-container>.message-item>span.fallback{display:flex;justify-content:center;align-items:center;position:relative;top:-2px;border-radius:24px;width:24px;height:24px;max-width:24px;max-height:24px;min-width:24px;min-height:24px;overflow:hidden;background-color:var(--color-profileimg-fallback);font-weight:500;content:attr(alt)}#control>div>.messages>.scroll-container>.message-item>div.message{font-size:1.3rem;line-height:1.4;word-wrap:break-word;word-break:break-word}@media (max-width: 1194px){#control>div>.messages>.scroll-container>.message-item>div.message{font-size:1.7rem}}@media (max-width: 1024px){#control>div>.messages>.scroll-container>.message-item>div.message{font-size:1.5rem}}#control>div>.messages>.scroll-container>.message-item>div.message>time{color:#fff;opacity:.6;margin-right:6px;font-size:1.1rem}@media (max-width: 1194px){#control>div>.messages>.scroll-container>.message-item>div.message>time{font-size:1.4rem}}@media (max-width: 1024px){#control>div>.messages>.scroll-container>.message-item>div.message>time{font-size:1.3rem}}#control>div>.messages>.scroll-container>.message-item>div.message>span.username{border-radius:4px;border:1px solid black;padding:2px;background-color:#aaa;color:#000;font-weight:600;margin-right:6px}#control>div>.messages>.scroll-container>.message-item>div.message>span.content>img{width:24px;height:24px;margin:-1px 2px 1px;vertical-align:middle}#control>div>.messages>.scroll-container>.message-item>div.actions{position:absolute;top:-9px;right:-4px;display:none;width:100%;height:calc(100% + 12px);background:linear-gradient(-90deg,rgb(from var(--color-accent) r g b/10%) 28%,transparent 70%);padding:8px 4px 8px 0;gap:var(--baseunit);border-radius:4px;z-index:2}#control>div>.messages>.scroll-container>.message-item>div.actions:after{position:absolute;content:"";top:0;right:0;width:40%;height:100%;background:linear-gradient(-90deg,rgba(0,0,0,.6) 28%,transparent 70%) no-repeat;z-index:-1}#control>div>.messages>.scroll-container>.message-item>div.actions>button{font-size:1.1rem;height:28px;width:28px;max-height:28px}#control>div>.messages>.scroll-container>.message-item>div.actions>button>svg{color:inherit;width:100%;height:100%}#control>div>.messages>.scroll-container>.message-item:hover>div.actions,#control>div>.messages>.scroll-container>.message-item:focus-within>div.actions{display:flex;justify-content:flex-end;align-items:center}#control>div>.messages:before{position:absolute;content:"";width:calc(100% - 8px);height:64px;background:linear-gradient(0deg,transparent 0%,var(--color-bg-primary) 70%);z-index:2;top:0;left:1px;pointer-events:none}@media (max-width: 766px){#control>div>.messages:before{left:0;width:100%;height:80px}}#control>div>.messages:after{position:absolute;content:"";width:calc(100% - 8px);height:12px;background:linear-gradient(180deg,transparent,var(--color-bg-primary) 50%);z-index:2;bottom:32px;left:1px}@media (max-width: 766px){#control>div>.messages:after{left:0;bottom:31px;width:100%;border-bottom:1px solid rgb(from var(--color-border1) r g b/20%)}}#control>div>.actions{position:absolute;top:0;left:0;padding:var(--baseunit) calc(var(--baseunit) * 2);display:flex;gap:calc(var(--baseunit) * 2);width:65%;justify-content:flex-end;z-index:3}#control>div>.actions>button,#control>div>.actions div{position:relative;color:#fff;border:none;background:transparent;width:16px;height:16px;padding:0;cursor:pointer}#control>div>.actions>button.stats>div,#control>div>.actions div.stats>div{position:absolute;top:100%;transform:translate(-47%,calc(var(--baseunit) * 3));width:auto;padding:calc(var(--baseunit) * 2);border-radius:4px;display:none;gap:calc(var(--baseunit) * 2);background:var(--color-bg-secondary);box-shadow:0 2px 4px #000;border:1px solid rgb(from var(--color-border1) r g b/10%);border-bottom:1px solid rgb(from var(--color-border1) r g b/25%)}#control>div>.actions>button.stats>div:before,#control>div>.actions div.stats>div:before{content:"";position:absolute;display:block;width:0;left:50%;top:0;border:10px solid transparent;border-top:0;border-bottom:10px solid var(--color-bg-secondary);transform:translate(-50%,-100%)}#control>div>.actions>button.stats>div>div,#control>div>.actions div.stats>div>div{display:inline-flex;width:auto;gap:8px}#control>div>.actions>button.stats>div>div svg,#control>div>.actions div.stats>div>div svg{min-width:16px;width:16px;height:16px;color:#fff}#control>div>.actions>button.stats>div>div>span,#control>div>.actions div.stats>div>div>span{color:rgb(from var(--color-text-primary) r g b/100%)}#control>div>.actions>button.stats:focus-within>div,#control>div>.actions div.stats:focus-within>div{display:flex;justify-content:center;align-items:center}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:125% 50%}}@keyframes show-mask{0%{clip-path:polygon(0% 0%,0 0%,0 150%,0% 150%)}to{clip-path:polygon(0% 0%,100% 0%,100% 150%,0% 150%)}}@keyframes show-cursor{0%{left:0;opacity:1}80%{opacity:1}to{left:calc(100% - 20px);opacity:0}}#overlay{display:block;height:100vh;width:100vw;max-height:100%;max-width:100%;overflow:hidden}#overlay>div{display:inline-flex;position:absolute;bottom:32px;left:24px;filter:drop-shadow(8px 10px 4px rgba(0,0,0,.6));clip-path:polygon(0% 0%,0 0%,0 150%,0% 150%);animation:show-mask 1.5s ease forwards;opacity:1;transform:translate(0)}#overlay>div.hide{opacity:0;transform:translateY(100%);transition:opacity .4s linear,transform .4s ease-in}#overlay>div:after{position:absolute;content:"";width:4px;height:100%;border-radius:4px;background:#fff;z-index:100;left:0;animation:show-cursor 1.4s .02s ease forwards}#overlay>div>img{top:2px;left:2px;position:relative;aspect-ratio:1;border-radius:116px;min-width:116px;min-height:116px;width:116px;height:116px;overflow:hidden;z-index:3}#overlay>div>span.fallback{display:flex;justify-content:center;align-items:center;top:2px;left:2px;position:relative;aspect-ratio:1;border-radius:116px;min-width:116px;min-height:116px;width:116px;height:116px;z-index:3;background:linear-gradient(-45deg,transparent,rgba(255,255,255,.1));font-weight:500;line-height:1.8;font-size:5rem}#overlay>div>div{top:0;left:-56px;padding:16px 24px 16px 74px;position:relative;border:2px solid transparent;color:#fff;font-size:1.3rem;line-height:1.4;word-wrap:break-word;word-break:break-word;height:120px;max-width:40vw;max-height:120px;width:auto;z-index:2;display:flex;justify-content:flex-start;align-items:center}#overlay>div>div:before{position:absolute;content:"";background:linear-gradient(90deg,var(--color-overlay-gradient1),var(--color-overlay-gradient2),var(--color-overlay-gradient1));background-size:400% 100%;animation:gradient-animation 4s linear infinite;top:-2px;left:-62px;width:calc(100% + 64px);height:calc(100% + 4px);z-index:-1;border-radius:120px 12px 12px 120px}#overlay>div>div:after{position:absolute;content:"";background:#000000e6;top:0;left:-60px;width:calc(100% + 60px);height:100%;z-index:-1;border-radius:120px 12px 12px 120px}#overlay>div>div>div{width:100%;max-height:inherit;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:3;text-overflow:ellipsis;overflow:hidden}#overlay>div>div>div>span.username{border-radius:6px;border:1px solid black;padding:3px 6px;background-color:#ffffffa6;color:#000;font-weight:600;font-size:2rem;margin-right:12px}#overlay>div>div>div>span.content{font-size:2rem;line-height:1.6}#overlay>div>div>div>span.content>img{width:24px;height:24px;margin:-1px 2px 1px;vertical-align:middle}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:url(/assets/roboto-v48-latin-300-CztWkFGs.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/roboto-v48-latin-regular-CNwBRw8h.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:600;src:url(/assets/roboto-v48-latin-600-aFTKHmff.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/assets/roboto-v48-latin-700-DZr4b_KL.woff2) format("woff2")}:root{--baseunit: 8px;--color-bg-primary: #111111;--color-bg-secondary: #222222;--color-text-primary: #ffffff;--color-border1: #ffffff;--color-shadow1: #000000;--color-profileimg-fallback: #333;--color-accent: #e01dfd;--color-overlay-gradient1: #900a0d;--color-overlay-gradient2: #214acf}html{position:relative;font-size:62.5%;padding:0;margin:0}body{padding:0;margin:0;font-size:1.4rem;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:normal;color:var(--color-text-primary);background:var(--color-bg-primary, transparent)}body.obs{background:transparent}h3,p{margin:0}button.btn{cursor:pointer;font-family:inherit;font-weight:700}button.btn.outline{border:1px solid var(--color-accent);border-radius:4px;background:#0000004d;color:var(--color-accent);padding:4px 8px;min-height:28px;min-width:calc(var(--baseunit) * 12);text-transform:uppercase}button.btn.outline.dark{background:#000000bf}button.btn.outline:hover,button.btn.outline:focus-within{background:var(--color-accent);color:var(--color-bg-primary)}button.btn.primary{border:1px solid var(--color-bg-primary);border-radius:4px;background:var(--color-accent);color:var(--color-bg-primary);padding:4px 8px;min-width:calc(var(--baseunit) * 12);text-transform:uppercase}button.btn.primary:hover,button.btn.primary:focus-within{border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent),white 30%);color:var(--color-bg-primary)}button.btn.fit{min-width:auto}