@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";:root{--cli-bg:#0a0a0a;--cli-fg:#fff;--cli-dim:#ccc;--cli-err:#f33;--cli-system:#aaa}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;background-color:var(--cli-bg);color:var(--cli-fg);width:100%;height:100dvh;margin:0;padding:0;font-family:JetBrains Mono,monospace;line-height:1.4;position:fixed;inset:0;overflow:hidden}#app{box-sizing:border-box;flex-direction:column;width:100%;max-width:800px;margin:0 auto;padding:1rem;display:flex;position:absolute;inset:0}.panel{flex-direction:column;display:flex}#setup{border-bottom:1px dashed var(--cli-dim);padding-bottom:env(safe-area-inset-bottom);flex:none;margin-bottom:1rem;display:none}.setup-title{text-transform:uppercase;margin-bottom:1rem;font-size:1rem;font-weight:700}.share-row{white-space:nowrap;flex-flow:row;align-items:center;gap:.2rem;margin-bottom:.5rem;display:flex}@media (width<=420px){.share-row button,.app-title,#users-count{font-size:.7rem!important}.share-row{gap:.1rem}}.share-row input{color:var(--cli-fg);background:0 0;border:none;outline:none;flex:1;font-family:JetBrains Mono,monospace;font-size:.9rem}.share-row button{color:var(--cli-fg);cursor:pointer;background:0 0;border:none;padding:.2rem 0;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.share-row button:active{color:var(--cli-bg);background:var(--cli-fg)}#copy-btn{color:#afa}#copy-btn:active{color:var(--cli-bg);background:#afa}.copy-wrapper{align-items:center;display:flex;position:relative}.qr-tooltip{background:var(--cli-bg);border:1px solid var(--cli-fg);z-index:10;flex-direction:column;align-items:center;margin-top:.5rem;padding:.5rem;display:none;position:absolute;top:100%;left:0}#qr-canvas{width:150px!important;height:150px!important}.copy-wrapper:hover .qr-tooltip{display:flex}.qr-label{text-align:center;margin-top:.5rem;font-size:.8rem}#chat{flex-direction:column;flex:1;height:100%;min-height:0;display:none}#messages{flex-direction:column;flex:1;gap:.5rem;min-height:0;margin-bottom:.5rem;padding-right:.5rem;display:flex;overflow-y:auto}#messages::-webkit-scrollbar{width:8px}#messages::-webkit-scrollbar-thumb{background:var(--cli-dim)}.message{word-break:normal;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:4px;flex-direction:row;padding:4px;font-size:.95rem;transition:background-color .1s;display:flex}.message:active{background-color:#ffffff26}.message .sender{white-space:nowrap;margin-right:.5rem;font-weight:700}.message .sender:after{content:">";margin-left:.2rem}.message .text{flex:1}.message.me{color:#fff}.message.me .sender,.message.them{color:#afa}.message.them .sender{color:#aef}.message.system{color:#888;cursor:default;text-align:center;justify-content:center;padding:2px 4px;font-size:.75rem}.message.system:active{background-color:#0000}.message.system .sender{display:none}#chat-form{border-top:1px dashed var(--cli-dim);padding-top:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));flex-shrink:0;align-items:center;gap:.5rem;display:flex}.prompt-symbol{color:var(--cli-fg);font-weight:700}#chat-form input{color:var(--cli-fg);caret-color:var(--cli-fg);background:0 0;border:none;outline:none;flex:1;font-family:JetBrains Mono,monospace;font-size:16px!important}#chat-form input::placeholder{color:var(--cli-dim)}input[type=text]{-webkit-appearance:none;touch-action:manipulation;border-radius:0}