:root{--bg: #0f172a;--surface: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--primary: #38bdf8;--primary-hover: #0ea5e9;--danger: #f43f5e;--success: #22c55e;--radius: .5rem;--gap: 1rem}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.chat-app{max-width:720px;margin:0 auto;height:100dvh;display:flex;flex-direction:column}.chat-app__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:var(--gap);border-bottom:1px solid #334155}.chat-app__title{margin:0;font-size:1.25rem}.chat-app__url-qr{background:var(--primary);color:#082f49;border:1px solid var(--primary);border-radius:var(--radius);padding:.4rem .75rem;cursor:pointer;font-size:.875rem;font-weight:600;margin-left:auto}.chat-app__url-qr:hover{background:var(--primary-hover)}.chat-app__alias{display:flex;align-items:center;gap:.5rem}.chat-app__alias-label{color:var(--muted);font-size:.875rem}.chat-app__alias-input{background:var(--surface);color:var(--text);border:1px solid #334155;border-radius:var(--radius);padding:.5rem;font-size:.875rem;width:clamp(3rem,14vw,9rem)}.chat-app__peer-count{color:var(--muted);font-size:.875rem}.chat-app__main{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.chat-app__start{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;padding:var(--gap);padding-top:1.5rem;height:100%;overflow-y:auto}.chat-app__start-title{margin:0;font-size:1.5rem}.chat-app__form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:22rem}.chat-app__label{color:var(--muted);font-size:.875rem}.chat-app__input{background:var(--surface);color:var(--text);border:1px solid #334155;border-radius:var(--radius);padding:.75rem;font-size:1rem}.chat-app__input--message{flex:1}.chat-app__actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--gap);border-top:1px solid #334155}.chat-app__btn{background:var(--surface);color:var(--text);border:1px solid #334155;border-radius:var(--radius);padding:.75rem 1rem;cursor:pointer;font-size:1rem}.chat-app__btn:hover{background:#334155}.chat-app__btn--primary{background:var(--primary);color:#082f49;border-color:var(--primary)}.chat-app__btn--primary:hover{background:var(--primary-hover)}.chat-app__btn--danger{background:var(--danger);color:#fff;border-color:var(--danger)}.chat-app__btn--danger:hover{background:#e11d48}.chat-app__messages{flex:1;overflow-y:auto;padding:var(--gap);display:flex;flex-direction:column;gap:.5rem}.chat-app__message{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;border-radius:var(--radius);background:var(--surface);max-width:85%}.chat-app__message--me{align-self:flex-end;background:#0c4a6e}.chat-app__message--peer{align-self:flex-start}.chat-app__message--system{align-self:center;background:transparent;color:var(--muted);font-size:.875rem;max-width:100%}.chat-app__message-header{display:flex;gap:.5rem;align-items:baseline;font-size:.75rem;color:var(--muted)}.chat-app__message-alias{font-weight:600;color:var(--primary)}.chat-app__message-text{word-break:break-word}.chat-app__message-time{margin-left:auto}.chat-app__compose{display:flex;gap:.5rem;padding:var(--gap);border-top:1px solid #334155}.chat-app__qr-section,.chat-app__scanner{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172af2;display:none;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--gap);padding:var(--gap);padding-top:4rem;z-index:10;overflow-y:auto}.chat-app__overlay-close{position:absolute;top:var(--gap);right:var(--gap);background:transparent;color:var(--muted);border:1px solid #334155;border-radius:var(--radius);padding:.4rem .75rem;cursor:pointer;font-size:1rem}.chat-app__overlay-close:hover{color:var(--text);border-color:var(--text)}.chat-app__qr-section--visible,.chat-app__scanner--visible{display:flex}.chat-app__qr-canvas{background:#fff;border-radius:var(--radius);padding:.5rem;max-width:90vw;max-height:50vh}.chat-app__qr-text{color:var(--muted);text-align:center;max-width:24rem}.chat-app__scanner-video{width:100%;max-width:320px;border-radius:var(--radius)}.chat-app__status{color:var(--muted);font-size:.875rem;text-align:center}.hidden{display:none!important}.chat-app__steps{padding:0 0 0 1.25rem;margin:0;max-width:28rem;color:var(--muted);font-size:.9375rem;line-height:1.5}.chat-app__steps li{margin-bottom:.5rem}.chat-app__stored{width:100%;max-width:24rem;padding:1rem;border:1px solid #334155;border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;gap:.5rem}.chat-app__stored-title{margin:0;font-size:1rem;color:var(--text)}.chat-app__stored-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.chat-app__stored-label{min-width:4.5rem;color:var(--muted);font-size:.875rem}.chat-app__qr-loading{display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding:var(--gap)}.chat-app__qr-spinner{width:2.5rem;height:2.5rem;border:4px solid #334155;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-app__qr-carousel{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.chat-app__qr-dots{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.chat-app__qr-dot{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--muted);border:1px solid #334155;font-size:.875rem;cursor:default}.chat-app__qr-dot--active{background:var(--primary);color:#082f49;border-color:var(--primary)}.chat-app__qr-nav{display:flex;gap:.5rem}.chat-app__qr-code{width:100%;max-width:24rem;height:100%;max-height:50vh;overflow-x:hidden;overflow-y:auto;white-space:pre-wrap;background:var(--surface);color:var(--text);border:1px solid #334155;border-radius:var(--radius);padding:.5rem;font-size:.75rem;word-break:break-all;-webkit-user-select:all;user-select:all;resize:vertical}.chat-app__qr-actions,.chat-app__manual-input,.chat-app__scanner-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chat-app__manual-input{width:100%;max-width:24rem;align-items:stretch}.chat-app__manual-input .chat-app__input{flex:1;min-width:12rem}.chat-app__scanner-chunks{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.chat-app__scanner-slot{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--muted);border:2px solid #334155;font-weight:600}.chat-app__scanner-slot--got{background:var(--success);color:#fff;border-color:var(--success)}.chat-app__scanner-video{width:100%;max-width:320px;border-radius:var(--radius);touch-action:none}.chat-app__log-section{width:100%;max-width:28rem;display:flex;flex-direction:column;gap:.5rem}.chat-app__log-header{display:flex;justify-content:space-between;align-items:center}.chat-app__log-title{margin:0;font-size:1rem}.chat-app__log-list{list-style:none;margin:0;padding:.5rem;max-height:12rem;overflow-y:auto;background:var(--surface);border:1px solid #334155;border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.chat-app__log-entry{padding:.25rem 0;border-bottom:1px solid #334155;color:var(--text)}.chat-app__log-entry:last-child{border-bottom:none}.chat-app__log-entry--error{color:var(--danger)}.chat-app__log-entry--warn{color:#f59e0b}.chat-app__log-entry--info{color:var(--text)}.chat-app__log-entry--success{color:var(--success)}.chat-app__last-attempt{padding:.5rem;border-radius:var(--radius);background:var(--surface);font-size:.875rem}.chat-app__last-attempt--succeeded{color:var(--success)}.chat-app__last-attempt--failed{color:var(--danger);border:1px solid var(--danger)}.chat-app__last-attempt--pending{color:var(--muted)}