:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px}*{box-sizing:border-box}body{color:#fff;background:#000;margin:0}#app{max-width:720px;margin:0 auto;padding:24px 16px 64px}h1{letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px;font-size:1.1rem}.row{align-items:center;gap:8px;display:flex}button,input{font:inherit;color:#fff;background:#000;border:1px solid #fff;padding:6px 10px}button{cursor:pointer}button:hover:not(:disabled){color:#000;background:#fff}button:disabled{color:#666;cursor:default;border-color:#666}input{flex:1}ul{margin:0;padding:0;list-style:none}li{border:1px solid #fff;justify-content:space-between;align-items:center;gap:12px;margin-bottom:-1px;padding:8px 10px;display:flex}li.action{padding:0}.user{text-align:left;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 10px;display:flex}.user:hover{color:#000;background:#fff}.user:hover .muted{color:#000}.muted{color:#999;font-size:.85rem}.error{border:1px solid #fff;margin:12px 0;padding:8px 10px}.head{justify-content:space-between;align-items:baseline;gap:12px;margin:24px 0 12px;display:flex}.spacer{flex:1}.back{background:0 0;border:none;padding:0;text-decoration:underline}.back:hover{color:#999;background:0 0}.upload{border:1px solid #fff;flex-direction:column;gap:8px;margin:16px 0;padding:10px;display:flex}.file{flex:none;width:100%}.who{flex-direction:column;gap:2px;display:flex}.msg{color:#999;white-space:pre-wrap;font-size:.8rem}.user:hover .msg{color:#000}.message{border:1px solid #fff;flex-direction:column;gap:8px;margin:16px 0;padding:10px;display:flex}textarea{font:inherit;color:#fff;resize:vertical;background:#000;border:1px solid #fff;width:100%;padding:6px 10px}.key{word-break:break-all;border:1px solid #fff;padding:8px 10px}