/* =================================================== 6th Sense — Пастельная тема (Thera / Reflexio стиль) Подключать ПОСЛЕ style.css Активируется через класс .theme-light на Палитра: Фон: #F4F0FA (пастельный лавандовый) Поверхность: #FFFFFF Текст: #2D2D3A (тёмно-графитовый) Приглушённый: #7A7A8E Акцент: #8B7EC8 (мягкий фиолетовый) Голубой: #7EB8D0 (пастельный голубой) Персиковый: #D4A88C (мягкий персиковый) Успех: #6EBB8A Ошибка: #D07E7E Шрифт: Nunito (округлый, современный) =================================================== */ /* === BODY === */ .theme-light, .theme-light body { background: #F4F0FA; color: #2D2D3A; font-family: 'Nunito', sans-serif; -webkit-font-smoothing: antialiased; } /* === SCREENS / PAGE === */ .theme-light .screen { background: #F4F0FA; } .theme-light .page { background: transparent; } /* === BG (фоновое изображение и оверлей) === */ .theme-light .bg-img { opacity: 0.12; filter: saturate(0.3) brightness(1.1); } .theme-light .bg-overlay { background: linear-gradient( 180deg, rgba(244,240,250,0.2) 0%, rgba(244,240,250,0.5) 30%, rgba(244,240,250,0.85) 60%, rgba(244,240,250,0.97) 100% ); } /* === ВСЕ ЗАГОЛОВКИ — округлый шрифт === */ .theme-light .title, .theme-light .landing-b-title, .theme-light .landing-b-name, .theme-light .landing-b-how-title, .theme-light .modal-title, .theme-light .modal-pane-title, .theme-light .modal-success-title, .theme-light .round-label, .theme-light .question, .theme-light .comp-title, .theme-light .fighter-name, .theme-light .player-name, .theme-light .rules-title, .theme-light .breakdown-title, .theme-light .result-text, .theme-light .final-verdict, .theme-light .final-numbers, .theme-light .program-title, .theme-light .profile-level, .theme-light .top-title { font-family: 'Nunito', sans-serif; } /* === ЗАГОЛОВКИ === */ .theme-light .title { color: #2D2D3A; font-weight: 800; text-transform: none; letter-spacing: 0; } .theme-light .title-accent { color: #8B7EC8; } .theme-light .subtitle { color: #4A4A5E; font-family: 'Nunito', sans-serif; font-style: normal; font-weight: 600; font-size: 20px; } /* === STEPS (шаги) — без римских цифр, простые числа === */ .theme-light .rule { background: linear-gradient(90deg, transparent, rgba(139,126,200,0.2), transparent); } .theme-light .step { border-bottom-color: rgba(0,0,0,0.04); border-top: none; } .theme-light .step:first-child { border-top-color: rgba(0,0,0,0.04); } .theme-light .step-num { color: #fff; background: linear-gradient(135deg, #8B7EC8, #A99BDE); border: none; border-radius: 50%; font-family: 'Nunito', sans-serif; font-weight: 700; font-style: normal; width: 36px; height: 36px; min-width: 36px; display: flex; align-items: center; justify-content: center; } .theme-light .step-text { color: #2D2D3A; font-family: 'Nunito', sans-serif; } /* === CTA (главная кнопка) — пилюля === */ .theme-light .cta { background: linear-gradient(135deg, #8B7EC8, #A99BDE); color: #fff; border-radius: 50px; box-shadow: 0 4px 20px rgba(139,126,200,0.25); font-family: 'Nunito', sans-serif; font-weight: 700; letter-spacing: 0.5px; text-transform: none; } .theme-light .cta::before { display: none; } .theme-light .cta:hover { background: linear-gradient(135deg, #7B6DB8, #9889CE); box-shadow: 0 6px 28px rgba(139,126,200,0.35); transform: translateY(-1px); } .theme-light .cta-disabled { opacity: 0.4; } .theme-light .footer-note { color: #7A7A8E; font-family: 'Nunito', sans-serif; text-transform: none; letter-spacing: 0; } /* === MODAL === */ .theme-light .modal-overlay { background: rgba(244,240,250,0.85); backdrop-filter: blur(16px); } .theme-light .modal { background: #FFFFFF; border: none; border-radius: 24px; box-shadow: 0 12px 48px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.03); } .theme-light .modal-rule { background: linear-gradient(90deg, #8B7EC8, #7EB8D0); border-radius: 2px; } .theme-light .modal-title { color: #2D2D3A; font-weight: 800; } .theme-light .modal-form input[type="text"], .theme-light .modal-form input[type="email"], .theme-light .modal-form input[type="tel"], .theme-light .modal-form input[type="password"] { color: #2D2D3A; border: none; border-bottom: 2px solid rgba(0,0,0,0.06); background: none; font-family: 'Nunito', sans-serif; border-radius: 0; } .theme-light .modal-form input::placeholder { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .modal-form input:focus { border-bottom-color: #8B7EC8; } .theme-light .modal-submit { background: linear-gradient(135deg, #8B7EC8, #A99BDE); color: #fff; border-radius: 50px; box-shadow: 0 4px 16px rgba(139,126,200,0.2); font-family: 'Nunito', sans-serif; font-weight: 700; } .theme-light .modal-submit:hover { background: linear-gradient(135deg, #7B6DB8, #9889CE); } .theme-light .modal-close { color: #7A7A8E; } .theme-light .modal-close:hover { color: #2D2D3A; } /* Табы модалки */ .theme-light .modal-tab { color: #7A7A8E; border-bottom-color: rgba(0,0,0,0.04); font-family: 'Nunito', sans-serif; } .theme-light .modal-tab:hover { color: #2D2D3A; } .theme-light .modal-tab.active { color: #8B7EC8; border-bottom-color: #8B7EC8; } .theme-light .modal-pane-title { color: #2D2D3A; } .theme-light .modal-error { color: #D07E7E; } .theme-light .modal-error.success-msg { color: #6EBB8A; } .theme-light .modal-link { color: #7A7A8E; } .theme-light .modal-link:hover { color: #8B7EC8; } /* Чекбокс */ .theme-light .checkbox-row input[type="checkbox"] { border-color: rgba(0,0,0,0.15); border-radius: 6px; } .theme-light .checkbox-row input[type="checkbox"]:checked { background: #8B7EC8; border-color: #8B7EC8; } .theme-light .checkbox-row label { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .checkbox-row label a { color: #8B7EC8; } .theme-light .checkbox-row label a:hover { color: #7B6DB8; } /* Успешная регистрация */ .theme-light .modal-success-title { color: #2D2D3A; } .theme-light .modal-success-text { color: #7A7A8E; } /* === TOP BAR === */ .theme-light .top-title { color: #2D2D3A; font-weight: 700; } .theme-light .top-title span { color: #8B7EC8; } /* === BATTLE (экран дуэли) === */ .theme-light .fighter-photo { border-color: rgba(139,126,200,0.15); border-radius: 50%; } .theme-light .fighter-name { color: #2D2D3A; font-weight: 800; } .theme-light .fighter-role { color: #7EB8D0; font-family: 'Nunito', sans-serif; } .theme-light .swords-img { display: none; } .theme-light .vs-badge { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: 24px; color: #8B7EC8; background: rgba(139,126,200,0.08); width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; letter-spacing: 1px; } /* Правила — без ромбиков */ .theme-light .rules-title { color: #2D2D3A; font-weight: 800; font-style: normal; text-transform: none; letter-spacing: 0; font-family: 'Nunito', sans-serif; } .theme-light .rule-item { border-bottom-color: rgba(0,0,0,0.04); } .theme-light .rule-item:first-child { border-top-color: rgba(0,0,0,0.04); } .theme-light .rule-diamond { background: #8B7EC8; border-radius: 50%; width: 8px; height: 8px; transform: none; } .theme-light .rule-text { color: #2D2D3A; font-family: 'Nunito', sans-serif; } /* === ROUND INTRO === */ .theme-light .round-label { color: #2D2D3A; font-weight: 800; } .theme-light .round-label span { color: #8B7EC8; } .theme-light .artwork { border-radius: 20px; box-shadow: 0 6px 24px rgba(0,0,0,0.06); border: none; filter: none; } .theme-light .comp-title { color: #2D2D3A; font-weight: 700; } .theme-light .comp-description { color: #7A7A8E; } /* === CHOOSE (выбор эмоции) === */ .theme-light .round-badge { color: #8B7EC8; font-family: 'Nunito', sans-serif; font-weight: 700; } .theme-light .question { color: #2D2D3A; font-weight: 700; } /* Аудиоплеер */ .theme-light .play-btn { border-color: rgba(139,126,200,0.3); color: #8B7EC8; border-radius: 50%; } .theme-light .play-btn:hover { background: rgba(139,126,200,0.08); } .theme-light .progress-bar { background: rgba(139,126,200,0.1); border-radius: 10px; } .theme-light .progress-fill { background: linear-gradient(90deg, #8B7EC8, #7EB8D0); border-radius: 10px; } .theme-light .time-display { color: #7A7A8E; font-family: 'Nunito', sans-serif; } /* Кнопки эмоций — белые пилюли */ .theme-light .emotion-btn { background: #FFFFFF; border: 2px solid rgba(139,126,200,0.12); border-radius: 50px; color: #2D2D3A; box-shadow: 0 2px 12px rgba(0,0,0,0.03); font-family: 'Nunito', sans-serif; font-weight: 600; transition: all 0.2s ease; } .theme-light .emotion-btn:hover { border-color: rgba(139,126,200,0.3); background: #FFFFFF; box-shadow: 0 4px 16px rgba(139,126,200,0.12); transform: translateY(-2px); } .theme-light .emotion-btn.selected { border-color: #8B7EC8; background: rgba(139,126,200,0.06); box-shadow: 0 4px 20px rgba(139,126,200,0.18); color: #6B5DAF; } /* === RESULT (результат раунда) === */ .theme-light .player-photo { border-color: rgba(0,0,0,0.06); } .theme-light .player-photo.winner { border-color: #6EBB8A; box-shadow: 0 0 20px rgba(110,187,138,0.15); } .theme-light .player-name { color: #2D2D3A; font-weight: 700; } .theme-light .player-choice { color: #7EB8D0; } .theme-light .player-score { color: #2D2D3A; } .theme-light .player-score.winner { color: #6EBB8A; } .theme-light .player-score-label { color: #7A7A8E; } /* Scoreboard */ .theme-light .scoreboard { background: transparent; } /* Breakdown */ .theme-light .breakdown { background: #FFFFFF; border-radius: 20px; padding: 24px 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.04); border: none; } .theme-light .breakdown-title { color: #8B7EC8; font-weight: 700; } .theme-light .breakdown-label { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .breakdown-label.hl { color: #2D2D3A; font-weight: 700; } .theme-light .breakdown-bar-bg { background: rgba(139,126,200,0.06); border-radius: 10px; } .theme-light .breakdown-bar { background: rgba(139,126,200,0.15); border-radius: 10px; } .theme-light .breakdown-bar.hl { background: linear-gradient(90deg, #8B7EC8, #7EB8D0); } .theme-light .breakdown-val { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .breakdown-val.hl { color: #2D2D3A; font-weight: 700; } /* Результат раунда */ .theme-light .result-text { color: #6EBB8A; font-weight: 800; } .theme-light .result-text.lost { color: #D07E7E; } .theme-light .result-sub { color: #7A7A8E; } /* === FINAL (финальный экран) === */ .theme-light .final-verdict { color: #6EBB8A; font-weight: 800; } .theme-light .final-verdict.lost { color: #D07E7E; } .theme-light .final-numbers { color: #7A7A8E; } .theme-light .final-score { color: #2D2D3A; font-weight: 800; } /* Сообщения */ .theme-light .msg { color: #2D2D3A; font-family: 'Nunito', sans-serif; } .theme-light .msg strong { color: #8B7EC8; } .theme-light .msg-keynote { color: #2D2D3A; border-top-color: rgba(139,126,200,0.15); border-bottom-color: rgba(139,126,200,0.15); } .theme-light .msg-highlight { color: #D4A88C; } /* === CTA PRIMARY / SECONDARY (финальные кнопки) — пилюли === */ .theme-light .cta-primary { background: linear-gradient(135deg, #8B7EC8, #A99BDE); color: #fff; border-radius: 50px; box-shadow: 0 4px 20px rgba(139,126,200,0.25); font-family: 'Nunito', sans-serif; font-weight: 700; } .theme-light .cta-primary::before { display: none; } .theme-light .cta-primary:hover { background: linear-gradient(135deg, #7B6DB8, #9889CE); box-shadow: 0 6px 28px rgba(139,126,200,0.35); transform: translateY(-1px); } .theme-light .cta-secondary { border: 2px solid rgba(139,126,200,0.2); color: #8B7EC8; border-radius: 50px; background: #FFFFFF; font-family: 'Nunito', sans-serif; font-weight: 600; } .theme-light .cta-secondary:hover { border-color: #8B7EC8; background: rgba(139,126,200,0.04); } .theme-light .leaderboard-link { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .leaderboard-link:hover { color: #8B7EC8; } /* === Спиннер загрузки === */ .theme-light .loading-spinner { border-color: rgba(139,126,200,0.1); border-top-color: #8B7EC8; } .theme-light .hyp-a-loading-text { color: #2D2D3A !important; } /* === ГИПОТЕЗА A: профиль === */ .theme-light .profile-level { color: #2D2D3A; font-weight: 700; } .theme-light .profile-level span { color: #8B7EC8; } .theme-light .profile-bar { background: rgba(139,126,200,0.08); border-radius: 12px; overflow: hidden; } .theme-light .profile-bar-fill { background: linear-gradient(90deg, #8B7EC8, #7EB8D0); border-radius: 12px; } .theme-light .profile-section-title { color: #7EB8D0; font-family: 'Nunito', sans-serif; font-weight: 700; } .theme-light .profile-list { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .profile-desc { color: #7A7A8E; font-family: 'Nunito', sans-serif; } /* Offer */ .theme-light .offer-text { color: #2D2D3A; font-family: 'Nunito', sans-serif; } .theme-light .offer-text strong { color: #8B7EC8; } .theme-light .offer-price { color: #7A7A8E; } /* === ГИПОТЕЗА B: программа === */ .theme-light .program-title { color: #2D2D3A; font-weight: 700; } .theme-light .program-day { color: #7A7A8E; border-bottom-color: rgba(0,0,0,0.04); font-family: 'Nunito', sans-serif; border-radius: 12px; } .theme-light .program-day.active { color: #2D2D3A; background: rgba(139,126,200,0.06); border-left-color: #8B7EC8; border-radius: 12px; } .theme-light .program-day.locked { color: rgba(0,0,0,0.2); } /* === ГИПОТЕЗА C: разбор ответов === */ .theme-light .hyp-c-list-item { border-bottom-color: rgba(0,0,0,0.04); border-radius: 12px; } .theme-light .hyp-c-list-item:hover { background: rgba(139,126,200,0.03); } .theme-light .hyp-c-list-item.miss { border-left-color: #D07E7E; } .theme-light .hyp-c-list-item.match { border-left-color: #6EBB8A; } .theme-light .hyp-c-list-num { background: linear-gradient(135deg, #8B7EC8, #A99BDE); color: #fff; border-radius: 50%; font-family: 'Nunito', sans-serif; font-weight: 700; } .theme-light .hyp-c-list-comp { color: #2D2D3A; font-family: 'Nunito', sans-serif; font-weight: 600; } .theme-light .hyp-c-list-answer { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .hyp-c-list-answer strong { color: #2D2D3A; } /* Карточка разбора */ .theme-light .hyp-c-card { background: #FFFFFF; border: none; border-radius: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.04); } .theme-light .hyp-c-row { border-bottom-color: rgba(0,0,0,0.04); } .theme-light .hyp-c-label { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .hyp-c-value { color: #2D2D3A; font-family: 'Nunito', sans-serif; font-weight: 600; } .theme-light .hyp-c-value.match { color: #6EBB8A; } .theme-light .hyp-c-value.miss { color: #D07E7E; } .theme-light .hyp-c-why { border-top-color: rgba(0,0,0,0.04); color: #7A7A8E; font-family: 'Nunito', sans-serif; } /* Плашка результата */ .theme-light .result-banner.win { background: rgba(110,187,138,0.08); border: none; border-radius: 16px; color: #6EBB8A; font-family: 'Nunito', sans-serif; font-weight: 700; } .theme-light .result-banner.loss { background: rgba(208,126,126,0.08); border: none; border-radius: 16px; color: #D07E7E; font-family: 'Nunito', sans-serif; font-weight: 700; } /* === Landing B (персональный лендинг) === */ .theme-light .landing-b-title { color: #2D2D3A; font-weight: 800; text-transform: none; letter-spacing: 0; } .theme-light .landing-b-text { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .landing-b-photo { border: 3px solid rgba(139,126,200,0.15); box-shadow: 0 8px 32px rgba(0,0,0,0.06); object-position: center 15%; } /* Фото дуэлянтов — голова целиком в кружок */ .theme-light .fighter-photo { object-position: center 10%; background: #F4F0FA; } .theme-light .player-photo { object-position: center 10%; background: #F4F0FA; } /* Силуэт претендента — белый фон, тонкая рамка для единообразия */ .theme-light .fighter-photo[src*="silhouette"], .theme-light .player-photo[src*="silhouette"] { object-fit: cover; object-position: center 10%; background: #FFFFFF; border: 2px solid rgba(45,45,58,0.12); } .theme-light .landing-b-name { color: #2D2D3A; font-weight: 800; } .theme-light .landing-b-role { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .landing-b-how-title { color: #2D2D3A; font-weight: 800; } .theme-light .landing-b-overlay { background: linear-gradient( 180deg, rgba(244,240,250,0.2) 0%, rgba(244,240,250,0.55) 30%, rgba(244,240,250,0.88) 55%, rgba(244,240,250,0.98) 100% ); } /* === Экран сохранения прогресса === */ .theme-light .save-progress-title, .theme-light .save-progress-text { font-family: 'Nunito', sans-serif; } /* === Служебные ссылки === */ .theme-light .admin-link { color: rgba(0,0,0,0.04); } .theme-light .admin-link:hover { color: rgba(0,0,0,0.12); } .theme-light .logout-link { color: #7A7A8E; font-family: 'Nunito', sans-serif; } .theme-light .logout-link:hover { color: #2D2D3A; } /* === Скроллбар === */ .theme-light ::-webkit-scrollbar { width: 6px; } .theme-light ::-webkit-scrollbar-track { background: transparent; } .theme-light ::-webkit-scrollbar-thumb { background: rgba(139,126,200,0.15); border-radius: 10px; } .theme-light ::-webkit-scrollbar-thumb:hover { background: rgba(139,126,200,0.25); } /* === Выделение текста === */ .theme-light ::selection { background: rgba(139,126,200,0.15); color: #2D2D3A; } /* === Текущий счёт на экране сохранения прогресса === */ .theme-light #saveProgressScore { color: #7A7A8E !important; } /* === КАБИНЕТ / ПЛАТНЫЕ УРОВНИ — светлая тема === */ /* Все inline rgba(255,255,255,...) тексты на кабинетных экранах */ .theme-light #screen-payment, .theme-light #screen-payment-success, .theme-light #screen-login, .theme-light #screen-cabinet, .theme-light #screen-catalog, .theme-light #screen-training-day, .theme-light #screen-training-result { color: #2D2D3A; } /* Субтексты (rgba белые → нормальный серый) */ .theme-light #screen-payment [style*="rgba(255,255,255,0.55)"], .theme-light #screen-payment [style*="rgba(255,255,255,0.4)"], .theme-light #screen-payment-success [style*="rgba(255,255,255,0.55)"], .theme-light #screen-login [style*="rgba(255,255,255,0.45)"], .theme-light #screen-cabinet [style*="rgba(255,255,255,0.45)"], .theme-light #screen-cabinet [style*="rgba(255,255,255,0.5)"], .theme-light #screen-catalog [style*="rgba(255,255,255,0.4)"], .theme-light #screen-training-day [style*="rgba(255,255,255,0.5)"], .theme-light #screen-training-day [style*="rgba(255,255,255,0.4)"], .theme-light #screen-training-result [style*="rgba(255,255,255,0.35)"], .theme-light #screen-training-result [style*="rgba(255,255,255,0.4)"], .theme-light #screen-training-result [style*="rgba(255,255,255,0.7)"] { color: #6B6B80 !important; } /* Карточка курса в кабинете */ .theme-light #screen-cabinet [style*="rgba(255,255,255,0.05)"], .theme-light #screen-training-result [style*="rgba(255,255,255,0.04)"], .theme-light #screen-training-day [style*="rgba(255,255,255,0.04)"] { background: rgba(0,0,0,0.04) !important; border-color: rgba(0,0,0,0.08) !important; } /* Прогресс-бар кабинета */ .theme-light #cabinetProgressBar { background: linear-gradient(90deg,#7B6FC2,#5FA8C8) !important; } .theme-light #screen-cabinet [style*="rgba(255,255,255,0.08)"] { background: rgba(0,0,0,0.07) !important; } /* Профильный дропдаун */ .theme-light .profile-menu-item { color: #2D2D3A; } .theme-light #profileMenu, .theme-light #profileMenu2 { background: #f5f5fa !important; border-color: rgba(0,0,0,0.1) !important; } .theme-light .profile-menu-item:hover { background: rgba(0,0,0,0.05) !important; } .theme-light #profileEmail, .theme-light #profileEmail2 { color: #555 !important; border-bottom-color: rgba(0,0,0,0.1) !important; } .theme-light #profileToggle, .theme-light #profileToggle2 { background: rgba(255,255,255,0.85) !important; border: 1.5px solid rgba(45,45,58,0.35) !important; color: #2D2D3A !important; box-shadow: 0 1px 3px rgba(0,0,0,0.08); } .theme-light #profileToggle:hover, .theme-light #profileToggle2:hover { background: #fff !important; border-color: rgba(45,45,58,0.55) !important; } /* Плитки дней каталога */ .theme-light .day-tile { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); } .theme-light .day-tile:hover:not(.day-locked) { background: rgba(0,0,0,0.08); } .theme-light .day-tile.day-done { background: rgba(90,160,110,0.1); border-color: rgba(90,160,110,0.3); } .theme-light .day-tile .day-label { color: #6B6B80; } /* Аудиоплеер тренировки */ .theme-light #screen-training-day .progress-bar { background: rgba(0,0,0,0.08); } .theme-light #screen-training-day .progress-fill { background: linear-gradient(90deg,#7B6FC2,#5FA8C8); } .theme-light .play-btn { background: rgba(0,0,0,0.07); border-color: rgba(0,0,0,0.12); color: #2D2D3A; } /* Цена на экране оплаты остаётся золотой */ .theme-light #screen-payment [style*="color:#d4af37"] { color: #9B7A1A !important; } /* Поля входа */ .theme-light #loginEmail, .theme-light #loginPassword { color: #2D2D3A; } .theme-light #loginError { color: #c0392b; } /* Кнопки назад (← стрелки) */ .theme-light #btnBackToCatalog, .theme-light #btnResultBackToCatalog, .theme-light #screen-catalog button[onclick] { color: #6B6B80 !important; } /* === Текст "Проверьте почту" после сохранения прогресса === */ .theme-light .save-success-text { color: #7A7A8E !important; } .theme-light .save-success-sub { color: #7A7A8E !important; }