:root{--accent: #39648d;--accent-mid: #3a678f;--gradient-end: #3d7193;--text-on-bg: #eceef1;--text-muted: #9aa3ad;--bg: var(--tg-theme-bg-color, #000000);--elevated: var(--tg-theme-secondary-bg-color, #141414);--surface: #ffffff;--text-on-surface: #1a1f26;--radius-lg: 16px;--radius-md: 12px;--radius-modal: 20px;--nav-h: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--tg-theme-text-color, var(--text-on-bg))}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px)}.pages{flex:1;position:relative;overflow:hidden}.page{display:none;flex-direction:column;min-height:100%;padding:16px 16px 8px;animation:fadeIn .2s ease}.page--active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-content{display:flex;flex-direction:column;gap:14px}.profile-card{display:flex;align-items:center;gap:12px;background:var(--elevated);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:0 1px #ffffff0f}.profile-card__badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;margin-left:auto}.profile-card__status{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:10px;font-size:.68rem;font-weight:700;letter-spacing:.02em;line-height:1.2;text-align:center;max-width:118px;border:none;white-space:nowrap}.profile-card__status--pending{background:#ffffff14;color:var(--tg-theme-hint-color, var(--text-muted))}.profile-card__status--off{background:#b91c1c;color:#fff;box-shadow:0 1px #0003}.profile-card__status--on{background:#15803d;color:#fff;box-shadow:0 1px #0003}.profile-card__plan{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 0;line-height:1}.profile-card__plan--free{color:var(--tg-theme-hint-color, var(--text-muted))}.profile-card__plan--pro{color:#7eb8e8;text-shadow:0 0 12px rgb(126 184 232 / .35)}.profile-card__avatar-wrap{position:relative;width:56px;height:56px;flex-shrink:0}.profile-card__avatar,.profile-card__avatar-fallback{width:56px;height:56px;border-radius:14px;object-fit:cover}.profile-card__avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--gradient-end));color:#fff;font-weight:700;font-size:1.1rem}.profile-card__avatar:not([hidden])+.profile-card__avatar-fallback{display:none}.profile-card__text{min-width:0;flex:1}.profile-card__name{font-size:1.05rem;font-weight:600;line-height:1.25;word-break:break-word}.profile-card__username{margin-top:4px;font-size:.9rem;color:var(--tg-theme-hint-color, var(--text-muted))}.action-row{display:flex;gap:10px;align-items:stretch}.action-block{display:flex;flex-direction:column;align-items:stretch}.action-block--half{flex:1 1 0;min-width:0}.action-row .action-card{flex:1;min-height:100%}.action-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px;background:var(--surface);padding:14px 12px 16px;border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:inherit;box-shadow:0 1px 3px #0000001f;transition:transform .12s ease,box-shadow .12s ease}.action-card:active{transform:scale(.99)}.action-card--single{text-align:center;color:var(--accent);font-size:1rem;font-weight:600;padding:14px 18px;gap:0}.action-card__title{font-size:1rem;font-weight:600;color:var(--accent);line-height:1.25}.action-row .action-card__title{font-size:.95rem}#btn-channel .action-card__title,#btn-support .action-card__title,#btn-instruction{font-weight:800}.action-card__hint{margin:0;font-size:.8125rem;font-weight:400;color:var(--text-on-surface);line-height:1.35;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.subscription-cta{margin-top:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;padding:16px 18px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#39648d,#477fb3);color:#fff;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;text-align:left;box-shadow:0 4px 14px #39648d59;transition:transform .12s ease,box-shadow .12s ease;position:relative}.subscription-cta:active{transform:scale(.99)}.subscription-cta__logo-wrap{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;transform:translate(4px)}.subscription-cta__logo{width:138%;height:138%;object-fit:contain;display:block;mix-blend-mode:screen;margin:-19% 0 0 -19%}.subscription-cta__copy{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding-left:0;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;pointer-events:none}.subscription-cta__stack{display:flex;flex-direction:column;align-items:center;gap:6px;width:fit-content;max-width:100%}.subscription-cta__headline{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.2;text-align:center}.subscription-cta__word{font-size:.95rem;font-weight:600;line-height:1.15;transform:translateY(-2px)}.subscription-cta__brand{font-size:1.08rem;font-weight:800;letter-spacing:.02em;line-height:1.15}.subscription-cta__more{font-size:.9rem;font-weight:400;opacity:.95;text-align:center}.placeholder-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;max-width:400px;margin:0 auto}.placeholder-page__title{margin:0 0 8px;font-size:1.35rem}.placeholder-page__text{margin:0;color:var(--tg-theme-hint-color, var(--text-muted))}.chats-page{display:flex;flex-direction:column;gap:14px;width:100%;max-width:480px;margin:0 auto;flex:1;min-height:0}.chats-page__title{margin:0;font-size:1.28rem;font-weight:800;letter-spacing:.02em;color:var(--tg-theme-text-color, var(--text-on-bg))}.chats-frame{flex:1;min-height:120px;display:flex;flex-direction:column;padding:12px;border:1px solid rgb(255 255 255 / .14);border-radius:var(--radius-lg);background:var(--elevated);box-shadow:0 1px #ffffff0d}.chats-empty{margin:auto;padding:20px 16px;font-size:.95rem;font-weight:600;text-align:center;color:var(--tg-theme-hint-color, var(--text-muted));line-height:1.45}.chats-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.chats-list__item{border-bottom:1px solid rgb(255 255 255 / .08)}.chats-list__item:last-child{border-bottom:none}.chats-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 10px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:var(--tg-theme-text-color, var(--text-on-bg));border-radius:var(--radius-md);transition:background .12s ease}.chats-row:active{background:#ffffff0f}.chats-row__avatar{width:44px;height:44px;border-radius:12px;object-fit:cover;flex-shrink:0}.chats-row__avatar-fallback{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--gradient-end));color:#fff;font-weight:700;font-size:1rem}.chats-row__title{flex:1;min-width:0;font-size:1rem;font-weight:600;line-height:1.3;overflow-wrap:break-word}.chat-detail{display:flex;flex-direction:column;gap:14px;width:100%;max-width:480px;margin:0 auto;flex:1;min-height:0}.chat-detail__title{margin:0;text-align:center;flex:1}.chat-detail__header{display:flex;align-items:center;justify-content:center;gap:10px}.chat-detail__avatar-wrap{width:34px;height:34px;border-radius:10px;overflow:hidden;flex-shrink:0}.chat-detail__avatar{width:100%;height:100%;object-fit:cover;display:block}.chat-detail__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--gradient-end));color:#fff;font-size:.9rem;font-weight:700}.chat-detail__frame{flex:1;min-height:140px;display:flex;flex-direction:column;border:1px solid rgb(255 255 255 / .14);border-radius:var(--radius-lg);background:var(--elevated);box-shadow:0 1px #ffffff0d;overflow:hidden}.chat-detail__empty{margin:auto;padding:20px 16px;font-size:.95rem;font-weight:600;text-align:center;color:var(--tg-theme-hint-color, var(--text-muted))}.chat-detail__list{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.chat-detail__item{display:flex}.chat-msg{width:min(88%,420px);padding:9px 10px;border-radius:12px;border:1px solid rgb(255 255 255 / .08);background:#ffffff08}.chat-msg--mine{margin-left:auto;background:#37a64845;border-color:#41be5494}.chat-msg--deleted{opacity:.82}.chat-msg__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.chat-msg__sender{font-size:.79rem;font-weight:700;color:#ffffffeb}.chat-msg__type{font-size:.7rem;color:var(--tg-theme-hint-color, var(--text-muted));text-transform:uppercase}.chat-msg__text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.35;font-size:.95rem}.chat-msg__meta{margin-top:6px;font-size:.72rem;color:var(--tg-theme-hint-color, var(--text-muted))}.settings-page{display:flex;flex-direction:column;gap:18px;width:100%;max-width:480px;margin:0 auto}.settings-page__heading{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.02em;color:var(--tg-theme-text-color, var(--text-on-bg))}.settings-page__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.settings-plate{width:100%;display:block;margin:0;padding:16px 18px;border:none;border-radius:var(--radius-lg);background:#39648d;color:#fff;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.02em;line-height:1.3;text-align:left;cursor:pointer;box-shadow:0 2px 10px #39648d59;transition:opacity .15s ease,transform .12s ease}.settings-plate--soon{cursor:default}.settings-plate:not(.settings-plate--soon):active{transform:scale(.99);opacity:.95}.back-button{align-self:flex-start;margin:0 0 4px;padding:8px 10px;border:none;border-radius:var(--radius-md);background:#ffffff14;color:var(--tg-theme-text-color, var(--text-on-bg));font:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.back-button:active{opacity:.85}.action-button{margin-top:8px;width:100%;padding:14px 18px;border:2px solid var(--accent, #39648d);border-radius:var(--radius-lg);background:#fff;color:var(--accent, #39648d);font-family:inherit;font-size:1rem;font-weight:800;letter-spacing:.03em;cursor:pointer;box-shadow:0 1px 4px #00000014;transition:background .15s ease,opacity .15s ease,transform .12s ease}.action-button:disabled{opacity:.55;cursor:wait}.action-button:not(:disabled):active{transform:scale(.99);background:#39648d14}.instruction-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:480px;margin:0 auto;padding-bottom:12px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.instruction-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.instruction-card{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:14px 12px 16px;border-radius:var(--radius-md);background:var(--elevated);border:1px solid rgb(255 255 255 / .08);box-shadow:0 2px 12px #00000059}.instruction-card__head{display:flex;align-items:center}.instruction-card__badge{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#39648d;color:#fff;font-size:1.08rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #39648d73}.instruction-card__img{display:block;width:100%;height:auto;border-radius:var(--radius-md);vertical-align:middle;background:#00000059;border:1px solid rgb(255 255 255 / .06)}.save-chat-help{display:flex;flex-direction:column;gap:16px;width:100%;max-width:480px;margin:0 auto}.save-chat-help__window{background:var(--elevated);border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius-lg);padding:18px 16px 20px;box-shadow:0 4px 20px #00000040}.save-chat-help__intro{margin:0 0 14px;font-size:.95rem;font-weight:600;line-height:1.45;color:var(--tg-theme-text-color, var(--text-on-bg))}.save-chat-help__cmd-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.save-chat-help__cmd-input{display:block;width:100%;margin:0 0 16px;padding:14px 16px;border:1px solid rgb(255 255 255 / .14);border-radius:var(--radius-md);background:#00000059;color:var(--tg-theme-text-color, var(--text-on-bg));font-family:ui-monospace,Cascadia Code,Segoe UI Mono,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:600;letter-spacing:.04em;box-sizing:border-box;cursor:default}.save-chat-help__cmd-input:focus{outline:2px solid var(--accent, #39648d);outline-offset:2px}.save-chat-help__note{margin:0;font-size:.86rem;font-weight:500;line-height:1.5;color:var(--tg-theme-hint-color, var(--text-muted))}.page--pay{padding:0;min-height:0}#app.app--pay .bottom-nav{display:none}#app.app--pay{padding-bottom:var(--safe-bottom)}.pay-mockup{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;background:#fff;width:100%;max-width:480px;margin:0 auto;box-sizing:border-box}.pay-mockup__gradient{position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;padding:calc(6px + env(safe-area-inset-top,0px)) 22px 36px;border-radius:0 0 100px 100px;background:#39648d;box-shadow:0 12px 36px #0000002e;width:100%;box-sizing:border-box}.pay-mockup__back{position:absolute;left:14px;top:calc(4px + env(safe-area-inset-top,0px));z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#ffffffeb;font-size:.95rem;font-weight:600;cursor:pointer;padding:6px 8px;margin:0}.pay-mockup__brand{display:flex;flex-direction:column;align-items:center;width:100%;gap:0;line-height:0}.pay-mockup__logo{width:min(72vw,300px);height:auto;max-width:100%;object-fit:contain;display:block;mix-blend-mode:screen;margin:0;flex-shrink:0}.pay-mockup__title{margin-block:-68px 0;margin-inline:0;padding:0 12px;color:#fff;font-size:clamp(1.68rem,6.8vw,2.22rem);font-weight:700;letter-spacing:.03em;text-align:center;line-height:1.05;position:relative;z-index:1}.pay-mockup__list{width:100%;max-width:100%;margin:clamp(32px,8.5vh,52px) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(24px,5.5vh,34px)}.pay-mockup__row{display:flex;align-items:flex-start;justify-content:flex-start;gap:16px;width:100%}.pay-mockup__icon{width:54px;height:54px;object-fit:contain;flex-shrink:0;display:block;filter:brightness(0) invert(1);opacity:.98;margin-top:1px}.pay-mockup__copy{margin:0;flex:1;min-width:0;color:#fffffff5;font-size:.97rem;font-weight:500;line-height:1.48;letter-spacing:.01em;text-align:left;overflow-wrap:break-word}.pay-mockup__scroll-hint{margin-top:auto;padding-top:clamp(32px,8vh,52px);display:flex;justify-content:center;align-items:center}.pay-mockup__scroll-icon{width:42px;height:42px;object-fit:contain;display:block;filter:brightness(0) invert(1);opacity:.95;transform:rotate(90deg)}.pay-mockup__footer{flex-shrink:0;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px calc(40px + env(safe-area-inset-bottom,0px));text-align:center;background:#fff}.pay-mockup__footer-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:10px 20px;font:inherit;font-size:clamp(1.42rem,6.5vw,1.82rem);font-weight:800;letter-spacing:.02em;line-height:1.25;color:#39648d;cursor:pointer}.pay-mockup__footer-cta:active{opacity:.82}.pay-mockup__status{margin:0;max-width:32ch;font-size:.8rem;line-height:1.35;color:var(--text-on-surface, #5c6570);min-height:1.2em}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:stretch;justify-content:space-around;background:#0a0a0a;border-top:1px solid rgb(255 255 255 / .08);z-index:10}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;font-size:.7rem;color:var(--tg-theme-hint-color, var(--text-muted));cursor:pointer;padding:6px 4px}.bottom-nav__item--active{color:var(--accent);font-weight:600}.bottom-nav__icon{font-size:1.25rem;line-height:1}.modal[hidden]{display:none!important}.modal:not([hidden]){display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:max(16px,var(--safe-bottom))}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.modal__panel{position:relative;width:100%;max-width:400px;background:#1a1a1a;border-radius:var(--radius-modal);padding:22px 20px 18px;box-shadow:0 -4px 24px #00000080;animation:slideUp .22s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.modal__title{margin:0 0 10px;font-size:1.15rem;color:var(--text-on-bg)}.modal__body{margin:0 0 18px;font-size:.95rem;color:var(--text-muted);line-height:1.45}.modal__close{width:100%;padding:12px;border:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer}




/* --- СТИЛИ ДЛЯ ЮРИДИЧЕСКИХ ТЕКСТОВ --- */
.legal-page {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
}

.legal-content {
    background: var(--elevated);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-lg);
    padding: 20px 18px;
    color: var(--tg-theme-text-color, var(--text-on-bg));
    font-size: 0.92rem;
    line-height: 1.55;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.legal-content h2 {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 20px 0 10px;
    color: #fff;
    letter-spacing: 0.01em;
}

.legal-content h2:first-child {
    margin-top: 0;
}

.legal-content p {
    margin: 0 0 12px;
    color: rgba(255, 255, 255, 0.85);
}

.legal-content ul, .legal-content ol {
    margin: 0 0 16px;
    padding-left: 22px;
    color: rgba(255, 255, 255, 0.85);
}

.legal-content li {
    margin-bottom: 6px;
}

.legal-content li:last-child {
    margin-bottom: 0;
}

/* Делаем li относительным контейнером для правильного позиционирования */
.chats-list__item {
    position: relative;
    display: flex;
    align-items: center;
}

/* Оставляем отступ справа, чтобы текст не залезал под крестик */
.chats-row {
    flex: 1;
    padding-right: 44px; 
}

/* Стили минималистичного крестика */
.chats-row__delete {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    background: transparent;
    border: none;
    color: var(--tg-theme-hint-color, #9aa3ad);
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    transition: background 0.15s ease, color 0.15s ease;
    padding: 0;
    z-index: 2;
}

/* Эффект при нажатии на крестик */
.chats-row__delete:active {
    background: rgba(255, 255, 255, 0.08);
    color: #ff4d4d;
}

/* Темные сообщения собеседника */
.chat-msg {
    width: min(88%, 420px);
    padding: 9px 12px;
    border-radius: 14px;
    background: #1c1c1e !important; /* Нативный темный цвет */
    border: none !important; /* Убираем обводку */
}

/* Синие сообщения пользователя (твои) */
.chat-msg--mine {
    margin-left: auto;
    background: #39648d !important; /* Синий цвет приложения */
    border: none !important; /* Убираем обводку */
}



/* Делаем шапку жестко зафиксированной наверху экрана */
.chat-detail__sticky-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 480px; /* Чтобы не растягивалась на всю ширину на ПК */
    margin: 0 auto !important;
    z-index: 100;
    background: var(--bg, #000000);
    display: flex;
    align-items: center;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* Тонкая линия как в ТГ */
}

/* Сдвигаем окно с сообщениями вниз, чтобы оно не пряталось под шапку */
.chat-detail__frame {
    margin-top: 65px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}