:root{--bg:#0a0a0a;--fg:#d0d0d0;--dim:#767676;--faint:#262626;--ok:#3fb950;--busy:#d29922;--off:#f85149;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--fg);background:var(--bg);font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:15px}html,body,#app{background:var(--bg);height:100%;margin:0}*{box-sizing:border-box}::selection{background:#333}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}.center{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:24px;display:flex}.room .center{flex:1;min-height:0}.hint{min-height:1.3em;color:var(--dim);margin:0;font-size:13px}.plus{color:var(--dim);opacity:.45;font-size:44px;font-weight:200;line-height:1;transition:opacity .2s,color .2s}.plus:hover,.plus:focus-visible{opacity:1;color:var(--fg);outline:none}.name-input,.pin{font:inherit;color:var(--fg);border:0;border-bottom:1px solid var(--faint);text-align:center;background:0 0;outline:none;padding:6px 0}.name-input{width:min(90vw,40ch);font-size:20px}.pin{-webkit-text-security:disc;letter-spacing:.4em;width:12ch;padding-left:.4em;font-size:28px}.pin-form{align-items:center;display:flex;position:relative}.go{color:var(--fg);opacity:.75;margin-left:12px;padding:6px 8px;font-size:24px;line-height:1;transition:opacity .15s;position:absolute;left:100%}.go:hover{opacity:1}.go:disabled{opacity:0;pointer-events:none}.name-input:focus,.pin:focus{border-bottom-color:var(--dim)}.pin::placeholder,.name-input::placeholder{color:var(--faint);letter-spacing:normal;font-size:16px}.recent{flex-direction:column;align-items:center;gap:6px;margin:28px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.recent a{color:var(--dim)}.recent a:hover{color:var(--fg)}.room{flex-direction:column;height:100dvh;display:flex}header{color:var(--dim);padding:12px 16px 0;font-size:13px}.bar{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}header .name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:0 auto;min-width:0;overflow:hidden}.bar>.dot,.bar>.tag,.bar>.notice{white-space:nowrap;flex:none}header .name:hover{color:var(--fg)}.dot{background:var(--dim);border-radius:50%;flex:none;width:6px;height:6px}.dot-ok{background:var(--ok)}.dot-busy{background:var(--busy)}.dot-off{background:var(--off)}.notice{color:var(--busy)}.tag{color:var(--dim);border:1px solid var(--faint);border-radius:3px;padding:0 5px}.view-input{font:inherit;color:var(--fg);border:0;border-bottom:1px solid var(--dim);text-align:center;letter-spacing:.2em;background:0 0;outline:none;width:7ch;font-size:16px}.view-input::placeholder{color:var(--faint);letter-spacing:normal}nav{white-space:nowrap;opacity:.5;flex:none;align-items:center;gap:16px;margin-left:auto;transition:opacity .2s;display:flex}nav:hover{opacity:1}nav button:hover,nav .active,.strip button:hover{color:var(--fg)}.strip{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px;padding-top:10px;display:flex}.strip .danger,.strip .danger:hover{color:var(--off)}.remember{color:var(--dim);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.remember input{accent-color:var(--dim);margin:0}textarea{resize:none;width:100%;color:var(--fg);font:inherit;caret-color:var(--fg);background:0 0;border:0;outline:none;flex:1;padding:16px max(16px,50vw - 40ch) 40vh;font-size:16px;line-height:1.65}textarea::placeholder{color:var(--faint)}