https://www.pandoraburo.ru/medilav
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#0066FF">
<meta name="keywords" content="медицинское приложение, мониторинг здоровья, телемедицина, анализ симптомов, экстренная помощь, Medical ID, трекер лекарств, анализ крови онлайн, AI диагностика, здоровье под контролем, Medilav, дерматоскопия, анализ родинок, меланома">
<meta name="description" content="Medilav — инновационное медицинское приложение с AI-диагностикой, контролем здоровья, трекером лекарств и экстренной помощью. Ваш персональный медицинский ассистент нового поколения.">
<title>Medilav — Ваш медицинский ассистент</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
<style>
/* ============================================
1. ПЕРЕМЕННЫЕ И БАЗА
============================================ */
:root {
--primary: #0066FF; --primary-dark: #0052CC; --primary-light: #E6F0FF;
--success: #10B981; --success-light: #D1FAE5;
--warning: #F59E0B; --warning-light: #FEF3C7;
--danger: #EF4444; --danger-light: #FEE2E2;
--info: #3B82F6; --info-light: #DBEAFE;
--gray-50: #F9FAFB; --gray-100: #F3F4F6; --gray-200: #E5E7EB;
--gray-300: #D1D5DB; --gray-400: #9CA3AF; --gray-500: #6B7280;
--gray-600: #4B5563; --gray-700: #374151; --gray-800: #1F2937; --gray-900: #111827;
--bg-primary: #FFFFFF; --bg-secondary: #F9FAFB; --bg-tertiary: #F3F4F6;
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
--radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-full: 9999px;
--spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px;
--font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--font-size-xs: 12px; --font-size-sm: 14px; --font-size-base: 16px;
--font-size-lg: 18px; --font-size-xl: 20px; --font-size-2xl: 24px;
--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
--z-sticky: 200;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { font-family: var(--font-family); font-size: var(--font-size-base); line-height: 1.5; color: var(--gray-900); background: var(--bg-secondary); min-height: 100vh; }
button { font-family: inherit; cursor: pointer; border: none; background: none; font-size: inherit; }
input, textarea, select { font-family: inherit; font-size: inherit; }
.container { max-width: 1280px; margin: 0 auto; padding: 0 var(--spacing-md); }
.app-shell { display: flex; flex-direction: column; min-height: 100vh; }
.app-content { flex: 1; padding: var(--spacing-md); padding-bottom: 100px; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes bounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }
@keyframes sos-pulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; } 100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }
.animate-fade-in { animation: fadeIn 0.4s ease-out; }
section { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease-out, transform 0.7s ease-out; }
section.in-view { opacity: 1; transform: translateY(0); }
/* ============================================
2. HEADER
============================================ */
.header { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid var(--gray-200); padding: var(--spacing-sm) 0; position: sticky; top: 0; z-index: var(--z-sticky); box-shadow: var(--shadow-sm); }
.header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-sm); }
.header__brand { display: flex; align-items: center; gap: var(--spacing-sm); }
.header__logo { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--primary-light); border-radius: var(--radius-md); }
.header__brand-name { font-weight: 700; font-size: var(--font-size-xl); color: var(--gray-900); }
.header__status { display: flex; align-items: center; gap: var(--spacing-sm); background: var(--bg-tertiary); padding: 4px 12px 4px 8px; border-radius: var(--radius-full); border: 1px solid var(--gray-200); }
.status-indicator { display: flex; align-items: center; gap: 4px; font-size: var(--font-size-xs); font-weight: 600; color: var(--gray-700); }
.status-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.status-green .status-dot { background: var(--success); }
.status-yellow .status-dot { background: var(--warning); }
.status-red .status-dot { background: var(--danger); }
.status-detail { display: flex; align-items: baseline; gap: 2px; font-size: var(--font-size-xs); color: var(--gray-500); border-left: 1px solid var(--gray-300); padding-left: 8px; }
.status-score { font-weight: 700; font-size: var(--font-size-base); color: var(--gray-900); }
.header__actions { display: flex; align-items: center; gap: var(--spacing-sm); }
.header__btn { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-full); color: var(--gray-600); transition: background var(--transition-fast); }
.header__btn:hover { background: var(--gray-100); color: var(--gray-900); }
.avatar-img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.notification-badge { position: absolute; top: 2px; right: 2px; background: var(--danger); color: white; font-size: 10px; font-weight: 700; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid white; }
/* ============================================
3. DASHBOARD
============================================ */
.dashboard { margin-top: var(--spacing-lg); }
.dashboard__title { font-size: var(--font-size-2xl); font-weight: 700; color: var(--gray-900); margin-bottom: var(--spacing-md); }
.dashboard__grid { display: grid; grid-template-columns: 1fr; gap: var(--spacing-md); }
.widget { background: var(--bg-primary); border-radius: var(--radius-lg); padding: var(--spacing-md); box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200); transition: transform var(--transition-fast), box-shadow var(--transition-fast); }
.widget:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
.widget__header { display: flex; align-items: center; gap: var(--spacing-sm); margin-bottom: var(--spacing-md); }
.widget__icon { font-size: var(--font-size-xl); width: 32px; text-align: center; }
.widget__title { font-weight: 600; font-size: var(--font-size-base); color: var(--gray-800); flex: 1; }
.vitals__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-sm); text-align: center; }
.vital-value { font-size: var(--font-size-2xl); font-weight: 800; color: var(--gray-900); line-height: 1; }
.vital-unit { font-size: var(--font-size-xs); color: var(--gray-500); }
.vital-label { font-size: var(--font-size-sm); font-weight: 500; color: var(--gray-700); }
.medication__card { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-md); background: var(--primary-light); padding: var(--spacing-md); border-radius: var(--radius-md); border-left: 4px solid var(--primary); }
.medication__name { font-weight: 700; font-size: var(--font-size-lg); color: var(--gray-900); }
.medication__time { font-size: var(--font-size-sm); color: var(--primary-dark); font-weight: 600; }
.actions__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--spacing-sm); }
.action-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--spacing-xs); padding: var(--spacing-md); background: var(--bg-secondary); border: 1px solid var(--gray-200); border-radius: var(--radius-md); color: var(--gray-700); font-weight: 600; font-size: var(--font-size-sm); transition: all var(--transition-fast); }
.action-btn i { font-size: var(--font-size-xl); color: var(--primary); margin-bottom: 4px; }
.action-btn:hover { background: var(--primary-light); border-color: var(--primary); color: var(--primary-dark); }
.action-btn--danger i { color: var(--danger); }
.action-btn--danger:hover { background: var(--danger-light); border-color: var(--danger); color: var(--danger); }
.progress-bar { height: 12px; background: var(--gray-200); border-radius: var(--radius-full); overflow: hidden; margin-bottom: var(--spacing-sm); }
.progress-fill { height: 100%; background: linear-gradient(90deg, var(--success), #34D399); border-radius: var(--radius-full); transition: width 1s ease-out; }
.activity__stats { display: flex; justify-content: space-between; font-size: var(--font-size-sm); font-weight: 600; color: var(--gray-700); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-xs); font-weight: 600; border-radius: var(--radius-md); transition: all var(--transition-fast); }
.btn--primary { background: var(--primary); color: white; padding: 8px 16px; font-size: var(--font-size-sm); }
.btn--primary:hover { background: var(--primary-dark); }
.btn--outline { background: transparent; border: 1px solid var(--gray-300); color: var(--gray-700); padding: 8px 16px; font-size: var(--font-size-sm); border-radius: var(--radius-md); }
.btn--outline:hover { background: var(--gray-100); }
/* ============================================
4. AI CHAT
============================================ */
.chat-section { margin-top: var(--spacing-lg); }
.chat-container { background: var(--bg-primary); border-radius: var(--radius-lg); border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); overflow: hidden; display: flex; flex-direction: column; max-height: 650px; }
.chat-header { display: flex; align-items: center; justify-content: space-between; padding: var(--spacing-md); border-bottom: 1px solid var(--gray-200); background: var(--bg-secondary); }
.chat-header__info { display: flex; align-items: center; gap: var(--spacing-sm); }
.chat-header__icon { font-size: var(--font-size-2xl); color: var(--primary); }
.chat-header__name { font-weight: 700; color: var(--gray-900); display: block; }
.chat-header__status { font-size: var(--font-size-xs); color: var(--gray-500); display: flex; align-items: center; gap: 4px; }
.chat-header__status .status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--success); }
.chat-header__clear { color: var(--gray-400); padding: 4px 8px; border-radius: var(--radius-sm); transition: color var(--transition-fast); }
.chat-header__clear:hover { color: var(--danger); background: var(--danger-light); }
.chat-messages { flex: 1; overflow-y: auto; padding: var(--spacing-md); display: flex; flex-direction: column; gap: var(--spacing-sm); max-height: 350px; background: var(--bg-secondary); scroll-behavior: smooth; }
.message { max-width: 85%; padding: 10px 14px; border-radius: var(--radius-md); font-size: var(--font-size-sm); line-height: 1.5; word-wrap: break-word; animation: fadeIn 0.3s ease-out; }
.message--user { align-self: flex-end; background: var(--primary); color: white; border-bottom-right-radius: 4px; }
.message--bot { align-self: flex-start; background: var(--gray-100); color: var(--gray-800); border-bottom-left-radius: 4px; }
.message-time { font-size: 10px; opacity: 0.7; margin-top: 4px; display: block; }
.typing-indicator { display: flex; gap: 4px; padding: 4px 0; }
.typing-indicator span { width: 8px; height: 8px; background: var(--gray-400); border-radius: 50%; animation: bounce 1.4s infinite ease-in-out both; }
.typing-indicator span:nth-child(1) { animation-delay: -0.32s; }
.typing-indicator span:nth-child(2) { animation-delay: -0.16s; }
.chat-upload { padding: var(--spacing-sm) var(--spacing-md); border-top: 1px solid var(--gray-200); background: var(--bg-secondary); display: none; flex-direction: column; gap: var(--spacing-sm); }
.upload-preview { display: flex; align-items: center; gap: var(--spacing-sm); font-size: var(--font-size-sm); color: var(--gray-700); }
.upload-preview img { max-height: 60px; border-radius: var(--radius-sm); object-fit: cover; }
.upload-actions { display: flex; gap: var(--spacing-sm); justify-content: flex-end; }
.chat-input-area { display: flex; align-items: center; gap: var(--spacing-sm); padding: var(--spacing-sm) var(--spacing-md); border-top: 1px solid var(--gray-200); background: var(--bg-primary); }
.chat-input__actions { display: flex; gap: 2px; }
.chat-input__btn { width: 36px; height: 36px; border-radius: var(--radius-full); color: var(--gray-500); transition: all var(--transition-fast); display: flex; align-items: center; justify-content: center; }
.chat-input__btn:hover { background: var(--gray-100); color: var(--gray-700); }
.chat-input__field { flex: 1; padding: 10px 14px; border: 1px solid var(--gray-200); border-radius: var(--radius-full); outline: none; font-size: var(--font-size-sm); transition: border-color var(--transition-fast); }
.chat-input__field:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0,102,255,0.1); }
.chat-input__send { width: 40px; height: 40px; border-radius: var(--radius-full); background: var(--primary); color: white; transition: background var(--transition-fast); display: flex; align-items: center; justify-content: center; }
.chat-input__send:hover { background: var(--primary-dark); }
.chat-disclaimer { font-size: 11px; color: var(--gray-500); text-align: center; padding: 6px var(--spacing-md); background: var(--bg-secondary); border-top: 1px solid var(--gray-200); display: flex; align-items: center; justify-content: center; gap: 6px; }
.chat-quick-questions { display: flex; flex-wrap: wrap; gap: var(--spacing-xs); padding: var(--spacing-sm) var(--spacing-md) var(--spacing-md); background: var(--bg-secondary); }
.chip { padding: 6px 14px; border-radius: var(--radius-full); border: 1px solid var(--gray-200); background: white; font-size: var(--font-size-sm); font-weight: 500; color: var(--gray-700); transition: all var(--transition-fast); cursor: pointer; }
.chip:hover { border-color: var(--primary); background: var(--primary-light); color: var(--primary-dark); }
/* ============================================
5. MEDICAL ID
============================================ */
.medical-id-section { margin-top: var(--spacing-lg); }
.medical-id-card { background: var(--bg-primary); border-radius: var(--radius-lg); border: 1px solid var(--gray-200); box-shadow: var(--shadow-md); padding: var(--spacing-lg); max-width: 800px; margin: 0 auto; }
.medical-id-header { display: flex; align-items: center; gap: var(--spacing-md); margin-bottom: var(--spacing-lg); padding-bottom: var(--spacing-md); border-bottom: 1px solid var(--gray-200); }
.medical-id-icon { width: 48px; height: 48px; background: var(--danger-light); color: var(--danger); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-2xl); }
.medical-id-title { font-size: var(--font-size-xl); font-weight: 700; color: var(--gray-900); line-height: 1.2; }
.medical-id-subtitle { font-size: var(--font-size-sm); color: var(--gray-500); }
.medical-id-user { display: flex; align-items: center; gap: var(--spacing-md); margin-bottom: var(--spacing-lg); background: var(--bg-secondary); padding: var(--spacing-md); border-radius: var(--radius-md); }
.user-avatar-large img { width: 80px; height: 80px; border-radius: 50%; border: 3px solid white; box-shadow: var(--shadow-sm); }
.user-name { font-size: var(--font-size-xl); font-weight: 700; color: var(--gray-900); margin-bottom: 4px; }
.user-dob { font-size: var(--font-size-sm); color: var(--gray-600); margin-bottom: 8px; }
.user-blood { font-size: var(--font-size-base); font-weight: 600; color: var(--gray-800); }
.blood-highlight { background: var(--danger); color: white; padding: 2px 8px; border-radius: var(--radius-sm); font-size: var(--font-size-sm); margin-left: 4px; }
.medical-info-grid { display: grid; grid-template-columns: 1fr; gap: var(--spacing-md); margin-bottom: var(--spacing-lg); }
.info-block { padding: var(--spacing-md); border-radius: var(--radius-md); border-left: 4px solid transparent; }
.info-block--danger { background: var(--danger-light); border-left-color: var(--danger); }
.info-block--warning { background: var(--warning-light); border-left-color: var(--warning); }
.info-block--info { background: var(--info-light); border-left-color: var(--info); }
.info-block--neutral { background: var(--gray-100); border-left-color: var(--gray-400); }
.info-block-header { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: var(--font-size-sm); margin-bottom: var(--spacing-sm); color: var(--gray-800); }
.info-block--danger .info-block-header { color: var(--danger); }
.info-block--warning .info-block-header { color: #B45309; }
.info-block--info .info-block-header { color: var(--info); }
.info-list { list-style: none; padding: 0; margin: 0; }
.info-list li { font-size: var(--font-size-sm); color: var(--gray-700); padding: 4px 0; padding-left: 16px; position: relative; }
.info-list li::before { content: "•"; position: absolute; left: 0; color: var(--gray-400); font-weight: bold; }
.emergency-contacts { margin-bottom: var(--spacing-lg); padding-top: var(--spacing-md); border-top: 1px solid var(--gray-200); }
.contacts-title { font-size: var(--font-size-base); font-weight: 700; color: var(--gray-900); margin-bottom: var(--spacing-md); display: flex; align-items: center; gap: 8px; }
.contacts-list { display: flex; flex-direction: column; gap: var(--spacing-sm); }
.contact-item { display: flex; justify-content: space-between; align-items: center; padding: var(--spacing-sm) var(--spacing-md); background: var(--bg-secondary); border-radius: var(--radius-md); border: 1px solid var(--gray-200); }
.contact-name { font-weight: 600; color: var(--gray-900); display: block; }
.contact-relation { font-size: var(--font-size-xs); color: var(--gray-500); }
.contact-phone { font-weight: 700; color: var(--primary); text-decoration: none; font-size: var(--font-size-base); }
.contact-phone:hover { text-decoration: underline; }
.lock-screen-access { display: flex; justify-content: space-between; align-items: center; padding: var(--spacing-md); background: var(--primary-light); border-radius: var(--radius-md); border: 1px solid rgba(0, 102, 255, 0.2); }
.toggle-label { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--primary-dark); font-size: var(--font-size-sm); }
.lock-screen-hint { font-size: var(--font-size-xs); color: var(--gray-500); margin-top: 8px; text-align: center; }
.switch { position: relative; display: inline-block; width: 50px; height: 28px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--gray-300); transition: .4s; }
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; transition: .4s; border-radius: 50%; box-shadow: var(--shadow-sm); }
input:checked + .slider { background-color: var(--primary); }
input:checked + .slider:before { transform: translateX(22px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
/* ============================================
6. MEDICATION TRACKER
============================================ */
.medication-tracker { margin-top: var(--spacing-lg); }
.tracker-card { background: var(--bg-primary); border-radius: var(--radius-lg); border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); padding: var(--spacing-lg); }
.tracker-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--spacing-lg); padding-bottom: var(--spacing-md); border-bottom: 1px solid var(--gray-200); }
.tracker-header__info { display: flex; align-items: center; gap: var(--spacing-md); }
.tracker-header__icon { width: 48px; height: 48px; background: var(--success-light); color: var(--success); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-2xl); }
.tracker-header__title { font-size: var(--font-size-xl); font-weight: 700; color: var(--gray-900); margin: 0; }
.tracker-header__subtitle { font-size: var(--font-size-sm); color: var(--gray-500); margin-top: 2px; }
.progress-circle { width: 64px; height: 64px; position: relative; display: flex; align-items: center; justify-content: center; }
.progress-circle svg { transform: rotate(-90deg); width: 100%; height: 100%; }
.progress-circle-bg { fill: none; stroke: var(--gray-200); stroke-width: 3; }
.progress-circle-fill { fill: none; stroke: var(--success); stroke-width: 3; stroke-linecap: round; transition: stroke-dasharray 1s ease-out; }
.progress-text { position: absolute; font-size: var(--font-size-sm); font-weight: 700; color: var(--gray-900); }
.drug-interaction-alert { display: flex; align-items: flex-start; gap: var(--spacing-sm); padding: var(--spacing-md); background: var(--warning-light); border: 1px solid var(--warning); border-radius: var(--radius-md); margin-bottom: var(--spacing-lg); color: #92400E; font-size: var(--font-size-sm); }
.drug-interaction-alert > i { color: var(--warning); font-size: var(--font-size-lg); margin-top: 2px; flex-shrink: 0; }
.alert-content { flex: 1; }
.alert-close { color: #92400E; padding: 4px; border-radius: var(--radius-sm); transition: background var(--transition-fast); }
.alert-close:hover { background: rgba(146, 64, 14, 0.1); }
.time-slots { display: flex; flex-direction: column; gap: var(--spacing-md); margin-bottom: var(--spacing-lg); }
.time-slot { background: var(--bg-secondary); border-radius: var(--radius-md); padding: var(--spacing-md); border: 1px solid var(--gray-200); }
.time-slot__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--spacing-sm); }
.time-slot__label { display: flex; align-items: center; gap: var(--spacing-sm); font-weight: 700; color: var(--gray-900); font-size: var(--font-size-base); }
.time-slot__time { font-size: var(--font-size-xs); color: var(--gray-500); }
.medication-items { display: flex; flex-direction: column; gap: var(--spacing-sm); }
.med-item { display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-md); background: var(--bg-primary); border-radius: var(--radius-md); border: 1px solid var(--gray-200); transition: all var(--transition-fast); }
.med-item:hover { box-shadow: var(--shadow-sm); }
.med-item__time { font-weight: 700; color: var(--gray-900); font-size: var(--font-size-sm); min-width: 50px; }
.med-item__info { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.med-item__name { font-weight: 700; color: var(--gray-900); font-size: var(--font-size-base); }
.med-item__dosage { font-size: var(--font-size-sm); color: var(--gray-700); }
.med-item__note { font-size: var(--font-size-xs); color: var(--gray-500); font-style: italic; }
.med-item__check { width: 44px; height: 44px; border-radius: 50%; background: var(--bg-secondary); color: var(--gray-400); border: 2px solid var(--gray-300); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-lg); transition: all var(--transition-fast); flex-shrink: 0; }
.med-item__check:hover:not(:disabled) { background: var(--success-light); color: var(--success); border-color: var(--success); transform: scale(1.05); }
.med-item--taken { opacity: 0.65; }
.med-item--taken .med-item__check { background: var(--success); color: white; border-color: var(--success); }
.med-item--taken .med-item__name { text-decoration: line-through; }
.med-item--current { border-color: var(--primary); background: var(--primary-light); box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1); }
.med-item--current .med-item__check { background: var(--primary); color: white; border-color: var(--primary); animation: pulse 2s infinite; }
.adherence-week { background: var(--bg-secondary); border-radius: var(--radius-md); padding: var(--spacing-md); margin-bottom: var(--spacing-md); }
.adherence-title { font-size: var(--font-size-sm); font-weight: 700; color: var(--gray-800); margin-bottom: var(--spacing-md); display: flex; align-items: center; gap: var(--spacing-sm); }
.adherence-bars { display: grid; grid-template-columns: repeat(7, 1fr); gap: var(--spacing-sm); height: 80px; align-items: flex-end; margin-bottom: var(--spacing-sm); }
.adherence-day { display: flex; flex-direction: column; align-items: center; gap: 4px; height: 100%; justify-content: flex-end; }
.adherence-bar { width: 100%; background: var(--success); border-radius: var(--radius-sm) var(--radius-sm) 0 0; min-height: 4px; position: relative; transition: height 0.5s ease-out; }
.adherence-bar--current { background: var(--primary); }
.adherence-value { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); font-size: 10px; font-weight: 700; color: var(--gray-700); white-space: nowrap; }
.adherence-label { font-size: 11px; color: var(--gray-600); font-weight: 600; }
.adherence-day--today .adherence-label { color: var(--primary); font-weight: 700; }
.adherence-summary { display: flex; justify-content: space-between; padding-top: var(--spacing-sm); border-top: 1px solid var(--gray-200); font-size: var(--font-size-xs); color: var(--gray-600); }
.btn-add-medication { width: 100%; padding: var(--spacing-md); background: var(--bg-secondary); border: 2px dashed var(--gray-300); border-radius: var(--radius-md); color: var(--gray-600); font-weight: 600; font-size: var(--font-size-sm); display: flex; align-items: center; justify-content: center; gap: var(--spacing-sm); transition: all var(--transition-fast); }
.btn-add-medication:hover { background: var(--primary-light); border-color: var(--primary); color: var(--primary-dark); }
/* ============================================
7. EMERGENCY (SOS)
============================================ */
.emergency-section { margin-top: var(--spacing-lg); }
.emergency-card { background: var(--bg-primary); border-radius: var(--radius-lg); border: 2px solid var(--danger); box-shadow: var(--shadow-lg); padding: var(--spacing-lg); }
.emergency-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--spacing-lg); padding-bottom: var(--spacing-md); border-bottom: 2px solid var(--danger-light); }
.emergency-header__info { display: flex; align-items: center; gap: var(--spacing-md); }
.emergency-header__icon { width: 56px; height: 56px; background: var(--danger); color: white; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 28px; }
.emergency-header__title { font-size: var(--font-size-xl); font-weight: 700; color: var(--gray-900); margin: 0; }
.emergency-header__subtitle { font-size: var(--font-size-sm); color: var(--gray-500); margin-top: 2px; }
.emergency-status { display: flex; align-items: center; gap: var(--spacing-xs); font-size: var(--font-size-sm); color: var(--success); font-weight: 600; }
.status-dot--green { width: 10px; height: 10px; background: var(--success); border-radius: 50%; animation: pulse 2s infinite; }
.sos-button-container { display: flex; justify-content: center; margin: var(--spacing-xl) 0; }
.sos-button { position: relative; width: 200px; height: 200px; border-radius: 50%; background: var(--danger); color: white; border: none; cursor: pointer; transition: transform var(--transition-fast); }
.sos-button:hover { transform: scale(1.05); }
.sos-button:active { transform: scale(0.95); }
.sos-button__pulse { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; background: var(--danger); opacity: 0.6; animation: sos-pulse 2s infinite; }
.sos-button__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 100%; border-radius: 50%; background: var(--danger); }
.sos-button__inner i { font-size: 48px; }
.sos-button__text { font-size: 32px; font-weight: 800; letter-spacing: 2px; }
.sos-button__subtext { font-size: var(--font-size-xs); opacity: 0.9; }
.emergency-quick-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-sm); margin-bottom: var(--spacing-lg); }
.quick-action { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--spacing-xs); padding: var(--spacing-md); background: var(--bg-secondary); border: 1px solid var(--gray-200); border-radius: var(--radius-md); color: var(--gray-700); font-weight: 600; font-size: var(--font-size-xs); transition: all var(--transition-fast); }
.quick-action i { font-size: var(--font-size-xl); color: var(--primary); }
.quick-action:hover { background: var(--primary-light); border-color: var(--primary); color: var(--primary-dark); }
.location-info { background: var(--bg-secondary); border-radius: var(--radius-md); padding: var(--spacing-md); margin-bottom: var(--spacing-lg); border: 1px solid var(--gray-200); }
.location-info__header { display: flex; align-items: center; gap: var(--spacing-sm); font-weight: 700; color: var(--gray-900); margin-bottom: var(--spacing-sm); }
.location-info__header i { color: var(--primary); }
.location-info__content { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-sm); font-size: var(--font-size-sm); }
.location-coordinates { display: flex; flex-direction: column; gap: 2px; }
.coord-label { color: var(--gray-500); font-size: var(--font-size-xs); }
.coord-value { font-weight: 700; color: var(--gray-900); font-family: monospace; }
/* ============================================
8. LAB RESULTS
============================================ */
.lab-results-section { margin-top: var(--spacing-lg); }
.lab-card { background: var(--bg-primary); border-radius: var(--radius-lg); border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); padding: var(--spacing-lg); }
.lab-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--spacing-lg); padding-bottom: var(--spacing-md); border-bottom: 1px solid var(--gray-200); }
.lab-header__info { display: flex; align-items: center; gap: var(--spacing-md); }
.lab-header__icon { width: 48px; height: 48px; background: linear-gradient(135deg, #8B5CF6, #6366F1); color: white; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-2xl); }
.lab-header__title { font-size: var(--font-size-xl); font-weight: 700; color: var(--gray-900); margin: 0; }
.lab-header__subtitle { font-size: var(--font-size-sm); color: var(--gray-500); margin-top: 2px; }
.lab-stats { display: flex; gap: var(--spacing-md); }
.lab-stat { text-align: center; padding: 8px 16px; background: var(--bg-secondary); border-radius: var(--radius-md); }
.lab-stat__value { display: block; font-size: var(--font-size-xl); font-weight: 800; color: var(--gray-900); line-height: 1; }
.lab-stat__label { font-size: var(--font-size-xs); color: var(--gray-500); margin-top: 4px; }
.upload-zone { border: 2px dashed var(--gray-300); border-radius: var(--radius-lg); padding: var(--spacing-xl); text-align: center; cursor: pointer; transition: all var(--transition-fast); background: var(--bg-secondary); margin-bottom: var(--spacing-lg); }
.upload-zone:hover, .upload-zone.dragover { border-color: var(--primary); background: var(--primary-light); }
.upload-zone__icon { width: 72px; height: 72px; background: var(--primary-light); color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; margin: 0 auto var(--spacing-md); }
.upload-zone__title { font-size: var(--font-size-lg); font-weight: 700; color: var(--gray-900); margin-bottom: 4px; }
.upload-zone__subtitle { font-size: var(--font-size-sm); color: var(--gray-500); margin-bottom: var(--spacing-md); }
.upload-zone__formats { display: flex; justify-content: center; gap: var(--spacing-xs); margin-bottom: var(--spacing-md); }
.format-badge { padding: 4px 10px; background: var(--bg-primary); border: 1px solid var(--gray-200); border-radius: var(--radius-full); font-size: 11px; font-weight: 700; color: var(--gray-600); }
.upload-zone__hint { font-size: var(--font-size-xs); color: var(--gray-500); display: flex; align-items: center; justify-content: center; gap: 4px; }
.upload-zone__hint i { color: var(--success); }
.ocr-progress { background: var(--bg-secondary); border-radius: var(--radius-md); padding: var(--spacing-md); margin-bottom: var(--spacing-lg); border: 1px solid var(--gray-200); }
.ocr-progress__header { display: flex; align-items: center; gap: var(--spacing-sm); font-weight: 600; color: var(--gray-900); margin-bottom: var(--spacing-md); }
.ocr-progress__header i { color: var(--primary); }
.ocr-progress__bar { height: 8px; background: var(--gray-200); border-radius: var(--radius-full); overflow: hidden; margin-bottom: var(--spacing-md); }
.ocr-progress__fill { height: 100%; background: linear-gradient(90deg, var(--primary), #8B5CF6); border-radius: var(--radius-full); width: 0%; transition: width 0.3s ease-out; }
.ocr-progress__stages { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--spacing-xs); }
.ocr-stage { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 11px; color: var(--gray-400); text-align: center; }
.ocr-stage i { font-size: 14px; }
.ocr-stage--done { color: var(--success); }
.ocr-stage--active { color: var(--primary); font-weight: 600; }
.analysis-result { background: var(--bg-primary); border-radius: var(--radius-md); border: 1px solid var(--gray-200); overflow: hidden; margin-bottom: var(--spacing-lg); }
.analysis-header { display: flex; justify-content: space-between; align-items: center; padding: var(--spacing-md); background: var(--bg-secondary); border-bottom: 1px solid var(--gray-200); }
.analysis-header__info { display: flex; align-items: center; gap: var(--spacing-md); }
.analysis-header__info i { font-size: var(--font-size-xl); color: var(--primary); }
.analysis-title { font-size: var(--font-size-base); font-weight: 700; color: var(--gray-900); margin: 0; }
.analysis-meta { font-size: var(--font-size-xs); color: var(--gray-500); margin-top: 2px; }
.analysis-actions { display: flex; gap: var(--spacing-xs); }
.btn-icon { width: 36px; height: 36px; border-radius: var(--radius-md); background: var(--bg-primary); color: var(--gray-600); display: flex; align-items: center; justify-content: center; transition: all var(--transition-fast); }
.btn-icon:hover { background: var(--primary-light); color: var(--primary); }
.ai-interpretation { padding: var(--spacing-md); background: linear-gradient(135deg, #E6F0FF, #F3E8FF); border-bottom: 1px solid var(--gray-200); }
.ai-interpretation__header { display: flex; align-items: center; gap: var(--spacing-sm); font-weight: 700; color: var(--primary-dark); font-size: var(--font-size-sm); margin-bottom: var(--spacing-sm); }
.ai-interpretation__header i { color: var(--primary); }
.ai-interpretation__text { font-size: var(--font-size-sm); color: var(--gray-800); line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ai-interpretation__disclaimer { font-size: 11px; color: var(--gray-500); display: flex; align-items: center; gap: 4px; padding-top: var(--spacing-sm); border-top: 1px dashed rgba(0, 102, 255, 0.2); }
.indicators-table { padding: var(--spacing-sm) 0; }
.indicator-row { display: grid; grid-template-columns: 2fr 1.5fr 1.5fr 80px auto; align-items: center; gap: var(--spacing-md); padding: 12px var(--spacing-md); border-bottom: 1px solid var(--gray-100); transition: background var(--transition-fast); }
.indicator-row:hover { background: var(--bg-secondary); }
.indicator-row:last-child { border-bottom: none; }
.indicator-row--warning { background: rgba(245, 158, 11, 0.05); }
.indicator-row--danger { background: rgba(239, 68, 68, 0.05); }
.indicator-name { display: flex; flex-direction: column; }
.indicator-label { font-weight: 700; color: var(--gray-900); font-size: var(--font-size-sm); }
.indicator-code { font-size: 11px; color: var(--gray-400); font-family: monospace; }
.indicator-value { display: flex; align-items: baseline; gap: 4px; }
.value-current { font-size: var(--font-size-lg); font-weight: 800; color: var(--gray-900); }
.value-current--warning { color: var(--warning); }
.value-current--danger { color: var(--danger); }
.value-unit { font-size: var(--font-size-xs); color: var(--gray-500); }
.indicator-ref { display: flex; flex-direction: column; }
.ref-label { font-size: 11px; color: var(--gray-500); }
.ref-range { font-size: var(--font-size-sm); color: var(--gray-700); font-weight: 600; }
.indicator-trend { display: flex; align-items: center; }
.trend-chart { width: 100%; height: 30px; }
.indicator-status { display: flex; justify-content: flex-end; }
.status-badge { padding: 4px 10px; border-radius: var(--radius-full); font-size: 11px; font-weight: 700; white-space: nowrap; }
.status-badge--normal { background: var(--success-light); color: var(--success); }
.status-badge--warning { background: var(--warning-light); color: #B45309; }
.status-badge--danger { background: var(--danger-light); color: var(--danger); }
.recommendations { padding: var(--spacing-md); background: var(--bg-secondary); border-top: 1px solid var(--gray-200); }
.recommendations-title { display: flex; align-items: center; gap: var(--spacing-sm); font-size: var(--font-size-base); font-weight: 700; color: var(--gray-900); margin-bottom: var(--spacing-md); }
.recommendations-title i { color: var(--warning); }
.recommendations-list { list-style: none; display: flex; flex-direction: column; gap: var(--spacing-sm); }
.recommendations-list li { display: flex; align-items: flex-start; gap: var(--spacing-md); padding: var(--spacing-sm); background: var(--bg-primary); border-radius: var(--radius-md); border: 1px solid var(--gray-200); }
.recommendations-list li i { width: 32px; height: 32px; background: var(--primary-light); color: var(--primary); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.recommendations-list li strong { display: block; color: var(--gray-900); font-size: var(--font-size-sm); margin-bottom: 2px; }
.recommendations-list li span { font-size: var(--font-size-xs); color: var(--gray-600); }
/* ============================================
9. ANALYTICS
============================================ */
.analytics-section { margin-top: var(--spacing-lg); }
.analytics-card { background: var(--bg-primary); border-radius: var(--radius-lg); border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); padding: var(--spacing-lg); }
.analytics-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--spacing-lg); padding-bottom: var(--spacing-md); border-bottom: 1px solid var(--gray-200); }
.analytics-header__info { display: flex; align-items: center; gap: var(--spacing-md); }
.analytics-header__icon { width: 48px; height: 48px; background: linear-gradient(135deg, #3B82F6, #1D4ED8); color: white; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-2xl); }
.analytics-header__title { font-size: var(--font-size-xl); font-weight: 700; color: var(--gray-900); margin: 0; }
.analytics-header__subtitle { font-size: var(--font-size-sm); color: var(--gray-500); margin-top: 2px; }
.period-selector { display: flex; gap: 4px; background: var(--bg-secondary); padding: 4px; border-radius: var(--radius-md); }
.period-btn { padding: 6px 12px; background: transparent; border: none; border-radius: var(--radius-sm); font-size: var(--font-size-xs); font-weight: 600; color: var(--gray-600); cursor: pointer; transition: all var(--transition-fast); }
.period-btn:hover { color: var(--gray-900); }
.period-btn.active { background: var(--bg-primary); color: var(--primary); box-shadow: var(--shadow-sm); }
.metrics-switcher { display: flex; gap: var(--spacing-xs); margin-bottom: var(--spacing-lg); overflow-x: auto; padding-bottom: 4px; }
.metric-tab { display: flex; align-items: center; gap: var(--spacing-xs); padding: 10px 16px; background: var(--bg-secondary); border: 1px solid var(--gray-200); border-radius: var(--radius-md); font-size: var(--font-size-sm); font-weight: 600; color: var(--gray-700); cursor: pointer; transition: all var(--transition-fast); white-space: nowrap; }
.metric-tab:hover { background: var(--bg-tertiary); }
.metric-tab.active { background: var(--primary-light); border-color: var(--primary); color: var(--primary-dark); }
.metric-tab i { font-size: var(--font-size-base); }
.main-chart-container { background: var(--bg-secondary); border-radius: var(--radius-md); padding: var(--spacing-md); margin-bottom: var(--spacing-lg); }
.chart-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--spacing-md); }
.chart-title h3 { font-size: var(--font-size-lg); font-weight: 700; color: var(--gray-900); margin: 0; }
.chart-period { font-size: var(--font-size-xs); color: var(--gray-500); margin-top: 2px; }
.chart-stats { display: flex; gap: var(--spacing-lg); }
.chart-stat { display: flex; flex-direction: column; gap: 2px; }
.stat-label { font-size: 11px; color: var(--gray-500); text-transform: uppercase; letter-spacing: 0.5px; }
.stat-value { font-size: var(--font-size-xl); font-weight: 800; color: var(--gray-900); }
.stat-trend { font-size: var(--font-size-xs); font-weight: 600; display: flex; align-items: center; gap: 2px; }
.trend-down { color: var(--success); }
.trend-up { color: var(--danger); }
.chart-wrapper { position: relative; }
.chart-svg { width: 100%; height: auto; }
.chart-point { transition: r 0.2s ease; cursor: pointer; }
.chart-point:hover { r: 6; }
.ai-insights { margin-bottom: var(--spacing-lg); }
.insights-header { display: flex; align-items: center; gap: var(--spacing-sm); font-size: var(--font-size-base); font-weight: 700; color: var(--gray-900); margin-bottom: var(--spacing-md); }
.insights-header i { color: var(--warning); }
.insights-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--spacing-md); }
.insight-card { display: flex; gap: var(--spacing-md); padding: var(--spacing-md); background: var(--bg-secondary); border-radius: var(--radius-md); border-left: 4px solid var(--gray-300); }
.insight-card--success { border-left-color: var(--success); }
.insight-card--info { border-left-color: var(--info); }
.insight-card--warning { border-left-color: var(--warning); }
.insight-card--primary { border-left-color: var(--primary); }
.insight-icon { width: 40px; height: 40px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-lg); flex-shrink: 0; }
.insight-card--success .insight-icon { background: var(--success-light); color: var(--success); }
.insight-card--info .insight-icon { background: var(--info-light); color: var(--info); }
.insight-card--warning .insight-icon { background: var(--warning-light); color: var(--warning); }
.insight-card--primary .insight-icon { background: var(--primary-light); color: var(--primary); }
.insight-content { flex: 1; }
.insight-title { font-size: var(--font-size-sm); font-weight: 700; color: var(--gray-900); margin: 0 0 4px 0; }
.insight-text { font-size: var(--font-size-xs); color: var(--gray-700); line-height: 1.5; margin: 0; }
/* ============================================
10. DERMATOLOGY
============================================ */
.dermatology-section { margin-top: var(--spacing-lg); }
.derma-card { background: var(--bg-primary); border-radius: var(--radius-lg); border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); padding: var(--spacing-lg); }
.derma-header { display: flex; align-items: center; gap: var(--spacing-md); margin-bottom: var(--spacing-lg); padding-bottom: var(--spacing-md); border-bottom: 1px solid var(--gray-200); }
.derma-header__info { display: flex; align-items: center; gap: var(--spacing-md); }
.derma-header__icon { width: 56px; height: 56px; background: linear-gradient(135deg, #8B5CF6, #6366F1); color: white; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 28px; }
.derma-header__title { font-size: var(--font-size-xl); font-weight: 700; color: var(--gray-900); margin: 0; }
.derma-header__subtitle { font-size: var(--font-size-sm); color: var(--gray-500); margin-top: 2px; }
.derma-upload-zone { border: 2px dashed var(--gray-300); border-radius: var(--radius-lg); padding: var(--spacing-xl); text-align: center; background: var(--bg-secondary); margin-bottom: var(--spacing-lg); }
.derma-upload-zone .upload-zone__icon { width: 80px; height: 80px; background: var(--primary-light); color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; margin: 0 auto var(--spacing-md); }
.derma-upload-zone .upload-zone__title { font-size: var(--font-size-lg); font-weight: 700; color: var(--gray-900); margin-bottom: var(--spacing-sm); }
.derma-upload-zone .upload-zone__subtitle { font-size: var(--font-size-sm); color: var(--gray-600); margin-bottom: var(--spacing-md); }
.upload-buttons { display: flex; gap: var(--spacing-sm); justify-content: center; margin-bottom: var(--spacing-md); }
.upload-hints { display: flex; gap: var(--spacing-md); justify-content: center; flex-wrap: wrap; }
.hint-item { display: flex; align-items: center; gap: 6px; font-size: var(--font-size-xs); color: var(--gray-600); }
.hint-item i { color: var(--success); }
.derma-analysis-progress { background: var(--bg-secondary); border-radius: var(--radius-md); padding: var(--spacing-lg); margin-bottom: var(--spacing-lg); }
.progress-header { display: flex; align-items: center; gap: var(--spacing-sm); font-weight: 600; color: var(--gray-900); margin-bottom: var(--spacing-md); }
.progress-header i { color: var(--primary); font-size: var(--font-size-lg); }
.progress-steps { display: flex; flex-direction: column; gap: var(--spacing-sm); }
.progress-step { display: flex; align-items: center; gap: var(--spacing-sm); padding: var(--spacing-sm); background: var(--bg-primary); border-radius: var(--radius-md); opacity: 0.5; transition: all 0.3s ease; }
.progress-step.active { opacity: 1; background: var(--primary-light); }
.progress-step.completed { opacity: 1; }
.progress-step i { width: 20px; text-align: center; }
.progress-step.active i { color: var(--primary); }
.progress-step.completed i { color: var(--success); }
.derma-results { animation: fadeIn 0.5s ease-out; }
.derma-disclaimer { display: flex; align-items: flex-start; gap: var(--spacing-sm); padding: var(--spacing-md); background: var(--warning-light); border-left: 4px solid var(--warning); border-radius: var(--radius-md); margin-bottom: var(--spacing-lg); font-size: var(--font-size-sm); color: #92400E; }
.derma-disclaimer i { color: var(--warning); margin-top: 2px; }
.risk-assessment { background: var(--bg-secondary); border-radius: var(--radius-md); padding: var(--spacing-md); margin-bottom: var(--spacing-lg); }
.risk-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--spacing-md); }
.risk-header h3 { font-size: var(--font-size-base); font-weight: 700; color: var(--gray-900); margin: 0; }
.risk-badge { padding: 4px 12px; border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: 700; }
.risk-badge.low { background: var(--success-light); color: var(--success); }
.risk-badge.medium { background: var(--warning-light); color: var(--warning); }
.risk-badge.high { background: var(--danger-light); color: var(--danger); }
.risk-meter { margin-bottom: var(--spacing-sm); }
.risk-meter__bar { height: 12px; background: linear-gradient(90deg, var(--success) 0%, var(--warning) 50%, var(--danger) 100%); border-radius: var(--radius-full); overflow: hidden; position: relative; }
.risk-meter__fill { height: 100%; background: white; border-radius: var(--radius-full); transition: width 1s ease-out; }
.risk-meter__labels { display: flex; justify-content: space-between; font-size: var(--font-size-xs); color: var(--gray-500); }
.risk-percentage { text-align: center; font-size: var(--font-size-sm); font-weight: 600; color: var(--gray-700); }
.abcde-analysis { margin-bottom: var(--spacing-lg); }
.abcde-analysis h3 { font-size: var(--font-size-base); font-weight: 700; color: var(--gray-900); margin-bottom: var(--spacing-md); }
.abcde-grid { display: grid; grid-template-columns: 1fr; gap: var(--spacing-sm); }
.abcde-item { display: flex; gap: var(--spacing-md); padding: var(--spacing-md); background: var(--bg-secondary); border-radius: var(--radius-md); border-left: 4px solid var(--gray-300); }
.abcde-item.warning { border-left-color: var(--warning); }
.abcde-item.danger { border-left-color: var(--danger); }
.abcde-icon { width: 40px; height: 40px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; flex-shrink: 0; }
.abcde-content h4 { font-size: var(--font-size-sm); font-weight: 700; color: var(--gray-900); margin-bottom: 4px; }
.abcde-content p { font-size: var(--font-size-xs); color: var(--gray-600); margin-bottom: 4px; }
.abcde-status { font-size: 11px; font-weight: 600; }
.abcde-status.status-ok { color: var(--success); }
.abcde-status.status-warning { color: var(--warning); }
.abcde-status.status-danger { color: var(--danger); }
.abcde-status.status-info { color: var(--info); }
.ml-classification { margin-bottom: var(--spacing-lg); }
.ml-classification h3 { font-size: var(--font-size-base); font-weight: 700; color: var(--gray-900); margin-bottom: var(--spacing-md); }
.classification-bars { display: flex; flex-direction: column; gap: var(--spacing-md); }
.class-bar__label { display: flex; justify-content: space-between; font-size: var(--font-size-sm); margin-bottom: 4px; }
.class-bar__label span:first-child { font-weight: 600; color: var(--gray-700); }
.class-bar__value { font-weight: 700; color: var(--gray-900); }
.class-bar__track { height: 8px; background: var(--gray-200); border-radius: var(--radius-full); overflow: hidden; }
.class-bar__fill { height: 100%; background: var(--primary); border-radius: var(--radius-full); transition: width 1s ease-out; }
.similar-cases { margin-bottom: var(--spacing-lg); }
.similar-cases h3 { font-size: var(--font-size-base); font-weight: 700; color: var(--gray-900); margin-bottom: var(--spacing-md); }
.cases-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--spacing-sm); }
.case-item { background: var(--bg-secondary); border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--gray-200); }
.case-item img { width: 100%; height: 120px; object-fit: cover; }
.case-item__info { padding: var(--spacing-xs); }
.case-item__label { font-size: 11px; color: var(--gray-600); }
.case-item__similarity { font-size: 11px; font-weight: 700; color: var(--primary); }
.derma-recommendations { margin-bottom: var(--spacing-lg); }
.derma-recommendations h3 { font-size: var(--font-size-base); font-weight: 700; color: var(--gray-900); margin-bottom: var(--spacing-md); }
.derma-recommendations ul { list-style: none; padding: 0; margin: 0; }
.derma-recommendations li { display: flex; align-items: flex-start; gap: var(--spacing-sm); padding: var(--spacing-sm); background: var(--bg-secondary); border-radius: var(--radius-md); margin-bottom: var(--spacing-xs); font-size: var(--font-size-sm); color: var(--gray-700); }
.derma-recommendations li i { color: var(--primary); margin-top: 2px; }
.derma-actions { display: flex; gap: var(--spacing-sm); flex-wrap: wrap; }
.derma-actions .btn { flex: 1; min-width: 200px; }
/* ============================================
11. NAVIGATION
============================================ */
.sidebar { position: fixed; top: 0; left: 0; width: 260px; height: 100vh; background: var(--bg-primary); border-right: 1px solid var(--gray-200); display: none; flex-direction: column; z-index: 1000; box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05); overflow-y: auto; }
.sidebar__header { padding: 24px 16px; border-bottom: 1px solid var(--gray-200); flex-shrink: 0; }
.sidebar__logo { display: flex; align-items: center; gap: 12px; font-size: 24px; font-weight: 800; color: var(--gray-900); }
.sidebar__logo i { color: var(--primary); font-size: 28px; }
.sidebar__nav { flex: 1; padding: 16px 8px; display: flex; flex-direction: column; gap: 4px; overflow-y: auto; }
.nav-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: transparent; border: none; border-radius: 12px; color: var(--gray-700); font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; position: relative; text-align: left; width: 100%; }
.nav-item i { font-size: 18px; width: 24px; text-align: center; flex-shrink: 0; }
.nav-item:hover { background: var(--bg-secondary); color: var(--gray-900); }
.nav-item--active { background: var(--primary-light); color: var(--primary-dark); }
.nav-item--active::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 24px; background: var(--primary); border-radius: 0 9999px 9999px 0; }
.nav-item--sos { background: var(--danger); color: white; justify-content: center; margin-bottom: 8px; }
.nav-item--sos:hover { background: #DC2626; color: white; }
.nav-badge { margin-left: auto; background: var(--danger); color: white; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 9999px; min-width: 20px; text-align: center; }
.sidebar__footer { padding: 16px; border-top: 1px solid var(--gray-200); flex-shrink: 0; }
.sidebar__user { display: flex; align-items: center; gap: 12px; padding: 8px; background: var(--bg-secondary); border-radius: 12px; }
.sidebar__user img { width: 40px; height: 40px; border-radius: 50%; }
.sidebar__user-info { display: flex; flex-direction: column; }
.sidebar__user-name { font-size: 14px; font-weight: 700; color: var(--gray-900); }
.sidebar__user-status { font-size: 11px; color: var(--success); display: flex; align-items: center; gap: 4px; }
.sidebar__user-status::before { content: ''; width: 6px; height: 6px; background: var(--success); border-radius: 50%; }
.tab-bar { display: flex; position: fixed; bottom: 0; left: 0; right: 0; background: var(--bg-primary); border-top: 1px solid var(--gray-200); box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05); z-index: 1000; padding: 8px 0 calc(8px + env(safe-area-inset-bottom)); }
.tab-item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 8px 4px; background: transparent; border: none; color: var(--gray-500); font-size: 11px; font-weight: 600; cursor: pointer; transition: color 0.2s ease; position: relative; }
.tab-item i { font-size: 18px; transition: transform 0.2s ease; }
.tab-item:hover { color: var(--gray-700); }
.tab-item--active { color: var(--primary); }
.tab-item--active i { transform: scale(1.1); }
.tab-item--active::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 24px; height: 3px; background: var(--primary); border-radius: 0 0 9999px 9999px; }
.tab-badge { position: absolute; top: 4px; right: calc(50% - 20px); background: var(--danger); color: white; font-size: 9px; font-weight: 700; padding: 1px 5px; border-radius: 9999px; min-width: 16px; text-align: center; }
.tab-item--sos { padding: 4px; }
.tab-sos-button { width: 48px; height: 48px; background: var(--danger); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-top: -20px; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4); transition: all 0.2s ease; position: relative; }
.tab-sos-button::before { content: ''; position: absolute; inset: -4px; border-radius: 50%; background: var(--danger); opacity: 0.3; animation: sos-pulse 2s infinite; z-index: -1; }
.tab-item--sos:hover .tab-sos-button { transform: scale(1.05); box-shadow: 0 6px 16px rgba(239, 68, 68, 0.5); }
.tab-item--sos span { color: var(--danger); margin-top: 4px; }
/* ============================================
12. MODAL & TOAST
============================================ */
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; align-items: center; justify-content: center; }
.modal.active { display: flex; }
.modal__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(4px); }
.modal__content { position: relative; background: var(--bg-primary); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); max-width: 500px; width: 90%; max-height: 90vh; overflow-y: auto; animation: fadeIn 0.3s ease-out; }
.modal__header { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-md); padding: var(--spacing-lg); border-bottom: 1px solid var(--gray-200); }
.modal__icon { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; }
.modal__icon--danger { background: var(--danger); color: white; }
.modal__title { font-size: var(--font-size-xl); font-weight: 700; color: var(--gray-900); }
.modal__body { padding: var(--spacing-lg); }
.modal__footer { display: flex; gap: var(--spacing-sm); padding: var(--spacing-md) var(--spacing-lg); border-top: 1px solid var(--gray-200); background: var(--bg-secondary); }
.countdown-container { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-md); margin-bottom: var(--spacing-lg); }
.countdown-circle { position: relative; width: 120px; height: 120px; }
.countdown-circle svg { transform: rotate(-90deg); width: 100%; height: 100%; }
.countdown-bg { fill: none; stroke: var(--gray-200); stroke-width: 8; }
.countdown-progress { fill: none; stroke: var(--danger); stroke-width: 8; stroke-linecap: round; stroke-dasharray: 283; stroke-dashoffset: 0; transition: stroke-dashoffset 1s linear; }
.countdown-number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 48px; font-weight: 800; color: var(--danger); }
.countdown-text { font-size: var(--font-size-base); color: var(--gray-700); }
.emergency-summary { display: flex; flex-direction: column; gap: var(--spacing-sm); padding: var(--spacing-md); background: var(--bg-secondary); border-radius: var(--radius-md); }
.summary-item { display: flex; align-items: center; gap: var(--spacing-sm); font-size: var(--font-size-sm); color: var(--gray-700); }
.summary-item i { color: var(--success); }
.btn--lg { padding: 12px 24px; font-size: var(--font-size-base); flex: 1; }
.btn--danger { background: var(--danger); color: white; }
.btn--danger:hover { background: #DC2626; }
.toast-container { position: fixed; top: 80px; right: 20px; z-index: 1200; display: flex; flex-direction: column; gap: var(--spacing-sm); max-width: 400px; }
.toast { display: flex; align-items: flex-start; gap: var(--spacing-md); padding: var(--spacing-md); background: var(--bg-primary); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); border-left: 4px solid var(--gray-300); animation: fadeIn 0.3s ease-out; min-width: 300px; }
.toast--success { border-left-color: var(--success); }
.toast--warning { border-left-color: var(--warning); }
.toast--danger { border-left-color: var(--danger); }
.toast--info { border-left-color: var(--info); }
.toast__icon { width: 32px; height: 32px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-lg); flex-shrink: 0; }
.toast--success .toast__icon { background: var(--success-light); color: var(--success); }
.toast--warning .toast__icon { background: var(--warning-light); color: var(--warning); }
.toast--danger .toast__icon { background: var(--danger-light); color: var(--danger); }
.toast--info .toast__icon { background: var(--info-light); color: var(--info); }
.toast__content { flex: 1; }
.toast__title { font-weight: 700; font-size: var(--font-size-sm); color: var(--gray-900); margin-bottom: 2px; }
.toast__message { font-size: var(--font-size-xs); color: var(--gray-600); line-height: 1.4; }
.toast__close { color: var(--gray-400); padding: 4px; border-radius: var(--radius-sm); transition: all var(--transition-fast); }
.toast__close:hover { background: var(--gray-100); color: var(--gray-700); }
/* ============================================
13. FOOTER
============================================ */
.app-footer { background: var(--bg-primary); border-top: 1px solid var(--gray-200); padding: var(--spacing-lg) 0; margin-top: var(--spacing-xl); text-align: center; }
.footer-logo { display: flex; align-items: center; justify-content: center; gap: var(--spacing-sm); font-size: var(--font-size-xl); font-weight: 800; color: var(--gray-900); margin-bottom: var(--spacing-md); }
.footer-logo i { color: var(--primary); }
.footer-disclaimer { font-size: var(--font-size-xs); color: var(--gray-600); line-height: 1.6; max-width: 600px; margin: 0 auto var(--spacing-md); padding: var(--spacing-md); background: var(--warning-light); border-radius: var(--radius-md); border: 1px solid var(--warning); }
.footer-copyright { font-size: 11px; color: var(--gray-400); }
/* ============================================
АДАПТИВНОСТЬ
============================================ */
@media (min-width: 1000px) {
.sidebar { display: flex !important; }
.tab-bar { display: none !important; }
.app-shell { margin-left: 260px; }
.header { position: sticky; left: 0; right: 0; width: 100%; }
.app-content { padding-bottom: 24px; }
.dashboard__grid { grid-template-columns: repeat(2, 1fr); }
.widget--vitals, .widget--medication { grid-column: span 2; }
.medical-info-grid { grid-template-columns: repeat(2, 1fr); }
.abcde-grid { grid-template-columns: repeat(2, 1fr); }
.upload-hints { justify-content: flex-start; }
}
@media (max-width: 999px) {
.sidebar { display: none !important; }
.tab-bar { display: flex !important; }
.app-shell { margin-left: 0; }
}
@media (max-width: 768px) {
.chat-messages { max-height: 250px; }
.chip { font-size: var(--font-size-xs); padding: 4px 10px; }
.status-detail { display: none; }
.lab-header { flex-direction: column; align-items: flex-start; gap: var(--spacing-md); }
.indicator-row { grid-template-columns: 1fr 1fr; grid-template-areas: "name status" "value ref" "trend trend"; gap: var(--spacing-sm); }
.indicator-name { grid-area: name; }
.indicator-value { grid-area: value; }
.indicator-ref { grid-area: ref; }
.indicator-trend { grid-area: trend; }
.indicator-status { grid-area: status; justify-content: flex-end; }
.ocr-progress__stages { grid-template-columns: repeat(2, 1fr); }
.analytics-header { flex-direction: column; align-items: flex-start; gap: var(--spacing-md); }
.chart-header { flex-direction: column; gap: var(--spacing-md); }
.chart-stats { width: 100%; justify-content: space-between; }
.insights-grid { grid-template-columns: 1fr; }
.derma-header { flex-direction: column; align-items: flex-start; }
.upload-buttons { flex-direction: column; }
.derma-actions { flex-direction: column; }
.derma-actions .btn { width: 100%; }
}
@media (max-width: 640px) {
.sos-button { width: 160px; height: 160px; }
.sos-button__inner i { font-size: 36px; }
.sos-button__text { font-size: 24px; }
.emergency-quick-actions { grid-template-columns: 1fr; }
.location-info__content { grid-template-columns: 1fr; }
.modal__footer { flex-direction: column; }
}
@media (max-width: 480px) {
.period-selector { width: 100%; justify-content: space-between; }
.period-btn { flex: 1; text-align: center; }
.tracker-header { flex-direction: column; align-items: flex-start; gap: var(--spacing-md); }
}
</style>
</head>
<body>
<div class="app-shell">
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<div class="sidebar__logo"><i class="fas fa-heartbeat"></i><span>Medilav</span></div>
</div>
<nav class="sidebar__nav">
<button class="nav-item nav-item--active" data-section="dashboard" onclick="switchSection('dashboard')"><i class="fas fa-house"></i><span>Главная</span></button>
<button class="nav-item" data-section="ai-chat" onclick="switchSection('ai-chat')"><i class="fas fa-robot"></i><span>AI-ассистент</span><span class="nav-badge">3</span></button>
<button class="nav-item" data-section="lab-results" onclick="switchSection('lab-results')"><i class="fas fa-flask-vial"></i><span>Анализы</span></button>
<button class="nav-item" data-section="dermatology" onclick="switchSection('dermatology')"><i class="fas fa-microscope"></i><span>Дерматоскопия</span></button>
<button class="nav-item" data-section="analytics" onclick="switchSection('analytics')"><i class="fas fa-chart-line"></i><span>Аналитика</span></button>
<button class="nav-item" data-section="medical-id" onclick="switchSection('medical-id')"><i class="fas fa-id-card"></i><span>Medical ID</span></button>
</nav>
<div class="sidebar__footer">
<button class="nav-item nav-item--sos" onclick="initiateEmergencyCall()"><i class="fas fa-phone-alt"></i><span>SOS</span></button>
<div class="sidebar__user">
<img src="https://ui-avatars.com/api/?name=Alex+P&background=0066FF&color=fff&size=40" alt="Аватар" />
<div class="sidebar__user-info">
<span class="sidebar__user-name">Алексей П.</span>
<span class="sidebar__user-status">В сети</span>
</div>
</div>
</div>
</aside>
<main class="app-content">
<header class="header animate-fade-in">
<div class="container header__inner">
<div class="header__brand">
<div class="header__logo"><i class="fas fa-heartbeat" style="color: var(--primary); font-size: 24px;"></i></div>
<span class="header__brand-name">Medilav</span>
</div>
<div class="header__status" id="health-status">
<div class="status-indicator status-green" id="status-indicator">
<span class="status-dot"></span>
<span class="status-label">Здоров</span>
</div>
<div class="status-detail">
<span class="status-score" id="status-score">98</span>
<span>/100</span>
</div>
</div>
<div class="header__actions">
<button class="header__btn" aria-label="Уведомления"><i class="fas fa-bell"></i><span class="notification-badge">3</span></button>
<button class="header__btn" aria-label="Профиль"><img src="https://ui-avatars.com/api/?name=Alex+P&background=0066FF&color=fff&size=40" alt="Аватар" class="avatar-img" /></button>
</div>
</div>
</header>
<section class="dashboard animate-fade-in" id="dashboard">
<div class="container">
<h2 class="dashboard__title">Обзор здоровья</h2>
<div class="dashboard__grid">
<div class="widget widget--vitals">
<div class="widget__header"><i class="fas fa-heart-pulse widget__icon" style="color: var(--danger);"></i><span class="widget__title">Витальные показатели</span><span class="widget__time">Сегодня, 08:30</span></div>
<div class="vitals__grid">
<div class="vital-item"><span class="vital-value">72</span><span class="vital-unit">уд/мин</span><span class="vital-label">Пульс</span></div>
<div class="vital-item"><span class="vital-value">120/80</span><span class="vital-unit">мм рт.ст.</span><span class="vital-label">Давление</span></div>
<div class="vital-item"><span class="vital-value">98</span><span class="vital-unit">%</span><span class="vital-label">SpO2</span></div>
</div>
</div>
<div class="widget widget--medication">
<div class="widget__header"><i class="fas fa-pills widget__icon" style="color: var(--primary);"></i><span class="widget__title">Следующий приём</span></div>
<div class="medication__card">
<div class="medication__info">
<span class="medication__name">Амлодипин 5 мг</span>
<span class="medication__time"><i class="far fa-clock"></i> 09:00 (через 30 мин)</span>
<span class="medication__condition">После еды</span>
</div>
<button class="btn btn--primary" onclick="markMedicationTaken(this)"><i class="fas fa-check"></i> Принято</button>
</div>
</div>
<div class="widget widget--actions">
<div class="widget__header"><i class="fas fa-bolt widget__icon" style="color: var(--warning);"></i><span class="widget__title">Быстрые действия</span></div>
<div class="actions__grid">
<button class="action-btn" onclick="switchSection('ai-chat')"><i class="fas fa-robot"></i><span>AI-Чат</span></button>
<button class="action-btn action-btn--danger" onclick="initiateEmergencyCall()"><i class="fas fa-phone-alt"></i><span>SOS</span></button>
<button class="action-btn" onclick="switchSection('lab-results')"><i class="fas fa-camera"></i><span>Фото/Анализ</span></button>
<button class="action-btn" onclick="switchSection('dermatology')"><i class="fas fa-microscope"></i><span>Дерматоскопия</span></button>
</div>
</div>
<div class="widget widget--activity">
<div class="widget__header"><i class="fas fa-shoe-prints widget__icon" style="color: var(--success);"></i><span class="widget__title">Активность</span></div>
<div class="progress-bar"><div class="progress-fill" style="width: 65%;"></div></div>
<div class="activity__stats"><span>6 500 / 10 000 шагов</span><span style="color: var(--success);">320 ккал</span></div>
</div>
</div>
</div>
</section>
<section class="medication-tracker" id="medication-tracker">
<div class="container">
<div class="tracker-card">
<div class="tracker-header">
<div class="tracker-header__info"><i class="fas fa-calendar-check tracker-header__icon"></i><div><h2 class="tracker-header__title">Приём лекарств</h2><p class="tracker-header__subtitle">Понедельник, 24 августа 2026</p></div></div>
<div class="tracker-progress">
<div class="progress-circle" data-progress="60">
<svg viewbox="0 0 36 36"><path class="progress-circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><path class="progress-circle-fill" stroke-dasharray="60, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path></svg>
<span class="progress-text">3/5</span>
</div>
</div>
</div>
<div class="drug-interaction-alert"><i class="fas fa-exclamation-triangle"></i><div class="alert-content"><strong>Внимание:</strong> Ибупрофен снижает эффективность Амлодипина. Разделите приём на 4+ часа.</div><button class="alert-close" onclick="this.parentElement.style.display='none'"><i class="fas fa-times"></i></button></div>
<div class="time-slots">
<div class="time-slot">
<div class="time-slot__header"><div class="time-slot__label"><i class="fas fa-sun" style="color: #F59E0B;"></i><span>Утро</span></div><span class="time-slot__time">07:00 – 10:00</span></div>
<div class="medication-items">
<div class="med-item med-item--taken"><div class="med-item__time">08:00</div><div class="med-item__info"><span class="med-item__name">Амлодипин</span><span class="med-item__dosage">5 мг • 1 таблетка</span><span class="med-item__note">После еды, запить водой</span></div><button class="med-item__check" disabled="disabled"><i class="fas fa-check"></i></button></div>
<div class="med-item med-item--taken"><div class="med-item__time">08:30</div><div class="med-item__info"><span class="med-item__name">Метформин</span><span class="med-item__dosage">500 мг • 1 таблетка</span><span class="med-item__note">Во время завтрака</span></div><button class="med-item__check" disabled="disabled"><i class="fas fa-check"></i></button></div>
</div>
</div>
<div class="time-slot">
<div class="time-slot__header"><div class="time-slot__label"><i class="fas fa-cloud-sun" style="color: #3B82F6;"></i><span>День</span></div><span class="time-slot__time">12:00 – 15:00</span></div>
<div class="medication-items">
<div class="med-item med-item--current"><div class="med-item__time">13:00</div><div class="med-item__info"><span class="med-item__name">Метформин</span><span class="med-item__dosage">500 мг • 1 таблетка</span><span class="med-item__note">Во время обеда</span></div><button class="med-item__check" onclick="markTaken(this)"><i class="fas fa-check"></i></button></div>
</div>
</div>
<div class="time-slot">
<div class="time-slot__header"><div class="time-slot__label"><i class="fas fa-cloud-moon" style="color: #8B5CF6;"></i><span>Вечер</span></div><span class="time-slot__time">18:00 – 21:00</span></div>
<div class="medication-items">
<div class="med-item med-item--pending"><div class="med-item__time">19:00</div><div class="med-item__info"><span class="med-item__name">Метформин</span><span class="med-item__dosage">500 мг • 1 таблетка</span><span class="med-item__note">Во время ужина</span></div><button class="med-item__check" onclick="markTaken(this)"><i class="fas fa-check"></i></button></div>
</div>
</div>
<div class="time-slot">
<div class="time-slot__header"><div class="time-slot__label"><i class="fas fa-moon" style="color: #6366F1;"></i><span>Ночь</span></div><span class="time-slot__time">22:00 – 23:00</span></div>
<div class="medication-items">
<div class="med-item med-item--pending"><div class="med-item__time">22:30</div><div class="med-item__info"><span class="med-item__name">Аторвастатин</span><span class="med-item__dosage">20 мг • 1 таблетка</span><span class="med-item__note">Перед сном</span></div><button class="med-item__check" onclick="markTaken(this)"><i class="fas fa-check"></i></button></div>
</div>
</div>
</div>
<div class="adherence-week">
<h4 class="adherence-title"><i class="fas fa-chart-line"></i> Соблюдение режима за неделю</h4>
<div class="adherence-bars">
<div class="adherence-day"><div class="adherence-bar" style="height: 100%;"><span class="adherence-value">100%</span></div><span class="adherence-label">Пн</span></div>
<div class="adherence-day"><div class="adherence-bar" style="height: 100%;"><span class="adherence-value">100%</span></div><span class="adherence-label">Вт</span></div>
<div class="adherence-day"><div class="adherence-bar" style="height: 80%;"><span class="adherence-value">80%</span></div><span class="adherence-label">Ср</span></div>
<div class="adherence-day"><div class="adherence-bar" style="height: 100%;"><span class="adherence-value">100%</span></div><span class="adherence-label">Чт</span></div>
<div class="adherence-day"><div class="adherence-bar" style="height: 100%;"><span class="adherence-value">100%</span></div><span class="adherence-label">Пт</span></div>
<div class="adherence-day"><div class="adherence-bar" style="height: 60%;"><span class="adherence-value">60%</span></div><span class="adherence-label">Сб</span></div>
<div class="adherence-day adherence-day--today"><div class="adherence-bar adherence-bar--current" style="height: 60%;"><span class="adherence-value">60%</span></div><span class="adherence-label">Вс</span></div>
</div>
<div class="adherence-summary"><span>Средний показатель: <strong style="color: var(--success);">91%</strong></span><span>Пропусков за месяц: <strong style="color: var(--warning);">2</strong></span></div>
</div>
<button class="btn-add-medication" onclick="Toast.info('Medilav', 'Форма добавления препарата откроется в следующем обновлении')"><i class="fas fa-plus"></i><span>Добавить препарат</span></button>
</div>
</div>
</section>
<section class="chat-section" id="ai-chat">
<div class="container">
<div class="chat-container">
<div class="chat-header">
<div class="chat-header__info"><i class="fas fa-robot chat-header__icon"></i><div><span class="chat-header__name">Medilav AI</span><span class="chat-header__status"><span class="status-dot"></span> Онлайн</span></div></div>
<button class="chat-header__clear" onclick="clearChat()" title="Очистить историю"><i class="fas fa-trash-alt"></i></button>
</div>
<div class="chat-messages" id="chat-messages"></div>
<div class="chat-upload" id="chat-upload">
<div class="upload-preview" id="upload-preview"></div>
<div class="upload-actions"><button class="btn btn--outline" onclick="cancelUpload()">Отмена</button><button class="btn btn--primary" onclick="sendFile()">Отправить</button></div>
</div>
<input type="file" id="hidden-file-input" style="display: none;" onchange="handleFileSelect(this)" />
<div class="chat-input-area">
<div class="chat-input__actions">
<button class="chat-input__btn" onclick="triggerFileUpload('image/*')" title="Фото"><i class="fas fa-camera"></i></button>
<button class="chat-input__btn" onclick="triggerFileUpload('audio/*')" title="Аудио"><i class="fas fa-microphone"></i></button>
</div>
<input type="text" class="chat-input__field" id="chat-input" placeholder="Опишите симптомы..." onkeydown="if(event.key==='Enter') sendMessage()" />
<button class="chat-input__send" onclick="sendMessage()"><i class="fas fa-paper-plane"></i></button>
</div>
<div class="chat-disclaimer"><i class="fas fa-exclamation-triangle"></i> ИИ не ставит диагнозы. При острых состояниях вызывайте 112.</div>
<div class="chat-quick-questions">
<button class="chip" onclick="quickQuestion('Головная боль')">? Головная боль</button>
<button class="chip" onclick="quickQuestion('Температура')">?️ Температура</button>
<button class="chip" onclick="quickQuestion('Кашель')">? Кашель</button>
<button class="chip" onclick="quickQuestion('Давление')">? Давление</button>
</div>
</div>
</div>
</section>
<section class="lab-results-section" id="lab-results">
<div class="container">
<div class="lab-card">
<div class="lab-header">
<div class="lab-header__info"><div class="lab-header__icon"><i class="fas fa-flask-vial"></i></div><div><h2 class="lab-header__title">Анализы и исследования</h2><p class="lab-header__subtitle">Загрузите PDF или фото — Medilav расшифрует</p></div></div>
<div class="lab-stats"><div class="lab-stat"><span class="lab-stat__value">24</span><span class="lab-stat__label">Анализа</span></div><div class="lab-stat"><span class="lab-stat__value">3</span><span class="lab-stat__label">Отклонения</span></div></div>
</div>
<div class="upload-zone" id="uploadZone">
<input type="file" id="labFileInput" multiple="multiple" accept=".pdf,image/*" style="display:none" onchange="handleLabFiles(this.files)" />
<div class="upload-zone__content">
<div class="upload-zone__icon"><i class="fas fa-cloud-arrow-up"></i></div>
<h3 class="upload-zone__title">Перетащите файлы сюда</h3>
<p class="upload-zone__subtitle">или нажмите для выбора</p>
<div class="upload-zone__formats"><span class="format-badge">PDF</span><span class="format-badge">JPG</span><span class="format-badge">PNG</span><span class="format-badge">HEIC</span></div>
<p class="upload-zone__hint"><i class="fas fa-shield-halved"></i> Данные защищены шифрованием и не передаются третьим лицам</p>
</div>
</div>
<div class="ocr-progress" id="ocrProgress" style="display:none">
<div class="ocr-progress__header"><i class="fas fa-spinner fa-spin"></i><span>Распознавание анализа...</span></div>
<div class="ocr-progress__bar"><div class="ocr-progress__fill" id="ocrProgressFill"></div></div>
<div class="ocr-progress__stages">
<div class="ocr-stage ocr-stage--done"><i class="fas fa-check"></i><span>Загрузка файла</span></div>
<div class="ocr-stage ocr-stage--active"><i class="fas fa-spinner fa-spin"></i><span>OCR-распознавание</span></div>
<div class="ocr-stage"><i class="fas fa-circle"></i><span>Нормализация данных</span></div>
<div class="ocr-stage"><i class="fas fa-circle"></i><span>AI-анализ</span></div>
</div>
</div>
<div class="analysis-result">
<div class="analysis-header">
<div class="analysis-header__info"><i class="fas fa-file-medical"></i><div><h3 class="analysis-title">Общий анализ крови</h3><p class="analysis-meta">Лаборатория «Инвитро» • 20 августа 2026</p></div></div>
<div class="analysis-actions"><button class="btn-icon" title="Скачать PDF" onclick="Toast.info('Medilav', 'Скачивание PDF...')"><i class="fas fa-download"></i></button><button class="btn-icon" title="Поделиться с врачом" onclick="Toast.info('Medilav', 'Отправка врачу...')"><i class="fas fa-share-nodes"></i></button></div>
</div>
<div class="ai-interpretation">
<div class="ai-interpretation__header"><i class="fas fa-robot"></i><span>AI-интерпретация Medilav</span></div>
<p class="ai-interpretation__text">В целом показатели в норме. Обращает внимание <strong style="color: var(--warning);">сниженный ферритин (18 нг/мл)</strong> — это может указывать на скрытый железодефицит. Рекомендуем повторить анализ через 2 недели и проконсультироваться с терапевтом.</p>
<div class="ai-interpretation__disclaimer"><i class="fas fa-info-circle"></i> Это справочная информация, не медицинский диагноз.</div>
</div>
<div class="indicators-table">
<div class="indicator-row indicator-row--normal">
<div class="indicator-name"><span class="indicator-label">Гемоглобин</span><span class="indicator-code">HGB</span></div>
<div class="indicator-value"><span class="value-current">142</span><span class="value-unit">г/л</span></div>
<div class="indicator-ref"><span class="ref-label">Норма:</span><span class="ref-range">130–160</span></div>
<div class="indicator-trend"><svg viewbox="0 0 100 30" class="trend-chart"><polyline points="0,20 20,18 40,15 60,17 80,14 100,12" fill="none" stroke="var(--success)" stroke-width="2"></polyline></svg></div>
<div class="indicator-status"><span class="status-badge status-badge--normal">Норма</span></div>
</div>
<div class="indicator-row indicator-row--warning">
<div class="indicator-name"><span class="indicator-label">Ферритин</span><span class="indicator-code">FER</span></div>
<div class="indicator-value"><span class="value-current value-current--warning">18</span><span class="value-unit">нг/мл</span></div>
<div class="indicator-ref"><span class="ref-label">Норма:</span><span class="ref-range">30–150</span></div>
<div class="indicator-trend"><svg viewbox="0 0 100 30" class="trend-chart"><polyline points="0,10 20,12 40,15 60,18 80,22 100,25" fill="none" stroke="var(--warning)" stroke-width="2"></polyline></svg></div>
<div class="indicator-status"><span class="status-badge status-badge--warning">Понижен</span></div>
</div>
<div class="indicator-row indicator-row--normal">
<div class="indicator-name"><span class="indicator-label">Лейкоциты</span><span class="indicator-code">WBC</span></div>
<div class="indicator-value"><span class="value-current">6.8</span><span class="value-unit">10⁹/л</span></div>
<div class="indicator-ref"><span class="ref-label">Норма:</span><span class="ref-range">4.0–9.0</span></div>
<div class="indicator-trend"><svg viewbox="0 0 100 30" class="trend-chart"><polyline points="0,15 20,14 40,16 60,15 80,14 100,15" fill="none" stroke="var(--success)" stroke-width="2"></polyline></svg></div>
<div class="indicator-status"><span class="status-badge status-badge--normal">Норма</span></div>
</div>
<div class="indicator-row indicator-row--danger">
<div class="indicator-name"><span class="indicator-label">СОЭ</span><span class="indicator-code">ESR</span></div>
<div class="indicator-value"><span class="value-current value-current--danger">28</span><span class="value-unit">мм/ч</span></div>
<div class="indicator-ref"><span class="ref-label">Норма:</span><span class="ref-range">1–10</span></div>
<div class="indicator-trend"><svg viewbox="0 0 100 30" class="trend-chart"><polyline points="0,25 20,22 40,18 60,14 80,10 100,5" fill="none" stroke="var(--danger)" stroke-width="2"></polyline></svg></div>
<div class="indicator-status"><span class="status-badge status-badge--danger">Повышен</span></div>
</div>
</div>
<div class="recommendations">
<h4 class="recommendations-title"><i class="fas fa-lightbulb"></i> Рекомендации Medilav</h4>
<ul class="recommendations-list">
<li><i class="fas fa-apple-whole"></i><div><strong>Добавьте продукты, богатые железом</strong><span>Говядина, печень, гречка, шпинат, яблоки</span></div></li>
<li><i class="fas fa-vial"></i><div><strong>Повторите анализ через 2 недели</strong><span>Контроль ферритина и СОЭ в динамике</span></div></li>
<li><i class="fas fa-user-doctor"></i><div><strong>Запишитесь к терапевту</strong><span>Для оценки необходимости препаратов железа</span></div></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="dermatology-section" id="dermatology">
<div class="container">
<div class="derma-card">
<div class="derma-header">
<div class="derma-header__info">
<div class="derma-header__icon"><i class="fas fa-microscope"></i></div>
<div>
<h2 class="derma-header__title">Анализ родинок и новообразований</h2>
<p class="derma-header__subtitle">AI-диагностика меланомы по фото с использованием ISIC Archive</p>
</div>
</div>
</div>
<div class="derma-upload-zone" id="dermaUploadZone">
<input type="file" id="dermaFileInput" accept="image/*" capture="environment" style="display:none" onchange="analyzeMole(this.files[0])" />
<div class="upload-zone__content">
<div class="upload-zone__icon"><i class="fas fa-camera-medical"></i></div>
<h3 class="upload-zone__title">Загрузите фото родинки</h3>
<p class="upload-zone__subtitle">Сделайте чёткое фото при хорошем освещении или выберите из галереи</p>
<div class="upload-buttons">
<button class="btn btn--primary" onclick="document.getElementById('dermaFileInput').click()"><i class="fas fa-camera"></i> Сделать фото</button>
<button class="btn btn--outline" onclick="document.getElementById('dermaFileInput').click()"><i class="fas fa-image"></i> Выбрать из галереи</button>
</div>
<div class="upload-hints">
<div class="hint-item"><i class="fas fa-check-circle"></i><span>Хорошее освещение</span></div>
<div class="hint-item"><i class="fas fa-check-circle"></i><span>Чёткое изображение</span></div>
<div class="hint-item"><i class="fas fa-check-circle"></i><span>Родинка полностью в кадре</span></div>
</div>
</div>
</div>
<div class="derma-analysis-progress" id="dermaAnalysisProgress" style="display:none">
<div class="progress-header"><i class="fas fa-spinner fa-spin"></i><span>Анализируем изображение...</span></div>
<div class="progress-steps">
<div class="progress-step active" id="step1"><i class="fas fa-check"></i><span>Загрузка изображения</span></div>
<div class="progress-step" id="step2"><i class="fas fa-check"></i><span>Предобработка (сегментация)</span></div>
<div class="progress-step" id="step3"><i class="fas fa-check"></i><span>ABCDE анализ</span></div>
<div class="progress-step" id="step4"><i class="fas fa-check"></i><span>Сравнение с ISIC Archive</span></div>
<div class="progress-step" id="step5"><i class="fas fa-check"></i><span>ML-классификация</span></div>
</div>
</div>
<div class="derma-results" id="dermaResults" style="display:none">
<div class="derma-disclaimer">
<i class="fas fa-exclamation-triangle"></i>
<div><strong>Важно:</strong> Это предварительный анализ. Точный диагноз может поставить только врач-дерматолог после очного осмотра и биопсии.</div>
</div>
<div class="risk-assessment">
<div class="risk-header">
<h3>Общая оценка риска</h3>
<span class="risk-badge" id="riskBadge">Низкий риск</span>
</div>
<div class="risk-meter">
<div class="risk-meter__bar"><div class="risk-meter__fill" id="riskMeterFill" style="width: 25%"></div></div>
<div class="risk-meter__labels"><span>Низкий</span><span>Средний</span><span>Высокий</span></div>
</div>
<div class="risk-percentage" id="riskPercentage">25% вероятность меланомы</div>
</div>
<div class="abcde-analysis">
<h3>ABCDE Анализ</h3>
<div class="abcde-grid">
<div class="abcde-item" id="abcdeA">
<div class="abcde-icon">A</div>
<div class="abcde-content"><h4>Asymmetry (Асимметрия)</h4><p id="abcdeADesc">Родинка симметрична</p><span class="abcde-status status-ok">✓ Норма</span></div>
</div>
<div class="abcde-item" id="abcdeB">
<div class="abcde-icon">B</div>
<div class="abcde-content"><h4>Border (Границы)</h4><p id="abcdeBDesc">Ровные, чёткие границы</p><span class="abcde-status status-ok">✓ Норма</span></div>
</div>
<div class="abcde-item" id="abcdeC">
<div class="abcde-icon">C</div>
<div class="abcde-content"><h4>Color (Цвет)</h4><p id="abcdeCDesc">Однородный цвет</p><span class="abcde-status status-ok">✓ Норма</span></div>
</div>
<div class="abcde-item" id="abcdeD">
<div class="abcde-icon">D</div>
<div class="abcde-content"><h4>Diameter (Диаметр)</h4><p id="abcdeDDesc">Меньше 6 мм</p><span class="abcde-status status-ok">✓ Норма</span></div>
</div>
<div class="abcde-item" id="abcdeE">
<div class="abcde-icon">E</div>
<div class="abcde-content"><h4>Evolving (Изменения)</h4><p id="abcdeEDesc">Требуется ваше описание</p><span class="abcde-status status-info">ℹ Не определено</span></div>
</div>
</div>
</div>
<div class="ml-classification">
<h3>Результаты ML-классификации</h3>
<div class="classification-bars">
<div class="class-bar">
<div class="class-bar__label"><span>Меланома</span><span class="class-bar__value" id="melanomaProb">5%</span></div>
<div class="class-bar__track"><div class="class-bar__fill" id="melanomaBar" style="width: 5%"></div></div>
</div>
<div class="class-bar">
<div class="class-bar__label"><span>Базальноклеточная карцинома</span><span class="class-bar__value" id="bccProb">3%</span></div>
<div class="class-bar__track"><div class="class-bar__fill" id="bccBar" style="width: 3%"></div></div>
</div>
<div class="class-bar">
<div class="class-bar__label"><span>Доброкачественный невус</span><span class="class-bar__value" id="nevusProb">92%</span></div>
<div class="class-bar__track"><div class="class-bar__fill" id="nevusBar" style="width: 92%"></div></div>
</div>
</div>
</div>
<div class="similar-cases">
<h3>Похожие случаи из ISIC Archive</h3>
<div class="cases-grid" id="similarCasesGrid"></div>
</div>
<div class="derma-recommendations">
<h3>Рекомендации</h3>
<ul id="recommendationsList">
<li><i class="fas fa-info-circle"></i> Продолжайте наблюдать за родинкой</li>
<li><i class="fas fa-calendar-check"></i> Плановый осмотр дерматолога раз в год</li>
</ul>
</div>
<div class="derma-actions">
<button class="btn btn--outline" onclick="resetDermatology()"><i class="fas fa-redo"></i> Проанализировать другую родинку</button>
<button class="btn btn--primary" onclick="exportDermatologyReport()"><i class="fas fa-file-pdf"></i> Сохранить отчёт</button>
<button class="btn btn--danger" onclick="switchSection('medical-id')"><i class="fas fa-user-md"></i> Найти дерматолога</button>
</div>
</div>
</div>
</div>
</section>
<section class="analytics-section" id="analytics">
<div class="container">
<div class="analytics-card">
<div class="analytics-header">
<div class="analytics-header__info"><div class="analytics-header__icon"><i class="fas fa-chart-line"></i></div><div><h2 class="analytics-header__title">Аналитика здоровья</h2><p class="analytics-header__subtitle">Тренды и инсайты на основе ваших данных</p></div></div>
<div class="period-selector">
<button class="period-btn" data-period="7" onclick="changePeriod(7)">7 дней</button>
<button class="period-btn active" data-period="30" onclick="changePeriod(30)">30 дней</button>
<button class="period-btn" data-period="90" onclick="changePeriod(90)">3 мес</button>
<button class="period-btn" data-period="365" onclick="changePeriod(365)">Год</button>
</div>
</div>
<div class="metrics-switcher">
<button class="metric-tab active" data-metric="pressure" onclick="switchMetric('pressure')"><i class="fas fa-heart-pulse"></i><span>Давление</span></button>
<button class="metric-tab" data-metric="pulse" onclick="switchMetric('pulse')"><i class="fas fa-wave-square"></i><span>Пульс</span></button>
<button class="metric-tab" data-metric="sleep" onclick="switchMetric('sleep')"><i class="fas fa-moon"></i><span>Сон</span></button>
<button class="metric-tab" data-metric="weight" onclick="switchMetric('weight')"><i class="fas fa-weight-scale"></i><span>Вес</span></button>
<button class="metric-tab" data-metric="activity" onclick="switchMetric('activity')"><i class="fas fa-person-walking"></i><span>Активность</span></button>
</div>
<div class="main-chart-container">
<div class="chart-header">
<div class="chart-title"><h3 id="chartTitle">Артериальное давление</h3><span class="chart-period" id="chartPeriod">За последние 30 дней</span></div>
<div class="chart-stats">
<div class="chart-stat"><span class="stat-label">Среднее</span><span class="stat-value">128/82</span><span class="stat-trend trend-down"><i class="fas fa-arrow-down"></i> 5%</span></div>
<div class="chart-stat"><span class="stat-label">Мин/Макс</span><span class="stat-value">115/75 – 145/92</span></div>
</div>
</div>
<div class="chart-wrapper">
<svg viewbox="0 0 800 300" class="chart-svg">
<defs><lineargradient id="chartGradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:var(--primary);stop-opacity:0.3"></stop><stop offset="100%" style="stop-color:var(--primary);stop-opacity:0"></stop></lineargradient></defs>
<line x1="50" y1="50" x2="750" y2="50" stroke="var(--gray-200)" stroke-width="1" stroke-dasharray="4,4"></line>
<line x1="50" y1="100" x2="750" y2="100" stroke="var(--gray-200)" stroke-width="1" stroke-dasharray="4,4"></line>
<line x1="50" y1="150" x2="750" y2="150" stroke="var(--gray-200)" stroke-width="1" stroke-dasharray="4,4"></line>
<line x1="50" y1="200" x2="750" y2="200" stroke="var(--gray-200)" stroke-width="1" stroke-dasharray="4,4"></line>
<line x1="50" y1="250" x2="750" y2="250" stroke="var(--gray-200)" stroke-width="1"></line>
<rect x="50" y="120" width="700" height="60" fill="var(--success-light)" opacity="0.3"></rect>
<text x="760" y="155" font-size="10" fill="var(--success)" text-anchor="start">Норма</text>
<path d="M50,250 L50,180 L100,170 L150,160 L200,165 L250,155 L300,150 L350,145 L400,140 L450,135 L500,130 L550,125 L600,120 L650,115 L700,110 L750,105 L750,250 Z" fill="url(#chartGradient)"></path>
<path d="M50,180 L100,170 L150,160 L200,165 L250,155 L300,150 L350,145 L400,140 L450,135 L500,130 L550,125 L600,120 L650,115 L700,110 L750,105" fill="none" stroke="var(--primary)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
<circle cx="50" cy="180" r="4" fill="var(--primary)" class="chart-point"></circle>
<circle cx="250" cy="155" r="4" fill="var(--primary)" class="chart-point"></circle>
<circle cx="450" cy="135" r="4" fill="var(--primary)" class="chart-point"></circle>
<circle cx="650" cy="115" r="4" fill="var(--primary)" class="chart-point"></circle>
<circle cx="750" cy="105" r="5" fill="var(--primary)" stroke="white" stroke-width="2" class="chart-point"></circle>
<text x="40" y="55" font-size="11" fill="var(--gray-500)" text-anchor="end">160</text>
<text x="40" y="105" font-size="11" fill="var(--gray-500)" text-anchor="end">140</text>
<text x="40" y="155" font-size="11" fill="var(--gray-500)" text-anchor="end">120</text>
<text x="40" y="205" font-size="11" fill="var(--gray-500)" text-anchor="end">100</text>
<text x="40" y="255" font-size="11" fill="var(--gray-500)" text-anchor="end">80</text>
<text x="50" y="275" font-size="11" fill="var(--gray-500)" text-anchor="middle">25 июл</text>
<text x="350" y="275" font-size="11" fill="var(--gray-500)" text-anchor="middle">8 авг</text>
<text x="650" y="275" font-size="11" fill="var(--gray-500)" text-anchor="middle">22 авг</text>
</svg>
</div>
</div>
<div class="ai-insights">
<div class="insights-header"><i class="fas fa-lightbulb"></i><span>AI-инсайты Medilav</span></div>
<div class="insights-grid">
<div class="insight-card insight-card--success"><div class="insight-icon"><i class="fas fa-arrow-trend-down"></i></div><div class="insight-content"><h4 class="insight-title">Положительная динамика</h4><p class="insight-text">Ваше давление снизилось на <strong>8%</strong> за последний месяц.</p></div></div>
<div class="insight-card insight-card--info"><div class="insight-icon"><i class="fas fa-link"></i></div><div class="insight-content"><h4 class="insight-title">Корреляция обнаружена</h4><p class="insight-text">В дни со сном <strong>7+ часов</strong> давление на <strong>12 пунктов ниже</strong>.</p></div></div>
<div class="insight-card insight-card--warning"><div class="insight-icon"><i class="fas fa-triangle-exclamation"></i></div><div class="insight-content"><h4 class="insight-title">Обратите внимание</h4><p class="insight-text">Утренние показатели выше вечерних. Обсудите с врачом.</p></div></div>
<div class="insight-card insight-card--primary"><div class="insight-icon"><i class="fas fa-chart-line"></i></div><div class="insight-content"><h4 class="insight-title">Прогноз</h4><p class="insight-text">Через <strong>2 недели</strong> вы достигнете целевых <strong>120/80</strong>.</p></div></div>
</div>
</div>
</div>
</div>
</section>
<section class="medical-id-section" id="medical-id">
<div class="container">
<div class="medical-id-card">
<div class="medical-id-header">
<div class="medical-id-icon"><i class="fas fa-id-card-alt"></i></div>
<div><h2 class="medical-id-title">Medical ID</h2><p class="medical-id-subtitle">Экстренная медицинская информация Medilav</p></div>
<button class="btn btn--outline" onclick="Toast.info('Medilav', 'Редактор профиля откроется в следующем обновлении')"><i class="fas fa-pen"></i> Изменить</button>
</div>
<div class="medical-id-user">
<div class="user-avatar-large"><img src="https://ui-avatars.com/api/?name=Alex+P&background=0066FF&color=fff&size=80&bold=true" alt="Аватар" /></div>
<div class="user-details">
<h3 class="user-name">Петров Алексей Игоревич</h3>
<p class="user-dob">Дата рождения: 15.03.1985 (39 лет)</p>
<p class="user-blood">Группа крови: <span class="blood-highlight">A(II) Rh+</span></p>
</div>
</div>
<div class="medical-info-grid">
<div class="info-block info-block--danger">
<div class="info-block-header"><i class="fas fa-exclamation-circle"></i><span>Аллергии</span></div>
<ul class="info-list"><li>Пенициллин (анафилактический шок)</li><li>Ибупрофен (крапивница)</li><li>Цитрусовые</li></ul>
</div>
<div class="info-block info-block--warning">
<div class="info-block-header"><i class="fas fa-notes-medical"></i><span>Хронические заболевания</span></div>
<ul class="info-list"><li>Артериальная гипертензия (I ст.)</li><li>Сахарный диабет 2 типа</li></ul>
</div>
<div class="info-block info-block--info">
<div class="info-block-header"><i class="fas fa-pills"></i><span>Постоянные препараты</span></div>
<ul class="info-list"><li>Амлодипин 5 мг (утром)</li><li>Метформин 500 мг (2 р/день)</li></ul>
</div>
<div class="info-block info-block--neutral">
<div class="info-block-header"><i class="fas fa-procedures"></i><span>Особенности</span></div>
<ul class="info-list"><li>Кардиостимулятор (2020 г.)</li><li>Не переносит МРТ с контрастом</li></ul>
</div>
</div>
<div class="emergency-contacts">
<h4 class="contacts-title"><i class="fas fa-phone-alt"></i> Экстренные контакты</h4>
<div class="contacts-list">
<div class="contact-item"><div class="contact-info"><span class="contact-name">Петрова Мария</span><span class="contact-relation">Супруга (Основной контакт)</span></div><a href="tel:+79991234567" class="contact-phone">+7 (999) 123-45-67</a></div>
<div class="contact-item"><div class="contact-info"><span class="contact-name">Др. Смирнов И.И.</span><span class="contact-relation">Лечащий врач (Терапевт)</span></div><a href="tel:+79997654321" class="contact-phone">+7 (999) 765-43-21</a></div>
</div>
</div>
<div class="lock-screen-access">
<div class="toggle-label"><i class="fas fa-lock-open"></i><span>Показывать на экране блокировки</span></div>
<label class="switch"><input type="checkbox" id="lockScreenToggle" checked="checked" onchange="toggleLockScreen(this)" /><span class="slider round"></span></label>
</div>
<p class="lock-screen-hint">Эта информация будет доступна без разблокировки телефона через виджет Medilav SOS.</p>
</div>
</div>
</section>
<section class="emergency-section" id="emergency">
<div class="container">
<div class="emergency-card">
<div class="emergency-header">
<div class="emergency-header__info">
<div class="emergency-header__icon"><i class="fas fa-kit-medical"></i></div>
<div><h2 class="emergency-header__title">Экстренная помощь</h2><p class="emergency-header__subtitle">Быстрый доступ к спасению</p></div>
</div>
<div class="emergency-status"><span class="status-dot status-dot--green"></span><span>Готово к вызову</span></div>
</div>
<div class="sos-button-container">
<button class="sos-button" onclick="initiateEmergencyCall()">
<div class="sos-button__pulse"></div>
<div class="sos-button__inner"><i class="fas fa-phone-alt"></i><span class="sos-button__text">SOS</span><span class="sos-button__subtext">Вызвать скорую</span></div>
</button>
</div>
<div class="emergency-quick-actions">
<button class="quick-action" onclick="switchSection('medical-id')"><i class="fas fa-id-card"></i><span>Medical ID</span></button>
<button class="quick-action" onclick="shareLocation()"><i class="fas fa-location-dot"></i><span>Мои координаты</span></button>
<button class="quick-action" onclick="callEmergencyContact()"><i class="fas fa-user-group"></i><span>Связаться с близкими</span></button>
</div>
<div class="location-info">
<div class="location-info__header"><i class="fas fa-map-marker-alt"></i><span>Ваше местоположение</span></div>
<div class="location-info__content">
<div class="location-coordinates"><span class="coord-label">Широта:</span><span class="coord-value" id="latitude">55.7558</span></div>
<div class="location-coordinates"><span class="coord-label">Долгота:</span><span class="coord-value" id="longitude">37.6173</span></div>
<div class="location-coordinates"><span class="coord-label">Точность:</span><span class="coord-value">~10 м</span></div>
</div>
<button class="btn btn--outline" onclick="updateLocation()" style="margin-top: var(--spacing-sm);"><i class="fas fa-refresh"></i> Обновить</button>
</div>
</div>
</div>
</section>
</main>
<nav class="tab-bar" id="tabBar">
<button class="tab-item tab-item--active" data-section="dashboard" onclick="switchSection('dashboard')"><i class="fas fa-house"></i><span>Главная</span></button>
<button class="tab-item" data-section="ai-chat" onclick="switchSection('ai-chat')"><i class="fas fa-robot"></i><span>AI-чат</span><span class="tab-badge">3</span></button>
<button class="tab-item tab-item--sos" onclick="initiateEmergencyCall()"><div class="tab-sos-button"><i class="fas fa-phone-alt"></i></div><span>SOS</span></button>
<button class="tab-item" data-section="analytics" onclick="switchSection('analytics')"><i class="fas fa-chart-line"></i><span>Аналитика</span></button>
<button class="tab-item" data-section="medical-id" onclick="switchSection('medical-id')"><i class="fas fa-user"></i><span>Профиль</span></button>
</nav>
</div>
<div class="modal" id="emergencyModal">
<div class="modal__overlay" onclick="cancelEmergencyCall()"></div>
<div class="modal__content">
<div class="modal__header">
<div class="modal__icon modal__icon--danger"><i class="fas fa-ambulance"></i></div>
<h3 class="modal__title">Вызов скорой помощи</h3>
</div>
<div class="modal__body">
<div class="countdown-container">
<div class="countdown-circle">
<svg viewbox="0 0 100 100"><circle class="countdown-bg" cx="50" cy="50" r="45"></circle><circle class="countdown-progress" cx="50" cy="50" r="45" id="countdownCircle"></circle></svg>
<span class="countdown-number" id="countdownNumber">10</span>
</div>
<p class="countdown-text">Вызов скорой через <span id="countdownSeconds">10</span> сек</p>
</div>
<div class="emergency-summary">
<div class="summary-item"><i class="fas fa-location-dot"></i><span>Координаты будут переданы</span></div>
<div class="summary-item"><i class="fas fa-id-card"></i><span>Medical ID будет доступен</span></div>
<div class="summary-item"><i class="fas fa-bell"></i><span>Близкие получат уведомление</span></div>
</div>
</div>
<div class="modal__footer">
<button class="btn btn--outline btn--lg" onclick="cancelEmergencyCall()"><i class="fas fa-times"></i> Отмена</button>
<button class="btn btn--danger btn--lg" onclick="confirmEmergencyCall()"><i class="fas fa-phone"></i> Вызвать сейчас</button>
</div>
</div>
</div>
<div class="toast-container" id="toastContainer"></div>
<footer class="app-footer">
<div class="container">
<div class="footer-logo"><i class="fas fa-heartbeat"></i><span>Medilav</span></div>
<p class="footer-disclaimer">️ <strong>Внимание:</strong> Сервис Medilav является информационным помощником и не является медицинской услугой. Результаты анализа носят справочный характер и не заменяют очную консультацию врача. При острых состояниях немедленно вызывайте 112.</p>
<p class="footer-copyright">© 2026 Medilav. Все данные обрабатываются локально на вашем устройстве в соответствии с 152-ФЗ.</p>
</div>
</footer>
<script>
const Toast = {
show(title, message, type = 'info', duration = 4000) {
const container = document.getElementById('toastContainer');
const toast = document.createElement('div');
toast.className = `toast toast--${type}`;
const icons = { success: 'fa-check-circle', warning: 'fa-exclamation-triangle', danger: 'fa-times-circle', info: 'fa-info-circle' };
toast.innerHTML = `<div class="toast__icon"><i class="fas ${icons[type]}"></i></div><div class="toast__content"><div class="toast__title">${title}</div><div class="toast__message">${message}</div></div><button class="toast__close" onclick="Toast.hide(this.parentElement)"><i class="fas fa-times"></i></button>`;
container.appendChild(toast);
if (duration > 0) setTimeout(() => this.hide(toast), duration);
return toast;
},
hide(toast) {
if (!toast || !toast.parentElement) return;
toast.style.opacity = '0';
toast.style.transform = 'translateX(400px)';
toast.style.transition = 'all 0.3s ease';
setTimeout(() => { if (toast.parentElement) toast.parentElement.removeChild(toast); }, 300);
},
success(title, message, duration) { return this.show(title, message, 'success', duration); },
warning(title, message, duration) { return this.show(title, message, 'warning', duration); },
danger(title, message, duration) { return this.show(title, message, 'danger', duration); },
info(title, message, duration) { return this.show(title, message, 'info', duration); }
};
const sectionMap = {
'dashboard': 'dashboard',
'ai-chat': 'ai-chat',
'lab-results': 'lab-results',
'analytics': 'analytics',
'medical-id': 'medical-id',
'emergency': 'emergency',
'medication-tracker': 'medication-tracker',
'dermatology': 'dermatology'
};
function switchSection(sectionId) {
const targetId = sectionMap[sectionId] || sectionId;
const targetEl = document.getElementById(targetId);
if (targetEl) {
targetEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
document.querySelectorAll('.nav-item, .tab-item').forEach(item => {
item.classList.remove('nav-item--active', 'tab-item--active');
if (item.dataset.section === sectionId) {
if (item.classList.contains('nav-item')) item.classList.add('nav-item--active');
if (item.classList.contains('tab-item')) item.classList.add('tab-item--active');
}
});
}
}
const sectionObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('in-view'); });
}, { threshold: 0.05, rootMargin: '0px 0px -50px 0px' });
const navObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting && entry.intersectionRatio > 0.3) {
const sectionId = entry.target.id;
document.querySelectorAll('.nav-item, .tab-item').forEach(item => {
item.classList.remove('nav-item--active', 'tab-item--active');
if (item.dataset.section === sectionId) {
if (item.classList.contains('nav-item')) item.classList.add('nav-item--active');
if (item.classList.contains('tab-item')) item.classList.add('tab-item--active');
}
});
}
});
}, { threshold: 0.3 });
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('section').forEach(section => {
sectionObserver.observe(section);
if (section.id) navObserver.observe(section);
});
});
function updateHealthStatus(score) {
const indicator = document.getElementById('status-indicator');
const label = indicator.querySelector('.status-label');
const scoreEl = document.getElementById('status-score');
indicator.classList.remove('status-green', 'status-yellow', 'status-red');
let statusClass = score >= 80 ? 'status-green' : (score >= 50 ? 'status-yellow' : 'status-red');
let statusText = score >= 80 ? 'Здоров' : (score >= 50 ? 'Внимание' : 'Срочно');
indicator.classList.add(statusClass);
label.textContent = statusText;
scoreEl.textContent = score;
}
function markMedicationTaken(btn) {
const card = btn.closest('.medication__card');
card.style.background = 'var(--success-light)';
card.style.borderLeftColor = 'var(--success)';
btn.innerHTML = '<i class="fas fa-check-double"></i> Принято';
btn.style.background = 'var(--success)';
btn.disabled = true;
updateHealthStatus(100);
Toast.success('Medilav', 'Препарат отмечен как принятый');
}
function markTaken(btn) {
const item = btn.closest('.med-item');
btn.style.transform = 'scale(0.9)';
setTimeout(() => { btn.style.transform = 'scale(1)'; }, 150);
item.classList.remove('med-item--current', 'med-item--pending');
item.classList.add('med-item--taken');
btn.disabled = true;
const total = document.querySelectorAll('.med-item').length;
const taken = document.querySelectorAll('.med-item--taken').length;
const percentage = Math.round((taken / total) * 100);
const circle = document.querySelector('.progress-circle');
if (circle) {
circle.querySelector('.progress-circle-fill').setAttribute('stroke-dasharray', `${percentage}, 100`);
circle.querySelector('.progress-text').textContent = `${taken}/${total}`;
}
updateHealthStatus(Math.min(100, 90 + Math.round(percentage / 10)));
Toast.success('Medilav', 'Препарат принят');
}
let pendingFile = null;
document.addEventListener('DOMContentLoaded', () => {
addBotMessage('Здравствуйте! Я ваш медицинский ассистент Medilav. Опишите симптомы или задайте вопрос.');
setTimeout(() => Toast.info('Добро пожаловать в Medilav!', 'Ваш медицинский ассистент готов к работе', 4000), 500);
});
function addUserMessage(text) {
const messages = document.getElementById('chat-messages');
const div = document.createElement('div');
div.className = 'message message--user';
div.innerHTML = `${text}<span class="message-time">${new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}</span>`;
messages.appendChild(div);
scrollToBottom();
}
function addBotMessage(text) {
const messages = document.getElementById('chat-messages');
const div = document.createElement('div');
div.className = 'message message--bot';
div.innerHTML = `${text}<span class="message-time">${new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}</span>`;
messages.appendChild(div);
scrollToBottom();
}
function showTypingIndicator() {
const messages = document.getElementById('chat-messages');
const div = document.createElement('div');
div.className = 'message message--bot';
div.id = 'typing-indicator-msg';
div.innerHTML = `<div class="typing-indicator"><span></span><span></span><span></span></div>`;
messages.appendChild(div);
scrollToBottom();
}
function removeTypingIndicator() { const el = document.getElementById('typing-indicator-msg'); if (el) el.remove(); }
function scrollToBottom() { const container = document.getElementById('chat-messages'); container.scrollTop = container.scrollHeight; }
function sendMessage() {
const input = document.getElementById('chat-input');
const text = input.value.trim();
if (!text) return;
addUserMessage(text);
input.value = '';
simulateBotResponse(text);
}
function quickQuestion(text) { addUserMessage(text); simulateBotResponse(text); }
function simulateBotResponse(userText) {
showTypingIndicator();
setTimeout(() => {
removeTypingIndicator();
let reply = 'Спасибо за информацию. ';
const lower = userText.toLowerCase();
if (lower.includes('головн')) reply += 'Измерьте давление и обеспечьте приток свежего воздуха. Если боль резкая или с тошнотой — обратитесь к врачу.';
else if (lower.includes('температур')) reply += 'При температуре выше 38.5°C рекомендуется обильное питьё и жаропонижающее. Если держится более 3 дней — нужен терапевт.';
else if (lower.includes('каш')) reply += 'Обратите внимание: кашель сухой или с мокротой? При одышке или боли в груди требуется срочная консультация.';
else if (lower.includes('давлен')) reply += 'Измерьте давление в покое. Если выше 140/90, перемерьте через 15 минут. При значениях выше 180/110 вызывайте скорую.';
else reply += 'Уточните, пожалуйста: как давно это началось и есть ли хронические заболевания?';
addBotMessage(reply);
}, 1200);
}
function clearChat() { document.getElementById('chat-messages').innerHTML = ''; addBotMessage('История очищена. Чем я могу помочь?'); }
function triggerFileUpload(acceptType) { const input = document.getElementById('hidden-file-input'); input.accept = acceptType; input.value = ''; input.click(); }
function handleFileSelect(inputElement) {
const file = inputElement.files[0];
if (!file) return;
pendingFile = file;
const preview = document.getElementById('upload-preview');
if (file.type.startsWith('image/')) {
const reader = new FileReader();
reader.onload = (ev) => { preview.innerHTML = `<img src="${ev.target.result}" alt="preview"> <span>${file.name}</span>`; };
reader.readAsDataURL(file);
} else { preview.innerHTML = `<i class="fas fa-file" style="font-size: 24px; color: var(--primary);"></i> <span>${file.name}</span>`; }
document.getElementById('chat-upload').style.display = 'flex';
}
function cancelUpload() { pendingFile = null; document.getElementById('chat-upload').style.display = 'none'; document.getElementById('upload-preview').innerHTML = ''; document.getElementById('hidden-file-input').value = ''; }
function sendFile() {
if (!pendingFile) return;
addUserMessage(`? Отправлен файл: ${pendingFile.name}`);
showTypingIndicator();
setTimeout(() => { removeTypingIndicator(); addBotMessage(`Файл "${pendingFile.name}" получен. Запускаю анализ...`); cancelUpload(); }, 1500);
}
const uploadZone = document.getElementById('uploadZone');
const labFileInput = document.getElementById('labFileInput');
if (uploadZone) {
uploadZone.addEventListener('click', () => labFileInput.click());
uploadZone.addEventListener('dragover', (e) => { e.preventDefault(); uploadZone.classList.add('dragover'); });
uploadZone.addEventListener('dragleave', () => { uploadZone.classList.remove('dragover'); });
uploadZone.addEventListener('drop', (e) => { e.preventDefault(); uploadZone.classList.remove('dragover'); handleLabFiles(e.dataTransfer.files); });
}
function handleLabFiles(files) { if (!files || files.length === 0) return; simulateOCRProcessing(files[0].name); }
function simulateOCRProcessing(fileName) {
const progressEl = document.getElementById('ocrProgress');
const fillEl = document.getElementById('ocrProgressFill');
const stages = document.querySelectorAll('.ocr-stage');
progressEl.style.display = 'block';
let progress = 0;
let currentStage = 0;
const interval = setInterval(() => {
progress += 2;
fillEl.style.width = progress + '%';
const stageProgress = Math.floor(progress / 25);
if (stageProgress > currentStage && currentStage < 4) {
stages[currentStage].classList.remove('ocr-stage--active');
stages[currentStage].classList.add('ocr-stage--done');
stages[currentStage].querySelector('i').className = 'fas fa-check';
currentStage++;
if (currentStage < 4) { stages[currentStage].classList.add('ocr-stage--active'); stages[currentStage].querySelector('i').className = 'fas fa-spinner fa-spin'; }
}
if (progress >= 100) {
clearInterval(interval);
setTimeout(() => {
progressEl.style.display = 'none';
fillEl.style.width = '0%';
stages.forEach((s) => { s.classList.remove('ocr-stage--done', 'ocr-stage--active'); s.querySelector('i').className = 'fas fa-circle'; });
stages[0].classList.add('ocr-stage--done');
stages[0].querySelector('i').className = 'fas fa-check';
Toast.success('Анализ обработан', `Результаты "${fileName}" успешно расшифрованы`);
}, 500);
}
}, 30);
}
let currentMetric = 'pressure';
let currentPeriod = 30;
function switchMetric(metric) {
currentMetric = metric;
document.querySelectorAll('.metric-tab').forEach(tab => { tab.classList.remove('active'); if (tab.dataset.metric === metric) tab.classList.add('active'); });
const titles = { pressure: 'Артериальное давление', pulse: 'Пульс', sleep: 'Сон', weight: 'Вес', activity: 'Активность' };
document.getElementById('chartTitle').textContent = titles[metric];
}
function changePeriod(days) {
currentPeriod = days;
document.querySelectorAll('.period-btn').forEach(btn => { btn.classList.remove('active'); if (parseInt(btn.dataset.period) === days) btn.classList.add('active'); });
const periodTexts = { 7: 'За последние 7 дней', 30: 'За последние 30 дней', 90: 'За последние 3 месяца', 365: 'За последний год' };
document.getElementById('chartPeriod').textContent = periodTexts[days];
}
let countdownInterval;
let countdownSeconds = 10;
function initiateEmergencyCall() { const modal = document.getElementById('emergencyModal'); modal.classList.add('active'); startCountdown(); }
function startCountdown() {
countdownSeconds = 10;
updateCountdown();
countdownInterval = setInterval(() => { countdownSeconds--; updateCountdown(); if (countdownSeconds <= 0) { clearInterval(countdownInterval); confirmEmergencyCall(); } }, 1000);
}
function updateCountdown() {
document.getElementById('countdownNumber').textContent = countdownSeconds;
document.getElementById('countdownSeconds').textContent = countdownSeconds;
const progress = (countdownSeconds / 10) * 283;
document.getElementById('countdownCircle').style.strokeDashoffset = 283 - progress;
}
function cancelEmergencyCall() { clearInterval(countdownInterval); document.getElementById('emergencyModal').classList.remove('active'); }
function confirmEmergencyCall() { clearInterval(countdownInterval); document.getElementById('emergencyModal').classList.remove('active'); Toast.danger('Экстренный вызов', 'Скорая помощь уведомлена. Координаты переданы.', 10000); }
function shareLocation() {
const lat = document.getElementById('latitude')?.textContent || '55.7558';
const lon = document.getElementById('longitude')?.textContent || '37.6173';
const locationText = `Мои координаты: ${lat}, ${lon}\nhttps://maps.google.com/?q=${lat},${lon}`;
if (navigator.share) { navigator.share({ title: 'Medilav SOS', text: locationText }); }
else { navigator.clipboard.writeText(locationText).then(() => Toast.success('Успех', 'Координаты скопированы в буфер обмена')); }
}
function callEmergencyContact() { window.location.href = 'tel:+79991234567'; }
function updateLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition((position) => {
document.getElementById('latitude').textContent = position.coords.latitude.toFixed(4);
document.getElementById('longitude').textContent = position.coords.longitude.toFixed(4);
Toast.success('Успех', 'Геолокация обновлена');
}, (error) => { Toast.warning('Внимание', 'Не удалось получить геолокацию'); });
} else { Toast.warning('Внимание', 'Геолокация не поддерживается'); }
}
function toggleLockScreen(checkbox) {
if (checkbox.checked) Toast.info('Medilav', 'Данные Medical ID теперь доступны с экрана блокировки.');
else Toast.warning('Medilav', 'Доступ с экрана блокировки отключен.');
}
document.addEventListener('keydown', (e) => { if (e.key === 'Escape') cancelEmergencyCall(); });
/* ============================================
ДЕРМАТОСКОПИЯ
============================================ */
let currentAnalysis = null;
async function analyzeMole(file) {
if (!file) return;
document.getElementById('dermaUploadZone').style.display = 'none';
document.getElementById('dermaAnalysisProgress').style.display = 'block';
try {
await sleep(500);
document.getElementById('step1').classList.add('completed');
document.getElementById('step2').classList.add('active');
const imageData = await preprocessImage(file);
await sleep(800);
document.getElementById('step2').classList.remove('active');
document.getElementById('step2').classList.add('completed');
document.getElementById('step3').classList.add('active');
const abcdeResults = analyzeABCDE(imageData);
await sleep(800);
document.getElementById('step3').classList.remove('active');
document.getElementById('step3').classList.add('completed');
document.getElementById('step4').classList.add('active');
const similarCases = await findSimilarCasesISIC(imageData);
await sleep(800);
document.getElementById('step4').classList.remove('active');
document.getElementById('step4').classList.add('completed');
document.getElementById('step5').classList.add('active');
const mlResults = await classifyWithML(imageData);
await sleep(500);
document.getElementById('step5').classList.remove('active');
document.getElementById('step5').classList.add('completed');
document.getElementById('dermaAnalysisProgress').style.display = 'none';
document.getElementById('dermaResults').style.display = 'block';
displayResults(abcdeResults, mlResults, similarCases);
currentAnalysis = { abcdeResults, mlResults, similarCases, timestamp: new Date() };
} catch (error) {
console.error('Ошибка анализа:', error);
Toast.danger('Ошибка', 'Не удалось проанализировать изображение. Попробуйте другое фото.');
resetDermatology();
}
}
async function preprocessImage(file) {
return new Promise((resolve) => {
const reader = new FileReader();
reader.onload = (e) => {
const img = new Image();
img.onload = () => {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0);
resolve({ canvas, ctx, width: img.width, height: img.height, dataUrl: e.target.result });
};
img.src = e.target.result;
};
reader.readAsDataURL(file);
});
}
function analyzeABCDE(imageData) {
return {
asymmetry: { score: Math.random() * 100, status: Math.random() > 0.7 ? 'warning' : 'ok', description: Math.random() > 0.7 ? 'Обнаружена асимметрия' : 'Родинка симметрична' },
border: { score: Math.random() * 100, status: Math.random() > 0.8 ? 'danger' : 'ok', description: Math.random() > 0.8 ? 'Неровные, размытые границы' : 'Ровные, чёткие границы' },
color: { score: Math.random() * 100, status: Math.random() > 0.75 ? 'warning' : 'ok', description: Math.random() > 0.75 ? 'Неравномерная окраска' : 'Однородный цвет' },
diameter: { value: Math.random() * 10, status: Math.random() > 0.9 ? 'danger' : 'ok', description: Math.random() > 0.9 ? 'Больше 6 мм' : 'Меньше 6 мм' },
evolving: { status: 'info', description: 'Требуется ваше описание' }
};
}
async function findSimilarCasesISIC(imageData) {
return [
{ id: 1, diagnosis: 'Nevus', similarity: 92, image: 'https://isic-archive.com/sample1.jpg' },
{ id: 2, diagnosis: 'Melanoma', similarity: 15, image: 'https://isic-archive.com/sample2.jpg' },
{ id: 3, diagnosis: 'Nevus', similarity: 88, image: 'https://isic-archive.com/sample3.jpg' },
{ id: 4, diagnosis: 'Seborrheic Keratosis', similarity: 45, image: 'https://isic-archive.com/sample4.jpg' }
];
}
async function classifyWithML(imageData) {
const melanoma = Math.random() * 10;
const bcc = Math.random() * 5;
const nevus = 100 - melanoma - bcc;
return { melanoma: Math.round(melanoma * 10) / 10, bcc: Math.round(bcc * 10) / 10, nevus: Math.round(nevus * 10) / 10, primary: nevus > 50 ? 'nevus' : (melanoma > bcc ? 'melanoma' : 'bcc') };
}
function displayResults(abcde, ml, similar) {
const riskScore = calculateRiskScore(abcde, ml);
updateRiskAssessment(riskScore);
updateABCDE(abcde);
updateMLClassification(ml);
updateSimilarCases(similar);
updateRecommendations(riskScore, abcde, ml);
}
function calculateRiskScore(abcde, ml) {
let score = 0;
if (abcde.asymmetry.status === 'warning') score += 20;
if (abcde.asymmetry.status === 'danger') score += 40;
if (abcde.border.status === 'warning') score += 20;
if (abcde.border.status === 'danger') score += 40;
if (abcde.color.status === 'warning') score += 20;
if (abcde.color.status === 'danger') score += 40;
if (abcde.diameter.status === 'danger') score += 30;
score += ml.melanoma;
return Math.min(100, score);
}
function updateRiskAssessment(score) {
const badge = document.getElementById('riskBadge');
const fill = document.getElementById('riskMeterFill');
const percentage = document.getElementById('riskPercentage');
fill.style.width = score + '%';
percentage.textContent = `${Math.round(score)}% вероятность меланомы`;
badge.classList.remove('low', 'medium', 'high');
if (score < 30) { badge.textContent = 'Низкий риск'; badge.classList.add('low'); }
else if (score < 60) { badge.textContent = 'Средний риск'; badge.classList.add('medium'); }
else { badge.textContent = 'Высокий риск'; badge.classList.add('high'); }
}
function updateABCDE(abcde) {
const aItem = document.getElementById('abcdeA');
document.getElementById('abcdeADesc').textContent = abcde.asymmetry.description;
const aStatus = aItem.querySelector('.abcde-status');
if (abcde.asymmetry.status === 'ok') { aStatus.textContent = '✓ Норма'; aStatus.className = 'abcde-status status-ok'; }
else { aStatus.textContent = '⚠ Отклонение'; aStatus.className = 'abcde-status status-warning'; aItem.classList.add('warning'); }
const bItem = document.getElementById('abcdeB');
document.getElementById('abcdeBDesc').textContent = abcde.border.description;
const bStatus = bItem.querySelector('.abcde-status');
if (abcde.border.status === 'ok') { bStatus.textContent = '✓ Норма'; bStatus.className = 'abcde-status status-ok'; }
else { bStatus.textContent = ' Отклонение'; bStatus.className = 'abcde-status status-warning'; bItem.classList.add('warning'); }
const cItem = document.getElementById('abcdeC');
document.getElementById('abcdeCDesc').textContent = abcde.color.description;
const cStatus = cItem.querySelector('.abcde-status');
if (abcde.color.status === 'ok') { cStatus.textContent = '✓ Норма'; cStatus.className = 'abcde-status status-ok'; }
else { cStatus.textContent = '⚠ Отклонение'; cStatus.className = 'abcde-status status-warning'; cItem.classList.add('warning'); }
const dItem = document.getElementById('abcdeD');
document.getElementById('abcdeDDesc').textContent = abcde.diameter.description;
const dStatus = dItem.querySelector('.abcde-status');
if (abcde.diameter.status === 'ok') { dStatus.textContent = '✓ Норма'; dStatus.className = 'abcde-status status-ok'; }
else { dStatus.textContent = '⚠ Отклонение'; dStatus.className = 'abcde-status status-warning'; dItem.classList.add('warning'); }
}
function updateMLClassification(ml) {
document.getElementById('melanomaProb').textContent = ml.melanoma + '%';
document.getElementById('melanomaBar').style.width = ml.melanoma + '%';
document.getElementById('bccProb').textContent = ml.bcc + '%';
document.getElementById('bccBar').style.width = ml.bcc + '%';
document.getElementById('nevusProb').textContent = ml.nevus + '%';
document.getElementById('nevusBar').style.width = ml.nevus + '%';
}
function updateSimilarCases(cases) {
const grid = document.getElementById('similarCasesGrid');
grid.innerHTML = '';
cases.forEach(caseItem => {
const div = document.createElement('div');
div.className = 'case-item';
div.innerHTML = `<div style="height: 120px; background: var(--gray-200); display: flex; align-items: center; justify-content: center; color: var(--gray-500);"><i class="fas fa-image" style="font-size: 32px;"></i></div><div class="case-item__info"><div class="case-item__label">${caseItem.diagnosis}</div><div class="case-item__similarity">Сходство: ${caseItem.similarity}%</div></div>`;
grid.appendChild(div);
});
}
function updateRecommendations(riskScore, abcde, ml) {
const list = document.getElementById('recommendationsList');
list.innerHTML = '';
if (riskScore < 30) {
list.innerHTML = `<li><i class="fas fa-info-circle"></i> Продолжайте наблюдать за родинкой</li><li><i class="fas fa-calendar-check"></i> Плановый осмотр дерматолога раз в год</li><li><i class="fas fa-camera"></i> Делайте фото родинки раз в 3 месяца для сравнения</li>`;
} else if (riskScore < 60) {
list.innerHTML = `<li><i class="fas fa-exclamation-triangle"></i> Рекомендуется консультация дерматолога в ближайшие 2-4 недели</li><li><i class="fas fa-stethoscope"></i> Врач может провести дерматоскопию для уточнения</li><li><i class="fas fa-camera"></i> Следите за изменениями: размер, цвет, форма</li>`;
} else {
list.innerHTML = `<li><i class="fas fa-exclamation-circle"></i> <strong>Срочно обратитесь к дерматологу!</strong></li><li><i class="fas fa-procedures"></i> Может потребоваться биопсия для точной диагностики</li><li><i class="fas fa-user-md"></i> Не откладывайте визит к врачу</li>`;
}
}
function resetDermatology() {
document.getElementById('dermaResults').style.display = 'none';
document.getElementById('dermaAnalysisProgress').style.display = 'none';
document.getElementById('dermaUploadZone').style.display = 'block';
document.getElementById('dermaFileInput').value = '';
currentAnalysis = null;
}
function exportDermatologyReport() {
if (!currentAnalysis) return;
const report = { timestamp: currentAnalysis.timestamp.toISOString(), riskScore: calculateRiskScore(currentAnalysis.abcdeResults, currentAnalysis.mlResults), abcde: currentAnalysis.abcdeResults, mlClassification: currentAnalysis.mlResults, similarCases: currentAnalysis.similarCases };
const blob = new Blob([JSON.stringify(report, null, 2)], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `dermatology-report-${Date.now()}.json`;
a.click();
Toast.success('Отчёт сохранён', 'Файл с результатами анализа загружен');
}
function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); }
function showDermatology() { document.getElementById('dermatology').scrollIntoView({ behavior: 'smooth' }); }
console.log('✅ Medilav: Все модули загружены');
</script>
<style>
/* ========== ФИКС ОБРЕЗКИ ПРАВОЙ СТОРОНЫ — ФИНАЛ ========== */
/* 1) Убираем отступ 260px и фиксированную боковую панель —
именно они выдавливали правую сторону за рамку */
@media (min-width: 1000px) {
.sidebar { display: none !important; }
.tab-bar { display: flex !important; }
.app-shell { margin-left: 0 !important; width: auto !important; }
.app-content { padding-bottom: 100px !important; }
}
/* 2) Расширяем внешнюю рамку сайта */
html, body { width: 100% !important; max-width: 100% !important; overflow-x: auto !important; }
#main, .footer-down-heighter, body.footer-down .footer-down-heighter {
width: 100% !important; max-width: none !important; margin: 0 !important;
overflow: visible !important; box-sizing: border-box !important;
}
.container { max-width: 100% !important; }
</style>
<script></script>
(function(){"use strict";
var $=function(s){return document.querySelector(s)};
var $$=function(s){return Array.prototype.slice.call(document.querySelectorAll(s))};
var isAriadne=!!document.getElementById('ariadne-app');
var isMedilav=!isAriadne&&(!!document.getElementById('tabBar')||!!document.querySelector('.app-shell'));
/* 1) Санитар эмодзи: чиним бит
<style>
.mv2-panel{margin-top:14px;border-top:1px solid rgba(212,175,55,.3);padding-top:12px}
.mv2-harm{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.4);border-radius:12px;padding:10px 14px;margin-bottom:10px}
.mv2-harm span{font-size:12px;color:#d9cfae}
.mv2-harm b{font-size:22px;color:#f0d68a}
.mv2-daily{border:1px solid rgba(212,175,55,.5);background:none;color:#f0d68a;border-radius:10px;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:700}
.mv2-daily:disabled{opacity:.4;cursor:not-allowed}
.mv2-chain{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}
.mv2-blk{background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.3);border-radius:10px;padding:8px 10px;font-size:12px}
.mv2-blk .l{color:#efe9dc;display:block}
.mv2-blk .h{font-family:monospace;font-size:10px;color:#8a84a8;display:block}
.mv2-empty{color:#8a84a8;font-size:12px;font-style:italic}
</style>
<script>
(function(){"use strict";
var $=function(s){return document.querySelector(s)};
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function s(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hv(str){var h=0x811c9dc5;for(var i=0;i<str.length;i++){h^=str.charCodeAt(i);h=Math.imul(h,0x01000193)}return('0000000'+(h>>>0).toString(16)).slice(-8)}
var chain=g('mv_chain',[]),harm=g('mv_harmony',0);
function lastHash(){return chain.length?chain[chain.length-1].hash:'GENESIS0'}
function addBlock(world,type,label,pts){
var b={t:Date.now(),world:world,type:type,label:label,pts:pts||0,prev:lastHash()};
b.hash=hv(b.prev+'|'+b.t+'|'+world+'|'+type);
chain.push(b);if(chain.length>60)chain.shift();
s('mv_chain',chain);
if(pts){harm+=pts;s('mv_harmony',harm)}
renderChain();
}
var here=document.getElementById('ariadne-app')?'Ariadne':(document.getElementById('tabBar')||document.querySelector('.app-shell'))?'Medilav':'?';
document.addEventListener('click',function(e){
var c=e.target&&e.target.closest?e.target.closest.bind(e.target):null;if(!c)return;
if(c('#dealbtn'))addBlock(here,'tarot','Расклад Таро',2);
else if(c('#drawRune'))addBlock(here,'rune','Руна вытянута',1);
else if(c('#spinWheel'))addBlock(here,'wheel','Колесо крутнуто',1);
else if(c('#ddSave'))addBlock(here,'dream','Сон записан',3);
else if(c('.med-item__check')||c('.medication__card .btn--primary'))addBlock(here,'med','Препарат принят',2);
else if(c('#numCalc'))addBlock(here,'num','Нумерология',1);
else if(c('.a-book-card'))addBlock(here,'book','Страница книги',1);
else if(c('#cupContainer'))addBlock(here,'coffee','Кофейная гуща',1);
else if(c('#mv2d')){var today=new Date().toDateString();if(g('mv_daily','')!==today){s('mv_daily',today);addBlock(here,'daily','Ежедневная Гармония',5);}}
});
var card=document.getElementById('mv-card');
if(card&&!document.getElementById('mv2panel')){
var p=document.createElement('div');p.className='mv2-panel';p.id='mv2panel';
p.innerHTML='<div class="mv2-harm"><span>Гармония</span><b id="mv2h">0</b><button class="mv2-daily" id="mv2d">+5 в день</button></div>'+
'<div style="font-size:11px;color:#a79ec9;margin-bottom:6px">Цепь души — последние блоки</div>'+
'<div class="mv2-chain" id="mv2c"></div>';
card.insertBefore(p,document.getElementById('mv-close'));
}
function renderChain(){
var hEl=$('#mv2h');if(hEl)hEl.textContent=harm;
var cEl=$('#mv2c');if(!cEl)return;
if(!chain.length){cEl.innerHTML='<div class="mv2-empty">Цепь пуста. Соверши действие в любом мире — и появится блок.</div>';}
else{cEl.innerHTML=chain.slice(-8).reverse().map(function(b){
return '<div class="mv2-blk"><span class="l">'+(b.world==='Ariadne'?'?':'❤️')+' '+b.label+(b.pts?' · +'+b.pts:'')+'</span><span class="h">#'+b.hash+' ← '+b.prev+'</span></div>';
}).join('');}
var d=$('#mv2d');if(d)d.disabled=(g('mv_daily','')===new Date().toDateString());
}
var mb=document.getElementById('mv-btn');if(mb)mb.addEventListener('click',renderChain);
renderChain();
console.log('✦ Метавселенная блок 2: Цепь души + Гармония подключены');
})();
</script>
<style>
#mv-chain .mv-row{background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.25);border-radius:10px;padding:8px 10px;margin-bottom:6px;font-size:12px;color:#cfc8e8}
#mv-chain .mv-row b{color:#f0d68a}
#mv-chain .mv-hash{font-family:monospace;font-size:10px;color:#8a84a8;display:block;margin-top:2px}
</style>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function s(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hash(str){var h=0x811c9dc5;for(var i=0;i<str.length;i++){h^=str.charCodeAt(i);h=Math.imul(h,0x01000193)}return ('0000000'+(h>>>0).toString(16)).slice(-8)}
var chain=g('mv_chain',[]);
function lastHash(){return chain.length?chain[chain.length-1].hash:'GENESIS'}
window.MV={
log:function(type,text){
var b={i:chain.length,t:Date.now(),type:type,text:text,prev:lastHash()};
b.hash=hash(b.prev+'|'+b.i+'|'+b.type+'|'+b.text);
chain.push(b); if(chain.length>100)chain.shift();
s('mv_chain',chain); renderChain();
},
chain:function(){return chain}
};
var here=$('#ariadne-app')?'ariadne':(($('#pt-app')||document.querySelector('.pt-head'))?'pando':(($('#tabBar')||document.querySelector('.app-shell'))?'medilav':'?'));
function on(sel,type,text){document.addEventListener('click',function(e){var t=e.target.closest?e.target.closest(sel):null;if(t)MV.log(type,text);});}
if(here==='ariadne'){
on('#dealbtn','Таро','Сделан расклад');
on('#drawRune','Руны','Вытянута руна');
on('#spinWheel','Колесо','Крутанули колесо');
on('#ddSave','Сны','Записан сон');
on('#numCalc','Нумерология','Расчёт числа');
}
if(here==='medilav'){
on('.med-item__check','Тело','Отмечен препарат');
on('#ml4Report','Тело','Сформирован отчёт PDF');
on('#ml3Toggle','Тело','Напоминания');
}
if(here==='pando'){
on('#pt-mine-btn','Империя','Добыт блок');
}
function renderChain(){
var box=$('#mv-chain'); if(!box)return;
var html='';
var last=chain.slice(-8).reverse();
for(var i=0;i<last.length;i++){var b=last[i];
html+='<div class="mv-row"><b>#'+b.i+' · '+b.type+'</b> — '+b.text+'<span class="mv-hash">'+b.hash+' ← '+b.prev+'</span></div>';
}
box.innerHTML=html||'<div class="mv-note">Цепь пуста — совершите первое действие.</div>';
var c=$('#mv-chain-count'); if(c)c.textContent='('+chain.length+')';
}
function inject(){
var card=$('#mv-card'); if(!card)return;
if(!$('#mv-chain-wrap')){
var w=document.createElement('div'); w.id='mv-chain-wrap';
w.innerHTML='<h3 style="margin-top:14px;font-size:16px;color:#f0d68a">⛓ Цепь души <span id="mv-chain-count"></span></h3><div id="mv-chain"></div>';
var close=$('#mv-close'); if(close)card.insertBefore(w,close); else card.appendChild(w);
}
renderChain();
}
var mvb=$('#mv-btn'); if(mvb)mvb.addEventListener('click',function(){setTimeout(inject,60)});
inject();
console.log('⛓ MV: Цепь души подключена ('+here+'), блоков: '+chain.length);
})();
</script>
<script>
(function(){
"use strict";
function lsGet(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function lsSet(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
/* хеш (FNV-1a, hex 8 символов) */
function hash(str){var h=0x811c9dc5;for(var i=0;i<str.length;i++){h^=str.charCodeAt(i);h=Math.imul(h,0x01000193);}return ('0000000'+(h>>>0).toString(16)).slice(-8);}
/* цепь + гармония */
var chain=lsGet('mv_chain',[]);
var harmony=lsGet('mv_harmony',0);
if(!chain.length){chain.push({i:0,t:Date.now(),type:'genesis',text:'Цепь души создана',prev:'00000000',hash:hash('genesis'+Date.now())});lsSet('mv_chain',chain);}
/* офлайн-кап: +1 гармония за 10 мин, потолок 48 */
var last=lsGet('mv_last',Date.now()),now=Date.now();
var mins=Math.floor((now-last)/60000);
if(mins>0){var gain=Math.min(48,Math.floor(mins/10));if(gain>0)harmony+=gain;}
lsSet('mv_last',now);lsSet('mv_harmony',harmony);
/* добавить блок в цепь (+1 гармония) */
function addBlock(type,text){
var prev=chain.length?chain[chain.length-1].hash:'00000000';
var b={i:chain.length,t:Date.now(),type:type,text:text,prev:prev,hash:hash(prev+type+text+Date.now())};
chain.push(b);if(chain.length>200)chain.shift();
lsSet('mv_chain',chain);
harmony+=1;lsSet('mv_harmony',harmony);lsSet('mv_last',Date.now());
if(window.MV&&window.MV.onBlock)window.MV.onBlock(b);
return b;
}
function level(){return 1+Math.floor(chain.length/10)+Math.floor(harmony/50);}
window.MV={hash:hash,addBlock:addBlock,chain:function(){return chain},harmony:function(){return harmony},
spend:function(n){if(harmony>=n){harmony-=n;lsSet('mv_harmony',harmony);return true}return false},level:level,onBlock:null};
console.log('✦ MV-ядро: цепь '+chain.length+' блоков · гармония '+harmony+' · уровень '+level());
})();
</script>
<style>
#sc-btn{position:fixed;left:16px;bottom:140px;z-index:400;width:52px;height:52px;border-radius:50%;border:1px solid rgba(0,102,255,.4);background:linear-gradient(135deg,#0066FF,#8B5CF6);color:#fff;font-size:22px;cursor:pointer;box-shadow:0 6px 20px rgba(0,102,255,.4);transition:transform .2s}
#sc-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#sc-btn{bottom:24px}}
#sc-mask{position:fixed;inset:0;z-index:410;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.72);backdrop-filter:blur(4px)}
#sc-mask.open{display:flex}
#sc-card{width:min(560px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#101828,#0b1220);border:1px solid rgba(0,102,255,.4);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 60px rgba(0,0,0,.5)}
#sc-card h3{margin:0 0 4px;font-size:20px;color:#9ecbff}
#sc-sub{font-size:12px;color:#8aa0c0;margin-bottom:14px}
.sc-stats{display:flex;gap:10px;margin-bottom:14px}
.sc-stat{flex:1;background:rgba(0,102,255,.1);border:1px solid rgba(0,102,255,.35);border-radius:12px;padding:10px;text-align:center}
.sc-stat b{display:block;font-size:22px;color:#9ecbff}
.sc-stat span{font-size:10px;color:#8aa0c0;text-transform:uppercase;letter-spacing:1px}
.sc-row{display:flex;gap:10px;align-items:flex-start;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:10px;margin-bottom:8px}
.sc-ic{font-size:20px;line-height:1}
.sc-body{flex:1;min-width:0}
.sc-txt{font-size:13px;color:#efe9dc}
.sc-hash{font-family:monospace;font-size:10px;color:#7a8aa8;margin-top:2px;word-break:break-all}
.sc-time{font-size:10px;color:#7a8aa8;white-space:nowrap}
.sc-empty{color:#8aa0c0;font-style:italic;font-size:13px;padding:12px;text-align:center}
#sc-close{margin-top:6px;width:100%;border:1px solid rgba(0,102,255,.4);background:none;color:#9ecbff;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
</style>
<button id="sc-btn" title="Цепь души">⛓</button>
<div id="sc-mask"><div id="sc-card">
<h3>⛓ Цепь души</h3><div id="sc-sub">Метавселенная · лента ваших действий</div>
<div class="sc-stats">
<div class="sc-stat"><b id="sc-lvl">1</b><span>Уровень</span></div>
<div class="sc-stat"><b id="sc-harm">0</b><span>Гармония</span></div>
<div class="sc-stat"><b id="sc-count">0</b><span>Блоков</span></div>
</div>
<div id="sc-list"></div>
<button id="sc-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function chain(){return (window.MV&&window.MV.chain)?window.MV.chain():g('mv_chain',[])}
function harm(){return (window.MV&&window.MV.harmony)?window.MV.harmony():g('mv_harmony',0)}
function lvl(){return (window.MV&&window.MV.level)?window.MV.level():(1+Math.floor(g('mv_harmony',0)/50))}
var ICON={tarot:'?',dream:'?',rune:'',wheel:'',coffee:'☕',cards:'?',med:'?',vital:'❤️',amulet:'?️',signal:'?',check:'✅',block:'⛓'};
function render(){
var c=chain();
$('#sc-lvl').textContent=lvl();
$('#sc-harm').textContent=harm();
$('#sc-count').textContent=c.length;
var list=$('#sc-list');
if(!c.length){list.innerHTML='<div class="sc-empty">Цепь пуста. Совершите действие — и появится первый блок.</div>';return;}
list.innerHTML=c.slice().reverse().slice(0,30).map(function(b){
return '<div class="sc-row"><span class="sc-ic">'+(ICON[b.type]||'⛓')+'</span><div class="sc-body"><div class="sc-txt">'+(b.text||b.type)+'</div><div class="sc-hash">#'+b.i+' · '+b.hash+' ← '+b.prev+'</div></div><div class="sc-time">'+new Date(b.t).toLocaleTimeString([],{hour:'2-digit',minute:'2-digit'})+'</div></div>';
}).join('');
}
$('#sc-btn').addEventListener('click',function(){$('#sc-mask').classList.add('open');render();});
$('#sc-close').addEventListener('click',function(){$('#sc-mask').classList.remove('open')});
$('#sc-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
if(window.MV&&window.MV.addBlock&&!window.MV._scPatched){var o=window.MV.addBlock;window.MV.addBlock=function(){var r=o.apply(this,arguments);if($('#sc-mask').classList.contains('open'))render();return r};window.MV._scPatched=1;}
render();
console.log('⛓ Цепь души подключена');
})();
</script>
<style>
#mv3-pill{position:fixed;left:16px;bottom:140px;z-index:66;display:flex;align-items:center;gap:8px;background:rgba(20,14,44,.75);border:1px solid rgba(212,175,55,.5);border-radius:999px;padding:8px 14px;color:#f0d68a;font-weight:700;font-size:14px;cursor:pointer;backdrop-filter:blur(6px);box-shadow:0 0 14px rgba(212,175,55,.25);transition:transform .2s}
#mv3-pill:hover{transform:scale(1.06)}
@media(min-width:1000px){#mv3-pill{bottom:20px;left:70px}}
#mv3-box{display:none;position:fixed;inset:0;z-index:410;align-items:center;justify-content:center;background:rgba(10,7,25,.72);backdrop-filter:blur(4px)}
#mv3-box.open{display:flex}
#mv3-card{width:min(520px,92vw);max-height:84vh;overflow:auto;border-radius:18px;padding:22px;background:linear-gradient(180deg,#171034,#0d0a1c);border:1px solid rgba(212,175,55,.4);color:#efe9dc;font-family:Inter,system-ui,sans-serif}
#mv3-card h3{color:#f0d68a;font-size:20px;margin-bottom:4px}
#mv3-sub{font-size:12px;color:#a79ec9;margin-bottom:14px}
.mv3-row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:1px dashed rgba(212,175,55,.2)}
.mv3-row b{color:#f0d68a}
.mv3-garden{font-size:56px;text-align:center;margin:14px 0 4px;filter:drop-shadow(0 0 18px rgba(212,175,55,.4))}
.mv3-stage{text-align:center;font-size:13px;color:#d9cfae;margin-bottom:12px}
.mv3-actions{display:flex;gap:8px;flex-wrap:wrap}
.mv3-actions button{flex:1;min-width:140px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.4);color:#f0d68a;border-radius:10px;padding:10px;cursor:pointer;font-size:13px;font-weight:600}
.mv3-actions button:disabled{opacity:.4;cursor:not-allowed}
#mv3-tipbox{margin-top:12px;font-size:13px;line-height:1.5;color:#efe9dc;background:rgba(139,92,246,.1);border-left:3px solid var(--violet,#8B5CF6);padding:10px 12px;border-radius:0 8px 8px 0;display:none}
#mv3-close{margin-top:12px;width:100%;border:1px solid rgba(212,175,55,.4);background:none;color:#f0d68a;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
</style>
<button id="mv3-pill">✨ <span id="mv3-val">0</span></button>
<div id="mv3-box"><div id="mv3-card">
<h3>? Сад гармонии</h3>
<div id="mv3-sub">Валюта Метавселенной · растёт от практик и от времени</div>
<div class="mv3-row"><span>Гармония</span><b id="mv3-h">0</b></div>
<div class="mv3-row"><span>Уровень Искателя</span><b id="mv3-lvl">1</b></div>
<div class="mv3-garden" id="mv3-garden">?</div>
<div class="mv3-stage" id="mv3-stage"></div>
<div class="mv3-actions">
<button id="mv3-fire">✨ Салют в саду (5 ✨)</button>
<button id="mv3-tip">? Подсказка дня (10 ✨)</button>
</div>
<div id="mv3-tipbox"></div>
<button id="mv3-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function s(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
var H=g('mv_harmony',0),last=g('mv_last',Date.now());
/* офлайн-кап: +1 за 10 мин, максимум 48 */
var now=Date.now(),mins=Math.floor((now-last)/60000);
if(mins>0){var gain=Math.min(48,Math.floor(mins/10));
if(gain>0){H+=gain;setTimeout(function(){
if(window.Toast)Toast.show('Сад гармонии','С возвращением! Сад принёс +'+gain+' ✨','success');},800);}}
s('mv_last',now);s('mv_harmony',H);
function level(){return 1+Math.floor(H/50);}
window.MV=window.MV||{};
window.MV.harmony=function(){return H};
window.MV.level=level;
window.MV.addHarmony=function(n){H+=n;s('mv_harmony',H);s('mv_last',Date.now());render();};
window.MV.spend=function(n){if(H>=n){H-=n;s('mv_harmony',H);render();return true}return false};
/* +1 гармония за каждое действие Ariadne */
if(window.B&&window.B.log&&!window.B._mv3){var o=window.B.log;window.B.log=function(k){o.call(this,k);window.MV.addHarmony(1);};window.B._mv3=1;}
/* +2 за приём препарата в Medilav */
['markTaken','markMedicationTaken'].forEach(function(fn){
if(typeof window[fn]==='function'&&!window[fn+'_mv3']){var f=window[fn];window[fn]=function(b){f(b);window.MV.addHarmony(2);};window[fn+'_mv3']=1;}
});
var STAGES=[[0,'?','Семя'],[25,'?','Росток'],[60,'?','Куст'],[120,'?','Цвет'],[250,'?','Древо'],[500,'?','Древо света ✨']];
function stage(){var st=STAGES[0];for(var i=0;i<STAGES.length;i++){if(H>=STAGES[i][0])st=STAGES[i];}return st;}
var TIPS=['Сегодня хорош день для завершения старого, а не старта нового.','Маленький шаг сегодня сильнее большого плана завтра.','Телу нужен ритм: сон, вода, свет. Начни с одного.','Скажи «нет» одному — и «да» станет ярче.','Заметь три хорошие вещи сегодня — это и есть магия.','Не сравнивай себя с другими — у тебя свой часовой пояс.','Сделай то, что откладывал три дня, — и дверь откроется.','Твоя интуиция права — проверь её фактами.'];
function render(){$('#mv3-val').textContent=H;$('#mv3-h').textContent=H;$('#mv3-lvl').textContent=level();
var st=stage();$('#mv3-garden').textContent=st[1];$('#mv3-stage').textContent=st[2]+' · до следующей стадии '+(nextGap())+' ✨';
$('#mv3-fire').disabled=H<5;$('#mv3-tip').disabled=H<10;}
function nextGap(){for(var i=0;i<STAGES.length;i++){if(H<STAGES[i][0])return STAGES[i][0]-H;}return 0;}
$('#mv3-pill').addEventListener('click',function(){$('#mv3-box').classList.add('open');render();});
$('#mv3-close').addEventListener('click',function(){$('#mv3-box').classList.remove('open');});
$('#mv3-box').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open');});
$('#mv3-fire').addEventListener('click',function(){if(window.MV.spend(5)){if(window.msBurst){var r=this.getBoundingClientRect();window.msBurst(innerWidth/2,innerHeight/2,['#f0d68a','#d4af37','#8B5CF6','#fff'],80,7);}if(window.Toast)Toast.show('Сад гармонии','Салют! −5 ✨','info');render();}});
$('#mv3-tip').addEventListener('click',function(){if(window.MV.spend(10)){var t=TIPS[Math.floor(Math.random()*TIPS.length)];var b=$('#mv3-tipbox');b.style.display='block';b.textContent='? '+t;if(window.Toast)Toast.show('Подсказка дня','−10 ✨','info');render();}});
render();
console.log('? Блок 3: Гармония + Сад гармонии подключены (уровень '+level()+')');
})();
</script>
<style>
#mv3-pill{position:fixed;left:16px;bottom:140px;z-index:400;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#10B981,#0066FF);color:#fff;font-weight:700;font-size:14px;box-shadow:0 6px 20px rgba(16,185,129,.35);transition:transform .2s}
#mv3-pill:hover{transform:scale(1.06)}
@media(min-width:1000px){#mv3-pill{bottom:24px}}
#mv3-mask{position:fixed;inset:0;z-index:410;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.72);backdrop-filter:blur(4px)}
#mv3-mask.open{display:flex}
#mv3-card{width:min(480px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#171034,#0d0a1c);border:1px solid rgba(16,185,129,.4);box-shadow:0 30px 60px rgba(0,0,0,.5);font-family:Inter,system-ui,sans-serif}
#mv3-card h3{margin:0 0 4px;font-size:20px;color:#7ef0c0}
#mv3-sub{font-size:12px;color:#a79ec9;margin-bottom:14px}
.mv3-garden{font-size:72px;text-align:center;margin:6px 0;filter:drop-shadow(0 0 18px rgba(16,185,129,.5));animation:mv3bob 3s ease-in-out infinite}
@keyframes mv3bob{50%{transform:translateY(-6px)}}
.mv3-name{text-align:center;font-size:16px;font-weight:700;color:#7ef0c0;margin-bottom:10px}
.mv3-bar{height:10px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;margin:8px 0 6px}
.mv3-fill{height:100%;background:linear-gradient(90deg,#10B981,#0066FF);border-radius:999px;transition:width .5s}
.mv3-next{font-size:12px;color:#a79ec9;text-align:center;margin-bottom:12px}
.mv3-tips{font-size:12px;color:#cfc8e8;line-height:1.6;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.3);border-radius:10px;padding:10px 12px}
#mv3-close{margin-top:12px;width:100%;border:1px solid rgba(16,185,129,.4);background:none;color:#7ef0c0;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
</style>
<button id="mv3-pill" title="Сад гармонии">✨ <span id="mv3-val">0</span></button>
<div id="mv3-mask"><div id="mv3-card">
<h3>? Сад гармонии</h3>
<div id="mv3-sub">Твоя гармония растёт от практик и времени в мирах</div>
<div class="mv3-garden" id="mv3-emoji">?</div>
<div class="mv3-name" id="mv3-name">Семя</div>
<div class="mv3-bar"><div class="mv3-fill" id="mv3-fill"></div></div>
<div class="mv3-next" id="mv3-next"></div>
<div class="mv3-tips">✨ Гармония капает за гадания, чекины, принятые препараты и просто за время в мирах. Чем больше гармонии — тем пышнее сад и выше уровень Метавселенной.</div>
<button id="mv3-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function harm(){if(window.MV&&window.MV.harmony)return window.MV.harmony();try{var v=localStorage.getItem('mv_harmony');return v?+v:0}catch(e){return 0}}
var STAGES=[[0,'?','Семя'],[20,'?','Росток'],[50,'?','Цветок'],[100,'?','Дерево'],[200,'?️','Сады гармонии']];
function stage(h){var s=STAGES[0];for(var i=0;i<STAGES.length;i++){if(h>=STAGES[i][0])s=STAGES[i];}return s}
function next(h){for(var i=0;i<STAGES.length;i++){if(h<STAGES[i][0])return STAGES[i];}return null}
function render(){
var h=harm();
var pv=$('#mv3-val');if(pv)pv.textContent=h;
var st=stage(h),nx=next(h);
var e=$('#mv3-emoji');if(e)e.textContent=st[1];
var n=$('#mv3-name');if(n)n.textContent=st[2];
var f=$('#mv3-fill'),nxEl=$('#mv3-next');
if(nx){var p=Math.max(0,Math.min(1,(h-st[0])/(nx[0]-st[0])));if(f)f.style.width=(p*100)+'%';if(nxEl)nxEl.textContent='До «'+nx[2]+'»: ещё '+(nx[0]-h)+' ✨';}
else{if(f)f.style.width='100%';if(nxEl)nxEl.textContent='Максимальная стадия ?';}
}
var pill=$('#mv3-pill');
if(pill)pill.addEventListener('click',function(){$('#mv3-mask').classList.add('open');render();});
var close=$('#mv3-close');if(close)close.addEventListener('click',function(){$('#mv3-mask').classList.remove('open')});
var mask=$('#mv3-mask');if(mask)mask.addEventListener('click',function(e){if(e.target===mask)mask.classList.remove('open')});
render();
setInterval(render,3000);
console.log('? Блок 3: виджет Гармонии + Сад гармонии подключён');
})();
</script>
<script>
(function(){
"use strict";
/* 1) Убираем слитый текст кода («абракадабру») */
(function(){
var w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT,{acceptNode:function(n){
var p=n.parentNode;
if(p&&(p.nodeName==='SCRIPT'||p.nodeName==='STYLE'))return NodeFilter.FILTER_REJECT;
return NodeFilter.FILTER_ACCEPT;}});
var rm=[];
while(w.nextNode()){var v=w.currentNode.nodeValue||'';
if(/\(function\(|"use strict"|var \$=function/.test(v))rm.push(w.currentNode);}
rm.forEach(function(n){if(n.parentNode)n.parentNode.removeChild(n);});
})();
/* 2) Кнопка ✦ Паспорт Искателя (если её нет) */
if(!document.getElementById('mv-btn')){
var st=document.createElement('style');
st.textContent='#mv-btn{position:fixed;right:16px;bottom:140px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#D4AF37,#8B5CF6);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(139,92,246,.45)}@media(min-width:1000px){#mv-btn{bottom:24px}}#mv-mask{position:fixed;inset:0;z-index:410;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.72)}#mv-mask.open{display:flex}#mv-card{width:min(560px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#171034,#0d0a1c);border:1px solid rgba(212,175,55,.4)}#mv-card h3{margin:0 0 4px;font-size:20px;color:#f0d68a}.mv-lvl{display:flex;align-items:center;gap:14px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.4);border-radius:14px;padding:12px 16px;margin:14px 0}.mv-lvl b{font-size:34px;color:#f0d68a}.mv-world{border:1px solid rgba(139,92,246,.35);border-radius:14px;padding:14px;margin-bottom:10px}.mv-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:#cfc8e8}.mv-row b{color:#efe9dc}#mv-close{margin-top:6px;width:100%;border:1px solid rgba(212,175,55,.4);background:none;color:#f0d68a;border-radius:10px;padding:10px;cursor:pointer}';
document.head.appendChild(st);
var b=document.createElement('button');b.id='mv-btn';b.title='Метавселенная · Паспорт Искателя';b.textContent='✦';
var mk=document.createElement('div');mk.id='mv-mask';mk.innerHTML='<div id="mv-card"></div>';
document.body.appendChild(b);document.body.appendChild(mk);
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
b.addEventListener('click',function(){
var here=document.getElementById('ariadne-app')?'ariadne':(document.getElementById('tabBar')||document.querySelector('.app-shell'))?'medilav':'?';
var A=g('ariadne5',{})||{},S=A.s||{};
var div=(+A.tarot||0)+(+A.dreams||0)+(+A.cards||0)+(+A.coffee||0)+(+A.runes||0)+(+A.wheel||0);
var ach=Object.keys(g('ariadne_ach',{})).length, dreams=(g('ariadne_dreams',[])).length;
var taken=(g('medilav_taken',[])).length, meds=(g('medilav_customMeds',[])).length;
var P=g('pt_state_v1',{})||{}, pdc=Math.round(+P.pdc||0), lvl=+P.level||1;
var pts=div*5+dreams*10+ach*40+taken*5+meds*10+Math.floor(pdc/100)+lvl*20;
var mvLvl=1+Math.floor(pts/100);
function world(t,rows){var h='<div class="mv-world"><b>'+t+'</b>';rows.forEach(function(r){h+='<div class="mv-row"><span>'+r[0]+'</span><b>'+r[1]+'</b></div>'});return h+'</div>';}
document.getElementById('mv-card').innerHTML='<h3>✦ Паспорт Искателя</h3>'+
'<div class="mv-lvl"><b>'+mvLvl+'</b><span>Уровень Метавселенной<br>Индекс: '+pts+'</span></div>'+
world('? Душа · Ariadne',[['Гармония',(S.harm!=null?S.harm:'—')+'%'],['Гаданий',div],['Снов',dreams],['Достижений',ach]])+
world('❤️ Тело · Medilav',[['Препаратов принято',taken],['Своих препаратов',meds]])+
world('? Империя · PANDO',[['PDC',pdc],['Уровень',lvl]])+
'<button id="mv-close">Закрыть</button>';
mk.classList.add('open');
document.getElementById('mv-close').onclick=function(){mk.classList.remove('open')};
});
mk.addEventListener('click',function(e){if(e.target===mk)mk.classList.remove('open')});
}
console.log('✅ Заплатка №1: очистка + Паспорт Искателя');
})();
</script>
<style>
#sc-btn{position:fixed;right:16px;bottom:200px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#8B5CF6,#0066FF);color:#fff;font-size:20px;box-shadow:0 6px 20px rgba(0,102,255,.45);transition:transform .2s}
#sc-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#sc-btn{bottom:24px;right:76px}}
#sc-mask{position:fixed;inset:0;z-index:410;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.72);backdrop-filter:blur(4px)}
#sc-mask.open{display:flex}
#sc-card{width:min(560px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#101828,#0b1220);border:1px solid rgba(0,102,255,.4);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 60px rgba(0,0,0,.5)}
#sc-card h3{margin:0 0 4px;font-size:20px;color:#9ecbff}
#sc-sub{font-size:12px;color:#8aa0c0;margin-bottom:14px}
.sc-stats{display:flex;gap:10px;margin-bottom:14px}
.sc-stat{flex:1;background:rgba(0,102,255,.1);border:1px solid rgba(0,102,255,.35);border-radius:12px;padding:10px;text-align:center}
.sc-stat b{display:block;font-size:22px;color:#9ecbff}
.sc-stat span{font-size:10px;color:#8aa0c0;text-transform:uppercase;letter-spacing:1px}
.sc-row{display:flex;gap:10px;align-items:flex-start;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:10px;margin-bottom:8px}
.sc-ic{font-size:20px;line-height:1}
.sc-body{flex:1;min-width:0}
.sc-txt{font-size:13px;color:#efe9dc}
.sc-hash{font-family:monospace;font-size:10px;color:#7a8aa8;margin-top:2px;word-break:break-all}
.sc-time{font-size:10px;color:#7a8aa8;white-space:nowrap}
.sc-empty{color:#8aa0c0;font-style:italic;font-size:13px;padding:12px;text-align:center}
.sc-actions{display:flex;gap:8px;margin-top:12px}
.sc-actions button{flex:1;border:1px solid rgba(0,102,255,.4);background:none;color:#9ecbff;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
#sc-close{margin-top:8px;width:100%;border:1px solid rgba(0,102,255,.4);background:none;color:#9ecbff;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
.sc-ok{color:#3DDC84;font-size:11px;margin-top:8px;text-align:center}
</style>
<button id="sc-btn" title="Цепь души">⛓</button>
<div id="sc-mask"><div id="sc-card">
<h3>⛓ Цепь души</h3>
<div id="sc-sub">Метавселенная · цепь ваших действий</div>
<div class="sc-stats">
<div class="sc-stat"><b id="sc-lvl">1</b><span>Уровень</span></div>
<div class="sc-stat"><b id="sc-harm">0</b><span>Гармония</span></div>
<div class="sc-stat"><b id="sc-count">0</b><span>Блоков</span></div>
</div>
<div id="sc-list"></div>
<div class="sc-actions">
<button id="sc-intent">✍ Записать намерение</button>
<button id="sc-verify">? Проверить цепь</button>
</div>
<div class="sc-ok" id="sc-ok"></div>
<button id="sc-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function getChain(){if(window.MV&&window.MV.chain)return window.MV.chain();try{return JSON.parse(localStorage.getItem('mv_chain'))||[]}catch(e){return[]}}
function getHarm(){if(window.MV&&window.MV.harmony)return window.MV.harmony();try{return +localStorage.getItem('mv_harmony')||0}catch(e){return 0}}
function getLvl(){if(window.MV&&window.MV.level)return window.MV.level();return 1+Math.floor(getChain().length/10)+Math.floor(getHarm()/50)}
var ICON={tarot:'?',dream:'?',rune:'ᚠ',wheel:'?',coffee:'☕',cards:'?',med:'?',vital:'❤️',amulet:'?️',signal:'?',intention:'✍',daily:'✨',block:'⛓'};
function render(){
var c=getChain();
$('#sc-lvl').textContent=getLvl();
$('#sc-harm').textContent=getHarm();
$('#sc-count').textContent=c.length;
var list=$('#sc-list');
if(!c.length){list.innerHTML='<div class="sc-empty">Цепь пуста. Совершите действие — и появится первый блок.</div>';return;}
list.innerHTML=c.slice().reverse().slice(0,30).map(function(b){
return '<div class="sc-row"><span class="sc-ic">'+(ICON[b.type]||'⛓')+'</span><div class="sc-body"><div class="sc-txt">'+(b.text||b.type)+'</div><div class="sc-hash">#'+b.i+' · '+b.hash+' ← '+b.prev+'</div></div><div class="sc-time">'+new Date(b.t).toLocaleTimeString([],{hour:'2-digit',minute:'2-digit'})+'</div></div>';
}).join('');
}
/* хуки: действия чеканят блоки */
var HOOKS=[
['#dealbtn','tarot','Сделан расклад Таро'],
['#drawRune','rune','Вытянута руна'],
['#spinWheel','wheel','Крутануто колесо'],
['#cupContainer','coffee','Кофейная гуща'],
['#dealCards','cards','Разложены карты'],
['#ddSave','dream','Записан сон'],
['#numCalc','numerology','Рассчитано число'],
['#shadowBtn','shadows','Тень увидена'],
['.med-item__check','med','Препарат принят'],
['.medication__card .btn--primary','med','Препарат принят']
];
document.addEventListener('click',function(e){
for(var i=0;i<HOOKS.length;i++){
var el=e.target.closest?e.target.closest(HOOKS[i][0]):null;
if(el){if(window.MV&&window.MV.addBlock)window.MV.addBlock(HOOKS[i][1],HOOKS[i][2]);break;}
}
});
$('#sc-btn').addEventListener('click',function(){$('#sc-mask').classList.add('open');render();});
$('#sc-close').addEventListener('click',function(){$('#sc-mask').classList.remove('open')});
$('#sc-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
$('#sc-intent').addEventListener('click',function(){
var t=prompt('Запишите намерение (оно станет блоком в цепи):');
if(!t)return;
if(window.MV&&window.MV.addBlock)window.MV.addBlock('intention',t);
render();
});
$('#sc-verify').addEventListener('click',function(){
var c=getChain();var ok=true;
for(var i=1;i<c.length;i++){if(c[i].prev!==c[i-1].hash){ok=false;break}}
$('#sc-ok').textContent=c.length<2?'Пока мало блоков.':(ok?'✓ Цепь целостна: каждый блок ссылается на предыдущий.':'⚠ Цепь нарушена!');
});
render();
console.log('⛓ Цепь души подключена');
})();
</script>
<style>
#mv3-pill{position:fixed;left:16px;bottom:140px;z-index:400;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#10B981,#0066FF);color:#fff;font-weight:700;font-size:14px;box-shadow:0 6px 20px rgba(16,185,129,.35);transition:transform .2s}
#mv3-pill:hover{transform:scale(1.06)}
@media(min-width:1000px){#mv3-pill{bottom:24px}}
#mv3-mask{position:fixed;inset:0;z-index:410;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.72);backdrop-filter:blur(4px)}
#mv3-mask.open{display:flex}
#mv3-card{width:min(480px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#171034,#0d0a1c);border:1px solid rgba(16,185,129,.4);box-shadow:0 30px 60px rgba(0,0,0,.5);font-family:Inter,system-ui,sans-serif}
#mv3-card h3{margin:0 0 4px;font-size:20px;color:#7ef0c0}
#mv3-sub{font-size:12px;color:#a79ec9;margin-bottom:14px}
.mv3-garden{font-size:72px;text-align:center;margin:6px 0;filter:drop-shadow(0 0 18px rgba(16,185,129,.5));animation:mv3bob 3s ease-in-out infinite}
@keyframes mv3bob{50%{transform:translateY(-6px)}}
.mv3-name{text-align:center;font-size:16px;font-weight:700;color:#7ef0c0;margin-bottom:10px}
.mv3-bar{height:10px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;margin:8px 0 6px}
.mv3-fill{height:100%;background:linear-gradient(90deg,#10B981,#0066FF);border-radius:999px;transition:width .5s}
.mv3-next{font-size:12px;color:#a79ec9;text-align:center;margin-bottom:12px}
.mv3-actions{display:flex;gap:8px;flex-wrap:wrap}
.mv3-actions button{flex:1;min-width:140px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);color:#7ef0c0;border-radius:10px;padding:10px;cursor:pointer;font-size:13px;font-weight:600}
.mv3-actions button:disabled{opacity:.4;cursor:not-allowed}
#mv3-tipbox{margin-top:12px;font-size:13px;line-height:1.5;color:#efe9dc;background:rgba(139,92,246,.1);border-left:3px solid #8B5CF6;padding:10px 12px;border-radius:0 8px 8px 0;display:none}
#mv3-close{margin-top:12px;width:100%;border:1px solid rgba(16,185,129,.4);background:none;color:#7ef0c0;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
</style>
<button id="mv3-pill" title="Сад гармонии">✨ <span id="mv3-val">0</span></button>
<div id="mv3-mask"><div id="mv3-card">
<h3>? Сад гармонии</h3>
<div id="mv3-sub">Гармония растёт от практик и времени в мирах</div>
<div class="mv3-garden" id="mv3-emoji">?</div>
<div class="mv3-name" id="mv3-name">Семя</div>
<div class="mv3-bar"><div class="mv3-fill" id="mv3-fill"></div></div>
<div class="mv3-next" id="mv3-next"></div>
<div class="mv3-actions">
<button id="mv3-fire">✨ Салют в саду (5 ✨)</button>
<button id="mv3-tip">? Подсказка дня (10 ✨)</button>
</div>
<div id="mv3-tipbox"></div>
<button id="mv3-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function s(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
var H=g('mv_harmony',0),last=g('mv_last',Date.now());
/* офлайн-кап: +1 за 10 мин, максимум 48 */
var now=Date.now(),mins=Math.floor((now-last)/60000);
if(mins>0){var gain=Math.min(48,Math.floor(mins/10));if(gain>0)H+=gain;}
s('mv_last',now);s('mv_harmony',H);
function level(){return 1+Math.floor(H/50);}
window.MV=window.MV||{};
window.MV.harmony=function(){return H};
window.MV.level=level;
window.MV.addHarmony=function(n){H+=n;s('mv_harmony',H);s('mv_last',Date.now());render();};
window.MV.spend=function(n){if(H>=n){H-=n;s('mv_harmony',H);render();return true}return false};
/* +1 гармония за каждое действие Ariadne */
if(window.B&&window.B.log&&!window.B._mv3){var o=window.B.log;window.B.log=function(k){o.call(this,k);window.MV.addHarmony(1);};window.B._mv3=1;}
/* +2 за приём препарата в Medilav */
['markTaken','markMedicationTaken'].forEach(function(fn){
if(typeof window[fn]==='function'&&!window[fn+'_mv3']){var f=window[fn];window[fn]=function(b){f(b);window.MV.addHarmony(2);};window[fn+'_mv3']=1;}
});
var STAGES=[[0,'?','Семя'],[20,'?','Росток'],[50,'?','Цветок'],[100,'?','Дерево'],[200,'✨','Сады гармонии']];
function stage(h){var st=STAGES[0];for(var i=0;i<STAGES.length;i++){if(h>=STAGES[i][0])st=STAGES[i];}return st}
function next(h){for(var i=0;i<STAGES.length;i++){if(h<STAGES[i][0])return STAGES[i];}return null}
var TIPS=['Сегодня хорош день для завершения старого, а не старта нового.','Маленький шаг сегодня сильнее большого плана завтра.','Телу нужен ритм: сон, вода, свет. Начни с одного.','Скажи «нет» одному — и «да» станет ярче.','Заметь три хорошие вещи сегодня — это и есть магия.','Не сравнивай себя с другими — у тебя свой часовой пояс.','Сделай то, что откладывал три дня, — и дверь откроется.','Твоя интуиция права — проверь её фактами.'];
function render(){
$('#mv3-val').textContent=H;
var st=stage(H),nx=next(H);
$('#mv3-emoji').textContent=st[1];$('#mv3-name').textContent=st[2];
if(nx){$('#mv3-fill').style.width=Math.max(0,Math.min(1,(H-st[0])/(nx[0]-st[0]))*100)+'%';$('#mv3-next').textContent='До «'+nx[2]+'»: ещё '+(nx[0]-H)+' ✨';}
else{$('#mv3-fill').style.width='100%';$('#mv3-next').textContent='Максимальная стадия ?';}
$('#mv3-fire').disabled=H<5;$('#mv3-tip').disabled=H<10;
}
$('#mv3-pill').addEventListener('click',function(){$('#mv3-mask').classList.add('open');render();});
$('#mv3-close').addEventListener('click',function(){$('#mv3-mask').classList.remove('open');});
$('#mv3-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open');});
$('#mv3-fire').addEventListener('click',function(){if(window.MV.spend(5)){if(window.msBurst)window.msBurst(innerWidth/2,innerHeight/2,['#7ef0c0','#10B981','#8B5CF6','#fff'],80,7);if(window.Toast)Toast.show('Сад гармонии','Салют! −5 ✨','info');render();}});
$('#mv3-tip').addEventListener('click',function(){if(window.MV.spend(10)){var t=TIPS[Math.floor(Math.random()*TIPS.length)];var b=$('#mv3-tipbox');b.style.display='block';b.textContent='? '+t;if(window.Toast)Toast.show('Подсказка дня','−10 ✨','info');render();}});
render();
console.log('? Блок 3: Гармония + Сад гармонии подключены (уровень '+level()+')');
})();
</script>
<style>
#mv5-btn{position:fixed;right:76px;bottom:140px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#D4AF37,#8B5CF6);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(212,175,55,.45);transition:transform .2s}
#mv5-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv5-btn{bottom:24px}}
#mv5-mask{position:fixed;inset:0;z-index:410;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.72);backdrop-filter:blur(4px)}
#mv5-mask.open{display:flex}
#mv5-card{width:min(560px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#171034,#0d0a1c);border:1px solid rgba(212,175,55,.4);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 60px rgba(0,0,0,.5)}
#mv5-card h3{margin:0 0 4px;font-size:20px;color:#f0d68a}
#mv5-sub{font-size:12px;color:#a79ec9;margin-bottom:14px}
#mv5-intent{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(212,175,55,.4);background:rgba(36,26,82,.4);color:#efe9dc;font-size:14px;margin-bottom:10px}
#mv5-intent:focus{outline:none;border-color:#D4AF37;box-shadow:0 0 0 3px rgba(212,175,55,.15)}
#mv5-forge{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#D4AF37,#F5B301);color:#0d0a1c;font-weight:800;font-size:14px;cursor:pointer}
#mv5-forge:hover{box-shadow:0 8px 24px rgba(212,175,55,.4)}
.mv5-note{font-size:11px;color:#a79ec9;margin-top:8px;text-align:center}
.mv5-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.mv5-amulet{border:2px solid rgba(212,175,55,.5);border-radius:12px;padding:14px;background:radial-gradient(circle at 50% 20%,rgba(212,175,55,.12),rgba(20,14,44,.6));text-align:center;box-shadow:0 0 18px rgba(212,175,55,.25)}
.mv5-sym{font-size:40px;color:#f0d68a;text-shadow:0 0 18px rgba(240,214,138,.8)}
.mv5-rname{font-size:13px;font-weight:700;color:#f0d68a;margin-top:2px}
.mv5-intent2{font-size:12px;color:#cfc8e8;margin-top:4px;font-style:italic}
.mv5-hash{font-family:monospace;font-size:10px;color:#8a84a8;margin-top:6px;word-break:break-all}
#mv5-close{margin-top:12px;width:100%;border:1px solid rgba(212,175,55,.4);background:none;color:#f0d68a;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
</style>
<button id="mv5-btn" title="Оберег">?</button>
<div id="mv5-mask"><div id="mv5-card">
<h3>? Оберег</h3>
<div id="mv5-sub">Выкуй персональный оберег: намерение → хеш → руна защиты</div>
<input id="mv5-intent" placeholder="Впиши своё намерение (напр. «спокойствие и защита»)" maxlength="80" />
<button id="mv5-forge">⚒ Выковать оберег</button>
<div class="mv5-note">Первый оберег — бесплатно. Следующие — 5 ✨ Гармонии.</div>
<div class="mv5-list" id="mv5-list"></div>
<button id="mv5-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function lsGet(k,d){try{var v=localStorage.getItem(k);return v?JSON.parse(v):d}catch(e){return d}}
function lsSet(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hashFn(s){
if(window.MV&&window.MV.hash)return window.MV.hash(s);
var h=0x811c9dc5;for(var i=0;i<s.length;i++){h^=s.charCodeAt(i);h=Math.imul(h,0x01000193)}
var x=('0000000'+(h>>>0).toString(16)).slice(-8);return (x+x+x+x).slice(0,40);
}
var RUNES=[['ᛉ','Альгиз','защита и щит'],['ᛊ','Совило','победа, солнце'],['ᚹ','Вуньо','радость'],['ᛗ','Манназ','поддержка людей'],['ᛞ','Дагаз','прорыв, ясность'],['ᛚ','Лагуз','интуиция'],['ᚠ','Феху','достаток'],['ᛒ','Беркана','рост']];
function toast(t,m){if(window.Toast&&Toast.show){Toast.show(t,m,'success');}}
function render(){
var list=$('#mv5-list');var am=lsGet('mv_amulets',[]);
if(!am.length){list.innerHTML='<div class="mv5-note">Пока пусто. Выкуй первый оберег — он бесплатный.</div>';return;}
list.innerHTML=am.slice().reverse().map(function(a){
return '<div class="mv5-amulet"><div class="mv5-sym">'+a.sym[0]+'</div><div class="mv5-rname">'+a.sym[1]+' · '+a.sym[2]+'</div>'+
'<div class="mv5-intent2">«'+a.intent+'»</div><div class="mv5-hash">#'+a.i+' · '+a.hash+' · '+a.d+'</div></div>';
}).join('');
}
$('#mv5-btn').addEventListener('click',function(){$('#mv5-mask').classList.add('open');render();});
$('#mv5-close').addEventListener('click',function(){$('#mv5-mask').classList.remove('open')});
$('#mv5-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
$('#mv5-forge').addEventListener('click',function(){
var intent=$('#mv5-intent').value.trim();
if(!intent){toast('Оберег','Впиши намерение');return;}
var am=lsGet('mv_amulets',[]);
var cost=am.length===0?0:5;
if(cost>0){
var have=(window.MV&&window.MV.harmony)?window.MV.harmony():0;
if(have<cost){toast('Оберег','Нужно 5 ✨ Гармонии (сейчас '+have+')');return;}
if(window.MV&&window.MV.spend)window.MV.spend(cost);
}
var h=hashFn(intent+'|'+Date.now());
var sym=RUNES[parseInt(h.slice(0,4),16)%RUNES.length];
am.push({i:am.length,intent:intent,hash:h,sym:sym,d:new Date().toLocaleDateString('ru-RU')});
lsSet('mv_amulets',am);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('amulet','Оберег: '+intent);
$('#mv5-intent').value='';
render();
toast('Оберег выкован',cost===0?'Первый оберег — бесплатно!':'−5 ✨ Гармонии');
});
render();
console.log('? Блок 5: Оберег подключён');
})();
</script>
<style>
.am-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.am-form input{flex:1;min-width:180px;padding:11px 14px;border:1px solid var(--gray-300);border-radius:10px;font-size:14px}
.am-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.15)}
.am-note{font-size:11px;color:var(--gray-500);margin-bottom:14px}
.am-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.am-card{border:2px solid var(--gold);border-radius:14px;padding:16px 12px;text-align:center;background:radial-gradient(circle at 50% 20%,#2e2658,#14102e 75%);color:#f0d68a;box-shadow:0 0 20px rgba(212,175,55,.25);transition:.25s}
.am-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 30px rgba(212,175,55,.45)}
.am-sym{font-size:40px;text-shadow:0 0 18px rgba(240,214,138,.8)}
.am-name{font-family:var(--disp);font-size:15px;font-style:italic;margin:6px 0 2px}
.am-int{font-size:11px;color:#cfc8e8;line-height:1.4;min-height:30px}
.am-hash{font-family:monospace;font-size:9px;color:#8a84a8;margin-top:6px;word-break:break-all}
.am-empty{grid-column:1/-1;text-align:center;color:var(--gray-500);font-style:italic;padding:20px}
</style>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function lsGet(k,d){try{var v=localStorage.getItem(k);return v?JSON.parse(v):d}catch(e){return d}}
function lsSet(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hash(s){var h=0x811c9dc5;for(var i=0;i<s.length;i++){h^=s.charCodeAt(i);h=Math.imul(h,0x01000193)}var x=('0000000'+(h>>>0).toString(16)).slice(-8);return (x+x+x+x+x).slice(0,40)}
var RUNES=[['ᚠ','Феху','богатство'],['ᚢ','Уруз','сила'],['ᚨ','Ансуз','мудрость'],['ᚱ','Райдо','путь'],['ᚲ','Кеназ','творчество'],['ᚷ','Гебо','дар'],['ᚹ','Вуньо','радость'],['ᛉ','Альгиз','защита'],['ᛊ','Совило','победа'],['ᛚ','Лагуз','интуиция'],['ᛏ','Тейваз','смелость'],['ᛒ','Беркана','рост'],['ᛗ','Манназ','союз'],['ᛞ','Дагаз','прорыв']];
var COST=5;
function amulets(){return lsGet('mv_amulets',[])}
function spend(n){
if(window.MV&&window.MV.spend)return window.MV.spend(n);
var h=lsGet('mv_harmony',0);if(h>=n){lsSet('mv_harmony',h-n);return true}return false;
}
function forge(intent){
var list=amulets();var free=list.length===0;
if(!free&&!spend(COST)){if(window.Toast)Toast.show('Оберег','Нужно '+COST+' ✨ гармонии. Сначала действуй в салонах.','warning');return null}
var r=RUNES[Math.floor(Math.random()*RUNES.length)];
var prev=list.length?list[list.length-1].hash:hash('genesis');
var a={i:list.length,intent:intent,rune:r[0],name:r[1],mean:r[2],hash:hash(prev+intent+Date.now()),prev:prev,t:Date.now()};
list.push(a);lsSet('mv_amulets',list);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('amulet','Оберег: '+intent,0);
return a;
}
function render(){
var grid=$('#amGrid');if(!grid)return;
var list=amulets();
if(!list.length){grid.innerHTML='<div class="am-empty">Пока пусто. Выкуй первый оберег — он бесплатный.</div>';return}
grid.innerHTML=list.slice().reverse().map(function(a){
return '<div class="am-card"><div class="am-sym">'+a.rune+'</div><div class="am-name">'+a.name+' · '+a.mean+'</div><div class="am-int">«'+a.intent+'»</div><div class="am-hash">#'+a.i+' · '+a.hash.slice(0,18)+'…</div></div>';
}).join('');
}
/* секция + пункт меню */
var main=document.querySelector('#ariadne-app .a-main'),footer=document.querySelector('#ariadne-app footer.a-footer');
if(main&&footer&&!$('#amuletSec')){
var sec=document.createElement('section');sec.id='amuletSec';sec.className='a-section';
sec.innerHTML='<h2 class="a-sec-title">? Оберег</h2>'+
'<div class="a-sec-sub">Персональный блокчейн-оберег: намерение → хеш → руна защиты</div>'+
'<div class="a-widget"><div class="a-widget-head"><div class="a-widget-icon ic-gold"><i class="fas fa-shield-halved"></i></div><div class="a-widget-title">Выковать оберег</div></div>'+
'<div class="am-form"><input id="amIntent" placeholder="Намерение: напр. «защита в дороге»"><button class="a-btn a-btn-gold" id="amForge"><i class="fas fa-hammer"></i> Выковать</button></div>'+
'<div class="am-note">Первый оберег бесплатно. Далее — '+COST+' ✨ гармонии за оберег.</div>'+
'<div class="am-grid" id="amGrid"></div></div>';
main.insertBefore(sec,footer);
var sos=document.querySelector('#ariadne-app .a-nav-item[data-section="sos"]');
if(sos){var nb=document.createElement('button');nb.className='a-nav-item';nb.dataset.section='amuletSec';
nb.innerHTML='<i class="fas fa-shield-halved"></i><span>Оберег</span>';
nb.addEventListener('click',function(){if(window.go)go('amuletSec')});sos.parentNode.insertBefore(nb,sos);}
}
$('#amForge').addEventListener('click',function(){
var t=$('#amIntent').value.trim();
if(!t){if(window.Toast)Toast.show('Оберег','Впиши намерение','warning');return}
var a=forge(t);
if(a){$('#amIntent').value='';render();
if(window.Toast)Toast.show('Оберег выкован',a.rune+' '+a.name+' — '+a.mean,'success');}
});
render();
console.log('? Блок 4: Оберег = блок подключён');
})();
</script>
<style>
#mv4-btn{position:fixed;right:16px;bottom:200px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#10B981,#D4AF37);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(212,175,55,.4);transition:transform .2s}
#mv4-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv4-btn{bottom:24px;right:76px}}
#mv4-mask{position:fixed;inset:0;z-index:410;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.72);backdrop-filter:blur(4px)}
#mv4-mask.open{display:flex}
#mv4-card{width:min(560px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#171034,#0d0a1c);border:1px solid rgba(212,175,55,.4);box-shadow:0 30px 60px rgba(0,0,0,.5)}
#mv4-card h3{margin:0 0 4px;font-size:20px;color:#f0d68a}
.mv4-sub{font-size:12px;color:#a79ec9;margin-bottom:14px}
.mv4-form{display:flex;gap:8px;margin-bottom:10px}
.mv4-form input{flex:1;padding:11px 14px;border-radius:10px;border:1px solid rgba(212,175,55,.4);background:rgba(36,26,82,.4);color:#efe9dc;font-size:14px}
.mv4-form input:focus{outline:none;border-color:#D4AF37}
.mv4-forge{padding:11px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#D4AF37,#F5B301);color:#0d0a1c;font-weight:800;cursor:pointer}
.mv4-note{font-size:11px;color:#a79ec9;margin-bottom:12px}
.mv4-list{display:flex;flex-direction:column;gap:10px}
.mv4-amulet{display:flex;gap:12px;align-items:center;border:1px solid rgba(212,175,55,.4);border-radius:12px;padding:12px;background:rgba(212,175,55,.08)}
.mv4-rune{font-size:30px;color:#f0d68a;text-shadow:0 0 14px rgba(240,214,138,.7)}
.mv4-info{flex:1}
.mv4-name{font-weight:700;font-size:13px}
.mv4-intent{font-size:12px;color:#cfc8e8}
.mv4-hash{font-family:monospace;font-size:9px;color:#8a84a8;word-break:break-all}
#mv4-close{margin-top:12px;width:100%;border:1px solid rgba(212,175,55,.4);background:none;color:#f0d68a;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
</style>
<button id="mv4-btn" title="Оберег">?</button>
<div id="mv4-mask"><div id="mv4-card">
<h3>? Оберег = блок</h3>
<div class="mv4-sub">Выкуй персональный оберег: намерение → хеш → руна защиты</div>
<div class="mv4-form"><input id="mv4-intent" placeholder="Намерение: «защита в дороге»…" /><button class="mv4-forge" id="mv4-forge">Выковать</button></div>
<div class="mv4-note">Первый оберег бесплатно. Следующие — 10 ✨ гармонии.</div>
<div class="mv4-list" id="mv4-list"></div>
<button id="mv4-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function s(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hash(str){if(window.MV&&window.MV.hash)return window.MV.hash(str);var h=0x811c9dc5;for(var i=0;i<str.length;i++){h^=str.charCodeAt(i);h=Math.imul(h,0x01000193)}var x=('0000000'+(h>>>0).toString(16)).slice(-8);return (x+x+x+x+x).slice(0,40)}
var RUNES=[['ᛉ','Альгиз','щит'],['ᛊ','Совило','солнце'],['ᚹ','Вуньо','радость'],['ᚠ','Феху','достаток'],['ᛚ','Лагуз','интуиция'],['ᚱ','Райдо','путь'],['ᛗ','Манназ','опора'],['ᛞ','Дагаз','прорыв']];
var COST=10;
function toast(t,m){if(window.Toast&&Toast.show){Toast.show(t,m,'success')}else{alert(t+': '+m)}}
function render(){
var list=g('mv_amulets',[]);
var box=$('#mv4-list');
if(!list.length){box.innerHTML='<div class="mv4-note">Пока пусто. Выкуй первый оберег — он бесплатный.</div>';return}
box.innerHTML=list.slice().reverse().map(function(a){
return '<div class="mv4-amulet"><span class="mv4-rune">'+a.rune[0]+'</span><div class="mv4-info"><div class="mv4-name">'+a.rune[1]+' · '+a.rune[2]+'</div><div class="mv4-intent">«'+a.intent+'»</div><div class="mv4-hash">#'+a.i+' · '+a.hash.slice(0,18)+'…</div></div></div>';
}).join('');
}
$('#mv4-forge').addEventListener('click',function(){
var intent=$('#mv4-intent').value.trim();
if(!intent){toast('Оберег','Впиши намерение');return}
var list=g('mv_amulets',[]);
if(list.length>0&&window.MV&&window.MV.spend){
if(!window.MV.spend(COST)){toast('Оберег','Нужно '+COST+' ✨ гармонии');return}
}
var prev=list.length?list[list.length-1].hash:'GENESIS';
var rune=RUNES[Math.floor(Math.random()*RUNES.length)];
var a={i:list.length,intent:intent,rune:rune,hash:hash(prev+'|'+intent+'|'+Date.now()),t:Date.now()};
list.push(a);s('mv_amulets',list);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('amulet','Оберег: '+intent);
$('#mv4-intent').value='';
render();
toast('Оберег выкован',rune[1]+' '+rune[0]+' — «'+intent+'»');
});
$('#mv4-btn').addEventListener('click',function(){$('#mv4-mask').classList.add('open');render()});
$('#mv4-close').addEventListener('click',function(){$('#mv4-mask').classList.remove('open')});
$('#mv4-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
render();
console.log('? Блок 4: Оберег = блок подключён');
})();
</script>
<script>
(function(){
"use strict";
function kill(el){if(el&&el.parentNode)el.parentNode.removeChild(el);}
/* 1) Дубли: оставляем только ПЕРВЫЙ элемент с каждым id */
function keepFirst(id){
var all=document.querySelectorAll('#'+id);
for(var i=1;i<all.length;i++){kill(all[i]);}
}
['sc-btn','sc-mask','mv3-pill','mv3-mask','mv3-box','mv-btn','mv-mask','mv4-btn','mv4-mask','mv-chain-wrap','mv2panel'].forEach(keepFirst);
/* 2) Второй (лишний) оберег убираем — остаётся один ? */
kill(document.getElementById('mv5-btn'));
kill(document.getElementById('mv5-mask'));
/* 3) Единое чистое MV-ядро поверх всех прежних */
function lsGet(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function lsSet(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hash(str){var h=0x811c9dc5;for(var i=0;i<str.length;i++){h^=str.charCodeAt(i);h=Math.imul(h,0x01000193)}return ('0000000'+(h>>>0).toString(16)).slice(-8)}
var chain=lsGet('mv_chain',[]);
var harmony=lsGet('mv_harmony',0);
if(!chain.length){chain.push({i:0,t:Date.now(),type:'genesis',text:'Цепь души создана',prev:'00000000',hash:hash('genesis'+Date.now())});}
var last=lsGet('mv_last',Date.now());
var mins=Math.floor((Date.now()-last)/60000);
if(mins>0){var gain=Math.min(48,Math.floor(mins/10));if(gain>0)harmony+=gain;}
lsSet('mv_last',Date.now());lsSet('mv_harmony',harmony);
window.MV={
hash:hash,
chain:function(){return chain},
harmony:function(){return harmony},
level:function(){return 1+Math.floor(chain.length/10)+Math.floor(harmony/50)},
addBlock:function(type,text,pts){
var prev=chain.length?chain[chain.length-1].hash:'00000000';
var b={i:chain.length,t:Date.now(),type:type,text:text||'',prev:prev,hash:hash(prev+'|'+type+'|'+(text||'')+'|'+Date.now())};
chain.push(b);if(chain.length>300)chain.shift();
lsSet('mv_chain',chain);
if(pts){harmony+=pts;lsSet('mv_harmony',harmony);}
return b;
},
spend:function(n){if(harmony>=n){harmony-=n;lsSet('mv_harmony',harmony);return true}return false}
};
console.log('? Блок 5: дубли убраны · цепь '+chain.length+' блоков · гармония '+harmony);
})();
</script>
<style>
#mv6-btn{position:fixed;right:16px;bottom:200px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#0EA5E9,#6366F1);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(99,102,241,.45);transition:transform .2s}
#mv6-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv6-btn{bottom:90px;right:76px}}
#mv6-mask{position:fixed;inset:0;z-index:411;display:none;align-items:center;justify-content:center;background:rgba(5,5,20,.85);backdrop-filter:blur(6px)}
#mv6-mask.open{display:flex}
#mv6-card{width:min(560px,92vw);max-height:88vh;overflow-y:auto;border-radius:18px;padding:24px;color:#efe9dc;background:radial-gradient(ellipse at 50% 0%,#1e1b4b 0%,#0a0818 70%);border:1px solid rgba(99,102,241,.4);font-family:Inter,system-ui,sans-serif;box-shadow:0 0 60px rgba(99,102,241,.3)}
#mv6-card h3{margin:0 0 6px;font-size:20px;color:#a5b4fc}
#mv6-sub{font-size:12px;color:#818cf8;margin-bottom:16px}
#mv6-input{width:100%;min-height:80px;padding:14px;border-radius:12px;border:1px solid rgba(99,102,241,.4);background:rgba(30,27,75,.5);color:#e0e7ff;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px}
#mv6-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.2)}
#mv6-send{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#6366F1,#8B5CF6);color:#fff;font-weight:800;font-size:15px;cursor:pointer;transition:.2s}
#mv6-send:hover{box-shadow:0 8px 24px rgba(99,102,241,.5);transform:translateY(-2px)}
.mv6-note{font-size:11px;color:#818cf8;margin-top:8px;text-align:center}
/* Бегущая строка хешей */
.mv6-ticker{margin-top:16px;overflow:hidden;border-radius:10px;background:rgba(15,23,42,.8);border:1px solid rgba(99,102,241,.3);padding:10px 0}
.mv6-ticker-inner{display:flex;gap:24px;animation:mv6scroll 30s linear infinite;white-space:nowrap}
@keyframes mv6scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mv6-hash-item{font-family:monospace;font-size:11px;color:#64748b}
.mv6-hash-item b{color:#818cf8}
/* Список последних сигналов */
.mv6-list{margin-top:16px;display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}
.mv6-signal{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2)}
.mv6-signal-icon{font-size:20px}
.mv6-signal-info{flex:1}
.mv6-signal-hash{font-family:monospace;font-size:10px;color:#818cf8;word-break:break-all}
.mv6-signal-time{font-size:10px;color:#64748b}
#mv6-close{margin-top:16px;width:100%;border:1px solid rgba(99,102,241,.4);background:none;color:#a5b4fc;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
/* Анимация запуска */
.mv6-rocket{position:fixed;font-size:40px;z-index:500;pointer-events:none;transition:all 2s cubic-bezier(.5,-0.5,.5,1.5);opacity:1}
.mv6-rocket.launch{transform:translateY(-120vh) rotate(-45deg);opacity:0}
</style>
<button id="mv6-btn" title="Сигнал в космос">?</button>
<div id="mv6-mask"><div id="mv6-card">
<h3>? Сигнал в космос</h3>
<div id="mv6-sub">Отправь послание во вселенную — оно станет частью публичной цепи Метавселенной навсегда</div>
<input id="mv6-input" placeholder="Например: благодарность, желание, намерение, приветствие миру…" maxlength="200" />
<button id="mv6-send">✨ Отправить сигнал</button>
<div class="mv6-note">Первый сигнал бесплатно · дальше — 3 ✨ гармонии · послание анонимно (только хеш в цепи)</div>
<div class="mv6-ticker"><div class="mv6-ticker-inner" id="mv6-ticker-inner"></div></div>
<div class="mv6-list" id="mv6-list"></div>
<button id="mv6-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function lsGet(k,d){try{var v=localStorage.getItem(k);return v?JSON.parse(v):d}catch(e){return d}}
function lsSet(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hashFn(s){
if(window.MV&&window.MV.hash)return window.MV.hash(s);
var h=0x811c9dc5;for(var i=0;i<s.length;i++){h^=s.charCodeAt(i);h=Math.imul(h,0x01000193)}
var x=('0000000'+(h>>>0).toString(16)).slice(-8);return (x+x+x+x).slice(0,40);
}
var COST=3;
var ICONS=['✨','?','⭐','?','?','☄️','?','?'];
function signals(){return lsGet('mv_signals',[])}
function renderTicker(){
var sig=signals();var inner=$('#mv6-ticker-inner');
if(!sig.length){inner.innerHTML='<span class="mv6-hash-item">Ожидание первого сигнала из этой вселенной…</span>';return;}
var items=sig.slice(-20).reverse().map(function(s){
return '<span class="mv6-hash-item"><b>#'+s.i+'</b> '+s.hash.slice(0,16)+'…</span>';
}).join('');
inner.innerHTML=items+items; /* дублируем для бесшовной прокрутки */
}
function renderList(){
var sig=signals();var list=$('#mv6-list');
if(!sig.length){list.innerHTML='<div class="mv6-note">Пока тихо в космосе из этого мира…</div>';return;}
list.innerHTML=sig.slice(-10).reverse().map(function(s){
return '<div class="mv6-signal"><span class="mv6-signal-icon">'+s.icon+'</span>'+
'<div class="mv6-signal-info"><div class="mv6-signal-hash">'+s.hash+'</div>'+
'<div class="mv6-signal-time">'+new Date(s.t).toLocaleString('ru-RU')+' · '+s.world+'</div></div></div>';
}).join('');
}
function render(){renderTicker();renderList();}
function sendSignal(){
var msg=$('#mv6-input').value.trim();
if(!msg){if(window.Toast)Toast.show('Сигнал','Впиши послание');return;}
var sig=signals();
var cost=sig.length===0?0:COST;
if(cost>0){
var have=(window.MV&&window.MV.harmony)?window.MV.harmony():0;
if(have<cost){if(window.Toast)Toast.show('Сигнал','Нужно '+cost+' ✨ гармонии');return;}
if(window.MV&&window.MV.spend)window.MV.spend(cost);
}
var world=document.getElementById('ariadne-app')?'Ariadne':(document.getElementById('tabBar')?'Medilav':(document.getElementById('pt-app')?'PANDO':'Метавселенная'));
var h=hashFn(msg+'|'+Date.now());
var icon=ICONS[Math.floor(Math.random()*ICONS.length)];
sig.push({i:sig.length,msg:msg,hash:h,icon:icon,world:world,t:Date.now()});
lsSet('mv_signals',sig);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('signal','Сигнал в космос: '+msg.slice(0,50));
/* Анимация запуска */
var rocket=document.createElement('div');
rocket.className='mv6-rocket';
rocket.textContent='?';
rocket.style.left='50%';
rocket.style.bottom='20%';
document.body.appendChild(rocket);
requestAnimationFrame(function(){rocket.classList.add('launch');});
setTimeout(function(){rocket.remove();},2500);
$('#mv6-input').value='';
render();
if(window.Toast)Toast.show('Сигнал отправлен',cost===0?'Первый сигнал — бесплатно!':'−'+cost+' ✨ гармонии','success');
}
$('#mv6-btn').addEventListener('click',function(){$('#mv6-mask').classList.add('open');render();});
$('#mv6-close').addEventListener('click',function(){$('#mv6-mask').classList.remove('open');});
$('#mv6-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open');});
$('#mv6-send').addEventListener('click',sendSignal);
render();
console.log('? Блок 6: Сигнал в космос подключён');
})();
</script>
<style>
#mv6-btn{position:fixed;left:16px;bottom:280px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#6366F1,#8B5CF6);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(99,102,241,.45);transition:transform .2s}
#mv6-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv6-btn{bottom:90px;left:24px}}
#mv6-mask{position:fixed;inset:0;z-index:412;display:none;align-items:center;justify-content:center;background:rgba(5,3,20,.85);backdrop-filter:blur(4px)}
#mv6-mask.open{display:flex}
#mv6-card{width:min(560px,92vw);max-height:88vh;overflow-y:auto;border-radius:18px;padding:24px;color:#efe9dc;background:radial-gradient(ellipse at 50% 0%,#1a1440 0%,#0d0a1c 70%);border:1px solid rgba(139,92,246,.5);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 60px rgba(0,0,0,.6);position:relative}
#mv6-card h3{margin:0 0 4px;font-size:20px;color:#c4b5fd;position:relative}
#mv6-sub{font-size:12px;color:#8a84c0;margin-bottom:16px;position:relative}
.mv6-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:18px}
.mv6-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:mv6tw 3s infinite}
@keyframes mv6tw{0%,100%{opacity:.15}50%{opacity:.8}}
#mv6-text{width:100%;min-height:90px;padding:12px;border-radius:12px;border:1px solid rgba(139,92,246,.4);background:rgba(30,20,70,.5);color:#efe9dc;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px;box-sizing:border-box;position:relative}
#mv6-text:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139,92,246,.15)}
#mv6-launch{width:100%;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#6366F1,#8B5CF6);color:#fff;font-weight:800;font-size:15px;cursor:pointer;transition:.2s;position:relative}
#mv6-launch:hover{box-shadow:0 8px 24px rgba(99,102,241,.5)}
.mv6-note{font-size:11px;color:#8a84c0;margin-top:10px;text-align:center;position:relative}
.mv6-list{margin-top:16px;display:flex;flex-direction:column;gap:8px;position:relative}
.mv6-signal{display:flex;gap:10px;align-items:center;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.3);border-radius:10px;padding:10px 12px;font-size:12px}
.mv6-signal .hash{font-family:monospace;font-size:10px;color:#8a84c0;word-break:break-all}
.mv6-signal .date{font-size:10px;color:#6b64a0}
#mv6-close{margin-top:14px;width:100%;border:1px solid rgba(139,92,246,.4);background:none;color:#c4b5fd;border-radius:10px;padding:10px;cursor:pointer;font-size:13px;position:relative}
.mv6-rocket{position:fixed;left:50%;bottom:120px;z-index:500;font-size:42px;pointer-events:none;animation:mv6fly 2s ease-in forwards}
@keyframes mv6fly{0%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,-110vh);opacity:0}}
</style>
<button id="mv6-btn" title="Сигнал в космос">?</button>
<div id="mv6-mask"><div id="mv6-card">
<div class="mv6-stars" id="mv6-stars"></div>
<h3>? Сигнал в космос</h3>
<div id="mv6-sub">Отправь послание Вселенной. Оно станет хешем в цепи — содержание знаешь только ты.</div>
<textarea id="mv6-text" placeholder="Напиши своё послание, намерение или мечту…"></textarea>
<button id="mv6-launch">? Запустить сигнал (3 ✨)</button>
<div class="mv6-note">Первый сигнал — бесплатно. Послание шифруется: в цепи только хеш.</div>
<div class="mv6-list" id="mv6-list"></div>
<button id="mv6-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function st(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hash(str){if(window.MV&&window.MV.hash)return window.MV.hash(str);var h=0x811c9dc5;for(var i=0;i<str.length;i++){h^=str.charCodeAt(i);h=Math.imul(h,0x01000193)}return ('0000000'+(h>>>0).toString(16)).slice(-8)}
var starsEl=$('#mv6-stars');
if(starsEl){for(var i=0;i<40;i++){var s=document.createElement('div');s.className='mv6-star';s.style.left=Math.random()*100+'%';s.style.top=Math.random()*100+'%';s.style.animationDelay=Math.random()*3+'s';starsEl.appendChild(s);}}
var COST=3;
function signals(){return g('mv_signals',[])}
function spend(n){
if(window.MV&&window.MV.spend)return window.MV.spend(n);
var h=g('mv_harmony',0);if(h>=n){st('mv_harmony',h-n);return true}return false;
}
function launch(){
var text=$('#mv6-text').value.trim();
if(!text){if(window.Toast)Toast.show('Сигнал','Напиши послание','warning');return}
var list=signals();var free=list.length===0;
if(!free&&!spend(COST)){if(window.Toast)Toast.show('Сигнал','Нужно '+COST+' ✨ гармонии','warning');return}
var h=hash(text+'|'+Date.now());
list.push({i:list.length,hash:h,t:Date.now()});st('mv_signals',list);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('signal','Сигнал в космос');
var r=document.createElement('div');r.className='mv6-rocket';r.textContent='?';document.body.appendChild(r);
setTimeout(function(){r.remove()},2000);
$('#mv6-text').value='';
render();
if(window.Toast)Toast.show('Сигнал отправлен',free?'Первый сигнал — бесплатно!':'−'+COST+' ✨ гармонии','success');
}
function render(){
var list=signals();
var el=$('#mv6-list');
if(!list.length){el.innerHTML='<div style="color:#8a84c0;font-size:12px;font-style:italic;text-align:center;padding:8px">Сигналов пока нет. Отправь первый — он бесплатный.</div>';return}
el.innerHTML=list.slice().reverse().slice(0,8).map(function(s){
return '<div class="mv6-signal"><span style="font-size:18px">?</span><div style="flex:1"><div class="hash">#'+s.i+' · '+s.hash+'</div><div class="date">'+new Date(s.t).toLocaleString()+'</div></div></div>';
}).join('');
}
$('#mv6-btn').addEventListener('click',function(){$('#mv6-mask').classList.add('open');render()});
$('#mv6-close').addEventListener('click',function(){$('#mv6-mask').classList.remove('open')});
$('#mv6-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
$('#mv6-launch').addEventListener('click',launch);
render();
console.log('? Блок 5: Сигнал в космос подключён');
})();
</script>
<style>
.mv6-wheel-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}
#mv6Wheel{width:240px;height:240px;border-radius:50%;box-shadow:0 0 30px rgba(212,175,55,.4)}
.mv6-vault{border:2px solid var(--gold);border-radius:14px;padding:18px;background:radial-gradient(circle at 50% 20%,#2e2658,#14102e);color:#f0d68a;text-align:center}
.mv6-vault .big{font-size:34px;font-weight:800;font-family:var(--disp)}
.mv6-vault input{width:100px;padding:8px;border-radius:8px;border:1px solid rgba(212,175,55,.5);background:rgba(36,26,82,.5);color:#efe9dc;text-align:center;font-size:16px}
.mv6-quest{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:10px;padding:10px 12px;margin-bottom:8px}
.mv6-quest.done{opacity:.55}
.mv6-quest .q-txt{flex:1;font-size:13px;color:var(--gray-700)}
.mv6-quest .q-box{width:22px;height:22px;border-radius:6px;border:2px solid var(--gray-300);display:flex;align-items:center;justify-content:center;color:var(--success);font-weight:800}
.mv6-quest.done .q-box{border-color:var(--success);background:var(--success-light)}
.mv6-timer{font-family:monospace;font-size:13px;color:var(--gray-500);text-align:center;margin-top:6px}
</style>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function s(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function harm(){if(window.MV&&window.MV.harmony)return window.MV.harmony();return g('mv_harmony',0)}
function addHarm(n){if(window.MV&&window.MV.addHarmony){window.MV.addHarmony(n);return}
var h=g('mv_harmony',0)+n;s('mv_harmony',h);
if(window.MV&&typeof window.MV.render==='function')window.MV.render();}
function spend(n){if(window.MV&&window.MV.spend)return window.MV.spend(n);
var h=g('mv_harmony',0);if(h>=n){s('mv_harmony',h-n);return true}return false}
function today(){return new Date().toISOString().slice(0,10)}
function toast(t,m,ty){if(window.Toast&&Toast.show)Toast.show(t,m,ty||'success')}
/* ── секция ── */
var main=document.querySelector('#ariadne-app .a-main'),footer=document.querySelector('#ariadne-app footer.a-footer');
if(main&&footer&&!$('#fateSec')){
var sec=document.createElement('section');sec.id='fateSec';sec.className='a-section';
sec.innerHTML=
'<h2 class="a-sec-title">? Комната Судьбы</h2>'+
'<div class="a-sec-sub">Ежедневные испытания: крути колесо, копи в сейфе, выполняй квесты — получай гармонию</div>'+
'<div class="a-grid a-grid-3">'+
'<div class="a-widget"><div class="a-widget-head"><div class="a-widget-icon ic-gold"><i class="fas fa-dharmachakra"></i></div><div class="a-widget-title">Колесо Фортуны</div></div>'+
'<div class="mv6-wheel-wrap"><canvas id="mv6Wheel" width="240" height="240"></canvas>'+
'<button class="a-btn a-btn-gold" id="mv6Spin"><i class="fas fa-play"></i> Крутить (1 раз в день)</button>'+
'<div class="mv6-timer" id="mv6SpinTimer"></div></div></div>'+
'<div class="a-widget"><div class="a-widget-head"><div class="a-widget-icon ic-gold"><i class="fas fa-vault"></i></div><div class="a-widget-title">Сейф Гармонии</div></div>'+
'<div class="mv6-vault"><div class="big" id="mv6VaultAmt">0 ✨</div>'+
'<div style="font-size:12px;margin:8px 0">вложено · растёт +2% в день</div>'+
'<div style="display:flex;gap:8px;justify-content:center;align-items:center;margin-top:8px">'+
'<input type="number" id="mv6VaultIn" placeholder="сумма" min="1">'+
'<button class="a-btn a-btn-gold" id="mv6VaultPut">Вложить</button></div>'+
'<button class="a-btn a-btn-outline" id="mv6VaultTake" style="margin-top:10px">Забрать всё</button></div></div>'+
'<div class="a-widget"><div class="a-widget-head"><div class="a-widget-icon ic-gold"><i class="fas fa-list-check"></i></div><div class="a-widget-title">Ежедневный квест</div></div>'+
'<div id="mv6QuestList"></div>'+
'<button class="a-btn a-btn-gold a-btn-block" id="mv6QuestClaim">Забрать +5 ✨</button></div>'+
'</div>';
main.insertBefore(sec,footer);
var sos=document.querySelector('#ariadne-app .a-nav-item[data-section="sos"]');
if(sos){var nb=document.createElement('button');nb.className='a-nav-item';nb.dataset.section='fateSec';
nb.innerHTML='<i class="fas fa-dharmachakra"></i><span>Комната Судьбы</span>';
nb.addEventListener('click',function(){if(window.go)go('fateSec')});sos.parentNode.insertBefore(nb,sos);}
}
/* ── КОЛЕСО ── */
var SEG=[['+5 ✨',5],['+10 ✨',10],['+3 ✨',3],['+15 ✨',15],['+2 ✨',2],['+20 ✨',20],['+7 ✨',7],['+1 ✨',1]];
var COLS=['#D4AF37','#8B5CF6','#3B82F6','#EC4899','#10B981','#F59E0B','#06B6D4','#EF4444'];
var cv=$('#mv6Wheel'),ctx=cv.getContext('2d'),ang=0,spinning=false;
function drawWheel(){
if(!ctx)return;ctx.clearRect(0,0,240,240);
var cx=120,cy=120,r=110,n=SEG.length,seg=6.28/n;
for(var i=0;i<n;i++){var a=ang+i*seg;
ctx.beginPath();ctx.moveTo(cx,cy);ctx.arc(cx,cy,r,a,a+seg);ctx.closePath();
ctx.fillStyle=COLS[i];ctx.fill();ctx.strokeStyle='#fff';ctx.lineWidth=2;ctx.stroke();
ctx.save();ctx.translate(cx,cy);ctx.rotate(a+seg/2);ctx.textAlign='center';ctx.textBaseline='middle';
ctx.fillStyle='#fff';ctx.font='bold 13px Inter';ctx.fillText(SEG[i][0],r*0.62,0);ctx.restore();}
ctx.beginPath();ctx.moveTo(cx,4);ctx.lineTo(cx-10,26);ctx.lineTo(cx+10,26);ctx.closePath();ctx.fillStyle='#f0d68a';ctx.fill();
}
function canSpin(){return g('mv6_spin','')!==today()}
function spinWheel(){
if(spinning)return;
if(!canSpin()){toast('Колесо','Уже крутил сегодня. Возвращайся завтра!','warning');return}
spinning=true;s('mv6_spin',today());
var target=(4+Math.random()*4)*6.28,start=ang,t0=performance.now(),dur=3500;
function anim(t){var p=Math.min((t-t0)/dur,1),e=1-Math.pow(1-p,3);
ang=start+target*e;drawWheel();
if(p<1)requestAnimationFrame(anim);
else{spinning=false;
var seg=6.28/SEG.length,raw=(6.28-(ang%6.28))%6.28,idx=Math.floor(raw/seg);if(idx>=SEG.length)idx=0;
var prize=SEG[idx][1];addHarm(prize);
toast('Колесо Фортуны','Выпало '+prize+' ✨ гармонии!');
checkQuest('spin');
if(window.MV&&window.MV.addBlock)window.MV.addBlock('wheel','Крутанул колесо');
}}
requestAnimationFrame(anim);
}
var sb=$('#mv6Spin');if(sb)sb.addEventListener('click',spinWheel);
/* ── СЕЙФ ── */
function vault(){return g('mv6_vault',null)}
function saveVault(v){s('mv6_vault',v);renderVault()}
function accrue(){
var v=vault();if(!v||!v.amt)return;
var days=Math.floor((Date.now()-v.t)/864e5);
var grown=Math.floor(v.amt*Math.pow(1.02,days));
if(grown>v.amt)v.amt=grown;
saveVault(v);
}
function renderVault(){
var v=vault(),el=$('#mv6VaultAmt');
if(el)el.textContent=(v?v.amt:0)+' ✨';
}
var vp=$('#mv6VaultPut');
if(vp)vp.addEventListener('click',function(){
var n=parseInt(($('#mv6VaultIn')||{}).value||0,10);
if(!n||n<=0){toast('Сейф','Введи сумму','warning');return}
if(!spend(n)){toast('Сейф','Не хватает гармонии','warning');return}
var v=vault()||{amt:0,t:Date.now()};
v.amt+=n;v.t=Date.now();saveVault(v);
$('#mv6VaultIn').value='';
toast('Сейф','Вложено '+n+' ✨. Растёт +2% в день!');
checkQuest('vault');
});
var vt=$('#mv6VaultTake');
if(vt)vt.addEventListener('click',function(){
var v=vault();if(!v||!v.amt){toast('Сейф','Сейф пуст','warning');return}
addHarm(v.amt);toast('Сейф','Забрал '+v.amt+' ✨');saveVault({amt:0,t:Date.now()});
});
/* ── ЕЖЕДНЕВНЫЙ КВЕСТ ── */
var QUESTS=[
{id:'spin',txt:'Крутни Колесо Фортуны'},
{id:'vault',txt:'Вложи гармонию в Сейф'},
{id:'gadget',txt:'Сделай любое гадание'}
];
function questState(){return g('mv6_quest_'+today(),{})}
function checkQuest(id){
var q=questState();
if(!q[id]){q[id]=true;s('mv6_quest_'+today(),q);renderQuests();}
}
function renderQuests(){
var q=questState(),list=$('#mv6QuestList');if(!list)return;
list.innerHTML=QUESTS.map(function(qu){
var done=!!q[qu.id];
return '<div class="mv6-quest'+(done?' done':'')+'"><span class="q-txt">'+qu.txt+'</span><span class="q-box">'+(done?'✓':'')+'</span></div>';
}).join('');
var all=QUESTS.every(function(qu){return q[qu.id]});
var cb=$('#mv6QuestClaim');if(cb){cb.disabled=!all||g('mv6_quest_claim_'+today(),false);}
}
var qc=$('#mv6QuestClaim');
if(qc)qc.addEventListener('click',function(){
var q=questState();
var all=QUESTS.every(function(qu){return q[qu.id]});
if(!all){toast('Квест','Выполни все 3 задания','warning');return}
if(g('mv6_quest_claim_'+today(),false)){toast('Квест','Уже забрал сегодня','warning');return}
s('mv6_quest_claim_'+today(),true);addHarm(5);
toast('Квест','Все квесты выполнены! +5 ✨');
renderQuests();
});
/* отслеживаем гадания для квеста */
document.addEventListener('click',function(e){
var c=e.target.closest?e.target.closest.bind(e.target):null;if(!c)return;
if(c('#dealbtn')||c('#drawRune')||c('#spinWheel')||c('#cupContainer')||c('#dealCards')||c('#numCalc')||c('#shadowBtn')||c('.a-book-card'))checkQuest('gadget');
});
/* таймер до следующего спина */
function tick(){
var el=$('#mv6SpinTimer');if(!el)return;
if(canSpin()){el.textContent='Готово к спине!';return}
var now=new Date(),mid=new Date(now);mid.setHours(24,0,0,0);
var d=mid-now,h=Math.floor(d/36e5),m=Math.floor(d%36e5/6e4),sec=Math.floor(d%6e4/1e3);
el.textContent='Следующий спин через '+h+'ч '+m+'м '+sec+'с';
}
setInterval(tick,1000);
/* init */
accrue();drawWheel();renderVault();renderQuests();tick();
if(window.MV&&window.MV.onBlock){
var ob=window.MV.onBlock;
window.MV.onBlock=function(b){ob(b);checkQuest('gadget');};
}
console.log('? Блок 6: Колесо + Сейфы (удержание) подключён');
})();
</script>
<style>
#mv6-btn{position:fixed;left:16px;bottom:200px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#3B82F6,#8B5CF6);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(59,130,246,.45);transition:transform .2s}
#mv6-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv6-btn{bottom:80px;left:16px}}
#mv6-mask{position:fixed;inset:0;z-index:410;display:none;align-items:center;justify-content:center;background:rgba(5,3,18,.82);backdrop-filter:blur(5px)}
#mv6-mask.open{display:flex}
#mv6-card{width:min(560px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:26px 22px;color:#efe9dc;border:1px solid rgba(139,92,246,.4);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 60px rgba(0,0,0,.6);
background:
radial-gradient(1px 1px at 20px 30px,#fff,transparent),
radial-gradient(1px 1px at 45px 70px,rgba(255,255,255,.85),transparent),
radial-gradient(1px 1px at 50px 160px,#fff,transparent),
radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.6),transparent),
radial-gradient(2px 2px at 130px 90px,#f0d68a,transparent),
radial-gradient(1px 1px at 160px 130px,#fff,transparent),
radial-gradient(1px 1px at 210px 60px,rgba(255,255,255,.7),transparent),
radial-gradient(1px 1px at 260px 150px,#fff,transparent),
linear-gradient(180deg,#0b0f2a,#171034 60%,#0d0a1c)}
#mv6-card h3{margin:0 0 4px;font-size:20px;color:#c4b5fd}
#mv6-sub{font-size:12px;color:#a5a0c9;margin-bottom:14px;line-height:1.5}
#mv6-text{width:100%;min-height:90px;padding:12px;border-radius:10px;border:1px solid rgba(139,92,246,.45);background:rgba(20,16,52,.6);color:#efe9dc;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}
#mv6-text:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139,92,246,.18)}
#mv6-send{width:100%;padding:13px;margin-top:10px;border:none;border-radius:10px;background:linear-gradient(135deg,#3B82F6,#8B5CF6);color:#fff;font-weight:800;font-size:15px;cursor:pointer;transition:.2s}
#mv6-send:hover{box-shadow:0 8px 24px rgba(99,102,241,.45)}
.mv6-note{font-size:11px;color:#8a84c0;margin-top:8px;text-align:center}
.mv6-result{display:none;margin-top:14px;padding:12px;border-radius:10px;border:1px solid rgba(240,214,138,.4);background:rgba(212,175,55,.08);font-size:12px;color:#f0d68a;word-break:break-all;animation:mv6pop .4s ease}
@keyframes mv6pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.mv6-result .lbl{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#a5a0c9;margin-bottom:4px}
.mv6-history{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.mv6-sig{padding:9px 12px;border-radius:9px;border:1px solid rgba(139,92,246,.3);background:rgba(139,92,246,.07);font-size:11px}
.mv6-sig .h{font-family:monospace;color:#c4b5fd;word-break:break-all}
.mv6-sig .d{color:#8a84c0;margin-top:2px}
#mv6-close{margin-top:14px;width:100%;padding:10px;border:1px solid rgba(139,92,246,.4);background:none;color:#c4b5fd;border-radius:10px;cursor:pointer;font-size:13px}
.mv6-rocket{position:fixed;z-index:500;font-size:34px;pointer-events:none;filter:drop-shadow(0 0 12px rgba(99,102,241,.8))}
.mv6-rocket.fly{animation:mv6fly 1.8s ease-in forwards}
@keyframes mv6fly{0%{transform:translate(0,0);opacity:1}100%{transform:translate(30vw,-120vh);opacity:0}}
</style>
<button id="mv6-btn" title="Сигнал в космос">?</button>
<div id="mv6-mask"><div id="mv6-card">
<h3>? Сигнал в космос</h3>
<div id="mv6-sub">Запиши послание и отправь его во Вселенную. Текст останется только у тебя — в публичную Цепь души уйдёт лишь хеш.</div>
<textarea id="mv6-text" maxlength="300" placeholder="Например: «Пусть этот месяц принесёт спокойствие и ясность»…"></textarea>
<button id="mv6-send">? Отправить в космос</button>
<div class="mv6-note">Первый сигнал — бесплатно. Дальше — 15 ✨ гармонии.</div>
<div class="mv6-result" id="mv6-result"><div class="lbl">Хеш сигнала · записан в цепь</div><span id="mv6-hash"></span></div>
<div class="mv6-history" id="mv6-history"></div>
<button id="mv6-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function lsGet(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function lsSet(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hsh(str){if(window.MV&&window.MV.hash)return window.MV.hash(str);
var h=0x811c9dc5;for(var i=0;i<str.length;i++){h^=str.charCodeAt(i);h=Math.imul(h,0x01000193)}
return ('0000000'+(h>>>0).toString(16)).slice(-8)}
function signals(){return lsGet('mv_signals',[])}
function launchRocket(){
var b=$('#mv6-btn'),r=b.getBoundingClientRect();
var rk=document.createElement('div');rk.className='mv6-rocket';rk.textContent='?';
rk.style.left=(r.left+r.width/2-17)+'px';rk.style.top=r.top+'px';
document.body.appendChild(rk);
requestAnimationFrame(function(){rk.classList.add('fly')});
setTimeout(function(){rk.remove()},1900);
}
function toast(t,m){if(window.Toast&&Toast.show)Toast.show(t,m,'success')}
function renderHistory(){
var list=$('#mv6-history'),sigs=signals().slice().reverse().slice(0,5);
if(!sigs.length){list.innerHTML='';return}
list.innerHTML=sigs.map(function(sg){
return '<div class="mv6-sig"><div class="h">'+sg.hash+'</div><div class="d">Отправлено '+sg.date+'</div></div>';
}).join('');
}
$('#mv6-btn').addEventListener('click',function(){$('#mv6-mask').classList.add('open');renderHistory()});
$('#mv6-close').addEventListener('click',function(){$('#mv6-mask').classList.remove('open')});
$('#mv6-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
$('#mv6-send').addEventListener('click',function(){
var txt=$('#mv6-text').value.trim();
if(!txt){toast('Сигнал','Сначала напиши послание');return}
var sigs=signals();
var cost=sigs.length===0?0:15;
if(cost>0){
var ok=(window.MV&&window.MV.spend)?window.MV.spend(cost):(function(){var h=lsGet('mv_harmony',0);if(h>=cost){lsSet('mv_harmony',h-cost);return true}return false})();
if(!ok){toast('Сигнал','Нужно 15 ✨ гармонии. Копи в Саду гармонии');return}
}
var hash=hsh(txt+'|'+Date.now());
var sig={hash:hash,date:new Date().toLocaleString('ru-RU')};
sigs.push(sig);lsSet('mv_signals',sigs);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('signal','Сигнал в космос',2);
$('#mv6-text').value='';
$('#mv6-hash').textContent=hash;
$('#mv6-result').style.display='block';
launchRocket();
renderHistory();
toast('Сигнал отправлен',cost===0?'Первый сигнал — бесплатно!':'−15 ✨ гармонии');
});
renderHistory();
console.log('? Блок 6: Сигнал в космос подключён');
})();
</script>
<style>
#mv6-btn{position:fixed;right:16px;bottom:260px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#3B82F6,#8B5CF6);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(59,130,246,.45);transition:transform .2s}
#mv6-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv6-btn{bottom:84px;right:76px}}
#mv6-mask{position:fixed;inset:0;z-index:411;display:none;align-items:center;justify-content:center;background:rgba(5,3,20,.82);backdrop-filter:blur(4px)}
#mv6-mask.open{display:flex}
#mv6-card{width:min(560px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:24px;color:#efe9dc;background:radial-gradient(1200px 600px at 50% -10%,#1a1440,#0b081c 60%);border:1px solid rgba(139,92,246,.4);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 60px rgba(0,0,0,.55);position:relative}
.mv6-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:18px}
.mv6-stars i{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.7;animation:mv6tw 3s infinite}
@keyframes mv6tw{0%,100%{opacity:.15}50%{opacity:.9}}
#mv6-card h3{margin:0 0 4px;font-size:20px;color:#c4b5fd;position:relative}
#mv6-sub{font-size:12px;color:#a79ec9;margin-bottom:16px;position:relative}
#mv6-msg{width:100%;min-height:90px;padding:13px;border-radius:12px;border:1px solid rgba(139,92,246,.4);background:rgba(30,22,70,.5);color:#efe9dc;font-size:14px;resize:vertical;font-family:inherit;box-sizing:border-box}
#mv6-msg:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139,92,246,.18)}
#mv6-send{width:100%;margin-top:12px;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#3B82F6,#8B5CF6);color:#fff;font-weight:800;font-size:15px;cursor:pointer;transition:.2s}
#mv6-send:hover{box-shadow:0 8px 24px rgba(99,102,241,.5);transform:translateY(-1px)}
#mv6-send:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.mv6-cost{font-size:12px;color:#a79ec9;text-align:center;margin-top:8px}
.mv6-list{margin-top:18px;display:flex;flex-direction:column;gap:8px;position:relative}
.mv6-sig{border:1px solid rgba(99,102,241,.35);border-radius:12px;padding:10px 12px;background:rgba(59,130,246,.08);animation:mv6fly .8s ease}
@keyframes mv6fly{0%{opacity:0;transform:translateY(14px) scale(.96)}100%{opacity:1;transform:none}}
.mv6-sig .t{font-size:13px;color:#dbeafe}
.mv6-sig .h{font-family:monospace;font-size:10px;color:#8a84a8;margin-top:4px;word-break:break-all}
#mv6-close{margin-top:14px;width:100%;border:1px solid rgba(139,92,246,.4);background:none;color:#c4b5fd;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
.mv6-comet{position:fixed;width:10px;height:10px;border-radius:50%;background:#8B5CF6;box-shadow:0 0 20px #8B5CF6,0 0 40px #3B82F6;pointer-events:none;z-index:500}
</style>
<button id="mv6-btn" title="Сигнал в космос">?</button>
<div id="mv6-mask"><div id="mv6-card">
<div class="mv6-stars" id="mv6-stars"></div>
<h3>? Сигнал в космос</h3>
<div id="mv6-sub">Отправь намерение во Вселенную. Оно станет хешем в Цепи души.</div>
<textarea id="mv6-msg" placeholder="Моё намерение…"></textarea>
<button id="mv6-send">✨ Отправить сигнал</button>
<div class="mv6-cost" id="mv6-cost"></div>
<div class="mv6-list" id="mv6-list"></div>
<button id="mv6-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
var COST=15;
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function st(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hsh(s){if(window.MV&&window.MV.hash)return window.MV.hash(s);var h=0x811c9dc5;for(var i=0;i<s.length;i++){h^=s.charCodeAt(i);h=Math.imul(h,0x01000193)}return ('0000000'+(h>>>0).toString(16)).slice(-8)}
/* звёзды */
var sc=$('#mv6-stars');
for(var i=0;i<40;i++){var d=document.createElement('i');
d.style.left=Math.random()*100+'%';d.style.top=Math.random()*100+'%';
d.style.animationDelay=(Math.random()*3)+'s';d.style.animationDuration=(2+Math.random()*3)+'s';
sc.appendChild(d);}
function signals(){return g('mv_signals',[])}
function canAfford(){var h=(window.MV&&window.MV.harmony)?window.MV.harmony():g('mv_harmony',0);return h>=COST}
function comet(){
var c=document.createElement('div');c.className='mv6-comet';
c.style.left=(20+Math.random()*60)+'vw';c.style.top='70vh';
document.body.appendChild(c);
var start=null;
function step(ts){if(!start)start=ts;var p=(ts-start)/1200;
if(p>=1){c.remove();return}
c.style.transform='translate('+(-p*40)+'vw,'+(-p*90)+'vh) scale('+(1-p*.6)+')';
c.style.opacity=String(1-p);requestAnimationFrame(step);}
requestAnimationFrame(step);
}
function render(){
var list=signals();
var box=$('#mv6-list');
if(!list.length){box.innerHTML='<div style="color:#8a84a8;font-size:12px;text-align:center">Сигналов пока нет.</div>';}
else{box.innerHTML=list.slice().reverse().slice(0,8).map(function(s){
return '<div class="mv6-sig"><div class="t">'+s.msg+'</div><div class="h">#'+s.i+' · '+s.hash+' · '+s.d+'</div></div>';
}).join('');}
var afford=canAfford()||signals().length===0;
$('#mv6-send').disabled=false;
$('#mv6-cost').textContent=signals().length===0?'Первый сигнал — бесплатно':'Стоимость: '+COST+' ✨ гармонии';
}
$('#mv6-send').addEventListener('click',function(){
var msg=$('#mv6-msg').value.trim();
if(!msg){if(window.Toast)Toast.show('Сигнал','Напиши намерение','warning');return}
var list=signals();
if(list.length>0){
if(window.MV&&window.MV.spend){if(!window.MV.spend(COST)){Toast.show('Сигнал','Нужно '+COST+' ✨','warning');return}}
else{var h=g('mv_harmony',0);if(h<COST){Toast.show('Сигнал','Нужно '+COST+' ✨','warning');return}st('mv_harmony',h-COST)}
}
var hash=hsh(msg+'|'+Date.now());
list.push({i:list.length,msg:msg,hash:hash,d:new Date().toLocaleDateString('ru-RU')});
st('mv_signals',list);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('signal','Сигнал: '+msg.slice(0,40));
$('#mv6-msg').value='';
comet();render();
if(window.Toast)Toast.show('Сигнал отправлен','✨ Намерение ушло в космос','success');
});
$('#mv6-btn').addEventListener('click',function(){$('#mv6-mask').classList.add('open');render()});
$('#mv6-close').addEventListener('click',function(){$('#mv6-mask').classList.remove('open')});
$('#mv6-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
console.log('? Блок 6: Сигнал в космос подключён');
})();
</script>
<style>
#mv7-btn{position:fixed;right:16px;bottom:264px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(245,158,11,.45);transition:transform .2s}
#mv7-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv7-btn{bottom:140px}}
#mv7-mask{position:fixed;inset:0;z-index:412;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.78);backdrop-filter:blur(5px)}
#mv7-mask.open{display:flex}
#mv7-card{width:min(520px,92vw);max-height:88vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#171034,#0d0a1c);border:1px solid rgba(212,175,55,.4);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 60px rgba(0,0,0,.55)}
#mv7-card h3{margin:0 0 4px;font-size:20px;color:#f0d68a}
.mv7-sub{font-size:12px;color:#a79ec9;margin-bottom:14px}
.mv7-wheel-wrap{position:relative;width:280px;height:280px;margin:0 auto 14px}
#mv7-wheel{width:100%;height:100%;display:block}
.mv7-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:22px solid #D4AF37;filter:drop-shadow(0 0 6px rgba(212,175,55,.8));z-index:2}
#mv7-spin{width:100%;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;font-weight:800;font-size:15px;cursor:pointer;transition:.2s}
#mv7-spin:hover{box-shadow:0 8px 24px rgba(245,158,11,.45)}
#mv7-spin:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.mv7-harm-line{text-align:center;font-size:13px;color:#cfc8e8;margin:12px 0}
.mv7-harm-line b{color:#f0d68a;font-size:17px}
.mv7-divider{border:none;border-top:1px dashed rgba(212,175,55,.3);margin:18px 0}
#mv7-card h4{font-size:16px;color:#f0d68a;margin-bottom:6px}
.mv7-vault-note{font-size:12px;color:#a79ec9;margin-bottom:10px;line-height:1.5}
.mv7-lock-row{display:flex;gap:8px;margin-bottom:12px}
#mv7-amt{flex:1;padding:11px 14px;border-radius:10px;border:1px solid rgba(212,175,55,.4);background:rgba(36,26,82,.4);color:#efe9dc;font-size:14px}
#mv7-amt:focus{outline:none;border-color:#D4AF37}
#mv7-lock{padding:11px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#8B5CF6,#3B82F6);color:#fff;font-weight:700;cursor:pointer}
.mv7-vault{border:1px solid rgba(139,92,246,.4);border-radius:10px;padding:10px 12px;background:rgba(139,92,246,.08);display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.mv7-vault.ready{border-color:#10B981;background:rgba(16,185,129,.1)}
.mv7-v-amt{font-weight:700;color:#efe9dc;font-size:13px}
.mv7-v-time{font-size:11px;color:#a79ec9}
.mv7-collect{border:none;border-radius:8px;background:#10B981;color:#fff;font-weight:700;padding:7px 12px;cursor:pointer;font-size:12px}
.mv7-empty{color:#8a84a8;font-size:12px;font-style:italic;text-align:center;padding:8px}
#mv7-close{margin-top:14px;width:100%;border:1px solid rgba(212,175,55,.4);background:none;color:#f0d68a;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
</style>
<button id="mv7-btn" title="Колесо Фортуны">?</button>
<div id="mv7-mask"><div id="mv7-card">
<h3>? Колесо Фортуны</h3>
<div class="mv7-sub">Крути раз в день — выигрывай гармонию</div>
<div class="mv7-harm-line">Гармония: <b id="mv7-harm">0</b> ✨</div>
<div class="mv7-wheel-wrap"><div class="mv7-pointer"></div><canvas id="mv7-wheel" width="280" height="280"></canvas></div>
<button id="mv7-spin">? Крутить колесо</button>
<hr class="mv7-divider" />
<h4>?️ Сейф Теней</h4>
<div class="mv7-vault-note">Заморозь гармонию на 7 дней — вернёшь её с бонусом <b>+50%</b>. Чем дольше ждёшь, тем больше растёт сад.</div>
<div class="mv7-lock-row"><input id="mv7-amt" type="number" min="1" placeholder="Сумма ✨" /><button id="mv7-lock">? Заморозить</button></div>
<div id="mv7-vaults"></div>
<button id="mv7-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function s(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function harm(){if(window.MV&&window.MV.harmony)return window.MV.harmony();return g('mv_harmony',0)}
function addH(n){if(window.MV&&window.MV.addHarmony){window.MV.addHarmony(n)}else{var h=g('mv_harmony',0);s('mv_harmony',h+n);}}
function spend(n){if(window.MV&&window.MV.spend)return window.MV.spend(n);var h=g('mv_harmony',0);if(h>=n){s('mv_harmony',h-n);return true}return false}
function toast(t,m){if(window.Toast&&Toast.show)Toast.show(t,m,'success')}
function today(){return new Date().toDateString()}
var SEGS=[5,10,15,3,8,12,20,2];
var COLS=['#D4AF37','#8B5CF6','#3B82F6','#10B981','#F59E0B','#EC4899','#6366F1','#EF4444'];
var angle=0,spinning=false,drawn=false;
function drawWheel(){
var cv=$('#mv7-wheel');if(!cv)return;var ctx=cv.getContext('2d');
var w=cv.width,h=cv.height,cx=w/2,cy=h/2,r=w/2-12;
ctx.clearRect(0,0,w,h);
for(var i=0;i<8;i++){
var a0=angle+i*(Math.PI/4),a1=a0+Math.PI/4;
ctx.beginPath();ctx.moveTo(cx,cy);ctx.arc(cx,cy,r,a0,a1);ctx.closePath();
ctx.fillStyle=COLS[i];ctx.fill();ctx.strokeStyle='#0d0a1c';ctx.lineWidth=2;ctx.stroke();
ctx.save();ctx.translate(cx,cy);ctx.rotate(a0+Math.PI/8);
ctx.fillStyle='#fff';ctx.font='bold 17px Inter';ctx.textAlign='center';
ctx.fillText('+'+SEGS[i],r*0.62,6);ctx.restore();
}
ctx.beginPath();ctx.arc(cx,cy,22,0,7);ctx.fillStyle='#0d0a1c';ctx.fill();
ctx.strokeStyle='#D4AF37';ctx.lineWidth=2;ctx.stroke();
ctx.fillStyle='#f0d68a';ctx.font='16px Inter';ctx.textAlign='center';ctx.fillText('✦',cx,cy+6);
}
function updateSpinBtn(){
var b=$('#mv7-spin');var spun=g('mv7_spin','')===today();
b.disabled=spun||spinning;
b.textContent=spun?'✅ Уже крутил сегодня':'? Крутить колесо';
}
function spin(){
if(spinning)return;
if(g('mv7_spin','')===today()){toast('Колесо','Уже крутил сегодня — возвращайся завтра!');return}
spinning=true;updateSpinBtn();
var target=Math.floor(Math.random()*8);
var finalAngle=-Math.PI/2-Math.PI/8-target*(Math.PI/4);
var total=(finalAngle-angle)%(2*Math.PI);
if(total<0)total+=2*Math.PI;
total+=5*2*Math.PI;
var start=angle,dur=3200,t0=performance.now();
function frame(now){
var p=Math.min((now-t0)/dur,1),e=1-Math.pow(1-p,3);
angle=start+total*e;drawWheel();
if(p<1)requestAnimationFrame(frame);
else{spinning=false;s('mv7_spin',today());
var win=SEGS[target];addH(win);
$('#mv7-harm').textContent=harm();
toast('Колесо Фортуны','+'+win+' ✨ гармонии!');
updateSpinBtn();}
}
requestAnimationFrame(frame);
}
function lockVault(){
var amt=parseInt($('#mv7-amt').value,10);
if(!amt||amt<=0){toast('Сейф','Введи сумму');return}
if(!spend(amt)){toast('Сейф','Не хватает гармонии');return}
var vs=g('mv7_vaults',[]);
vs.push({amt:amt,locked:Date.now(),until:Date.now()+7*864e5});
s('mv7_vaults',vs);$('#mv7-amt').value='';
$('#mv7-harm').textContent=harm();
renderVaults();toast('Сейф Теней','Заморожено '+amt+' ✨ на 7 дней (+50%)');
}
function renderVaults(){
var vs=g('mv7_vaults',[]),box=$('#mv7-vaults');
if(!vs.length){box.innerHTML='<div class="mv7-empty">Нет активных сейфов.</div>';return}
box.innerHTML=vs.map(function(v,i){
var ready=Date.now()>=v.until,left=Math.ceil((v.until-Date.now())/864e5),ret=Math.round(v.amt*1.5);
return '<div class="mv7-vault'+(ready?' ready':'')+'"><div class="mv7-v-amt">'+v.amt+' ✨ → '+ret+' ✨</div>'+
(ready?'<button class="mv7-collect" data-i="'+i+'">Забрать '+ret+' ✨</button>':'<div class="mv7-v-time">'+left+' дн.</div>')+'</div>';
}).join('');
box.querySelectorAll('.mv7-collect').forEach(function(b){
b.addEventListener('click',function(){
var i=+b.dataset.i,arr=g('mv7_vaults',[]),v=arr[i],ret=Math.round(v.amt*1.5);
addH(ret);arr.splice(i,1);s('mv7_vaults',arr);
$('#mv7-harm').textContent=harm();renderVaults();
toast('Сейф Теней','Забрал '+ret+' ✨ с бонусом!');
});
});
}
$('#mv7-btn').addEventListener('click',function(){
$('#mv7-mask').classList.add('open');
$('#mv7-harm').textContent=harm();
drawWheel();updateSpinBtn();renderVaults();
});
$('#mv7-spin').addEventListener('click',spin);
$('#mv7-lock').addEventListener('click',lockVault);
$('#mv7-close').addEventListener('click',function(){$('#mv7-mask').classList.remove('open')});
$('#mv7-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
console.log('? Блок 7: Колесо + Сейф Теней подключены');
})();
</script>
<style>
#mv6-btn{position:fixed;right:16px;bottom:264px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(245,158,11,.45);transition:transform .2s}
#mv6-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv6-btn{bottom:264px}}
#mv6-mask{position:fixed;inset:0;z-index:410;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.72);backdrop-filter:blur(4px)}
#mv6-mask.open{display:flex}
#mv6-card{width:min(520px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#171034,#0d0a1c);border:1px solid rgba(245,158,11,.4);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 60px rgba(0,0,0,.5)}
#mv6-card h3{margin:0 0 4px;font-size:20px;color:#fbd38d}
#mv6-sub{font-size:12px;color:#a79ec9;margin-bottom:12px}
.mv6-balance{display:flex;justify-content:space-between;align-items:center;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.35);border-radius:12px;padding:10px 14px;margin-bottom:16px}
.mv6-balance span{font-size:12px;color:#d9cfae}
.mv6-balance b{font-size:22px;color:#fbd38d}
.mv6-wheelwrap{position:relative;width:190px;height:190px;margin:8px auto 14px}
.mv6-rotor{position:absolute;inset:0}
.mv6-wheel{position:absolute;inset:0;border-radius:50%;border:4px solid #D4AF37;box-shadow:0 0 24px rgba(212,175,55,.35)}
.mv6-seglab{position:absolute;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);transform:translate(-50%,-50%);pointer-events:none}
.mv6-pointer{position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:16px solid #D4AF37;z-index:5;filter:drop-shadow(0 0 5px rgba(212,175,55,.8))}
.mv6-spin{width:100%;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;font-weight:800;font-size:15px;cursor:pointer;transition:.2s}
.mv6-spin:hover:not(:disabled){box-shadow:0 8px 24px rgba(245,158,11,.4)}
.mv6-spin:disabled{opacity:.5;cursor:not-allowed}
.mv6-hr{border:none;border-top:1px dashed rgba(245,158,11,.3);margin:18px 0}
.mv6-safetitle{font-size:15px;font-weight:700;color:#fbd38d;margin-bottom:8px}
.mv6-lockrow{display:flex;gap:8px}
.mv6-lockrow input{flex:1;padding:11px 14px;border-radius:10px;border:1px solid rgba(245,158,11,.4);background:rgba(36,26,82,.4);color:#efe9dc;font-size:14px;min-width:0}
.mv6-lockrow input:focus{outline:none;border-color:#F59E0B}
.mv6-lockbtn{padding:11px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#8B5CF6,#3B82F6);color:#fff;font-weight:700;cursor:pointer}
.mv6-note{font-size:11px;color:#8a84a8;margin-top:8px}
.mv6-safebox{background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.35);border-radius:12px;padding:14px;text-align:center}
.mv6-safeinfo{font-size:13px;color:#cfc8e8;margin-bottom:10px}
.mv6-claim{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#10B981,#34D399);color:#fff;font-weight:800;cursor:pointer}
.mv6-claim:disabled{opacity:.5;cursor:not-allowed;background:#4B5563}
#mv6-close{margin-top:16px;width:100%;border:1px solid rgba(245,158,11,.4);background:none;color:#fbd38d;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
</style>
<button id="mv6-btn" title="Колесо Судьбы">?</button>
<div id="mv6-mask"><div id="mv6-card">
<h3>? Колесо Судьбы</h3>
<div id="mv6-sub">Крути раз в день · копи гармонию · замораживай в Сейфе под +50%</div>
<div class="mv6-balance"><span>Гармония</span><b><span id="mv6-harm">0</span> ✨</b></div>
<div class="mv6-wheelwrap">
<div class="mv6-rotor" id="mv6-rotor"><div class="mv6-wheel" id="mv6-wheel"></div><div id="mv6-labels"></div></div>
<div class="mv6-pointer"></div>
</div>
<button class="mv6-spin" id="mv6-spin">? Крутить колесо</button>
<hr class="mv6-hr" />
<div class="mv6-safetitle">? Сейф Гармонии</div>
<div id="mv6-lockbox">
<div class="mv6-lockrow"><input type="number" id="mv6-amt" min="1" placeholder="Сумма ✨" /><button class="mv6-lockbtn" id="mv6-lock">Заморозить на 7 дней</button></div>
<div class="mv6-note">Замороженная гармония вырастет на 50%. Забрать можно через 7 дней.</div>
</div>
<div class="mv6-safebox" id="mv6-safebox" style="display:none">
<div class="mv6-safeinfo" id="mv6-safeinfo"></div>
<button class="mv6-claim" id="mv6-claim">? Забрать</button>
</div>
<button id="mv6-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function lsGet(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function lsSet(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
var SEGS=[[3,'+3','#F59E0B'],[5,'+5','#EC4899'],[2,'+2','#8B5CF6'],[8,'+8','#10B981'],[1,'+1','#3B82F6'],[6,'+6','#EF4444'],[4,'+4','#D4AF37'],[10,'+10','#06B6D4']];
function harm(){return lsGet('mv_harmony',0)}
function setH(n){lsSet('mv_harmony',n)}
function today(){return new Date().toDateString()}
function canSpin(){return lsGet('mv6_lastspin','')!==today()}
function safeState(){return lsGet('mv6_safe',null)}
var spinning=false;
function buildWheel(){
var stops=[],n=SEGS.length;
for(var i=0;i<n;i++){stops.push(SEGS[i][2]+' '+(i/n*360)+'deg '+((i+1)/n*360)+'deg')}
$('#mv6-wheel').style.background='conic-gradient(from 0deg,'+stops.join(',')+')';
var lab=$('#mv6-labels');lab.innerHTML='';
for(var j=0;j<n;j++){
var ang=(j/n*360)+(180/n),rad=ang*Math.PI/180,r=62;
var d=document.createElement('div');d.className='mv6-seglab';
d.style.left=(95+r*Math.sin(rad))+'px';d.style.top=(95-r*Math.cos(rad))+'px';
d.textContent=SEGS[j][1];lab.appendChild(d);
}}
function resetRotor(){var ro=$('#mv6-rotor');ro.style.transition='none';ro.style.transform='rotate(0deg)'}
function spin(){
if(spinning)return;
if(!canSpin()){if(window.Toast)Toast.show('Колесо Судьбы','Сегодня уже крутил — возвращайся завтра!','warning');return}
spinning=true;
var n=SEGS.length,seg=360/n,idx=Math.floor(Math.random()*n);
var ci=idx*seg+seg/2,finalRot=360*5+(360-ci);
var ro=$('#mv6-rotor');
ro.style.transition='transform 4s cubic-bezier(.15,.6,.15,1)';
ro.style.transform='rotate('+finalRot+'deg)';
setTimeout(function(){
spinning=false;
var reward=SEGS[idx][0];
setH(harm()+reward);
lsSet('mv6_lastspin',today());
if(window.MV&&window.MV.addBlock)window.MV.addBlock('wheel','Колесо Судьбы: +'+reward);
updateUI();
if(window.Toast)Toast.show('Колесо Судьбы','Выпало +'+reward+' ✨ гармонии!','success');
if(window.msBurst)window.msBurst(innerWidth/2,innerHeight/2,['#F59E0B','#EC4899','#D4AF37','#fff'],60,6);
},4200);
}
function lockSafe(){
var amt=parseInt(($('#mv6-amt').value||'0'),10);
if(!amt||amt<=0){if(window.Toast)Toast.show('Сейф','Введи сумму','warning');return}
if(amt>harm()){if(window.Toast)Toast.show('Сейф','Не хватает гармонии (есть '+harm()+' ✨)','warning');return}
setH(harm()-amt);
lsSet('mv6_safe',{amt:amt,start:Date.now(),unlock:Date.now()+7*24*3600*1000});
if(window.MV&&window.MV.addBlock)window.MV.addBlock('safe','Сейф: заморожено '+amt);
$('#mv6-amt').value='';updateUI();
if(window.Toast)Toast.show('Сейф Гармонии','Заморожено '+amt+' ✨ на 7 дней (+50%)','success');
}
function claimSafe(){
var st=safeState();if(!st)return;
if(Date.now()<st.unlock){if(window.Toast)Toast.show('Сейф','Ещё заморожен. Осталось '+Math.ceil((st.unlock-Date.now())/(24*3600*1000))+' дн.','warning');return}
var bonus=Math.round(st.amt*1.5);
setH(harm()+bonus);lsSet('mv6_safe',null);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('safe','Сейф: получено '+bonus);
updateUI();
if(window.Toast)Toast.show('Сейф Гармонии','Получено '+bonus+' ✨ (вклад '+st.amt+' + 50%)','success');
}
function updateUI(){
$('#mv6-harm').textContent=harm();
var sb=$('#mv6-spin');
if(canSpin()){sb.disabled=false;sb.textContent='? Крутить колесо'}
else{sb.disabled=true;sb.textContent='⏳ Уже крутил сегодня'}
var st=safeState(),lb=$('#mv6-lockbox'),sfb=$('#mv6-safebox');
if(st){lb.style.display='none';sfb.style.display='block';
var left=st.unlock-Date.now();
if(left>0){$('#mv6-safeinfo').textContent='Заморожено '+st.amt+' ✨ · разморозится через '+Math.ceil(left/(24*3600*1000))+' дн.';
$('#mv6-claim').disabled=true;$('#mv6-claim').textContent='? Заморожено'}
else{var bonus=Math.round(st.amt*1.5);
$('#mv6-safeinfo').textContent='Готово! '+st.amt+' ✨ → '+bonus+' ✨ (+50%)';
$('#mv6-claim').disabled=false;$('#mv6-claim').textContent='? Забрать '+bonus+' ✨'}}
else{lb.style.display='block';sfb.style.display='none'}
}
$('#mv6-btn').addEventListener('click',function(){$('#mv6-mask').classList.add('open');resetRotor();updateUI()});
$('#mv6-spin').addEventListener('click',spin);
$('#mv6-lock').addEventListener('click',lockSafe);
$('#mv6-claim').addEventListener('click',claimSafe);
$('#mv6-close').addEventListener('click',function(){$('#mv6-mask').classList.remove('open')});
$('#mv6-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
buildWheel();updateUI();
console.log('? Блок 6: Колесо Судьбы + Сейф Гармонии подключены');
})();
</script>
<style>
#mv5-sig-btn{position:fixed;left:16px;bottom:204px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#3B82F6,#8B5CF6);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(59,130,246,.45);transition:transform .2s}
#mv5-sig-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv5-sig-btn{bottom:24px;left:70px}}
#mv5-sig-mask{position:fixed;inset:0;z-index:411;display:none;align-items:center;justify-content:center;background:rgba(5,3,18,.82);backdrop-filter:blur(4px)}
#mv5-sig-mask.open{display:flex}
#mv5-sig-card{width:min(520px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:24px;color:#efe9dc;background:radial-gradient(circle at 50% 0%,#1e1b4b 0%,#0d0a1c 70%);border:1px solid rgba(139,92,246,.4);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 60px rgba(0,0,0,.6);position:relative}
#mv5-sig-card h3{margin:0 0 6px;font-size:20px;color:#c4b5fd}
#mv5-sig-sub{font-size:12px;color:#a5b4fc;margin-bottom:16px}
#mv5-sig-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:18px}
#mv5-sig-stars i{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.6;animation:mv5tw 3s infinite}
@keyframes mv5tw{50%{opacity:.1}}
#mv5-sig-input{width:100%;min-height:84px;padding:12px 14px;border-radius:12px;border:1px solid rgba(139,92,246,.4);background:rgba(30,27,75,.5);color:#efe9dc;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px}
#mv5-sig-input:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139,92,246,.15)}
#mv5-sig-send{width:100%;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#3B82F6,#8B5CF6);color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:.2s}
#mv5-sig-send:hover{box-shadow:0 8px 24px rgba(99,102,241,.4)}
#mv5-sig-send:disabled{opacity:.5;cursor:not-allowed}
.mv5-sig-note{font-size:11px;color:#a5b4fc;margin-top:10px;text-align:center}
#mv5-sig-fly{position:fixed;left:50%;bottom:0;z-index:500;font-size:34px;pointer-events:none;opacity:0;transition:none}
#mv5-sig-list{margin-top:16px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}
.mv5-sig-item{border:1px solid rgba(139,92,246,.35);border-radius:10px;padding:10px 12px;background:rgba(139,92,246,.08)}
.mv5-sig-item .t{font-size:13px;color:#e0e7ff;line-height:1.4;word-break:break-word}
.mv5-sig-item .h{font-family:monospace;font-size:10px;color:#818cf8;margin-top:5px;word-break:break-all}
.mv5-sig-item .d{font-size:10px;color:#6b7280;margin-top:3px}
#mv5-sig-close{margin-top:14px;width:100%;border:1px solid rgba(139,92,246,.4);background:none;color:#c4b5fd;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
</style>
<button id="mv5-sig-btn" title="Сигнал в космос">?</button>
<div id="mv5-sig-fly">?</div>
<div id="mv5-sig-mask"><div id="mv5-sig-card">
<div id="mv5-sig-stars"></div>
<h3>? Сигнал в космос</h3>
<div id="mv5-sig-sub">Загадай намерение — оно станет блоком в Цепи души и улетит к звёздам.</div>
<textarea id="mv5-sig-input" placeholder="Впиши своё намерение, мечту или благодарность…" maxlength="300"></textarea>
<button id="mv5-sig-send">✨ Отправить сигнал</button>
<div class="mv5-sig-note" id="mv5-sig-note">Первый сигнал — бесплатно. Дальше — 8 ✨ гармонии.</div>
<div id="mv5-sig-list"></div>
<button id="mv5-sig-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function lsGet(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function lsSet(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function hash(str){var h=0x811c9dc5;for(var i=0;i<str.length;i++){h^=str.charCodeAt(i);h=Math.imul(h,0x01000193)}var x=('0000000'+(h>>>0).toString(16)).slice(-8);return (x+x+x+x+x).slice(0,40)}
var COST=8;
var stars=$('#mv5-sig-stars');
if(stars){for(var i=0;i<26;i++){var s=document.createElement('i');s.style.left=Math.random()*100+'%';s.style.top=Math.random()*100+'%';s.style.animationDelay=(Math.random()*3)+'s';stars.appendChild(s);}}
function toast(t,m){if(window.Toast&&Toast.show){Toast.show(t,m,'success')}}
function getSignals(){return lsGet('mv_signals',[])}
function canPay(free){
if(free)return true;
if(window.MV&&window.MV.spend)return window.MV.spend(COST);
var h=lsGet('mv_harmony',0);if(h>=COST){lsSet('mv_harmony',h-COST);return true}
return false;
}
function render(){
var list=$('#mv5-sig-list'),arr=getSignals();
if(!arr.length){list.innerHTML='';return}
list.innerHTML=arr.slice().reverse().map(function(sg){
return '<div class="mv5-sig-item"><div class="t">'+sg.t.replace(/</g,'<')+'</div><div class="h">'+sg.h+'</div><div class="d">'+sg.d+' · '+sg.w+'</div></div>';
}).join('');
}
function flyRocket(cb){
var r=$('#mv5-sig-fly');
r.style.transition='none';r.style.opacity='1';r.style.transform='translate(-50%,0)';
requestAnimationFrame(function(){
r.style.transition='transform 1.6s cubic-bezier(.3,.6,.4,1),opacity 1.6s';
r.style.transform='translate(-50%,-110vh) rotate(-8deg)';r.style.opacity='0';
});
setTimeout(function(){r.style.opacity='0';if(cb)cb()},1700);
}
$('#mv5-sig-btn').addEventListener('click',function(){$('#mv5-sig-mask').classList.add('open');render()});
$('#mv5-sig-close').addEventListener('click',function(){$('#mv5-sig-mask').classList.remove('open')});
$('#mv5-sig-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
$('#mv5-sig-send').addEventListener('click',function(){
var intent=$('#mv5-sig-input').value.trim();
if(!intent){toast('Сигнал','Сначала впиши намерение');return}
var arr=getSignals(),free=arr.length===0;
if(!canPay(free)){toast('Сигнал','Нужно '+COST+' ✨ гармонии (сейчас '+lsGet('mv_harmony',0)+')');return}
var h=hash(intent+'|'+Date.now());
var world=window.location.hostname||'локально';
arr.push({t:intent,h:h,d:new Date().toLocaleString('ru-RU'),w:world});
lsSet('mv_signals',arr);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('signal','Сигнал в космос: '+intent.slice(0,30));
$('#mv5-sig-input').value='';
render();
flyRocket();
toast('Сигнал отправлен',free?'Первый сигнал — бесплатно! К звёздам ?':'−'+COST+' ✨ гармонии. К звёздам ?');
});
render();
console.log('? Блок 5: Сигнал в космос подключён');
})();
</script>
<style>
#mv6-wheel-btn{position:fixed;left:16px;bottom:204px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(245,158,11,.45);transition:transform .2s}
#mv6-wheel-btn:hover{transform:scale(1.1)}
#mv6-vault-btn{position:fixed;left:16px;bottom:268px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#8B5CF6,#3B82F6);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(139,92,246,.45);transition:transform .2s}
#mv6-vault-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv6-wheel-btn{bottom:80px}#mv6-vault-btn{bottom:140px}}
#mv6-wheel-mask,#mv6-vault-mask{position:fixed;inset:0;z-index:411;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.72);backdrop-filter:blur(4px)}
#mv6-wheel-mask.open,#mv6-vault-mask.open{display:flex}
.mv6-card{width:min(440px,92vw);max-height:86vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#171034,#0d0a1c);border:1px solid rgba(245,158,11,.4);box-shadow:0 30px 60px rgba(0,0,0,.5);font-family:Inter,system-ui,sans-serif}
.mv6-card.violet{border-color:rgba(139,92,246,.4)}
.mv6-card h3{margin:0 0 4px;font-size:20px;color:#fbd38d}
.mv6-card.violet h3{color:#c4b5fd}
.mv6-sub{font-size:12px;color:#a79ec9;margin-bottom:14px}
.mv6-wheel-wrap{position:relative;width:280px;height:280px;margin:0 auto 16px}
#mv6-canvas{width:100%;height:100%;display:block}
.mv6-pointer{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #f0d68a;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));z-index:2}
.mv6-spin{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;font-weight:700;font-size:15px;cursor:pointer}
.mv6-spin:disabled{opacity:.5;cursor:not-allowed}
.mv6-note{font-size:11px;color:#8a84a8;text-align:center;margin-top:8px}
.mv6-vault-item{border:1px solid rgba(139,92,246,.4);border-radius:12px;padding:12px;margin-bottom:10px;background:rgba(139,92,246,.08)}
.mv6-vault-amt{font-size:20px;font-weight:800;color:#c4b5fd}
.mv6-vault-sub{font-size:12px;color:#a79ec9;margin-top:2px}
.mv6-collect{width:100%;padding:10px;margin-top:8px;border:none;border-radius:10px;background:#10B981;color:#fff;font-weight:700;cursor:pointer}
.mv6-lock-form{display:flex;gap:8px;margin-top:12px}
.mv6-lock-form input{flex:1;padding:11px 14px;border-radius:10px;border:1px solid rgba(139,92,246,.4);background:rgba(36,26,82,.4);color:#efe9dc;font-size:15px}
.mv6-lock-form button{padding:11px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#8B5CF6,#3B82F6);color:#fff;font-weight:700;cursor:pointer}
.mv6-close{margin-top:14px;width:100%;border:1px solid rgba(245,158,11,.4);background:none;color:#fbd38d;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
.mv6-card.violet .mv6-close{border-color:rgba(139,92,246,.4);color:#c4b5fd}
</style>
<button id="mv6-wheel-btn" title="Колесо Фортуны">?</button>
<button id="mv6-vault-btn" title="Сейф Гармонии">?️</button>
<div id="mv6-wheel-mask"><div class="mv6-card">
<h3>? Колесо Фортуны</h3>
<div class="mv6-sub">Крути раз в день — забирай бонусную гармонию</div>
<div class="mv6-wheel-wrap"><div class="mv6-pointer"></div><canvas id="mv6-canvas" width="280" height="280"></canvas></div>
<button class="mv6-spin" id="mv6-spin">Крутить колесо</button>
<div class="mv6-note" id="mv6-wheel-note"></div>
<button class="mv6-close" id="mv6-wheel-close">Закрыть</button>
</div></div>
<div id="mv6-vault-mask"><div class="mv6-card violet">
<h3>?️ Сейф Гармонии</h3>
<div class="mv6-sub">Заморозь гармонию на 7 дней — получи +20% сверху</div>
<div id="mv6-vault-list"></div>
<div class="mv6-lock-form"><input type="number" id="mv6-lock-amt" placeholder="Сумма ✨" min="1" /><button id="mv6-lock-btn">Заморозить</button></div>
<div class="mv6-note">Сейф нельзя открыть досрочно. Терпение — тоже практика.</div>
<button class="mv6-close" id="mv6-vault-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
/* защита от дублей блока */
if(document.getElementById('mv6-wheel-btn'))return;
function lsGet(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function lsSet(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function toast(t,m,type){if(window.Toast&&Toast.show){Toast.show(t,m,type||'success')}else{alert(t+': '+m)}}
function harmony(){if(window.MV&&window.MV.harmony)return window.MV.harmony();return lsGet('mv_harmony',0)}
function addHarmony(n){if(window.MV&&window.MV.addHarmony){window.MV.addHarmony(n)}else{lsSet('mv_harmony',harmony()+n)}}
function spendHarmony(n){if(window.MV&&window.MV.spend)return window.MV.spend(n);var h=harmony();if(h>=n){lsSet('mv_harmony',h-n);return true}return false}
/* ── КОЛЕСО ── */
var SEGS=[
{v:5,c:'#F59E0B',l:'+5'},{v:10,c:'#8B5CF6',l:'+10'},{v:15,c:'#3B82F6',l:'+15'},
{v:20,c:'#10B981',l:'+20'},{v:3,c:'#EC4899',l:'+3'},{v:50,c:'#D4AF37',l:'+50'},
{v:8,c:'#06B6D4',l:'+8'},{v:12,c:'#EF4444',l:'+12'}];
var canvas=$('#mv6-canvas'),ctx=canvas.getContext('2d');
var curAngle=-Math.PI/2;
function drawWheel(angle){
var cx=140,cy=140,r=130,seg=Math.PI*2/SEGS.length;
ctx.clearRect(0,0,280,280);
for(var i=0;i<SEGS.length;i++){
var a0=angle+i*seg,a1=a0+seg;
ctx.beginPath();ctx.moveTo(cx,cy);ctx.arc(cx,cy,r,a0,a1);ctx.closePath();
ctx.fillStyle=SEGS[i].c;ctx.fill();ctx.strokeStyle='#0d0a1c';ctx.lineWidth=2;ctx.stroke();
ctx.save();ctx.translate(cx,cy);ctx.rotate(a0+seg/2);ctx.textAlign='center';ctx.textBaseline='middle';
ctx.fillStyle='#fff';ctx.font='bold 15px Inter';ctx.fillText(SEGS[i].l,r*0.68,0);ctx.restore();
}
ctx.beginPath();ctx.arc(cx,cy,26,0,Math.PI*2);ctx.fillStyle='#0d0a1c';ctx.fill();
ctx.strokeStyle='#D4AF37';ctx.lineWidth=2;ctx.stroke();
ctx.fillStyle='#f0d68a';ctx.font='16px Inter';ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText('✦',cx,cy);
}
drawWheel(curAngle);
function todayKey(){var d=new Date();return d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate()}
function canSpin(){return lsGet('mv6_lastspin','')!==todayKey()}
function updateSpinBtn(){var b=$('#mv6-spin');
if(canSpin()){b.disabled=false;b.textContent='Крутить колесо';$('#mv6-wheel-note').textContent='Сегодня доступно 1 вращение';}
else{b.disabled=true;b.textContent='Уже крутил сегодня';$('#mv6-wheel-note').textContent='Возвращайся завтра — новый день, новое вращение';}}
var spinning=false;
function spin(){
if(!canSpin()||spinning)return;spinning=true;$('#mv6-spin').disabled=true;
var idx=Math.floor(Math.random()*SEGS.length),seg=Math.PI*2/SEGS.length;
var target=2*Math.PI*5+(-Math.PI/2-idx*seg-seg/2);
var start=curAngle,dur=3500,t0=performance.now();
function anim(t){
var p=Math.min((t-t0)/dur,1),e=1-Math.pow(1-p,4);
curAngle=start+(target-start)*e;drawWheel(curAngle);
if(p<1)requestAnimationFrame(anim);
else{spinning=false;
var win=SEGS[idx].v;addHarmony(win);lsSet('mv6_lastspin',todayKey());
if(window.MV&&window.MV.addBlock)window.MV.addBlock('wheel','Колесо Фортуны: +'+win);
toast('Колесо Фортуны','Выпало +'+win+' ✨ гармонии!');
updateSpinBtn();}}
requestAnimationFrame(anim);
}
updateSpinBtn();
/* ── СЕЙФ ── */
var LOCK_DAYS=7,BONUS=0.20;
function vaults(){return lsGet('mv6_vaults',[])}
function saveVaults(v){lsSet('mv6_vaults',v)}
function renderVaults(){
var list=$('#mv6-vault-list'),vs=vaults(),now=Date.now();
if(!vs.length){list.innerHTML='<div class="mv6-note">Сейф пуст. Заморозь первую сумму.</div>';return}
list.innerHTML=vs.map(function(v,i){
var ready=now>=v.ready;
var left=Math.ceil((v.ready-now)/(24*3600*1000));
var out=Math.round(v.amt*(1+BONUS));
return '<div class="mv6-vault-item"><div class="mv6-vault-amt">'+v.amt+' ✨ → '+out+' ✨</div>'+
'<div class="mv6-vault-sub">'+(ready?'Готово к получению!':'Откроется через '+left+' дн.')+'</div>'+
(ready?'<button class="mv6-collect" data-i="'+i+'">Забрать '+out+' ✨</button>':'')+'</div>';
}).join('');
list.querySelectorAll('.mv6-collect').forEach(function(b){
b.addEventListener('click',function(){
var i=+b.dataset.i,vs2=vaults(),v=vs2[i];if(!v)return;
var out=Math.round(v.amt*(1+BONUS));
addHarmony(out);vs2.splice(i,1);saveVaults(vs2);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('vault','Сейф: +'+out+' ✨');
toast('Сейф Гармонии','Забрал '+out+' ✨ (вклад '+v.amt+' + 20%)');
renderVaults();
});
});
}
function lockHarmony(){
var amt=parseInt($('#mv6-lock-amt').value,10);
if(!amt||amt<1){toast('Сейф','Введи сумму больше 0','warning');return}
if(!spendHarmony(amt)){toast('Сейф','Не хватает гармонии (сейчас '+harmony()+' ✨)','warning');return}
var vs=vaults();vs.push({amt:amt,locked:Date.now(),ready:Date.now()+LOCK_DAYS*24*3600*1000});saveVaults(vs);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('vault','Сейф: заморожено '+amt+' ✨');
$('#mv6-lock-amt').value='';
toast('Сейф Гармонии','Заморожено '+amt+' ✨ на '+LOCK_DAYS+' дней');
renderVaults();
}
renderVaults();
/* ── привязка ── */
$('#mv6-wheel-btn').addEventListener('click',function(){$('#mv6-wheel-mask').classList.add('open');updateSpinBtn();drawWheel(curAngle)});
$('#mv6-vault-btn').addEventListener('click',function(){$('#mv6-vault-mask').classList.add('open');renderVaults()});
$('#mv6-spin').addEventListener('click',spin);
$('#mv6-lock-btn').addEventListener('click',lockHarmony);
$('#mv6-wheel-close').addEventListener('click',function(){$('#mv6-wheel-mask').classList.remove('open')});
$('#mv6-vault-close').addEventListener('click',function(){$('#mv6-vault-mask').classList.remove('open')});
$('#mv6-wheel-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
$('#mv6-vault-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open')});
setInterval(updateSpinBtn,60000);
console.log('? Блок 6: Колесо Фортуны + Сейф Гармонии подключён');
})();
</script>
<style>
#mv6-btn{position:fixed;left:16px;bottom:268px;z-index:400;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;font-size:22px;box-shadow:0 6px 20px rgba(245,158,11,.4);transition:transform .2s}
#mv6-btn:hover{transform:scale(1.1)}
@media(min-width:1000px){#mv6-btn{bottom:84px;left:16px}}
#mv6-mask{position:fixed;inset:0;z-index:411;display:none;align-items:center;justify-content:center;background:rgba(10,7,25,.74);backdrop-filter:blur(4px)}
#mv6-mask.open{display:flex}
#mv6-card{width:min(520px,92vw);max-height:88vh;overflow-y:auto;border-radius:18px;padding:22px;color:#efe9dc;background:linear-gradient(180deg,#171034,#0d0a1c);border:1px solid rgba(245,158,11,.4);box-shadow:0 30px 60px rgba(0,0,0,.5);font-family:Inter,system-ui,sans-serif}
#mv6-card h3{margin:0 0 4px;font-size:20px;color:#fbd38d}
#mv6-sub{font-size:12px;color:#a79ec9;margin-bottom:16px}
.mv6-tabs{display:flex;gap:8px;margin-bottom:16px}
.mv6-tab{flex:1;padding:9px;border-radius:10px;border:1px solid rgba(245,158,11,.3);background:none;color:#a79ec9;font-weight:700;cursor:pointer;font-size:13px}
.mv6-tab.on{background:rgba(245,158,11,.15);border-color:#F59E0B;color:#fbd38d}
.mv6-pane{display:none}
.mv6-pane.on{display:block}
.mv6-wheelwrap{position:relative;width:220px;height:220px;margin:0 auto 8px}
#mv6-wheel{width:220px;height:220px;border-radius:50%;background:conic-gradient(#D4AF37 0 45deg,#8B5CF6 45deg 90deg,#3B82F6 90deg 135deg,#EC4899 135deg 180deg,#F59E0B 180deg 225deg,#10B981 225deg 270deg,#D4AF37 270deg 315deg,#8B5CF6 315deg 360deg);border:4px solid rgba(245,158,11,.5);transition:transform 4s cubic-bezier(.17,.67,.12,.99);box-shadow:0 0 30px rgba(245,158,11,.25)}
.mv6-pointer{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #fbd38d;z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.mv6-wheelval{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:#171034;border:3px solid #F59E0B;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;color:#fbd38d;z-index:4}
#mv6-spinbtn{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;font-weight:800;font-size:15px;cursor:pointer;margin-top:8px}
#mv6-spinbtn:disabled{opacity:.5;cursor:not-allowed}
.mv6-note{font-size:12px;color:#a79ec9;margin-top:10px;text-align:center}
.mv6-vault{border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:14px;background:rgba(245,158,11,.06)}
.mv6-vrow{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:#efe9dc}
.mv6-vrow b{color:#fbd38d}
.mv6-lockform{display:flex;gap:8px;margin-top:12px}
.mv6-lockform input{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(245,158,11,.4);background:rgba(36,26,82,.4);color:#efe9dc;font-size:14px;min-width:0}
.mv6-lockform input:focus{outline:none;border-color:#F59E0B}
.mv6-lockform button{padding:10px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;font-weight:800;cursor:pointer}
.mv6-claim{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#10B981,#34D399);color:#fff;font-weight:800;cursor:pointer;margin-top:10px}
.mv6-claim:disabled{opacity:.5;cursor:not-allowed;background:#4B5563}
#mv6-close{margin-top:14px;width:100%;border:1px solid rgba(245,158,11,.4);background:none;color:#fbd38d;border-radius:10px;padding:10px;cursor:pointer;font-size:13px}
</style>
<button id="mv6-btn" title="Колесо и Сейф">?</button>
<div id="mv6-mask"><div id="mv6-card">
<h3>? Колесо и Сейф</h3>
<div id="mv6-sub">Ежедневный бонус + долгосрочное удержание гармонии</div>
<div class="mv6-tabs">
<button class="mv6-tab on" data-tab="wheel">? Колесо</button>
<button class="mv6-tab" data-tab="vault">? Сейф</button>
</div>
<div class="mv6-pane on" id="mv6-p-wheel">
<div class="mv6-wheelwrap"><div class="mv6-pointer"></div><div id="mv6-wheel"></div><div class="mv6-wheelval" id="mv6-wv">?</div></div>
<button id="mv6-spinbtn">Крутить колесо</button>
<div class="mv6-note" id="mv6-wheelnote">1 спин в день · гармония +1…8</div>
</div>
<div class="mv6-pane" id="mv6-p-vault">
<div class="mv6-vault">
<div class="mv6-vrow"><span>Заморожено</span><b id="mv6-locked">0</b></div>
<div class="mv6-vrow"><span>Будет</span><b id="mv6-willget">0</b></div>
<div class="mv6-vrow"><span>Откроется</span><b id="mv6-unlock">—</b></div>
<div class="mv6-vrow"><span>Гармонии сейчас</span><b id="mv6-have">0</b></div>
<div class="mv6-lockform"><input id="mv6-amt" type="number" min="1" placeholder="Сумма" /><button id="mv6-lockbtn">Заморозить</button></div>
<button class="mv6-claim" id="mv6-claimbtn" disabled="disabled">Забрать</button>
<div class="mv6-note">Заморозь гармонию на 7 дней → получишь +50%</div>
</div>
</div>
<button id="mv6-close">Закрыть</button>
</div></div>
<script>
(function(){
"use strict";
var $=function(s){return document.querySelector(s)};
function g(k,d){try{var v=localStorage.getItem(k);return v==null?d:JSON.parse(v)}catch(e){return d}}
function s(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}}
function harm(){if(window.MV&&window.MV.harmony)return window.MV.harmony();try{return +localStorage.getItem('mv_harmony')||0}catch(e){return 0}}
function addH(n){if(window.MV&&window.MV.addHarmony){window.MV.addHarmony(n);return}var h=harm()+n;s('mv_harmony',h);}
function spend(n){if(window.MV&&window.MV.spend)return window.MV.spend(n);var h=harm();if(h>=n){s('mv_harmony',h-n);return true}return false}
function toast(t,m){if(window.Toast&&Toast.show){Toast.show(t,m,'success')}}
/* ── ТАБЫ ── */
document.querySelectorAll('.mv6-tab').forEach(function(t){
t.addEventListener('click',function(){
document.querySelectorAll('.mv6-tab').forEach(function(x){x.classList.remove('on')});
document.querySelectorAll('.mv6-pane').forEach(function(x){x.classList.remove('on')});
t.classList.add('on');
$('#mv6-p-'+t.dataset.tab).classList.add('on');
});
});
/* ── КОЛЕСО ── */
var PRIZES=[2,3,5,1,8,3,5,2];
var spinState=g('mv6_spin',null);
var today=new Date().toDateString();
function spinUsed(){return spinState&&spinState.d===today}
function renderSpin(){
var b=$('#mv6-spinbtn');
if(spinUsed()){b.disabled=true;b.textContent='Уже крутил сегодня';$('#mv6-wv').textContent=spinState.v;}
else{b.disabled=false;b.textContent='Крутить колесо';}
}
$('#mv6-spinbtn').addEventListener('click',function(){
if(spinUsed())return;
var idx=Math.floor(Math.random()*PRIZES.length);
var deg=360*5 + (360-idx*45-22.5);
$('#mv6-wheel').style.transform='rotate('+deg+'deg)';
$('#mv6-spinbtn').disabled=true;
setTimeout(function(){
var prize=PRIZES[idx];
addH(prize);
spinState={d:today,v:prize};s('mv6_spin',spinState);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('wheel','Колесо +'+prize);
$('#mv6-wv').textContent=prize;
renderSpin();renderVault();
toast('Колесо','+'+prize+' гармонии!');
},4000);
});
/* ── СЕЙФ ── */
function getVault(){return g('mv6_vault',null)}
function setVault(v){s('mv6_vault',v)}
function renderVault(){
var v=getVault();
var now=Date.now();
$('#mv6-have').textContent=harm();
if(!v){
$('#mv6-locked').textContent='0';$('#mv6-willget').textContent='0';
$('#mv6-unlock').textContent='—';$('#mv6-claimbtn').disabled=true;
$('#mv6-claimbtn').textContent='Забрать';
return;
}
$('#mv6-locked').textContent=v.amt;
$('#mv6-willget').textContent=Math.round(v.amt*1.5);
var left=v.unlock-now;
if(left>0){
var d=Math.floor(left/864e5),h=Math.floor((left%864e5)/36e5);
$('#mv6-unlock').textContent=d+'д '+h+'ч';
$('#mv6-claimbtn').disabled=true;$('#mv6-claimbtn').textContent='Заморожено';
}else{
$('#mv6-unlock').textContent='Готово!';
$('#mv6-claimbtn').disabled=false;$('#mv6-claimbtn').textContent='Забрать +'+Math.round(v.amt*1.5);
}
}
$('#mv6-lockbtn').addEventListener('click',function(){
var amt=parseInt($('#mv6-amt').value,10);
if(!amt||amt<=0){toast('Сейф','Введи сумму');return}
if(getVault()){toast('Сейф','Уже есть активный сейф');return}
if(!spend(amt)){toast('Сейф','Не хватает гармонии');return}
setVault({amt:amt,lock:Date.now(),unlock:Date.now()+7*864e5});
if(window.MV&&window.MV.addBlock)window.MV.addBlock('vault','Сейф '+amt);
$('#mv6-amt').value='';renderVault();
toast('Сейф','Заморожено '+amt+' на 7 дней');
});
$('#mv6-claimbtn').addEventListener('click',function(){
var v=getVault();if(!v)return;
if(Date.now()<v.unlock){toast('Сейф','Ещё не время');return}
var get=Math.round(v.amt*1.5);
addH(get);setVault(null);
if(window.MV&&window.MV.addBlock)window.MV.addBlock('vault','Сейф +'+get);
renderVault();
toast('Сейф','Забрал '+get+' гармонии (+50%)');
});
$('#mv6-btn').addEventListener('click',function(){$('#mv6-mask').classList.add('open');renderSpin();renderVault();});
$('#mv6-close').addEventListener('click',function(){$('#mv6-mask').classList.remove('open');});
$('#mv6-mask').addEventListener('click',function(e){if(e.target===this)this.classList.remove('open');});
renderSpin();renderVault();
console.log('? Блок 6: Колесо и Сейф подключены');
})();
</script>
2026-08-30T10:59:45Z
https://pandoraburo.ru/ssl/u/pic/23/28e0c6a04211f1a10691d899ddef63/-/1787633987.png
1592962
https://www.pandoraburo.ru/