@font-face{font-family:Neucha;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/neucha-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Neucha;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/neucha-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+2122,U+2212}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+2122,U+2212}:root{--desk:#131519;--paper:#1c1f24;--paper-raised:#23272e;--paper-hover:#2b3038;--ink:#ece5d8;--ink-soft:#a8a294;--ink-faint:#8d8779;--line:#4b463c;--line-soft:#302e29;--shadow:#0b0c0f;--lift-sm:3px 3px 0 var(--shadow);--lift:5px 5px 0 var(--shadow);--accent:#ff5c5c;--accent-hi:#ff7d7d;--marker:#ffd75e;--speaking:#86d992;--danger:#ff5c5c;--warn:#ffd75e;--r-sheet:20px 28px 22px 26px / 26px 20px 28px 22px;--r-box:12px 6px 14px 8px / 8px 14px 6px 12px;--r-btn:14px 7px 16px 9px / 9px 16px 7px 14px;--r-pill:30px 40px 34px 44px / 44px 34px 40px 30px;--r-blob:56% 44% 60% 40% / 44% 58% 42% 56%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--accent)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--desk);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background-image:linear-gradient(#ece5d808 1px,#0000 1px),linear-gradient(90deg,#ece5d808 1px,#0000 1px);background-size:26px 26px;font:17px/1.45 Neucha,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;font-family:Caveat,Neucha,cursive;font-size:27px;font-weight:700;line-height:1.1}.splash{height:100%;color:var(--ink-soft);place-items:center;font-family:Caveat,cursive;font-size:40px;display:grid}.login{place-items:center;height:100%;padding:20px;display:grid}.login__card{background:var(--paper);border:3px solid var(--line);border-radius:var(--r-sheet);width:min(400px,100%);box-shadow:8px 8px 0 var(--shadow);padding:24px;transform:rotate(-.5deg)}.login__input{background:var(--desk);border:2px solid var(--line);border-radius:var(--r-box);width:100%;margin-bottom:14px;padding:9px 12px;display:block;box-shadow:inset 2px 2px #00000040}.login__error{color:var(--danger);margin:0 0 12px;transform:rotate(-.7deg)}.login__submit{background:var(--accent);border:2px solid var(--ink);border-radius:var(--r-btn);width:100%;box-shadow:4px 4px 0 var(--shadow);color:#1a1113;cursor:pointer;margin-top:4px;padding:10px;font-family:Caveat,cursive;font-size:24px;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.login__submit:hover:not(:disabled){background:var(--accent-hi)}.login__submit:active:not(:disabled){box-shadow:1px 1px 0 var(--shadow);transform:translate(3px,3px)}.login__submit:disabled{opacity:.55;cursor:default}.app{height:100%}.pane{min-width:0;min-height:0;display:flex}.panel{background:var(--paper);border:2px solid var(--line);border-radius:var(--r-sheet);min-width:0;min-height:0;box-shadow:var(--lift);flex-direction:column;flex:1;display:flex}.panel__head{border-bottom:2px dashed var(--line-soft);flex:none;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 18px 10px;display:flex}.panel__count{color:var(--ink-soft);white-space:nowrap;font-size:15px}.banner{border-radius:var(--r-box);border:2px dashed;flex:none;margin:10px 12px 0;padding:7px 12px;font-size:15px}.banner--warn{color:var(--warn)}.banner--error{color:var(--danger)}.tabs{flex:none;gap:8px;padding:10px 10px 4px;display:none}.tabs__item{background:var(--paper);border:2px solid var(--line);border-radius:var(--r-btn);min-width:0;box-shadow:var(--lift-sm);color:var(--ink-soft);white-space:nowrap;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-family:Caveat,cursive;font-size:21px;font-weight:700;transition:transform 90ms ease-out,color 90ms ease-out;display:flex}.tabs__item:first-child{transform:rotate(-1deg)}.tabs__item:nth-child(3){transform:rotate(1deg)}.tabs__item.is-active{background:var(--paper-raised);border-color:var(--ink-soft);color:var(--ink)}.tabs__item.is-active:nth-child(2){transform:translateY(-1px)}.tabs__label{text-overflow:ellipsis;overflow:hidden}.members{flex:1;min-height:0;margin:0;padding:10px;list-style:none;overflow-y:auto}.member+.member{margin-top:2px}.member__row{border-radius:var(--r-box);text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.member__row:hover,.member--open .member__row{background:var(--paper-raised);border-color:var(--line)}.avatar{border:2px solid var(--ink);border-radius:var(--r-blob);width:36px;height:36px;box-shadow:2px 2px 0 var(--shadow);color:#16181c;flex:none;place-items:center;font-family:Caveat,cursive;font-size:21px;font-weight:700;transition:box-shadow 90ms ease-out,border-color 90ms ease-out;display:grid}.avatar--sm{width:30px;height:30px;font-size:18px}.avatar--speaking{border-color:var(--speaking);box-shadow:2px 2px 0 var(--shadow), 0 0 0 3px color-mix(in srgb, var(--speaking) 45%, transparent)}.member__nick{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.member__you{color:var(--ink-faint);margin-left:6px;font-size:14px}.member__icons{color:var(--ink-faint);flex:none;align-items:center;gap:6px;display:flex}.member__dot{background:var(--warn);border-radius:var(--r-blob);width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.member__volume-badge{border:2px solid var(--line);border-radius:var(--r-pill);font-variant-numeric:tabular-nums;padding:0 5px;font-size:13px;transform:rotate(-1.5deg)}.member__volume{color:var(--ink-soft);align-items:center;gap:8px;padding:4px 10px 10px 14px;display:flex}.member__volume input[type=range]{flex:1;min-width:0}.member__volume-value{font-variant-numeric:tabular-nums;text-align:right;width:46px;font-size:14px}.member__volume--hint{font-size:14px}.member__crown{color:var(--accent);vertical-align:-2px;margin-right:5px}.member__kick{border:2px solid var(--line);border-radius:var(--r-btn);color:var(--danger);cursor:pointer;background:0 0;flex:none;place-items:center;padding:4px 6px;display:grid}.member__kick:hover{background:color-mix(in srgb, var(--danger) 18%, transparent);border-color:var(--danger)}.member__kick:active{transform:translate(1px,1px)}.kicked__title{color:var(--danger);margin:0 0 8px}.kicked__text{color:var(--ink-soft);margin:0 0 16px}.audiobar{background:var(--paper-raised);border:2px solid var(--line);border-radius:var(--r-sheet);min-width:0;box-shadow:var(--lift);flex:none;align-items:center;gap:8px;padding:9px 10px;display:flex}.audiobar__me{flex-direction:column;flex:auto;min-width:0;display:flex}.audiobar__nick{text-overflow:ellipsis;white-space:nowrap;font-family:Caveat,cursive;font-size:21px;font-weight:700;line-height:1.15;overflow:hidden}.audiobar__state{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.15;overflow:hidden}.audiobar__meter{flex:0 84px;min-width:32px;height:10px;margin-bottom:0}.icon-btn{background:var(--paper);border:2px solid var(--line);border-radius:var(--r-btn);width:38px;height:38px;box-shadow:var(--lift-sm);color:var(--ink-soft);cursor:pointer;flex:none;place-items:center;transition:transform 80ms ease-out,box-shadow 80ms ease-out,color 80ms ease-out;display:grid}.icon-btn:hover{background:var(--paper-hover);color:var(--ink)}.icon-btn:active{box-shadow:0 0 0 var(--shadow);transform:translate(3px,3px)}.icon-btn--off{border-color:var(--accent);color:var(--accent)}.icon-btn--live{border-color:var(--speaking);color:var(--speaking)}.chat{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat__head{border-bottom:2px dashed var(--line-soft);flex:none;align-items:baseline;gap:8px;padding:12px 20px 10px;display:flex}.chat__hash{color:var(--accent);font-family:Caveat,cursive;font-size:30px;line-height:.9}.chat__title{background:linear-gradient(transparent 58%, color-mix(in srgb, var(--marker) 35%, transparent) 58%);padding:0 6px}.chat__subtitle{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.chat__list{overflow-wrap:anywhere;flex:1;min-height:0;padding:12px 20px;overflow-y:auto}.chat__empty{color:var(--ink-faint);transform:rotate(-.8deg)}.chat__divider{color:var(--ink-faint);align-items:center;margin:18px 0 10px;font-size:14px;display:flex}.chat__divider:before,.chat__divider:after{border-top:2px dashed var(--line-soft);content:"";flex:1;height:0}.chat__divider span{padding:0 10px}.msg{gap:12px;padding:3px 0;display:flex}.msg--grouped{padding:1px 0}.msg__inline-time{color:#0000;text-align:right;flex:none;width:30px;font-size:12px;line-height:26px}.msg:hover .msg__inline-time{color:var(--ink-faint)}.msg__body{min-width:0}.msg__meta{align-items:baseline;gap:8px;display:flex}.msg__nick{font-family:Caveat,cursive;font-size:21px;font-weight:700}.msg__meta time{color:var(--ink-faint);font-size:13px}.msg__text{white-space:pre-wrap;margin:0}.chat__composer{flex:none;gap:8px;padding:10px 16px 14px;display:flex}.chat__composer input{background:var(--desk);border:2px solid var(--line);border-radius:var(--r-pill);flex:1;min-width:0;padding:9px 14px;box-shadow:inset 2px 2px #00000040}.chat__composer button{background:var(--accent);border:2px solid var(--ink);border-radius:var(--r-btn);width:46px;box-shadow:var(--lift-sm);color:#1a1113;cursor:pointer;flex:none;place-items:center;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:grid}.chat__composer button:active:not(:disabled){box-shadow:0 0 0 var(--shadow);transform:translate(3px,3px)}.chat__composer button:disabled{background:var(--paper-raised);border-color:var(--line);color:var(--ink-faint);cursor:default}.settings{flex:1;min-height:0;padding:16px;overflow-y:auto}.field{margin-bottom:20px}.field label,.field__label{color:var(--ink-soft);margin-bottom:6px;font-family:Caveat,cursive;font-size:21px;font-weight:700;display:block}.field label b,.field__label b{color:var(--marker);font-variant-numeric:tabular-nums}.field select,.field>input[type=text],.field>input:not([type]){background:var(--desk);border:2px solid var(--line);border-radius:var(--r-box);width:100%;padding:8px 10px}.field select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a8a294' stroke-width='2' stroke-linecap='round'><path d='M5.5 9c2.2 2.1 4.4 4.2 6.6 6.35 2.15-2.15 4.3-4.3 6.4-6.5'/></svg>");background-position:right 6px center;background-repeat:no-repeat;padding-right:30px}.field--row{gap:20px;display:flex}.field--row label{align-items:center;gap:8px;margin:0;font-family:Neucha,sans-serif;font-size:17px;font-weight:400;display:flex}.hint{color:var(--ink-faint);margin:7px 0 0;font-size:14px}.segmented{gap:6px;display:flex}.segmented button{background:var(--desk);border:2px solid var(--line);border-radius:var(--r-btn);min-width:0;color:var(--ink-soft);cursor:pointer;flex:1;padding:7px 4px;font-size:15px;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.segmented button:hover{color:var(--ink)}.segmented button.is-active{background:var(--paper-raised);border-color:var(--accent);box-shadow:3px 3px 0 color-mix(in srgb, var(--accent) 45%, transparent);color:var(--ink);transform:rotate(-.8deg)}.keybind{background:var(--desk);border:2px dashed var(--line);border-radius:var(--r-box);cursor:pointer;width:100%;padding:9px;font-family:Caveat,cursive;font-size:22px;font-weight:700}.keybind:hover{border-color:var(--ink-soft)}.meter{background:var(--desk);border:2px solid var(--line);border-radius:var(--r-pill);height:12px;margin-bottom:10px;position:relative;overflow:hidden}.meter__fill{background:var(--ink-faint);height:100%;transition:width 60ms linear}.meter--live .meter__fill{background:var(--speaking)}.meter__mark{background:var(--accent);width:3px;height:100%;position:absolute;top:0}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:var(--r-pill);height:5px}input[type=range]::-webkit-slider-thumb{background:var(--ink);border:2px solid var(--desk);border-radius:var(--r-blob);width:19px;height:19px;box-shadow:2px 2px 0 var(--shadow);appearance:none;margin-top:-7px}input[type=range]::-moz-range-track{background:var(--line);border-radius:var(--r-pill);height:5px}input[type=range]::-moz-range-thumb{background:var(--ink);border:2px solid var(--desk);border-radius:var(--r-blob);width:19px;height:19px;box-shadow:2px 2px 0 var(--shadow)}input[type=checkbox]{background:var(--desk);border:2px solid var(--line);border-radius:var(--r-box);appearance:none;cursor:pointer;flex:none;place-items:center;width:22px;height:22px;display:grid}input[type=checkbox]:after{border-bottom:3px solid var(--marker);border-left:3px solid var(--marker);content:"";opacity:0;width:12px;height:7px;transition:opacity 90ms ease-out;transform:rotate(-46deg)skew(-6deg)translate(1px,-2px)}input[type=checkbox]:checked{border-color:var(--ink-soft)}input[type=checkbox]:checked:after{opacity:1}:focus-visible{outline:2px dashed var(--marker);outline-offset:2px}input:focus-visible,select:focus-visible{border-color:var(--ink-soft);outline:none}::placeholder{color:var(--ink-faint)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--paper);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}@media (width>=900px){.app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:20% 60% 20%;display:grid}.pager{display:contents}.tabs{display:none}.pane--people{grid-area:1/1/2/2;padding:14px 7px 7px 14px}.pane--chat{grid-area:1/2/3/3;padding:14px 7px}.pane--settings{grid-area:1/3/3/4;padding:14px 14px 14px 7px}.audiobar{grid-area:2/1/3/2;margin:0 7px 14px 14px}.pane--settings .panel{overflow:hidden}}@media (width<=899px){.app{flex-direction:column;height:100dvh;display:flex}.tabs{display:flex}.pager{scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;scrollbar-width:none;flex:1 1 0;min-height:0;overflow-y:auto}.pager::-webkit-scrollbar{display:none}.pane{scroll-snap-align:start;scroll-snap-stop:always;height:100%;padding:6px 10px 8px}.audiobar{padding-bottom:max(9px, env(safe-area-inset-bottom));margin:0 10px 8px}.panel__head,.chat__head,.chat__list{padding-inline:14px}.chat__composer{padding:8px 12px 12px}.settings{padding:14px}}.chat__list,.members,.settings{overscroll-behavior:contain}@media (prefers-reduced-motion:reduce){.pager{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}