:root{--primary:#6c63ff;--primary-dark:#5a52d5;--danger:#ff4d4f;--success:#52c41a;--warning:#faad14;--bg:#0f0f1a;--bg-card:#1a1a2e;--bg-input:#252540;--text:#fff;--text-secondary:#a0a0b8;--border:#2d2d4a;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;line-height:1.6}button{cursor:pointer;border:none;font-family:inherit;font-size:18px}input,select,textarea{font-family:inherit;font-size:18px}.container{max-width:800px;margin:0 auto;padding:24px}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:12px;min-height:56px;padding:16px 32px;font-size:20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-social{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:16px;padding:18px;font-size:20px;font-weight:600;display:flex}.btn-google{color:#333;background:#fff}.btn-apple{color:#fff;background:#000}.btn-facebook{color:#fff;background:#1877f2}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px;padding:24px}.input-group{margin-bottom:20px}.input-group label{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600;display:block}.input-field{background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:16px;font-size:18px}.input-field:focus{border-color:var(--primary);outline:none}.select-field{background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23A0A0B8'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding:16px;font-size:18px}.record-btn{background:var(--primary);border:4px solid #6c63ff4d;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:40px auto;transition:all .3s;display:flex}.record-btn:hover{transform:scale(1.05);box-shadow:0 0 40px #6c63ff66}.record-btn.recording{background:var(--danger);border-color:#ff4d4f4d;animation:1.5s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ff4d4f80}70%{box-shadow:0 0 0 30px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.record-icon{color:#fff;font-size:48px}.result-box{background:var(--bg-input);border-radius:var(--radius);white-space:pre-wrap;border:2px solid var(--border);min-height:200px;padding:24px;font-size:20px;line-height:1.8}.status-badge{border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:600;display:inline-flex}.status-active{color:var(--success);background:#52c41a26}.status-expired{color:var(--danger);background:#ff4d4f26}.status-trial{color:var(--warning);background:#faad1426}.nav{background:var(--bg-card);border-top:1px solid var(--border);z-index:100;justify-content:space-around;padding:12px 0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-item.active{color:var(--primary)}.nav-item-icon{font-size:28px}.page-header{text-align:center;padding:24px 0}.page-header h1{margin-bottom:8px;font-size:28px;font-weight:700}.page-header p{color:var(--text-secondary);font-size:18px}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:500px;padding:32px}.modal h2{text-align:center;margin-bottom:20px;font-size:24px}.modal p{color:var(--text-secondary);margin-bottom:24px;font-size:18px;line-height:1.8}.checkbox-group{align-items:center;gap:12px;margin-bottom:24px;font-size:18px;display:flex}.checkbox-group input[type=checkbox]{width:24px;height:24px;accent-color:var(--primary)}.history-item{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.history-text{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:18px;display:-webkit-box;overflow:hidden}.history-date{color:var(--text-secondary);white-space:nowrap;font-size:14px}.history-actions{gap:8px;display:flex}.icon-btn{background:var(--bg-input);border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.icon-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.whatsapp-btn{color:#fff;z-index:99;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;display:flex;position:fixed;bottom:90px;right:24px;box-shadow:0 4px 12px #25d36666}.whatsapp-btn:hover{transform:scale(1.1)}.loading-spinner{border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;width:48px;height:48px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shortcut-hint{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:16px}.shortcut-keys{align-items:center;gap:8px;display:inline-flex}.key{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:4px 12px;font-size:16px;font-weight:600}@media (width<=600px){body{font-size:16px}.container{padding:16px}.btn{padding:14px 24px;font-size:18px}.record-btn{width:100px;height:100px}.record-icon{font-size:40px}}.main-content{padding-bottom:100px}