.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--spacing-md)}.modal-content{background:var(--bg-primary);border:3px outset var(--border-light);width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-header{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px}.modal-title{font-family:var(--font-main)}.modal-close{width:20px;height:20px;background:var(--bg-secondary);border:2px outset var(--border-light);color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono)}.modal-close:active{border-style:inset}.modal-body{padding:var(--spacing-md)}.tariffs-banner{width:100%;height:auto;margin-bottom:var(--spacing-md);border:1px solid var(--border-light)}.tariffs-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tariff-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-light);cursor:pointer;font-family:var(--font-main);text-align:left;width:100%}.tariff-item:hover{background:var(--bg-card)}.tariff-item.selected,.tariff-item.popular{background:var(--bg-card);border:2px solid var(--border-color)}.tariff-item.free-test{background:#f0fff0;border:2px solid #2e7d32}.tariff-item:disabled{opacity:.6;cursor:not-allowed}.tariff-info{display:flex;align-items:center;gap:var(--spacing-sm)}.tariff-label{font-size:14px;color:var(--link-color);text-decoration:underline}.tariff-discount{font-size:11px;font-weight:700;color:var(--status-active);font-family:var(--font-mono)}.tariff-badge{font-size:10px;font-weight:700;color:var(--accent-red);font-family:var(--font-mono);text-transform:uppercase}.tariff-price-group{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.tariff-price-rub{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.payment-choice-container{display:flex;flex-direction:column;gap:20px}.selected-plan-summary{background:var(--bg-secondary);border:1px inset var(--border-light);padding:10px;text-align:center}.selected-plan-summary h3{margin:0;font-size:16px;color:var(--link-color)}.selected-plan-summary p{margin:5px 0 0;font-size:12px;color:var(--text-muted)}.mock-payment-note{padding:10px;background:#fff4bf;border:1px solid #cc9900;color:#6b4e00;font-size:12px;text-align:center}.payment-options{display:flex;flex-direction:column;gap:12px}.payment-option-btn{display:flex;align-items:center;gap:15px;padding:15px;background:var(--bg-primary);border:2px outset var(--border-light);cursor:pointer;width:100%;text-align:left;transition:all .2s}.payment-option-btn:active{border-style:inset}.payment-option-btn .icon{font-size:24px}.payment-option-btn .text{display:flex;flex-direction:column}.payment-option-btn .title{font-weight:700;font-size:14px}.payment-option-btn .price{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.btn-back{margin-top:10px;background:none;border:none;color:var(--link-color);font-size:12px;cursor:pointer;text-decoration:underline;text-align:center}.tariffs-hint{margin-top:var(--spacing-md);font-size:12px;color:var(--text-muted);text-align:center;font-style:italic}.profile-page{display:flex;flex-direction:column}.subscription-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:13px}.subscription-info{color:var(--text-secondary)}.buy-btn{margin-top:var(--spacing-md)}.mock-badge{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:#fff4bf;border:1px solid #cc9900;color:#6b4e00;font-size:12px}.subscription-link-box{margin:var(--spacing-sm) 0;padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-light)}.subscription-link-label{margin-bottom:6px;font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.subscription-link-value{display:block;overflow-wrap:anywhere;font-size:11px;color:var(--text-primary)}.subscription-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.trial-btn{margin-top:var(--spacing-sm);width:100%;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;box-shadow:0 4px 15px #4caf5033;transition:all .2s ease;margin-bottom:var(--spacing-sm)}.trial-btn:active{transform:scale(.98)}.referral-page{display:flex;flex-direction:column}.page-title{font-size:18px;font-weight:700;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.page-desc{font-size:13px;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.balance-card{background:var(--bg-card);border:2px solid var(--border-color);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.balance-label{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase}.balance-amount{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm) 0}.balance-value{font-size:32px;font-weight:700;color:var(--link-color)}.balance-star{font-size:24px}.balance-hint{font-size:12px;color:var(--text-muted);font-style:italic}.ref-link-card{background:var(--bg-primary);border:2px solid var(--border-color);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.ref-link-label{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:var(--spacing-sm)}.ref-link-box{background:var(--bg-secondary);border:2px inset var(--border-light);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);word-break:break-all;font-family:var(--font-mono);font-size:12px}.btn+.btn{margin-top:var(--spacing-sm)}.btn.copied{background:var(--status-active)!important;color:#fff}.ref-stats{display:flex;justify-content:space-around;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-light);margin-bottom:var(--spacing-md)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase}.stat-divider{width:1px;background:var(--border-light)}.support-page{display:flex;flex-direction:column}.support-content{text-align:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-md)}.support-title{font-size:18px;font-weight:700;margin-bottom:var(--spacing-sm)}.support-desc{font-size:13px;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.support-btn{max-width:250px;margin:0 auto}.support-gif img{max-width:100px}.faq-section{background:var(--bg-primary);border:2px solid var(--border-color);padding:var(--spacing-md)}.faq-title{font-size:14px;font-weight:700;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border-light)}.faq-item:last-child{border-bottom:none}.faq-question{padding:var(--spacing-sm) 0;font-size:13px;color:var(--link-color);cursor:pointer;list-style:none;text-decoration:underline}.faq-question::-webkit-details-marker{display:none}.faq-question:before{content:"[+] ";font-family:var(--font-mono);text-decoration:none;color:var(--text-muted)}.faq-item[open] .faq-question:before{content:"[-] "}.faq-answer{padding:var(--spacing-sm) var(--spacing-md);font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);margin-bottom:var(--spacing-sm)}.faq-answer p{margin-bottom:var(--spacing-xs)}.faq-answer p:last-child{margin-bottom:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:stretch;background:var(--bg-secondary);border-top:2px solid var(--border-color);padding:0;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--spacing-sm) var(--spacing-xs);background:linear-gradient(180deg,#fff,#ddd);border:none;border-right:1px solid var(--border-light);cursor:pointer;font-family:var(--font-main)}.nav-item:last-child{border-right:none}.nav-item:hover{background:linear-gradient(180deg,#eee,#ccc)}.nav-item:active{background:linear-gradient(180deg,#ccc,#ddd)}.nav-icon{font-size:18px}.nav-label{font-size:10px;color:var(--text-primary)}.nav-item.active{background:var(--bg-card);border-bottom:3px solid var(--accent-yellow)}.nav-item.active .nav-label{font-weight:700;color:var(--link-color)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.app-content{flex:1;padding:var(--spacing-md);padding-bottom:70px;max-width:600px;margin:0 auto;width:100%}.page{padding-top:var(--spacing-sm)}.card{background:var(--bg-primary);border:2px solid var(--border-color);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-header{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--spacing-sm);font-family:var(--font-mono)}.highlight-box{background:var(--bg-card);border:2px solid var(--border-color);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-main);font-size:14px;font-weight:400;border:2px outset var(--border-light);background:linear-gradient(180deg,#fff,#ddd);color:var(--text-primary);cursor:pointer;text-align:center;text-decoration:none}.btn:hover{background:linear-gradient(180deg,#eee,#ccc)}.btn:active{border-style:inset;background:linear-gradient(180deg,#ccc,#ddd)}.btn-primary{background:linear-gradient(180deg,#fc0,#f90);border-color:#c90;font-weight:700}.btn-primary:hover{background:linear-gradient(180deg,#fd3,#fa0)}.btn-block{display:block;width:100%}.user-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:2px solid var(--border-color);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.user-info{display:flex;flex-direction:column}.user-greeting{font-size:12px;color:var(--text-muted)}.user-name{font-size:18px;font-weight:700}.user-id{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.user-avatar{width:48px;height:48px;border:2px solid var(--border-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.subscription-card{background:var(--bg-primary);border:2px solid var(--border-color);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.subscription-status{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.subscription-icon{font-size:16px}.subscription-title{font-size:16px;font-weight:700}.subscription-desc{color:var(--text-secondary);font-size:13px;margin:var(--spacing-sm) 0;padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-light)}.subscription-badge{font-size:12px;font-weight:700;font-family:var(--font-mono)}.subscription-badge.active{color:var(--status-active)}.subscription-badge.inactive{color:var(--status-inactive)}.action-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border:1px solid var(--border-light);border-bottom:2px solid var(--border-color);padding:var(--spacing-md);cursor:pointer}.action-card:hover{background:var(--bg-secondary)}.action-left{display:flex;align-items:center;gap:var(--spacing-md)}.action-icon{font-size:20px}.action-text{display:flex;flex-direction:column}.action-title{font-size:14px;font-weight:700;color:var(--link-color);text-decoration:underline}.action-desc{font-size:12px;color:var(--text-muted)}.action-arrow{color:var(--text-muted);font-family:var(--font-mono)}.gif-container{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.gif-container img{max-width:150px;height:auto;border:1px solid var(--border-light)}table{width:100%;border-collapse:collapse;font-size:13px}table th,table td{border:1px solid var(--border-color);padding:var(--spacing-sm);text-align:left}table th{background:var(--bg-secondary);font-weight:700}table tr:hover{background:var(--bg-card)}input,select,textarea{font-family:var(--font-main);font-size:14px;padding:var(--spacing-sm);border:2px inset var(--border-light);background:var(--bg-primary)}input:focus,select:focus,textarea:focus{outline:1px dotted var(--border-color)}:root{--bg-primary: #FFFFFF;--bg-secondary: #F7F7F7;--bg-card: #FFFFCC;--bg-card-alt: #EEEEEE;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--link-color: #0000EE;--link-visited: #551A8B;--accent-purple: #551A8B;--accent-yellow: #FFCC00;--accent-red: #CC0000;--border-color: #000000;--border-light: #CCCCCC;--status-active: #009900;--status-inactive: #CC0000;--font-main: Georgia, "Times New Roman", Times, serif;--font-mono: "Courier New", Courier, monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-main);font-size:14px;background:var(--bg-primary);color:var(--text-primary);line-height:1.5}#root{min-height:100%;display:flex;flex-direction:column}a{color:var(--link-color);text-decoration:underline}a:visited{color:var(--link-visited)}a:hover{color:var(--accent-red)}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:var(--bg-secondary);border:1px solid var(--border-light)}::-webkit-scrollbar-thumb{background:var(--border-light);border:1px solid var(--border-color)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.blink{animation:blink 1s step-start infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.pixel-border{border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color)}.retro-box{background:var(--bg-card);border:2px solid var(--border-color);padding:var(--spacing-md)}hr{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-md) 0}