:root{--bg0:#070a0f;--bg1:#0b1220;--card:rgba(255,255,255,0.06);--card2:rgba(255,255,255,0.08);--stroke:rgba(255,255,255,0.12);--text:#eaf2ff;--muted:rgba(234,242,255,0.68);--muted2:rgba(234,242,255,0.48);--green:#31e89a;--cyan:#2de3ff;--violet:#8b5cff;--danger:#ff4d6d;--shadow:0 24px 60px rgba(0,0,0,0.55);--radius:18px;--radius2:14px;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;padding:0;margin:0}body,html{height:100%;max-width:100vw;overflow:hidden;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 800px at 15% 10%,rgba(49,232,154,.22),transparent 60%),radial-gradient(900px 700px at 80% 20%,rgba(45,227,255,.18),transparent 55%),radial-gradient(1100px 900px at 70% 85%,rgba(139,92,255,.18),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1))}a{color:inherit;text-decoration:none}button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}button,input,textarea{font-family:inherit}.app{height:calc(100vh - 64px);height:calc(100dvh - 64px);display:grid;grid-template-columns:320px 1fr 360px;grid-gap:14px;gap:14px;padding:14px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;display:flex;flex-direction:column;min-height:0}.panel-header{padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title strong{font-size:13px;letter-spacing:.02em}.panel-title small{color:var(--muted);font-size:12px}.btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--text);font-size:14px;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.btn:active{transform:translateY(0) scale(.99)}.btn_primary{border:1px solid rgba(45,227,255,.28);background:linear-gradient(135deg,rgba(49,232,154,.18),rgba(45,227,255,.16),rgba(139,92,255,.12))}.pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 28px rgba(0,0,0,.22)}.kbd{font-size:12px;color:var(--muted2);padding:4px 8px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(0,0,0,.18)}.topbar_dropdown_item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text);font-size:14px;font-family:inherit;cursor:pointer;text-align:left;min-height:44px;transition:background .12s ease}.topbar_dropdown_item:hover{background:rgba(255,255,255,.08)}.topbar_dropdown_item:active{background:rgba(255,255,255,.12)}.toggle{width:44px;height:26px;background:rgba(0,0,0,.18);position:relative;cursor:pointer;flex-shrink:0}.toggle,.toggle:before{border-radius:999px;border:1px solid rgba(255,255,255,.18)}.toggle:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:rgba(255,255,255,.2);transition:left .16s ease,background .16s ease}.toggle.on{border-color:rgba(49,232,154,.35);background:rgba(49,232,154,.12)}.toggle.on:before{left:21px;background:rgba(49,232,154,.38)}.chat_input_wrap{padding:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px;background:rgba(10,14,24,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.chat_input_row{display:flex;gap:10px;align-items:flex-end}.chat_input_cell{flex:1 1;min-width:0;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:10px 12px}.chat_textarea{width:100%;min-height:46px;resize:none;border:none;outline:none;background:transparent;color:var(--text);font-size:14px;line-height:1.35;font-family:inherit}@media (max-width:768px){.chat_textarea{font-size:16px}}.chat_send_btn{flex-shrink:0;width:56px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(49,232,154,.3);background:linear-gradient(135deg,rgba(49,232,154,.22),rgba(45,227,255,.18),rgba(139,92,255,.14));color:var(--text);font-size:18px;cursor:pointer;transition:opacity .15s ease}.chat_send_btn:disabled{opacity:.5;cursor:not-allowed}.chat_actions_row{display:flex;gap:8px;align-items:center}.chat_action_btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--text);font-size:18px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.chat_action_btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.contacts_list::-webkit-scrollbar,.details_list::-webkit-scrollbar,.messages_list::-webkit-scrollbar{width:10px}.contacts_list::-webkit-scrollbar-thumb,.details_list::-webkit-scrollbar-thumb,.messages_list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px;border:2px solid rgba(0,0,0,.2)}.messages_list{-webkit-overflow-scrolling:touch}@media (max-width:1100px){.app{grid-template-columns:320px 1fr}.panel_right{display:none}}@media (max-width:768px){body{overflow:hidden;-webkit-overflow-scrolling:touch}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.app{grid-template-columns:1fr;grid-template-rows:1fr;height:calc(100vh - 64px);height:calc(100dvh - 64px);padding:0 8px max(8px,env(safe-area-inset-bottom))}.app .panel_left,.app .panel_mid{min-height:0;max-height:100%}.topbar .logo{max-width:180px;object-fit:contain}.topbar_subtitle{display:none!important}.btn{min-height:44px;padding:10px 14px}.contact{min-height:48px;padding:12px 10px!important}}@media (max-width:480px){.app{padding:0 4px max(4px,env(safe-area-inset-bottom))}.panel-header{padding:12px 10px 10px}.contact{min-height:44px;padding:10px 8px!important}}