:root{color:#202020;background:#202231;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}.home-shell,.call-shell{min-height:100vh;min-height:100svh;padding:calc(env(safe-area-inset-top) + 22px) 18px calc(env(safe-area-inset-bottom) + 22px)}.home-shell{display:flex;flex-direction:column;gap:4px;height:100vh;height:100svh;overflow:hidden;padding:calc(env(safe-area-inset-top) + 12px) 10px calc(env(safe-area-inset-bottom) + 10px);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 20% 10%,rgba(255,138,67,.14),transparent 28%),radial-gradient(circle at 78% 20%,rgba(132,98,255,.14),transparent 26%),#202231;background-size:18px 18px,18px 18px,auto,auto,auto}.home-header{align-items:center;display:flex;flex:0 0 9%;padding-top:2px}.eyebrow,.panel-label{color:#6b675c;font-size:.76rem;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1{color:#f7f2e8;font-size:clamp(1.55rem,5.8vmin,2.9rem);line-height:1;letter-spacing:0;margin:0}.button-field{--button-base: min(10.2vw, 19.5vh);flex:1;height:90%;min-height:0;position:relative;width:100%}.display-button{align-items:center;background:rgba(var(--fill),.82);border:2px solid rgba(var(--ring-rgb),.78);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #ffffff0a,0 0 6px rgba(var(--ring-rgb),.24),0 0 12px rgba(var(--ring-rgb),.08),0 6px 14px #00000038;color:#fffaf0;display:inline-flex;font-size:clamp(1.05rem,2.28vmin,1.6rem);font-weight:900;height:calc(var(--button-base) * var(--size));justify-content:center;left:var(--x);line-height:1;min-width:0;padding:0 6px;position:absolute;text-align:center;text-shadow:none;top:var(--y);transform:translate(-50%,-50%) rotate(var(--rot));transition:transform .12s ease,box-shadow .12s ease;width:calc(var(--button-base) * var(--size))}.display-button:before{border:2px solid rgba(var(--ring-rgb),.8);border-radius:999px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:scale(1)}.display-button:after{background:radial-gradient(circle,rgba(255,255,255,.88) 0 2px,transparent 3px),radial-gradient(circle,rgba(var(--ring-rgb),.85) 0 2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.78) 0 2px,transparent 3px),radial-gradient(circle,rgba(var(--ring-rgb),.78) 0 2px,transparent 3px);background-position:50% 0%,100% 50%,50% 100%,0% 50%;background-repeat:no-repeat;background-size:8px 8px;content:"";inset:-12px;opacity:0;pointer-events:none;position:absolute;transform:scale(.84)}.display-button:active{box-shadow:inset 0 0 0 1px #ffffff0f,0 0 5px rgba(var(--ring-rgb),.22),0 0 10px rgba(var(--ring-rgb),.08),0 3px 8px #0003;transform:translate(-50%,calc(-50% + 3px)) rotate(var(--rot))}.display-button.bursting{animation:bubble-pop .52s ease-out}.display-button.bursting:before{animation:burst-ring .52s ease-out}.display-button.bursting:after{animation:burst-sparks .52s ease-out}@keyframes bubble-pop{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--rot)) scale(1)}24%{opacity:.48;transform:translate(-50%,-50%) rotate(var(--rot)) scale(1.16)}46%{opacity:.18;transform:translate(-50%,-50%) rotate(var(--rot)) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--rot)) scale(1)}}@keyframes burst-ring{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes burst-sparks{0%{opacity:0;transform:scale(.82)}25%{opacity:1}to{opacity:0;transform:scale(1.55)}}.glass,.sketch,.soft,.sticker,.double-ring{border-radius:999px}.navy{--fill: 104, 135, 164;--ring-rgb: 159, 190, 216}.blue{--fill: 100, 139, 188;--ring-rgb: 141, 178, 226}.yellow{--fill: 181, 151, 74;--ring-rgb: 239, 207, 121}.mint{--fill: 100, 134, 115;--ring-rgb: 158, 190, 172}.coral{--fill: 144, 94, 86;--ring-rgb: 200, 141, 130}.paper{--fill: 124, 120, 110;--ring-rgb: 196, 190, 178}.gray{--fill: 113, 110, 104;--ring-rgb: 188, 184, 174}.green{--fill: 85, 120, 75;--ring-rgb: 138, 175, 121}.rose{--fill: 139, 88, 105;--ring-rgb: 198, 142, 158}.pink{--fill: 184, 107, 154;--ring-rgb: 235, 170, 207}.hotpink{--fill: 183, 91, 142;--ring-rgb: 232, 145, 190}.ink{--fill: 108, 106, 128;--ring-rgb: 213, 209, 228}.sky{--fill: 98, 157, 186;--ring-rgb: 170, 218, 235}.clay{--fill: 130, 96, 68;--ring-rgb: 187, 148, 112}.aqua{--fill: 78, 124, 121;--ring-rgb: 136, 186, 180}.violet{--fill: 103, 91, 139;--ring-rgb: 166, 153, 200}.berry{--fill: 130, 76, 98;--ring-rgb: 188, 129, 150}.sea{--fill: 76, 120, 110;--ring-rgb: 128, 178, 163}.lime{--fill: 108, 130, 67;--ring-rgb: 164, 188, 113}.peach{--fill: 143, 99, 68;--ring-rgb: 201, 158, 124}.slate{--fill: 88, 104, 126;--ring-rgb: 146, 165, 190}.lavender{--fill: 136, 118, 166;--ring-rgb: 211, 199, 231}.gold{--fill: 170, 140, 65;--ring-rgb: 229, 199, 106}.plum{--fill: 126, 99, 153;--ring-rgb: 186, 160, 211}.butter{--fill: 181, 163, 86;--ring-rgb: 238, 222, 139}.orange{--fill: 185, 119, 65;--ring-rgb: 236, 176, 116}.amber{--fill: 188, 126, 72;--ring-rgb: 237, 185, 125}.cyan-ring{--fill: 70, 120, 137;--ring-rgb: 125, 184, 198}.violet-ring{--fill: 101, 83, 136;--ring-rgb: 164, 137, 196}.call-shell{background:#fbfaf7;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:520px}.call-topbar{align-items:center;display:grid;gap:12px;grid-template-columns:44px 1fr auto}.call-topbar h1{font-size:1.55rem;line-height:1.1}.icon-button,.text-button,.small-action{align-items:center;background:#ece6d8;border:1px solid #d4ccb9;border-radius:8px;color:#202020;display:inline-flex;font-weight:800;justify-content:center;min-height:44px}.icon-button{width:44px}.text-button{padding:0 12px}.status-panel,.room-panel,.member-row,.call-footer{background:#fff;border:1px solid #dfd8ca;border-radius:8px}.status-panel{align-items:center;display:flex;gap:10px;min-height:56px;padding:12px}.status-panel p{margin:0}.status-dot{background:#a9a9a9;border-radius:999px;height:10px;width:10px}.status-dot.live{background:#2eb872;box-shadow:0 0 0 5px #2eb87224}.form-stack{display:flex;flex-direction:column;gap:12px}label{color:#3a372f;display:flex;flex-direction:column;font-size:.88rem;font-weight:800;gap:7px}input{background:#fff;border:1px solid #cfc7b8;border-radius:8px;color:#202020;min-height:48px;outline:0;padding:0 13px;width:100%}input::placeholder{color:#b9b2a5;opacity:.55}input:focus{border-color:#2b6cb0;box-shadow:0 0 0 4px #2b6cb01f}.input-row{display:grid;gap:8px;grid-template-columns:1fr 74px}.primary-action,.secondary-action,.call-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:900;justify-content:center;min-height:52px}.primary-action{background:#202020;color:#fff}.secondary-action{background:#ece6d8;border:1px solid #d4ccb9;color:#202020}.auth-choice{align-items:center;display:flex;gap:18px;justify-content:center;min-height:260px}.auth-bubble{align-items:center;border-radius:999px;color:#fffaf0;display:inline-flex;font-size:1.05rem;font-weight:900;height:124px;justify-content:center;width:124px}.signin-bubble{background:#4e7c79db;border:2px solid rgba(136,186,180,.78);box-shadow:0 0 6px #88bab43d,0 6px 14px #0000002e}.signup-bubble{background:#655388db;border:2px solid rgba(164,137,196,.78);box-shadow:0 0 6px #a489c43d,0 6px 14px #0000002e}.small-action{padding:0 12px}.room-panel{display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:14px}.room-panel strong{display:block;font-size:1.2rem;overflow-wrap:anywhere}.member-list{display:flex;flex-direction:column;gap:8px}.member-row{align-items:center;display:flex;justify-content:space-between;min-height:48px;padding:0 12px}.member-row span{font-weight:850}.member-row small{color:#6b675c;font-weight:800}.call-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr}.call-button{color:#fff;gap:8px}.call-button.start{background:#167447}.call-button.end{background:#b83232}.call-footer{align-items:center;color:#6b675c;display:flex;font-size:.82rem;font-weight:700;gap:8px;margin-top:auto;padding:10px 12px}audio{display:none}.telegram-shell{background:#121d28;color:#f4f7fb;gap:0;max-width:540px;padding:0}.telegram-screen{display:flex;flex:1;flex-direction:column;min-height:100vh;min-height:100svh;overflow:hidden}.telegram-header{align-items:center;background:#172535;display:grid;gap:10px;grid-template-columns:42px 1fr 42px;padding:calc(env(safe-area-inset-top) + 14px) 12px 12px}.telegram-icon-button,.phone-action{align-items:center;background:transparent;color:#8da0b3;display:inline-flex;justify-content:center;min-height:42px;min-width:42px}.telegram-icon-button:active,.phone-action:active{color:#62aef0}.telegram-search{align-items:center;background:#243447;border-radius:999px;color:#8195aa;display:grid;gap:8px;grid-template-columns:20px 1fr;min-height:46px;padding:0 16px}.telegram-search input{background:transparent;border:0;border-radius:0;color:#f4f7fb;min-height:44px;padding:0}.telegram-search input:focus{box-shadow:none}.telegram-search input::placeholder{color:#8fa1b4;opacity:.8}.telegram-status{align-items:center;background:#121d28;border-bottom:1px solid rgba(143,161,180,.08);color:#9eb0c2;display:flex;font-size:.92rem;gap:10px;min-height:46px;padding:0 18px}.telegram-status p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telegram-list{display:flex;flex-direction:column}.telegram-section-title{color:#f4f7fb;font-size:1rem;font-weight:800;margin:18px 14px 8px}.telegram-row{align-items:center;background:#121d28;border-bottom:1px solid rgba(143,161,180,.08);display:grid;gap:12px;grid-template-columns:56px 1fr auto;min-height:76px;padding:8px 14px}.telegram-row.selected{background:#182838}.telegram-row strong{color:#f7fbff;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{align-items:center;background:linear-gradient(145deg,#3d96e8,#67b2f1);border-radius:999px;color:#fff;display:inline-flex;font-size:1.35rem;font-weight:850;height:52px;justify-content:center;width:52px}.request-avatar{background:linear-gradient(145deg,#7bce5a,#55b844)}.row-action{align-items:center;background:#243447;border-radius:999px;color:#72baff;display:inline-flex;font-size:.88rem;font-weight:850;gap:6px;min-height:38px;padding:0 13px}.row-action.accept{color:#8de6a2}.phone-action{background:#203145;border-radius:999px;color:#68b8ff}.telegram-empty{align-items:center;color:#fff;display:flex;flex:1;flex-direction:column;font-size:1.2rem;font-weight:850;justify-content:center;line-height:1.25;min-height:320px;padding:24px;text-align:center}.telegram-empty.compact{color:#9eb0c2;flex:0;font-size:1rem;min-height:180px}.telegram-empty p{margin:16px 0 0}.empty-orb{align-items:center;background:linear-gradient(145deg,#243447,#1a2938);border:1px solid rgba(143,161,180,.18);border-radius:999px;color:#72baff;display:inline-flex;height:104px;justify-content:center;width:104px}.call-dock{background:#172535;border-top:1px solid rgba(143,161,180,.14);display:grid;gap:12px;margin-top:auto;padding:14px 14px calc(env(safe-area-inset-bottom) + 14px)}.call-dock .panel-label{color:#8397aa;margin:0 0 2px}.call-dock strong{color:#fff;display:block;font-size:1.12rem}.call-dock small{color:#91a4b8;display:block;font-weight:750;margin-top:2px}.call-dock .call-actions{grid-template-columns:1fr 1fr}.telegram-shell .call-button{border-radius:12px;min-height:48px}.telegram-shell .call-button.start{background:#17845b}.telegram-shell .call-button.end{background:#b94751}.active-call-screen{align-items:center;background:linear-gradient(180deg,#5b86aee0,#345274fa),#345274;display:flex;flex:1;flex-direction:column;min-height:100vh;min-height:100svh;padding:calc(env(safe-area-inset-top) + 18px) 22px calc(env(safe-area-inset-bottom) + 26px)}.active-call-top{align-items:center;color:#ffffffd1;display:flex;font-size:.92rem;font-weight:850;gap:9px;justify-content:center;min-height:32px;width:100%}.active-call-top strong{color:#fff;font-variant-numeric:tabular-nums}.active-call-person{align-items:center;color:#fff;display:flex;flex-direction:column;margin-top:18px;text-align:center}.active-call-avatar{align-items:center;background:#ffffff2e;border:2px solid rgba(255,255,255,.2);border-radius:999px;display:inline-flex;font-size:2.2rem;font-weight:900;height:88px;justify-content:center;margin-bottom:16px;width:88px}.active-call-person h2{font-size:1.8rem;line-height:1.1;margin:0}.active-call-person p{color:#ffffffb8;font-size:.95rem;font-weight:750;margin:8px 0 0;max-width:280px}.active-call-controls{display:grid;gap:18px;grid-template-columns:repeat(3,74px);justify-content:center;margin-top:auto;padding-bottom:64px}.round-call-control{align-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;display:inline-flex;flex-direction:column;font-size:.72rem;font-weight:800;gap:7px;height:74px;justify-content:center;width:74px}.round-call-control.active{background:#ffffff3d}.round-call-control.inactive{opacity:.5}.active-end-call{align-items:center;background:#ca263d;border-radius:999px;box-shadow:0 14px 32px #44000c47;color:#fff;display:inline-flex;height:62px;justify-content:center;margin-bottom:10px;width:62px}@media(min-width:600px){.home-shell{padding-left:20px;padding-right:20px}}@media(min-width:700px){.telegram-shell{box-shadow:0 0 0 1px #8fa1b414}.active-call-screen{min-height:720px}}@media(max-width:699px){.telegram-shell:has(.active-call-screen){max-width:none}.call-shell.telegram-shell:has(.active-call-screen){min-height:100vh;min-height:100dvh;width:100vw}.active-call-screen{min-height:100vh;min-height:100dvh}.button-field{--button-base: min(21.5vw, 9.6vh)}.display-button{font-size:clamp(.82rem,3.7vw,1.08rem);left:var(--mx);top:var(--my)}}@media(min-width:1200px)and (min-height:700px){.button-field{--button-base: min(9.3vw, 18.5vh)}}