:root{--colour-ectoplasm-100:#e0f7d9;--colour-ectoplasm-200:#c8f2c0;--colour-ectoplasm-300:#b3f1a5;--colour-ectoplasm-400:#8ddb7d;--colour-ectoplasm-500:#70ca62;--colour-ectoplasm-600:#54b447;--colour-ectoplasm-700:#3c7e36;--colour-ectoplasm-800:#2b5c2f;--colour-ectoplasm-900:#204a20;--colour-ectoplasm-950:#153515;--colour-ectoplasm-50:#f6fdf4;--colour-aubergine-100:#eee5fa;--colour-aubergine-200:#e0cff6;--colour-aubergine-300:#c49ef4;--colour-aubergine-400:#9d61e8;--colour-aubergine-500:#7f30e1;--colour-aubergine-600:#6e2ac5;--colour-aubergine-700:#551e9a;--colour-aubergine-800:#3e1671;--colour-aubergine-900:#300d5d;--colour-aubergine-950:#1c0438;--colour-aubergine-50:#f8f4fd;--colour-weezer-100:#d8edf5;--colour-weezer-200:#c0e2f0;--colour-weezer-300:#99cee3;--colour-weezer-400:#6bbadd;--colour-weezer-500:#4ba4d4;--colour-weezer-600:#4192bf;--colour-weezer-700:#3375a0;--colour-weezer-800:#245477;--colour-weezer-900:#193e56;--colour-weezer-950:#0d2736;--colour-weezer-50:#f4fafd;--colour-yellow-100:#fbf4c8;--colour-yellow-200:#f7ea9c;--colour-yellow-300:#f4e37e;--colour-yellow-400:#f1da5b;--colour-yellow-500:#efca36;--colour-yellow-600:#e1af0f;--colour-yellow-700:#c08b10;--colour-yellow-800:#805a22;--colour-yellow-900:#563f18;--colour-yellow-950:#3a2709;--colour-yellow-50:#fefcf0;--colour-orange-100:#f8e1d6;--colour-orange-200:#f5cfc0;--colour-orange-300:#eeaf98;--colour-orange-400:#e99070;--colour-orange-500:#e97c57;--colour-orange-600:#e1572e;--colour-orange-700:#c6451e;--colour-orange-800:#7f3119;--colour-orange-900:#612411;--colour-orange-950:#371407;--colour-orange-50:#fcf4ef;--colour-red-100:#f4d9dc;--colour-red-200:#f0bbc4;--colour-red-300:#eda3ab;--colour-red-400:#e78891;--colour-red-500:#da5560;--colour-red-600:#d93940;--colour-red-700:#bd2b2e;--colour-red-800:#9f2427;--colour-red-900:#7b1a1d;--colour-red-950:#3e0a0e;--colour-red-50:#fbf0f1;--colour-bubblegum-100:#fee5f3;--colour-bubblegum-200:#facee7;--colour-bubblegum-300:#f1aad3;--colour-bubblegum-400:#e583bc;--colour-bubblegum-500:#e46caf;--colour-bubblegum-600:#df4899;--colour-bubblegum-700:#b02e71;--colour-bubblegum-800:#832357;--colour-bubblegum-900:#5d143a;--colour-bubblegum-950:#380923;--colour-bubblegum-50:#fff5fb;--colour-grey-100:#eee;--colour-grey-200:#dadada;--colour-grey-300:#c7c6c8;--colour-grey-400:#99949a;--colour-grey-500:#807c80;--colour-grey-600:#69656a;--colour-grey-700:#464347;--colour-grey-800:#312e32;--colour-grey-900:#1f1d20;--colour-grey-950:#171517;--colour-grey-50:#f8f8f8;--colour-brown-50:#fdf8ee;--colour-brown-100:#f7eede;--colour-brown-200:#efd2ad;--colour-brown-300:#daa97c;--colour-brown-400:#c78e5c;--colour-brown-500:#b16f3d;--colour-brown-600:#90562b;--colour-brown-700:#744522;--colour-brown-800:#542f14;--colour-brown-900:#40240c;--colour-brown-950:#2a1805;--colour-olive-50:#f8fde7;--colour-olive-100:#eef9c9;--colour-olive-200:#dfee9e;--colour-olive-300:#ddea7a;--colour-olive-400:#cad459;--colour-olive-500:#afb945;--colour-olive-600:#999d36;--colour-olive-700:#72761b;--colour-olive-800:#5b5f16;--colour-olive-900:#393c0c;--colour-olive-950:#232509;--colour-denim-50:#eff0ff;--colour-denim-100:#e3e5fc;--colour-denim-200:#cdd1ff;--colour-denim-300:#9ca4fd;--colour-denim-400:#606cf3;--colour-denim-500:#4150f9;--colour-denim-600:#3140ee;--colour-denim-700:#1b2acd;--colour-denim-800:#19239d;--colour-denim-900:#0f1770;--colour-denim-950:#070b38;--easing-subtle-out:cubic-bezier(.165, .84, .44, 1);--font:"Roboto Serif Variable", "Roboto Serif";font-family:var(--font), serif}::selection{background-color:var(--colour-accent-700);color:#fff}*,:after,:before{box-sizing:border-box}input{accent-color:var(--colour-accent-700)}body,html{height:100vh;margin:0;padding:0}@property --app-fade{syntax:"<number>";inherits:true;initial-value:0}#app-main>:not(.main-sidebar){opacity:var(--app-fade)}main.app{--sidebar-border:1px solid var(--colour-grey-200);grid-template-rows:1fr min-content;grid-template-columns:max-content 1fr max-content;height:100vh;display:grid}main.app>:not(aside):not(footer){grid-area:1/2/-1;height:100vh;overflow:auto}article.yeah{width:100%;max-width:56rem;margin:auto;padding:0 1rem}article.yeah h1.title{margin-top:4rem}.error-message{color:var(--colour-red-700);align-items:baseline;gap:.25rem;margin:0;font-size:.9rem;line-height:1.5;display:flex}.error-message svg{width:12px;height:12px}.spinner{--active:white;--inactive:black;overflow:visible}.spinner .sect{scale:var(--scale);transform-origin:50%;fill:var(--fill)}.body-small{font-size:.8rem;line-height:1.5}.title-1,h1.title{letter-spacing:-.025em;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(4rem,10vw,12rem);font-style:italic;font-weight:100;line-height:1}.heading-2,h2.heading{font:inherit;color:var(--colour-grey-950);font-variation-settings:"GRAD" 100;margin:.25em 0;font-size:.9rem;font-weight:450;display:block}hgroup>:is(.heading-2,h2.heading){margin-bottom:0}hgroup>:is(.heading-2,h2.heading)+p{color:var(--colour-grey-700);margin-top:.5em;font-size:.85rem}@font-face{font-family:Roboto Serif Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./roboto-serif-cyrillic-ext-full-italic-DewQ6zjU.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Serif Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./roboto-serif-cyrillic-full-italic-C1ZZqvR7.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Serif Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./roboto-serif-vietnamese-full-italic-BHgm-QBd.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Serif Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./roboto-serif-latin-ext-full-italic-CYBQbyda.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Serif Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./roboto-serif-latin-full-italic-BlDM4fCr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Serif Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./roboto-serif-cyrillic-ext-full-normal-D9bWgNtJ.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Serif Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./roboto-serif-cyrillic-full-normal-Bja2UEZq.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Serif Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./roboto-serif-vietnamese-full-normal-CI4pYbjb.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Serif Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./roboto-serif-latin-ext-full-normal-CCTxybKk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Serif Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./roboto-serif-latin-full-normal-rc_0-6xo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}article.no-buffer{grid-auto-rows:min-content;align-content:center;justify-items:center;gap:.75rem;display:grid}article.no-buffer h2{font-variation-settings:"GRAD" 100;color:var(--colour-grey-800);margin:0;font-size:1rem;font-weight:500}article.no-buffer span{color:var(--colour-grey-700);margin:0;font-size:.9rem;font-style:italic}aside.main-sidebar{border-right:var(--sidebar-border);--inner-padding:.75rem;width:16rem;height:100%;padding-bottom:1rem;overflow:auto}aside.main-sidebar>dialog.expanded{z-index:10;border:none;border-right:1px solid var(--colour-grey-200);width:50vw;height:100vh;min-height:100vh;margin:0;padding:0;position:fixed;top:0;left:0;overflow:auto}@property --sidebar-highlight{syntax:"<color>";inherits:true;initial-value:#0000}section.sidebar-section{width:100%;margin-top:.75rem;overflow:hidden}section.sidebar-section .title{all:unset;cursor:pointer;font:inherit;color:var(--colour-grey-950);font-variation-settings:"GRAD" 100;align-items:baseline;gap:0 .25rem;margin:0 auto 0 0;font-size:.825rem;font-weight:450;display:flex}section.sidebar-section .title.errored{color:var(--colour-red-800);font-weight:550}section.sidebar-section .title.disconnected{color:var(--colour-grey-700);font-variation-settings:"GRAD" 0;font-weight:400}section.sidebar-section .title:has(~.reconnecting){color:var(--colour-grey-700);font-weight:400}section.sidebar-section .title:hover{text-decoration:underline}section.sidebar-section .title:focus-visible{outline:2px solid var(--colour-accent-500);outline-offset:2px}section.sidebar-section .title svg{width:10px;height:10px}section.sidebar-section:has(+.sidebar-section){border-bottom:1px solid var(--colour-grey-100);padding-bottom:.5rem}section.sidebar-section>.sidebar-section-header{margin:0 var(--inner-padding);grid-template-columns:auto 1fr;grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:.25rem;margin-bottom:.25rem;margin-right:.7rem;display:grid}section.sidebar-section>.sidebar-section-header .title{grid-column:1/span 2;grid-template-columns:subgrid;width:100%;display:grid}section.sidebar-section>.sidebar-section-header h2{all:inherit;text-overflow:ellipsis;grid-template-columns:subgrid;grid-column:1/span 2;display:grid;overflow:hidden}:is(svg,figure)+:is(section.sidebar-section>.sidebar-section-header h2){grid-column:2}figure+:is(section.sidebar-section>.sidebar-section-header h2){place-self:center}section.sidebar-section>.sidebar-section-header .reconnecting{font-variation-settings:"GRAD" 100;color:var(--colour-orange-700);grid-area:2/2;margin:0;font-size:.7rem;font-weight:500}section.sidebar-section>.sidebar-section-header>.icon-button{transition:color 75ms var(--easing-subtle-out);grid-row:1}section.sidebar-section>.sidebar-section-header>.icon-button:last-of-type{color:var(--colour-grey-400)}section.sidebar-section:hover>header>.icon-button{color:var(--colour-grey-800)}section.sidebar-section:has(:focus-visible)>header>.icon-button{color:var(--colour-grey-800)}ul.sidebar-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}ul.sidebar-list h3{margin:.5rem .75rem .1rem}ul.sidebar-list h3:first-of-type{margin-top:.25rem}li.sidebar-item{flex:1;padding:0 .25rem;display:flex}li.sidebar-item>button,li.sidebar-item>a{width:auto;max-width:100%;height:1.65rem;font:inherit;cursor:pointer;color:var(--colour-grey-900);background-color:#0000;border:none;border-radius:5px;flex:1;justify-content:space-between;align-items:center;gap:.25rem;padding:0 .5rem;font-size:.825rem;line-height:1;text-decoration:none;display:flex}li.sidebar-item:not(:has(>button,a)){width:auto;max-width:100%;height:1.65rem;font:inherit;cursor:pointer;color:var(--colour-grey-900);background-color:#0000;border:none;border-radius:5px;flex:1;justify-content:space-between;align-items:center;gap:.25rem;padding:0 .5rem;font-size:.825rem;line-height:1;text-decoration:none;display:flex}li.sidebar-item:not(:has(>button,a)):hover{background-color:var(--colour-grey-100)}:is(li.sidebar-item>button,li.sidebar-item>a):hover{background-color:var(--colour-grey-100)}li.sidebar-item.selected>button,li.sidebar-item.selected>a{background-color:var(--colour-accent-100);color:var(--colour-grey-950);font-variation-settings:"GRAD" 100}li.sidebar-item.selected:not(:has(>button,a)){background-color:var(--colour-accent-100);color:var(--colour-grey-950);font-variation-settings:"GRAD" 100}.unread-marker{font-variation-settings:"GRAD" 100;background-color:var(--colour-grey-100);border-radius:2px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding:.15rem;font-weight:500;display:flex}li.sidebar-item:hover .unread-marker{background-color:var(--colour-grey-200)}.selected .unread-marker{background-color:var(--colour-accent-600);color:#fff}li.sidebar-item:hover :is(.selected .unread-marker){background-color:var(--colour-accent-600)}.connection-error{background-color:var(--colour-red-100);border-left:4px solid var(--colour-red-700);margin-bottom:.25rem;padding:.65rem}.connection-error h3{font-variation-settings:"GRAD" 100;margin:.25rem 0;font-size:.85rem;font-weight:400}.connection-error p{color:var(--colour-grey-800);margin:0}.connection-error .buttons{color:var(--colour-red-900);--hover-colour:var(--colour-red-200);--pressed-colour:var(--colour-red-300);justify-content:space-between;margin:.5rem -.25rem 0;font-size:.8rem;display:flex}.connection-error blockquote,.error-quote{z-index:1;text-align:right;margin:.5rem 0;position:relative}:is(.connection-error blockquote,.error-quote):before{z-index:-1;content:"“";color:var(--colour-red-200);font-size:8rem;line-height:.75;position:absolute;top:0;left:-.25rem}:is(.connection-error blockquote,.error-quote) p{color:var(--colour-grey-950);text-wrap:balance}:is(.connection-error blockquote,.error-quote) footer{color:var(--colour-grey-600)}footer.sidebar-footer{border-right:var(--sidebar-border);border-top:1px solid var(--colour-grey-100);grid-area:2/1;justify-content:space-between;align-items:center;height:3rem;margin-top:auto;padding:0 .5rem;display:flex}footer.sidebar-footer a{color:var(--colour-grey-700);font-variation-settings:"GRAD" 100;border-radius:4px;gap:.25rem;padding:.25rem;font-size:.8rem;font-weight:400;text-decoration:none;display:flex}footer.sidebar-footer a:hover{background-color:var(--colour-grey-100)}fieldset.view-switcher{border:1px solid var(--colour-grey-200);background-color:var(--colour-grey-100);border-radius:6px;align-items:center;gap:1px;padding:.1rem;display:flex}fieldset.view-switcher label{cursor:pointer;color:var(--colour-grey-700);border:1px solid #0000;border-radius:4px;align-items:center;padding:.15rem;display:flex}fieldset.view-switcher label:has(:checked){border-color:var(--colour-grey-200);color:var(--colour-grey-950);background-color:#fff}fieldset.view-switcher label:not(:has(:checked)):hover{background-color:var(--colour-grey-200)}fieldset.view-switcher label input{clip:rect(0, 0, 0, 0);position:absolute}fieldset.view-switcher label svg{width:17px;height:17px}fieldset.view-switcher:has(:focus-visible) label:has(:checked){outline:2px solid var(--colour-accent-400)}@keyframes addbutton-rainbow{to{background-position:-200% 0}}button.add-network{color:var(--colour-grey-600);font-variation-settings:"GRAD" 0;transition:.1s var(--easing-subtle-out);margin:1rem auto;padding:.4rem .5rem;font-size:.75rem;font-weight:400;transition-property:color,font-variation-settings}@media screen and not (prefers-reduced-motion){button.add-network:hover{animation:2s linear infinite addbutton-rainbow}}button.add-network:hover{background:linear-gradient(to right, var(--colour-red-200), var(--colour-orange-200), var(--colour-yellow-200), var(--colour-ectoplasm-200), var(--colour-weezer-200), var(--colour-aubergine-200), var(--colour-bubblegum-200), var(--colour-red-200)) 0 0/200% 100%;font-variation-settings:"GRAD" 100;color:#000}div.adapter-selector{background-color:var(--colour-grey-50);color:var(--colour-grey-900);border:1px solid var(--colour-grey-100);border-radius:4px;padding:.25rem .5rem;font-size:.8rem}div.adapter-selector label{align-items:baseline;gap:.25rem;display:flex}div.adapter-selector select{font:inherit;border:0;border:1px solid var(--colour-grey-200);width:min-content;color:var(--colour-grey-900);background-color:#fff;border-radius:4px;padding:.1rem .25rem;font-weight:500}div.adapter-selector select:hover{background-color:var(--colour-grey-100)}.icon-button{width:min-content;color:inherit;cursor:pointer;background-color:#0000;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem;display:flex}.icon-button:hover{background-color:var(--colour-grey-100)}.icon-button.active{background-color:var(--colour-accent-200)}.text-button{--hover:var(--hover-colour,var(--colour-grey-100));--pressed:var(--pressed-colour,var(--colour-grey-200));font-family:inherit;font-size:inherit;font-variation-settings:"GRAD" 100;color:inherit;cursor:pointer;transition:background-color 40ms var(--easing-subtle-out);background-color:#0000;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .25rem;font-weight:500;display:flex}.text-button:hover{background-color:var(--hover)}.text-button:active{background-color:var(--pressed)}.primary-button,.secondary-button{background-color:var(--colour-accent-200);height:2rem;color:var(--colour-grey-900);cursor:pointer;border:0;border-radius:10000px;padding:0 .75rem;font-family:inherit;font-size:.85rem;font-weight:450}:is(.primary-button,.secondary-button).primary-button{background-color:var(--colour-accent-100)}:is(.primary-button,.secondary-button).primary-button:hover{background-color:var(--colour-accent-200)}:is(.primary-button,.secondary-button).secondary-button{background-color:var(--colour-grey-100)}:is(.primary-button,.secondary-button).secondary-button:hover{background-color:var(--colour-grey-200)}:is(.primary-button,.secondary-button):disabled{background-color:var(--colour-grey-100);color:var(--colour-grey-500);cursor:not-allowed}:is(.primary-button,.secondary-button):disabled:hover{background-color:var(--colour-grey-100)}.button-row{justify-content:space-between;gap:.5rem;display:flex}dialog.fancy-dialog{z-index:10;background-color:#0000;border:none;width:100%;height:100%;padding:1rem;position:fixed}dialog.fancy-dialog:focus-visible{outline:none}dialog.fancy-dialog::backdrop{display:none}dialog.fancy-dialog>.innards{z-index:10;background-color:#fff;border-radius:6px;width:max-content;height:max-content;margin:auto;position:fixed;inset:0;overflow:hidden;box-shadow:0 4px 8px #0000001a}.dialog-scrim{z-index:5;background-color:#00000040;width:100%;height:100%;position:fixed;top:0;left:0}label.form-field{--text-margin:.5rem;flex-direction:column;gap:.25rem;margin:.5rem 0;display:flex}label.form-field+label.form-field{margin-top:1rem}label.form-field>span{font-variation-settings:"GRAD" 100;margin:0 var(--text-margin);margin-bottom:.1rem;font-size:.85rem;font-weight:450;line-height:1.5}label.form-field:has([required])>span:after{content:" *";color:var(--colour-red-600)}label.form-field p{margin:0 var(--text-margin);color:var(--colour-grey-700);font-size:.8rem;line-height:1.5}label.form-field input,label.form-field textarea{background-color:var(--colour-grey-50);border:1px solid var(--colour-grey-200);border-radius:6px;padding:.5rem;font-family:inherit;font-size:.9rem}:is(label.form-field input,label.form-field textarea):focus-visible{border-color:var(--colour-accent-300);outline:3px solid var(--colour-accent-200)}:is(label.form-field input,label.form-field textarea):disabled{background-color:var(--colour-grey-100);border-color:var(--colour-grey-300);color:var(--colour-grey-950);cursor:not-allowed;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E")}label.form-field:has(>input[type=checkbox]){grid-template-columns:auto 1fr;align-items:center;display:grid}label.form-field:has(>input[type=checkbox])>input{grid-column:1}label.form-field:has(>input[type=checkbox])>.label{grid-area:1/2;margin:0}label.form-field:has(>input[type=checkbox])>.flavour{grid-area:2/2;margin:0}.popover-menu{--backdrop:0;transform:translateX(var(--x)) translateY(var(--y));position:fixed;top:0;left:0}.popover-menu.anchor-right{transform:translateX(calc(var(--x) - 100%)) translateY(var(--y))}.popover-menu{perspective:75rem;background-color:#0000;border:0;margin:0;padding:0;overflow:visible}.popover-menu>div.innards{z-index:1;border:1px solid var(--colour-grey-200);box-shadow:0px 2px 8px var(--colour-grey-200);transform-origin:0 0;background-color:#fff;border-radius:6px;position:relative}.anchor-right :is(.popover-menu>div.innards){transform-origin:100% 0}.popover-menu>div.innards ul{width:max-content;margin:0;padding:.25rem;list-style:none;display:grid}.popover-menu::backdrop{opacity:0}.popover-menu div.scrim{top:calc(var(--y) * -1);left:calc(var(--x) * -1);z-index:0;background-color:#00000040;width:100vw;height:100vh;position:fixed}.menu-item>button{width:100%;font:inherit;font-variation-settings:"GRAD" 100;color:var(--colour-grey-800);cursor:pointer;background-color:#0000;border:none;border-radius:4px;align-items:center;gap:.375rem;padding:.375rem 1rem .375rem .375rem;font-size:.85rem;font-weight:400;display:flex}.menu-item>button svg{width:16px;height:16px}.menu-item>button.destructive{color:var(--colour-red-700)}.menu-item>button.destructive:hover{color:var(--colour-red-800)}.menu-item>button:hover{background-color:var(--colour-grey-50);color:var(--colour-grey-950)}.menu-item>button:active{background-color:var(--colour-grey-100)}.message-list{grid-template-rows:auto 1fr auto;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));justify-content:center;gap:0 .5rem;height:100vh;max-height:100vh;display:grid;container-type:inline-size}.message-list>ul.messages{grid-column:1/-1;grid-template-columns:subgrid;grid-template-rows:1fr;grid-auto-rows:max-content;row-gap:.25rem;margin:0;padding:.5rem 0;font-size:.9rem;list-style:none;display:grid;overflow:hidden auto}.message-list>ul.messages>li{grid-template-columns:subgrid;grid-column:1/-1;align-items:baseline;padding:.125rem .75rem;display:grid}@container (width<42rem){.message-list>ul.messages>li{flex-direction:column;padding:.25rem .75rem;display:flex}.message-list>ul.messages>li span{line-height:1.2}}.message-list>ul.messages>li ::selection{background-color:var(--selection);color:#fff}.message-list>ul.messages>li div.left-bit{grid-column:1;align-items:baseline;gap:.25rem;padding:.15rem 0;display:inline-flex;position:sticky;top:0}.message-list>ul.messages>li span.action{font-variation-settings:"GRAD" -50;height:0;color:var(--colour-grey-700);-webkit-user-select:none;user-select:none;align-self:center;margin-top:.6rem;font-size:2rem;font-weight:300;line-height:0;display:block;overflow:visible}.message-list>ul.messages>li .name.gone{font-variation-settings:"GRAD" 0;color:color-mix(in srgb, var(--colour) 40%, var(--colour-grey-700));font-weight:400}.message-list>ul.messages>li .name.gone>svg{color:var(--colour-grey-700);align-self:center}li:hover :is(.message-list>ul.messages>li .name.gone){color:var(--colour)}.message-list>ul.messages>li time{font-variation-settings:"GRAD" 100;font-variant-numeric:tabular-nums;color:var(--colour-grey-500);margin-right:auto;font-size:.7rem}.message-list>ul.messages>li>p{color:var(--colour-grey-950);overflow-wrap:break-word;white-space:pre-line;grid-column:2/-2;margin:0;line-height:1.6}.message-list>ul.messages>li:hover{background-color:color-mix(in srgb, var(--hover), transparent 50%)}.message-list.comfy ul.messages>li{border-radius:4px;flex-direction:column;grid-column:2/-2;margin:0 -1rem;padding:0 1rem;display:flex}.message-list.comfy ul.messages>li .left-bit{flex-direction:row-reverse;gap:.5rem}.message-input{grid-column:1/-1;grid-template-columns:subgrid;min-height:3.75rem;color:var(--colour-grey-900);--radius:8px;--bg:var(--colour-grey-50);--border:1px solid var(--colour-grey-200);border-top:1px solid #0000;gap:0;margin-top:0;padding:.5rem 0 .75rem;display:grid}@container (width<52rem){.message-input{margin:0 .75rem;display:flex}.message-input .input{flex:1}}.message-input.scrolled{border-color:var(--colour-grey-100)}.message-input .input{background-color:var(--bg);border:var(--border);border-left:none;border-right:none;grid-column:2/-2;position:relative}.message-input .command-ghost{background-color:var(--colour-accent-200);z-index:0;color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:4px;align-items:center;height:max-content;margin:.75ch -.2rem;padding:.25rem .2rem;font-size:.85rem;display:flex;position:absolute;top:0}.message-input input{z-index:1;width:100%;height:100%;font:inherit;background-color:#0000;border:none;padding-left:.25rem;font-size:.85rem;position:relative}.message-input input:focus-visible{outline:none}.message-input .input,.message-input .prefix,.message-input .suffix{position:relative}.message-input button{font:inherit}.message-input button:hover{background-color:var(--colour-grey-100);cursor:pointer}.message-input:has(:focus-visible){--width:4px;--border2:var(--width) solid var(--colour-accent-200);--radius2:calc(var(--radius) + var(--width) - 1px);--border:1px solid var(--colour-accent-300)}.message-input:has(:focus-visible) .input:before,.message-input:has(:focus-visible) .prefix:before,.message-input:has(:focus-visible) .suffix:before{content:"";top:calc(var(--width) * -1);left:calc(var(--width) * -1);right:calc(var(--width) * -1);bottom:calc(var(--width) * -1);border:var(--border2);pointer-events:none;z-index:-1;position:absolute}.message-input:has(:focus-visible) .input:before{border-left:none;border-right:none;border-radius:0}.message-input:has(:focus-visible) .prefix:before{border-radius:var(--radius2) 0 0 var(--radius2);border-right:none}.message-input:has(:focus-visible) .suffix:before{border-radius:0 var(--radius2) var(--radius2)0;border-left:none}.message-input .prefix,.message-input .suffix{color:var(--colour-grey-800);justify-content:center;align-items:start;width:2.5rem;padding-top:.55rem}.message-input .prefix{border-radius:var(--radius) 0 0 var(--radius);background-color:var(--bg);border:var(--border);border-right:none;justify-self:end;height:100%;display:flex}.message-input .suffix{border-radius:0 var(--radius) var(--radius) 0;background-color:var(--bg);border:var(--border);border-left:none;justify-self:start;height:100%;display:flex}.input-error{grid-column:1/-1;grid-template-columns:subgrid;background-color:var(--colour-red-100);font-variation-settings:"GRAD" 100;color:var(--colour-red-900);align-items:center;margin:0;font-size:.8rem;font-weight:500;display:grid}.input-error span{grid-column:2/-3;padding:.25rem 0}.input-error svg{justify-self:end;width:10px;height:10px}.input-error button{font:inherit;color:inherit;cursor:pointer;background-color:#0000;border:none;justify-self:end;align-items:center;gap:.25rem;width:max-content;height:100%;margin:0 -1rem;padding:0 1rem;font-weight:400;display:flex}.input-error button svg{width:12px;height:12px}.input-error button:hover{background-color:var(--colour-red-200)}.channel-header{border-bottom:1px solid var(--colour-grey-100);grid-column:1/-1;align-items:center;gap:.5rem;padding:.725rem 1rem;display:flex}.channel-header .text{align-items:baseline;gap:.5rem;display:flex}.channel-header h1{color:var(--colour-grey-950);margin:0;font-size:.9rem;font-weight:500}.channel-header p{color:var(--colour-grey-800);white-space:nowrap;text-overflow:ellipsis;max-width:52.5vw;margin:0;font-size:.8rem;overflow:hidden}.channel-header .icon-button svg{width:16px;height:16px}.channel-header .icon-button:first-of-type{margin-left:auto}.message-list-start{grid-template-columns:subgrid;grid-column:1/-1;grid-auto-rows:max-content;place-content:end start;height:100%;padding-top:8rem;padding-bottom:1rem;display:grid}.message-list-start>*{grid-column:2/-2}.message-list-start b{font-variation-settings:"GRAD" 100;color:var(--colour-grey-800);font-size:1rem;font-weight:500}.message-list-start .subtitle{color:var(--colour-grey-700);margin-top:.5rem;font-size:.85rem}.message-list-start .chathistory-warning{color:var(--colour-weezer-800);font-variation-settings:"GRAD" 100;align-items:center;gap:.25rem;margin:0;font-size:.8rem;font-weight:400;display:flex}.message-list-start .chathistory-warning svg{width:8px;height:8px}.messages.skeleton li span,.messages.skeleton li p{background-color:var(--colour-grey-100);width:max-content;max-width:100%;display:inline;color:#0000!important}.date-sep{white-space:nowrap;font-variation-settings:"GRAD" 100;color:var(--colour-grey-600);grid-column:1/-1;align-items:center;gap:.5rem;margin:0 1rem 0 .5rem;font-size:.75rem;display:flex}.date-sep:before{content:"";background-color:var(--colour-grey-200);width:100%;height:1px;display:block}.unread-sep{-webkit-user-select:none;user-select:none;grid-column:1/-1;align-items:center;margin:0 1rem 0 .5rem;display:flex}.unread-sep span{background-color:var(--colour-accent-700);color:var(--colour-accent-50);font-variation-settings:"GRAD" 150;white-space:nowrap;border-radius:1px;margin:-.25rem 0;padding:.1rem .25rem;font-size:.75rem;font-weight:400}.unread-sep:before{content:"";background-color:var(--colour-accent-600);width:100%;height:1px;display:block}.unread-banner{grid-column:1/-1;grid-template-columns:subgrid;background-color:var(--colour-accent-100);color:var(--colour-grey-700);padding:.25rem;font-size:.8rem;font-weight:500;display:grid}.unread-banner .number{font-variation-settings:"GRAD" 100;background-color:var(--colour-accent-600);color:#fff;border-radius:2px;place-content:center;justify-self:end;align-items:center;min-width:1rem;height:100%;padding:0 .15rem;display:flex}article.settings{grid-template-columns:0 minmax(1fr, 56rem) 0;gap:0 .5rem;padding-bottom:2rem;display:grid;container-type:inline-size}article.settings h1{text-align:center;color:var(--colour-grey-900);grid-column:1/span 3;margin-top:.4em;margin-bottom:.5em}article.settings hgroup{flex-direction:column;grid-column:1/span 3;align-items:center;width:max-content;margin:6vw auto 8vw;display:flex}article.settings hgroup h1{text-align:center;-webkit-user-select:none;user-select:none;margin:0;font-size:12vw;font-style:italic;font-weight:100;line-height:.7}article.settings hgroup b{z-index:1;font-variation-settings:"GRAD" 100;font-weight:900}article.settings h2{width:max-content;color:var(--colour-grey-200);-webkit-user-select:none;user-select:none;z-index:-1;letter-spacing:-.025em;grid-column:1/span 3;margin:1rem 1rem -.4em;font-size:6vw;font-style:italic;font-weight:200}article.settings div.sep{white-space:nowrap;letter-spacing:.5rem;-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;display:flex}article.settings div.sep:before,article.settings div.sep:after{content:"";background-color:var(--colour-grey-200);width:100%;height:1px}article.settings div.sep{grid-column:1/span 3}article.settings div.panel{z-index:1;border:1px solid var(--colour-grey-200);background-color:#fff;border-radius:6px;grid-column:2;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:56rem;padding:.5rem;display:grid;position:relative}@container (width<=48rem){article.settings div.panel{grid-template-columns:1fr}}article.settings div.panel p.intro{color:var(--colour-grey-700);grid-area:1/1/auto/-1;margin:0}article.settings section{grid-column:1/span 3;grid-template-columns:subgrid;display:grid}article.settings section>table{z-index:1;text-align:left;border:1px solid var(--colour-grey-200);border-spacing:0;border-radius:4px;grid-column:2;margin:auto;font-size:.9rem;position:relative}article.settings section>table th,article.settings section>table td{padding:.5rem}article.settings section>table th{font-variation-settings:"GRAD" 100;font-weight:500}article.settings section>table thead{background-color:var(--colour-grey-100);border-bottom:1px solid var(--colour-grey-200);font-style:italic}article.settings fieldset legend{font-variation-settings:"GRAD" 100;margin-bottom:.5rem;padding:0;font-size:.95rem;font-weight:450}fieldset.colour-select{border:none;flex-wrap:wrap;gap:2px;width:max-content;margin:0;padding:0;display:flex}fieldset.colour-select label{background-color:var(--colour);aspect-ratio:1;color:#0000;-webkit-user-select:none;user-select:none;cursor:pointer;height:2.5rem;position:relative;overflow:hidden}fieldset.colour-select label input{clip:rect(0, 0, 0, 0);position:absolute}fieldset.colour-select label:has(:focus-visible){outline:4px solid var(--colour-accent-400)}fieldset.colour-select label:not(:has(:checked)):hover{background-color:var(--hover)}fieldset.colour-select label:has(:checked){z-index:1;border-radius:100%}fieldset.colour-select label:has(:checked):after{aspect-ratio:1;content:"";background-color:#fff;border-radius:100%;height:1rem;margin:auto;position:absolute;inset:0}fieldset.colour-select label:first-of-type:not(:has(:checked)){border-radius:6px 0 0 6px}fieldset.colour-select label:last-of-type:not(:has(:checked)){border-radius:0 6px 6px 0}fieldset.comfy-compact-dichotomy{border:0;grid-template-columns:1fr 1fr;gap:1rem;margin:0 1rem 0 0;padding:0;display:grid}fieldset.comfy-compact-dichotomy label{cursor:pointer}fieldset.comfy-compact-dichotomy label:hover:not(:has(:checked)) .preview{border-color:var(--colour-grey-300)}fieldset.comfy-compact-dichotomy input{clip:rect(0, 0, 0, 0);margin:0;position:absolute}fieldset.comfy-compact-dichotomy figure{margin:0}fieldset.comfy-compact-dichotomy figcaption{text-align:center;color:var(--colour-grey-700);margin:.25rem 0;font-size:.85rem;font-style:italic;font-weight:500}fieldset.comfy-compact-dichotomy .preview{border:4px solid var(--colour-grey-200);-webkit-user-select:none;user-select:none;border-radius:4px;gap:.25rem;width:100%;height:4rem;padding:.75rem;font-size:.85rem;display:flex}fieldset.comfy-compact-dichotomy .preview .name{font-variation-settings:"GRAD" 100;color:var(--colour-accent-700);font-weight:500}fieldset.comfy-compact-dichotomy .preview.compact{justify-content:center;align-items:center}fieldset.comfy-compact-dichotomy .preview.comfy{flex-direction:column;justify-content:center}fieldset.comfy-compact-dichotomy .preview p{margin:0}fieldset.comfy-compact-dichotomy :has(:checked) figcaption{font-variation-settings:"GRAD" 100;color:var(--colour-grey-900)}fieldset.comfy-compact-dichotomy :has(:checked) .preview{border-color:var(--colour-accent-400)}fieldset.comfy-compact-dichotomy :has(:focus-visible) .preview{outline:4px solid var(--colour-accent-200)}.join-channel{grid-auto-rows:max-content;display:grid}.join-channel section{--max-width:36rem;padding:2rem calc((100% - var(--max-width)) / 2)}.join-channel section:first-of-type{border-bottom:1px solid var(--colour-grey-100)}.join-channel h2{margin-top:1.5rem;margin-bottom:0;font-size:1.25rem;font-weight:400}.join-channel p,.join-channel form{margin-top:.5rem}.join-channel form{flex-direction:column;margin:2rem auto 0;display:flex}.network-info{--width:56rem;width:100%;padding:0 1rem;padding:0 max(1rem, calc((100% - var(--width)) / 2));grid-template-columns:2fr 1fr;grid-auto-rows:max-content;gap:1.5rem;margin:auto;padding-bottom:6rem;display:grid}@media screen and (width<=56rem){.network-info{grid-template-columns:1fr}.network-info *{grid-column:1!important}.network-info .right{grid-row:2}.network-info .left{grid-row:3;margin-top:4rem}}.network-info .left{grid-column:1}.network-info .right{grid-column:2}.network-info hgroup{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:.5rem;height:12rem;display:flex;position:relative}.network-info hgroup h1{font-variation-settings:"GRAD" 50;text-align:center;color:var(--colour-grey-700);grid-column:1/-1;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:150;font-stretch:200%}.network-info hgroup .status{text-align:center;color:var(--colour-grey-500);margin:0;font-size:clamp(.75rem,1.75vw,1rem);font-weight:500}.network-info hgroup .status.connected{color:var(--colour-ectoplasm-700)}.network-info .motd{grid-area:2/1/auto/span 2;margin-top:-1.1rem;position:relative}.network-info .motd pre{background-color:var(--colour-grey-50);white-space:pre-line;border-radius:8px;margin-top:.75rem;padding:.75rem}.network-info .motd button{width:max-content;margin:auto;position:absolute;bottom:-2.5rem;left:0;right:0}.network-info .motd:not(.expanded) button{bottom:1rem}.network-info .motd:not(.expanded) pre{max-height:12rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.network-info .motd.expanded pre{margin-bottom:4rem}