:root{--teal:#2dd3ac;--teal-energy:linear-gradient(90deg, #2dd3ac, #4fe0c0);--teal-cta:linear-gradient(120deg, #22c7a0, #3fe0c0);--c-text-msg:#2dd3ac;--c-voice:#5b8dff;--c-azure:#4aa3ff;--c-media:#8b7bff;--c-inflow:#3fbf7a;--lin-techenie:#2dd3ac;--lin-plamya:#e6543a;--lin-svet:#4aa3ff;--lin-mertsanie:#8b7bff;--r-screen:26px;--r-panel:18px;--r-panel-lg:22px;--r-tile:14px;--r-tile-sm:12px;--r-chip:9px;--r-chip-sm:6px;--r-avatar:14px}[data-theme=light]{--bg:radial-gradient(130% 80% at 20% -5%, #dbe4f2 0%, #e7ecf4 42%, #e2e7f0 100%);--bg-solid:#e7ecf4;--text:#1a2436;--text-head:#141c2c;--text-2:#6a7690;--text-2b:#7a869e;--text-3:#9aa5bd;--text-body:#3a475f;--text-soft:#5a6a86;--glass-bg:linear-gradient(165deg, #ffffffbd, #ffffff7a);--glass-bg-strong:linear-gradient(165deg, #fffc, #ffffff85);--glass-border:#ffffffd1;--glass-border-strong:#ffffffe0;--glass-shadow:0 10px 26px -14px #28406e42;--screen-shadow:0 30px 70px -24px #1e305466, 0 2px 0 #ffffffb3 inset;--rail:#1e30541a;--rail-2:#1e30541f;--tile-bg:#ffffffad;--tile-bg-2:#ffffff8c;--tile-bg-3:#fff9;--tile-border:#ffffffd9;--tile-border-2:#ffffffbf;--tile-shadow:0 6px 16px -11px #28406e47;--teal-text:#0c7d61;--teal-text-2:#0e8f6f;--teal-soft-bg:#2dd3ac24;--teal-soft-bg-2:#2dd3ac1a;--teal-soft-border:#2dd3ac4d;--teal-soft-border-2:#2dd3ac42;--c-other:#9aa7bd;--c-flame:#c2603a;--c-flame-text:#b1552f;--c-flame-text-2:#a1583a;--c-flame-bg:#c2603a17;--c-flame-border:#c2603a40;--avatar-bg:repeating-linear-gradient(135deg, #cdd6e6, #cdd6e6 5px, #d7dfec 5px, #d7dfec 10px);--avatar-bg-lg:repeating-linear-gradient(135deg, #cdd6e6, #cdd6e6 7px, #d7dfec 7px, #d7dfec 14px);--avatar-border:#ffffffe6;--cover-bg:repeating-linear-gradient(115deg, #c3cde0, #c3cde0 12px, #ccd6e8 12px, #ccd6e8 24px);--cover-fade:linear-gradient(180deg, #e2e7f000 30%, #e2e7f0db);--sysbar:#42506a;--nav-inactive:#8a95ad;--nav-active:#0c7d61;--nav-veil:linear-gradient(180deg, #e7ecf400, #e7ecf4eb 40%);--nav-veil-border:#fff9;--header-btn-bg:#ffffff8c;--header-btn-border:#ffffffb3;--skeleton:linear-gradient(90deg, #d6deea 25%, #e9eef5 37%, #d6deea 63%);--dashed-border:#5a6a864d}[data-theme=dark]{--bg:radial-gradient(130% 80% at 20% -5%, #1a1330 0%, #120e26 45%, #0c0a1c 100%);--bg-solid:#120e26;--text:#e8e9f4;--text-head:#f6f6fc;--text-2:#a49fce;--text-2b:#9a95c4;--text-3:#7a75a4;--text-body:#c8c4e2;--text-soft:#b6b1d8;--glass-bg:#ffffff0d;--glass-bg-strong:linear-gradient(165deg, #ffffff14, #ffffff08);--glass-border:#ffffff1a;--glass-border-strong:#8b7bff3d;--glass-shadow:0 12px 30px -14px #0a061ab3;--screen-shadow:0 30px 70px -22px #0a061ab3;--rail:#ffffff1a;--rail-2:#ffffff1f;--tile-bg:#ffffff0d;--tile-bg-2:#ffffff0a;--tile-bg-3:#ffffff0d;--tile-border:#ffffff1a;--tile-border-2:#ffffff1a;--tile-shadow:0 6px 16px -11px #0a061a80;--teal-text:#7ff0d4;--teal-text-2:#5fe6c6;--teal-soft-bg:#2dd3ac2e;--teal-soft-bg-2:#2dd3ac1f;--teal-soft-border:#2dd3ac66;--teal-soft-border-2:#2dd3ac4d;--c-other:#6a6790;--c-flame:#e0906a;--c-flame-text:#e0906a;--c-flame-text-2:#d18a66;--c-flame-bg:#e0906a1f;--c-flame-border:#e0906a4d;--avatar-bg:repeating-linear-gradient(135deg, #2c2450, #2c2450 5px, #352c60 5px, #352c60 10px);--avatar-bg-lg:repeating-linear-gradient(135deg, #2c2450, #2c2450 7px, #352c60 7px, #352c60 14px);--avatar-border:#8b7bff4d;--cover-bg:repeating-linear-gradient(115deg, #241b42, #241b42 12px, #2c2350 12px, #2c2350 24px);--cover-fade:linear-gradient(180deg, #0c0a1c00 30%, #0c0a1cd9);--sysbar:#a9a4d0;--nav-inactive:#7a75a4;--nav-active:#5fe6c6;--nav-veil:linear-gradient(180deg, #0c0a1c00, #0c0a1ceb 40%);--nav-veil-border:#ffffff14;--header-btn-bg:#ffffff14;--header-btn-border:#ffffff24;--skeleton:linear-gradient(90deg, #241b42 25%, #2f2554 37%, #241b42 63%);--dashed-border:#8b7bff4d}@keyframes linpulse{0%,to{opacity:1;filter:drop-shadow(0 0 6px #2dd3ac80)}50%{opacity:.78;filter:drop-shadow(0 0 14px #2dd3ace6)}}@keyframes linbar{0%,to{box-shadow:0 0 6px #2dd3ac80}50%{box-shadow:0 0 16px #2dd3ace6}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes linflash{0%{transform:scale(.94)}to{transform:scale(1)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;font-family:Manrope,system-ui,sans-serif}body{color:#fff;background:#0b0d16;justify-content:center;align-items:center;min-height:100vh;padding:24px 0;display:flex}#root{justify-content:center;width:100%;display:flex}button{font-family:inherit}.mono{font-family:JetBrains Mono,monospace}.stage{background:radial-gradient(120% 90% at 50% 0,#14101f 0%,#0b0d16 60%,#07060d 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:100vh;padding:24px 12px;display:flex}.phone{border-radius:var(--r-screen);background:var(--bg);width:390px;max-width:100%;height:844px;max-height:calc(100vh - 100px);box-shadow:var(--screen-shadow);color:var(--text);flex-direction:column;font-family:Manrope,sans-serif;display:flex;position:relative;overflow:hidden}.stage--full{background:var(--bg-solid);gap:0;width:100%;min-height:100vh;padding:0}.phone--full{width:100%;max-width:none;height:100vh;max-height:none;box-shadow:none;border-radius:0}.phone__scroll{-webkit-overflow-scrolling:touch;z-index:1;flex:1;position:relative;overflow:hidden auto}.phone__scroll::-webkit-scrollbar{background:0 0;width:0}.sysbar{color:var(--sysbar);flex:none;justify-content:space-between;align-items:center;padding:12px 18px 4px;font:600 13px JetBrains Mono,monospace;display:flex}.sysbar__status{opacity:.75;align-items:center;gap:6px;font-size:11px;display:flex}.sysbar__battery{border:1.5px solid;border-radius:2px;width:16px;height:9px;display:inline-block}.vkheader{flex:none;align-items:center;gap:10px;padding:6px 18px 10px;display:flex}.vkheader__btn{background:var(--header-btn-bg);border:1px solid var(--header-btn-border);width:26px;height:26px;color:var(--sysbar);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;font:700 13px Manrope;display:flex}.vkheader__title{letter-spacing:.2px;color:var(--text-head);font:700 15px Manrope}.vkheader__spacer{margin-left:auto}.glass{border-radius:var(--r-panel);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);padding:15px}.panel-title{color:var(--text-head);font:700 13px Manrope}.panel-sublabel{color:var(--text-2b);font:500 10px JetBrains Mono}.blob{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.bottomnav{background:var(--nav-veil);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--nav-veil-border);z-index:5;flex:none;padding:8px 12px 16px;display:flex;position:sticky;bottom:0}.bottomnav__tab{color:var(--nav-inactive);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0;display:flex}.bottomnav__tab.is-active{color:var(--nav-active)}.bottomnav__label{font:500 10px Manrope}.bottomnav__tab.is-active .bottomnav__label{font-weight:700}.screen-pad{flex-direction:column;gap:12px;padding:6px 16px 18px;display:flex}.divider-label{align-items:center;gap:9px;margin:16px 0 11px;display:flex}.divider-label span:first-child{color:var(--text-head);letter-spacing:.5px;font:700 11px JetBrains Mono}.divider-label .rule{background:var(--rail);flex:1;height:1px}.cta{cursor:pointer;background:var(--teal-cta);color:#083b2e;border:none;border-radius:15px;justify-content:center;align-items:center;gap:8px;height:50px;font:700 15px Manrope;text-decoration:none;display:flex;box-shadow:0 10px 26px -8px #2dd3ac99}.segmented{background:var(--tile-bg-3);border:1px solid var(--tile-border-2);border-radius:11px;gap:4px;padding:3px;display:flex}.segmented button{cursor:pointer;color:var(--text-2b);background:0 0;border:none;border-radius:8px;flex:1;padding:8px 0;font:700 11px Manrope;transition:background .14s,color .14s}.segmented button.is-on{background:var(--teal-soft-bg);color:var(--teal-text);box-shadow:inset 0 0 0 1px var(--teal-soft-border)}.chip{color:var(--text-body);background:var(--tile-bg-3);border:1px solid var(--tile-border-2);border-radius:8px;padding:3px 9px;font:600 11px Manrope}.chip b{color:var(--text-head)}.devbar{color:#cfd3e6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:520px;padding:10px 14px;font:600 12px Manrope;display:flex}.devbar__group{align-items:center;gap:6px;display:flex}.devbar button{color:#e6e8f2;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:9px;padding:6px 10px;font:600 11.5px Manrope;transition:background .14s,border-color .14s}.devbar button:hover{border-color:#2dd3ac80}.devbar button.is-on{color:#7ff0d4;background:#2dd3ac2e;border-color:#2dd3ac80}.devbar__sep{background:#ffffff1f;width:1px;height:20px}.devbar__hint{color:#8a90a8;font:500 11px Manrope}
