*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,system-ui,sans-serif;background:#111b21;color:#e9edef;overscroll-behavior:none}input,button{font-family:inherit;font-size:16px}.auth{min-height:100vh;display:grid;place-items:center}.auth form{background:#1f2c34;padding:24px;border-radius:12px;width:calc(100vw - 32px);max-width:340px;display:flex;flex-direction:column;gap:10px}.auth h1{text-align:center;font-size:22px}.auth input{padding:12px;background:#111b21;border:1px solid #2a3942;color:#e9edef;border-radius:8px;outline:none}.auth input:focus{border-color:#00a884}.auth button{padding:12px;background:#00a884;color:#fff;border:0;border-radius:8px;cursor:pointer;font-weight:600}.auth button.link{background:transparent;color:#8696a0;font-weight:400;font-size:14px}.err{color:#ef4444;font-size:13px;text-align:center}.app{display:grid;grid-template-columns:300px 1fr;height:100vh}.app.peer-open aside{display:flex}.app.peer-open main{display:flex}aside{background:#111b21;border-right:1px solid #222d34;display:flex;flex-direction:column}.sidebar-top{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;background:#1f2c34}.sidebar-top span{font-size:18px;font-weight:600}.sidebar-top button{background:none;border:0;color:#8696a0;font-size:14px;cursor:pointer}aside ul{list-style:none;overflow-y:auto;flex:1}aside li{padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border-bottom:1px solid #222d34}aside li:active,aside li.active{background:#2a3942}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.on{background:#00a884}.dot.off{background:#667781}main{display:flex;flex-direction:column;position:relative;background:#0b141a}.chat-header{padding:12px 16px;background:#1f2c34;display:flex;align-items:center;gap:10px}.back-btn{display:none;background:none;border:0;color:#00a884;font-size:22px;cursor:pointer}.chat-header .name{font-weight:600;flex:1}.chat-header .status{font-size:12px;color:#00a884}.call-btns button{background:none;border:0;cursor:pointer;font-size:22px;padding:6px}.call-btns button:disabled{opacity:.3}.empty{flex:1;display:grid;place-items:center;color:#667781;text-align:center;padding:20px}.messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.msg{max-width:80%;padding:8px 12px;border-radius:8px;line-height:1.4;word-wrap:break-word;font-size:15px}.msg.mine{align-self:flex-end;background:#005c4b;border-bottom-right-radius:0}.msg.theirs{align-self:flex-start;background:#1f2c34;border-bottom-left-radius:0}.compose{display:flex;gap:8px;padding:8px 10px;background:#1f2c34;padding-bottom:max(8px,env(safe-area-inset-bottom))}.compose input{flex:1;padding:10px 14px;background:#2a3942;border:0;color:#e9edef;border-radius:20px;outline:none}.compose button{width:44px;height:44px;background:#00a884;color:#fff;border:0;border-radius:50%;cursor:pointer;font-size:18px;display:grid;place-items:center}.call-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#0b141af7;display:flex;align-items:center;justify-content:center;flex-direction:column}.call-overlay.active{background:#0b141a}.call-card{background:#1f2c34;padding:32px;border-radius:16px;text-align:center;display:flex;flex-direction:column;gap:16px;min-width:260px}.call-card .title{font-size:18px}.call-card .peer{font-size:26px;color:#00a884}.call-card .btns{display:flex;gap:16px;justify-content:center}.btn-accept{padding:14px 32px;background:#00a884;color:#fff;border:0;border-radius:999px;font-size:16px;cursor:pointer}.btn-reject{padding:14px 32px;background:#ea4335;color:#fff;border:0;border-radius:999px;font-size:16px;cursor:pointer}.call-videos{flex:1;width:100%;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.remote-video{width:100%;height:100%;object-fit:cover}.local-video{position:absolute;bottom:80px;right:12px;width:120px;height:90px;border-radius:10px;object-fit:cover;border:2px solid #00a884;background:#1f2c34}.call-controls{display:flex;gap:16px;padding:14px;justify-content:center;background:#1f2c34;width:100%;padding-bottom:max(14px,env(safe-area-inset-bottom))}.ctl{width:56px;height:56px;border-radius:50%;border:0;font-size:24px;cursor:pointer;background:#2a3942;display:grid;place-items:center}.ctl.off{background:#422006}.ctl.end{background:#ea4335}@media (max-width:768px){.app{grid-template-columns:1fr}.app aside{display:flex;width:100%}.app main{display:none}.app.peer-open aside{display:none}.app.peer-open main{display:flex}.back-btn{display:block}.msg{max-width:88%}}