@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@500;600;700;800;900&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;min-width:320px;min-height:100dvh;margin:0;padding:0;font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif}#root{min-height:100dvh}:root{--bg:#000;--panel:#000;--panel-soft:#070711;--panel-deep:#000;--line:#1d2133;--text:#fff;--muted:#8f98ad;--purple:#8b5cf6;--purple-hot:#c084fc;--blue:#4cc9f0;--orange:#ffb703;--green:#22c55e;--red:#b91c1c;--red-hot:#dc2626;color:var(--text);background:var(--bg)}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}.app{background:var(--bg);grid-template-rows:74px minmax(0,1fr);min-height:100dvh;display:grid}.topbar{justify-content:space-between;align-items:center;gap:18px;width:min(1220px,100vw - 28px);height:74px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand img{object-fit:cover;mix-blend-mode:screen;background:#000;border:0;border-radius:8px;width:44px;height:44px}.wordmark{gap:1px;display:grid}.wordmark strong{color:var(--purple-hot);letter-spacing:0;text-shadow:0 0 22px #c084fc61;font-size:28px;font-weight:900;line-height:1}.wordmark strong span{color:var(--purple);text-shadow:0 0 22px #8b5cf66b}.wordmark small{color:var(--muted);font-size:12px;font-weight:700}.top-actions{align-items:center;gap:10px;display:flex}.primary-button,.ghost-button,.stop-button,.send-button,.accept-button{color:#fff;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;transition:transform .16s,filter .16s,background .16s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--blue), #0284c7);padding:0 14px}.ghost-button{background:#232338;padding:0 14px}.stop-button{background:var(--red);padding:0 14px}.stop-button.confirm{background:var(--red-hot)}.send-button{background:linear-gradient(135deg, var(--purple-hot), var(--purple));border-radius:12px;width:54px;padding:0}.accept-button{background:#16a34a;padding:0 14px}.full{width:100%}.primary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.stop-button:hover:not(:disabled),.send-button:hover:not(:disabled),.accept-button:hover:not(:disabled),.choice-card:hover{filter:brightness(1.08);transform:translateY(-1px)}.home-screen,.text-shell,.call-shell{border:1px solid var(--line);background:#000;border-radius:8px;width:min(1220px,100vw - 28px);height:calc(100dvh - 88px);min-height:0;margin:0 auto 14px;overflow:hidden;box-shadow:0 24px 70px #00000059}.home-screen{align-content:center;place-items:center;gap:28px;padding:28px;display:grid}.home-copy{text-align:center;gap:8px;display:grid}.eyebrow{color:#fbbf24;text-transform:uppercase;margin:0;font-size:13px;font-weight:900}.home-copy h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(40px,7vw,76px);line-height:.95}.choice-grid{grid-template-columns:1fr 1fr;gap:14px;width:min(760px,100%);display:grid}.choice-card{border:1px solid var(--line);color:#fff;background:var(--panel-deep);border-radius:8px;align-content:center;place-items:center;gap:10px;min-height:220px;padding:22px;transition:transform .16s,filter .16s,border-color .16s;display:grid}.choice-card.text{border-color:#00b4d85c}.choice-card.video{border-color:#ff6b355c}.choice-card.text svg{color:var(--blue)}.choice-card.video svg{color:var(--orange)}.choice-card strong{font-size:26px;font-weight:900}.choice-card span{color:var(--muted);font-size:14px;font-weight:800}.text-shell{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.room-head{border-bottom:1px solid var(--line);background:var(--panel-soft);justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:10px 16px;display:flex}.room-head-info{align-items:center;gap:11px;display:flex}.room-head strong{font-size:15px;font-weight:900;line-height:1.2;display:block}.peer-status{color:var(--muted);align-items:center;gap:5px;margin-top:3px;font-size:12.5px;font-weight:700;display:inline-flex}.peer-status.online{color:#4ade80}.status-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite softPulse;box-shadow:0 0 6px #4ade80}.room-actions{align-items:center;gap:8px;display:flex}.message-list{background:var(--panel-deep);scrollbar-width:thin;scrollbar-color:#475569 transparent;flex-direction:column;min-height:0;padding:16px 14px 10px;display:flex;overflow-y:auto}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-thumb{background:#475569;border-radius:999px}.welcome-line{color:#fbbf24;margin:0 0 12px;font-size:14px;font-weight:800;line-height:1.45}.system-line{color:var(--muted);align-items:center;gap:7px;margin:0 0 12px;font-size:13px;font-weight:800;display:inline-flex}.empty-state{width:min(420px,100%);min-height:240px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;margin:70px auto 0;display:grid}.empty-state svg{color:var(--blue)}.empty-state h1{color:#f8fafc;letter-spacing:0;margin:0;font-size:clamp(30px,5vw,52px);line-height:1.08}.empty-state p{max-width:360px;margin:0;font-size:14px;line-height:1.6}.chat-avatar{background:linear-gradient(135deg, var(--purple), #6d28d9);color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 2px 8px #8b5cf666}.bubble-row{align-items:flex-end;gap:8px;margin-bottom:4px;animation:.18s both fadeSlideUp;display:flex}.bubble-row.mine{flex-direction:row-reverse}.avatar-slot{flex-shrink:0;align-items:flex-end;width:34px;display:flex}.avatar-hidden{visibility:hidden}.bubble-wrap{flex-direction:column;max-width:min(72%,520px);display:flex}.bubble-name{color:var(--purple-hot);margin-bottom:3px;margin-left:4px;font-size:11.5px;font-weight:800}.bubble{word-break:break-word;overflow-wrap:anywhere;border-radius:18px;padding:10px 14px;font-size:14.5px;line-height:1.5}.bubble-row.theirs .bubble{color:#e2e8f0;background:#1c1c2e;border:1px solid #2d2d4a;border-bottom-left-radius:4px}.bubble-row.mine .bubble{color:#fff;background:linear-gradient(135deg,#5b21b6,#7c3aed);border-bottom-right-radius:4px;box-shadow:0 2px 10px #7c3aed59}.typing-bubble{background:#1c1c2e;border:1px solid #2d2d4a;border-radius:18px 18px 18px 4px;align-items:center;gap:5px;margin-bottom:4px;margin-left:42px;padding:12px 16px;display:inline-flex}.typing-bubble span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingDot}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.searching-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.searching-pulse{border:3px solid var(--purple);border-top-color:#0000;border-radius:50%;width:52px;height:52px;animation:.9s linear infinite spin;box-shadow:0 0 20px #8b5cf64d}.searching-state p{color:#e2e8f0;margin:0;font-size:15px;font-weight:800}.searching-state small{font-size:13px;font-weight:700}.system-pill{color:var(--purple-hot);letter-spacing:.2px;text-align:center;background:#8b5cf61f;border:1px solid #8b5cf647;border-radius:999px;align-self:center;margin:10px auto;padding:5px 14px;font-size:12px;font-weight:800;animation:.25s both fadeSlideUp;display:flex}.composer{border-top:1px solid var(--line);background:var(--bg);grid-template-columns:100px minmax(0,1fr) 54px;gap:8px;padding:10px;display:grid}.composer.with-media{grid-template-columns:100px minmax(0,1fr) 44px 54px}.media-upload-btn{cursor:pointer;color:#ffffffb3;background-color:#0000;border-radius:6px;justify-content:center;align-items:center;width:44px;height:48px;transition:all .2s;display:flex}.media-upload-btn:hover:not([disabled]){color:#fff;background-color:#ffffff0d}.message-media{object-fit:contain;background-color:#0003;border-radius:6px;max-width:100%;max-height:250px;margin-bottom:6px}.ghost-button.hearted{color:#ef4444;background-color:#ef44441a;border-color:#ef444480}.composer input{color:#fff;background:var(--panel);border:1px solid #27283e;border-radius:6px;outline:none;width:100%;height:48px;padding:0 14px}.composer input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #00b4d821}.call-shell{grid-template-columns:minmax(0,1fr) 360px;gap:0;display:grid}.call-stage{background:var(--bg);min-height:0;padding:12px;display:block;position:relative}.video-box{background:#000;border:1px solid #1f2937;border-radius:6px;min-height:0;position:relative;overflow:hidden}.video-box.stranger{width:100%;height:100%}.video-box.you{z-index:4;aspect-ratio:16/10;width:min(260px,28%);min-height:132px;position:absolute;bottom:24px;right:24px;box-shadow:0 18px 40px #00000073}.video-box video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.video-label{z-index:2;color:#fff;background:#0000008c;border-radius:4px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:10px;left:10px}.video-box.stranger .video-label{border:1px solid var(--orange);color:#ffd2c1}.video-box.you .video-label{border:1px solid var(--blue);color:#bff4ff}.video-empty{color:#64748b;text-align:center;align-content:center;place-items:center;gap:10px;display:grid;position:absolute;inset:0}.video-empty svg{opacity:.78;animation:1.8s ease-in-out infinite softPulse}.video-empty p{margin:0;font-size:13px;font-weight:800}.call-panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex}.call-panel strong{font-size:20px;font-weight:900}.call-panel span{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:800}.call-chat{border:1px solid var(--line);background:#03030a;border-radius:8px;flex:1;grid-template-rows:minmax(0,1fr) auto;min-height:0;margin-top:8px;display:grid;overflow:hidden}.call-chat-list{flex-direction:column;gap:6px;min-height:150px;padding:10px;display:flex;overflow-y:auto}.call-chat-empty,.call-chat-system{color:var(--muted);text-align:center;align-self:center;font-size:12px;font-weight:800}.call-chat-line{color:#fff;overflow-wrap:anywhere;border-radius:13px;max-width:86%;padding:7px 10px;font-size:12.5px;line-height:1.45}.call-chat-line.mine{background:linear-gradient(135deg,#5b21b6,#7c3aed);border-bottom-right-radius:4px;align-self:flex-end}.call-chat-line.theirs{background:#1c1c2e;border:1px solid #2d2d4a;border-bottom-left-radius:4px;align-self:flex-start}.call-chat-line img,.call-chat-line video{object-fit:contain;border-radius:6px;max-width:100%;max-height:140px;margin-bottom:5px;display:block}.call-chat-composer{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 44px;gap:7px;padding:8px;display:grid}.call-chat-composer input{color:#fff;background:#000;border:1px solid #27283e;border-radius:6px;outline:none;min-width:0;height:42px;padding:0 11px}.call-chat-composer .send-button{border-radius:8px;width:44px;min-height:42px}.toast{z-index:50;color:#fff;background:var(--panel);border:1px solid #27283e;border-radius:6px;max-width:min(520px,100vw - 28px);padding:11px 14px;font-size:13px;font-weight:800;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000059}.loading-screen{min-height:100dvh;color:var(--muted);background:var(--bg);align-content:center;place-items:center;gap:12px;font-weight:900;display:grid}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes softPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.95;transform:scale(1.04)}}@media (width<=860px){.app{grid-template-rows:auto minmax(0,1fr)}.topbar{width:100%;min-height:68px;padding:10px 12px}.brand img{width:38px;height:38px}.wordmark strong{font-size:23px}.wordmark small{display:none}.home-screen,.text-shell,.call-shell{border-bottom:0;border-left:0;border-right:0;border-radius:0;width:100%;height:calc(100dvh - 68px);margin:0}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:160px}.call-shell{grid-template-rows:minmax(280px,52dvh) minmax(0,1fr);grid-template-columns:1fr}.call-stage{padding:8px}.video-box.you{width:min(190px,42vw);min-height:96px;bottom:16px;right:16px}.call-panel{border-top:1px solid var(--line);border-left:0;gap:8px;padding:10px}.composer{grid-template-columns:84px minmax(0,1fr) 50px;gap:7px;padding:8px}.composer.with-media{grid-template-columns:76px minmax(0,1fr) 42px 48px}.stop-button,.send-button,.composer input{height:44px;min-height:44px}}@media (width<=520px){.top-actions{gap:6px}.primary-button,.ghost-button{min-height:38px;padding:0 10px}.home-screen{padding:16px}.room-head{flex-direction:column;align-items:flex-start}.room-actions,.room-actions button{width:100%}.message-list{padding:10px}.composer{grid-template-columns:74px minmax(0,1fr) 46px}.composer.with-media{grid-template-columns:62px minmax(0,1fr) 40px 44px}.stop-button{padding:0 9px}.call-shell{grid-template-rows:minmax(230px,48dvh) minmax(0,1fr)}.call-panel strong{font-size:17px}.call-chat-list{min-height:96px;padding:8px}.video-box.you{width:min(150px,44vw);min-height:84px;bottom:12px;right:12px}.video-empty p{display:none}}.home-footer{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:600px;margin-top:1.5rem;padding:0 15px;line-height:1.4;display:flex}.home-footer-links{color:#ffffff80;margin:0;font-size:.8rem}.home-footer-links a{color:inherit;margin-left:5px;text-decoration:underline}.home-footer-disclaimer{opacity:.7;margin:0;font-size:.65rem}.rainbow-text{color:#0000;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8b00ff,red) 0 0/200%;-webkit-background-clip:text;background-clip:text;font-weight:500;animation:2.5s linear infinite rainbow-flash}@keyframes rainbow-flash{0%{background-position:0%}to{background-position:-200%}}