.invite-qr-grid{gap:10px;margin:12px 0;display:grid}.invite-qr-hint{color:#9aaba5;margin:0 0 4px;font-size:.92rem}.qr-button{width:min(100%,540px);color:#17201d!important;background:#fff!important;border-radius:14px!important;margin:0 auto!important;padding:10px!important;display:block!important}.invite-qr{width:100%;height:auto;image-rendering:pixelated;background:#fff;display:block}.qr-button small{margin-top:7px;display:block}.qr-fullscreen{z-index:50;padding:max(16px,env(safe-area-inset-top)) 12px;color:#111;background:#fff;align-content:center;place-items:center;gap:12px;display:grid;position:fixed;inset:0}.qr-fullscreen img{width:min(96vw,96dvh,820px);height:auto;image-rendering:pixelated;display:block}.scanner{z-index:20;background:#030605ed;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.scanner section{background:#141b19;border:1px solid #34413d;border-radius:18px;width:min(560px,100%);padding:20px;position:relative}.scan-video{position:relative}.scanner video{object-fit:cover;background:#000;border-radius:14px;width:100%;max-height:65dvh;display:block}.scan-video i{pointer-events:none;border:3px solid #69e6ae;border-radius:16px;position:absolute;inset:12%;box-shadow:0 0 0 999px #0003}.scanner .close{font-size:28px;position:absolute;top:5px;right:10px}.scanner small{color:#9aaba5;margin-top:12px;display:block}:root{color:#eef7f3;font-synthesis:none;background:#090d0c;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.app{background:#101514;max-width:900px;min-height:100dvh;margin:auto}.sidebar,.chat-pane{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.chat-pane{grid-template-rows:auto 1fr auto}header{padding:calc(16px + env(safe-area-inset-top)) 16px 14px;background:#111715;border-bottom:1px solid #28322f;align-items:center;gap:12px;display:flex}header h1{margin:0;font-size:18px}header small{color:#91a19b;white-space:nowrap;text-overflow:ellipsis;max-width:65vw;display:block;overflow:hidden}header i{background:#69e6ae;border-radius:50%;width:7px;height:7px;display:inline-block}.mark,.avatar{color:#101514;background:#69e6ae;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.mark{border-radius:14px}.new{font-size:24px;color:#0c110f!important;background:#69e6ae!important;margin-left:auto!important}.chat-list{overflow:auto}.chat-row{text-align:left;width:100%;color:inherit;background:0 0;border-bottom:1px solid #202a27;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;padding:13px 16px;display:grid}.chat-row>b{color:#82efbf;background:#253d35;border-radius:50%;place-items:center;width:50px;height:50px;font-size:20px;display:grid}.chat-row span{gap:5px;min-width:0;display:grid}.chat-row strong{font-size:16px}.chat-row small{color:#899a94;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-row em{color:#101514;background:#69e6ae;border-radius:20px;place-items:center;min-width:22px;height:22px;font-size:11px;font-style:normal;display:grid}.empty{text-align:center;color:#91a19b;margin:auto;padding:40px}.empty span{color:#69e6ae;font-size:50px}.empty h2{color:#eef7f3}.empty button,.modal button{color:#0b100e;background:#69e6ae;border-radius:10px;padding:11px 15px;font-weight:750}.conversation{background:radial-gradient(circle at 20% 10%,#14201c 0,#0000 34%),#0d1210;min-height:0;padding:20px;overflow:auto}.bubble{overflow-wrap:anywhere;width:max-content;max-width:78%;margin:8px 0;padding:9px 12px}.bubble.mine{background:#17634a;border-radius:14px 14px 3px;margin-left:auto}.bubble.theirs{background:#222c29;border-radius:14px 14px 14px 3px;margin-right:auto}.bubble time{text-align:right;color:#b0c0ba;margin:4px 0 -3px 18px;font-size:10px;display:block}form{padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:#111715;border-top:1px solid #28322f;gap:8px;display:flex}input,textarea{color:#eef7f3;background:#18201e;border:1px solid #35413d;border-radius:12px;padding:10px 12px}form input{border-radius:22px;flex:1}button{color:inherit;cursor:pointer;background:0 0;border:0}form button,.new{color:#101514;background:#69e6ae;border-radius:50%;place-items:center;width:43px;height:43px;font-weight:900;display:grid}header>button:first-child{font-size:24px}.modal{z-index:5;background:#050807d9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal section{background:#141b19;border:1px solid #34413d;border-radius:18px;width:min(620px,100%);max-height:92dvh;padding:22px;position:relative;overflow:auto}.modal h2{margin-top:0}.modal label{color:#9baba5;margin:14px 0 6px;font-size:12px;display:block}.modal textarea,.modal input{width:100%;display:block}.modal textarea{resize:vertical;min-height:95px}.modal button{margin-top:9px}.modal .close{color:#dae7e2;background:0 0;padding:4px 10px;font-size:28px;position:absolute;top:4px;right:12px}@media (min-width:760px){.app:has(.chat-pane){grid-template-columns:300px 1fr;display:grid}.chat-pane{grid-column:1/-1}.sidebar.full{max-width:650px;margin:auto}}.mark,.avatar{flex:none;overflow:hidden}.mark img,.avatar img,.chat-row b img,.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-title{text-align:left;padding:0}.profile-title h1{margin:0}.profile-avatar{color:#82efbf;background:#253d35;border-radius:50%;place-items:center;width:112px;height:112px;margin:4px auto 16px;font-size:42px;font-weight:800;display:grid;overflow:hidden}.modal .danger{color:#fff;background:#8f3434}.modal code{overflow-wrap:anywhere}.chat-row>b{overflow:hidden}.app{top:var(--app-top,0px);width:100%;height:var(--app-height,100dvh);min-height:0;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.sidebar,.chat-pane{height:100%;min-height:0}.conversation{overscroll-behavior:contain;scrollbar-gutter:stable}form input,form textarea{min-width:0}form textarea{resize:none;border-radius:22px;flex:1;min-height:43px;max-height:120px;line-height:21px;overflow-y:auto}.form-error{color:#ff8f8f;margin:8px 0 0}.in-app-notice{color:#69e6ae}.bubble time span{font-weight:800}.bubble time span.read{color:#58aaff}