@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.about.panel{align-items:center;max-width:600px;margin-left:auto;margin-right:auto;padding:16px;display:flex}.about p{text-indent:5%}.content{width:100%;height:calc(100% - 49px);position:relative}.overlay{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;height:100%;padding:8px;display:flex;position:absolute;top:0;left:0}.overlay>*{pointer-events:auto}.column{flex-flow:column;flex-shrink:0;gap:8px;width:240px;display:flex}.user{width:100%;min-width:0;max-width:100%}.user.hover-button{background:0 0;background-color:color-mix(in srgb, currentColor 10%, transparent);align-items:start}.user.hover-button:hover{background:0 0;background-color:color-mix(in srgb, currentColor 25%, transparent)}.user-dot{background-color:currentColor;border-radius:50%;flex-shrink:0;width:.8em;height:.8em;margin-top:2.5px;margin-right:2px}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:1em;font-weight:500;overflow:hidden}.session-name{font-size:16px;font-weight:700}.share-session{padding-left:6px}.share-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0004;width:100%;height:100%;position:fixed;top:0;left:0}.share-content{zoom:2;align-items:center;gap:12px;padding:16px 24px;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}.share-image{border-radius:6px;max-width:128px}.socket-status{text-align:center;border-radius:6px;align-self:center;padding:4px 12px}.socket-status.state-3{color:#f88c;background-color:#f002;border:1px solid #f004}.socket-status.state-0,.socket-status.state-2{color:#fc8c;background-color:#f802;border:1px solid #f804}.socket-status.state-1{color:#8f8c;background-color:#0f02;border:1px solid #0f04}.node-popup{z-index:99;width:max-content;position:absolute;top:0;left:0}.node-popup .panel{max-width:300px;font-weight:600}.node-popup .row{width:100%}.popup-content.hover-button{text-align:left;justify-content:start;gap:8px;width:100%;padding:4px 0}.popup-content.hover-button:hover{padding:4px}.list-view{flex-shrink:unset;width:min(100%,600px);height:100%}.list-view .panel{height:100%}.list-level .row{align-items:stretch}.popup-content .user,.list-level .user{flex-shrink:0}.vote-button *{font-variant-numeric:tabular-nums}.header-body{z-index:99;background:linear-gradient(#202020f0,#181818f0);border-bottom:1px solid #333;justify-content:center;padding:8px;font-weight:500;display:flex;position:relative;box-shadow:0 1px 2px #0004}.header-list{align-items:center;gap:12px;list-style:none;display:flex}.header-button{color:inherit;border:none;padding:6px 8px;font-weight:700}.header-content{z-index:99;width:max-content;position:absolute;top:48px}.session-list{max-width:200px;list-style-type:none}.session-list ol{max-width:100%}.session-list .hover-button{text-align:start;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.header-button .user{pointer-events:none}.account-panel{min-width:120px}.login{zoom:1.125;align-items:center;gap:12px;padding:16px 24px;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%)}.login .toggle-body{margin-bottom:12px}.home{flex-flow:row;justify-content:center;align-items:flex-start;gap:12px;width:100%;height:100%;padding:24px;display:flex}.home .panel{align-items:center}.room-list{width:400px;height:100%;overflow-y:auto}.room-form{width:300px;min-height:50%}h2{margin-bottom:8px;font-size:18px;font-weight:600}.hover-button.room-card{flex-flow:row;justify-content:space-between;width:100%;padding:8px 12px}.hover-button.room-card .title{color:#ccc;font-size:16px;font-weight:500}.hover-button.room-card .row{flex-wrap:wrap;justify-content:start;gap:4px}.hover-button.room-card .date{color:#888}.hover-button.room-card .description{white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.room-card .hover-button{opacity:0;pointer-events:none;height:38px;transition:opacity .15s ease-out}.room-card:hover .hover-button{opacity:1;pointer-events:auto}*{margin:0;padding:0;font-family:Inter}body{color:#bbb;background-color:#222;padding:0;font-size:14px;overflow:hidden}#root{flex-flow:column;width:100vw;height:100vh;display:flex;position:relative}::-webkit-scrollbar{background-color:#0000;width:8px}::-webkit-scrollbar-thumb{background-color:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#666}.panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#202020f0,#181818f0 80px);border:1px solid #333;border-radius:6px;flex-flow:column;gap:4px;padding:8px 12px;font-weight:500;display:flex;box-shadow:0 0 8px #0006}.panel-title{color:#aaa}.panel p{white-space:pre-line}.hover-button{cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content;color:inherit;font:inherit;background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;text-decoration:none;transition:background-color .15s ease-out,filter .15s ease-out,transform .15s ease-out,padding .15s ease-out;display:flex}.hover-button:disabled{pointer-events:none;cursor:initial}.hover-button:hover,.hover-button.active,.hover-button[data-state=on],.hover-button[data-state=open],.hover-button[data-state=active]{background:linear-gradient(#333,#262626);box-shadow:0 1px 2px #0004}.hover-button:hover{transform:translateY(-2px)}.hover-button.active:hover,.hover-button:hover[data-state=on],.hover-button:hover[data-state=open],.hover-button:hover[data-state=active]{filter:brightness(1.15);background:linear-gradient(#333,#262626);box-shadow:0 4px 4px #0002}.hover-button:active{transition:all 50ms;transform:none;box-shadow:inset 0 1px 2px #0004}.separator{background-color:#333;height:1px;margin-bottom:2px}.separator-v{background-color:#333;flex-shrink:0;align-self:stretch;width:2px;height:100%;min-height:36px;margin-left:6px;margin-right:6px}.toggle-body{background-color:#181818f0;border:1px solid #333;flex-flow:row;gap:4px;padding:6px}.toggle-button{color:#bbb;width:100%;padding:4px 8px;font-weight:500}.collapse-button[data-state=open]{box-shadow:none;background:0 0}.row{justify-content:space-between;align-items:center;gap:4px;display:flex}.col{flex-direction:column;gap:4px;display:flex}.form{flex-flow:column;align-items:center;gap:12px;width:100%;display:flex}.form input,.form textarea{width:100%;color:inherit;resize:vertical;background-color:#222;border:1px solid #333;border-radius:6px;outline:none;padding:6px 12px;transition:background-color .1s ease-out,border .1s ease-out;box-shadow:inset 2px 2px 6px #0002}.form textarea{field-sizing:content;min-height:100px}.form input:focus-visible,.form textarea:focus-visible{background-color:#333;border:1px solid #555}.form button{width:100%;padding:8px 24px}.form-message{text-align:center;color:#f88c;background-color:#f002;border:1px solid #f004;border-radius:6px;width:100%;padding:6px 12px}